/*--Site design by bitnbydesign. Email: todd@bitnbydesign.com --/
/-- Website development by Blue Hill, Inc. Email: blue_hill_inc@mac.com --/
/-- Revision Date 2003-07-23 --*/

/* Overall Page */

body { border: 0px; background-color: #FFF; font-family: Verdana; font-size: 10px; }

/* Layer Control (for all pages) */

#topbar { position:absolute; top:0px; left:0px; width:760px; height:30px; background-color: #000; z-index:10; }

#midsection { position:absolute; top:30px; left:0px; width:760px; height: 372px; background-color: #F60; z-index:11; }

#lowerbar { position:absolute; top:402px; left:0px; width:760px; height: 16px; background-color: #FC6; z-index:12; }

#orangeline { position:absolute; top:418px; left:0px; width:760px; height: 3px; background-color: #F60; z-index:13; }

#bottombar { position:absolute; top:421px; left:0px; width:760px; height: 34px; background-color: #000; z-index:14; }

#copyright { position:absolute; top:440px; left:540px; text-align:left; vertical-align:bottom; z-index:20; font-family: Helvetica; font-size: 10px; color:#F60; font-weight: bold; }

#bottomnav {position:absolute; top:422px; left:0px; vertical-align:top; z-index:60; }


/* Layer Control (for home page) */

#hometext { position:absolute; top:190px; left:150px; visibility:hidden; z-index:50; }

#servicetext { position:absolute; top:90px; left:155px; text-align:left; font-family:Verdana; font-size:13px; letter-spacing:.03em; color:#000; background-color:#F60; visibility:hidden; z-index:50; }

#studiotext { position:absolute; top:80px; left:120px; width:508px; text-align:left; vertical-align:middle; font-family:Verdana; font-weight:bold; font-size:13px; letter-spacing:.03em; line-height:1.5em; color:#FC6; background-color:#F60; visibility:hidden; z-index:50; }

#portfoliotext { position:absolute; top:30px; left:0px; font-family:Verdana; font-size:11px; letter-spacing:.03em; color:#000; visibility:hidden; z-index:50; }

#contact { position:absolute; top:198px; left:465px; visibility:hidden; z-index:29; }

#todd {position:absolute; top:373px; left:575px; font-family:Verdana; font-size:14px; color:#FFF; visibility:hidden; z-index:50; }

#links { position:absolute; top:198px; left:465px; visibility:hidden; z-index:34; }
#linktext {position:absolute; top:280px; left:545px; font-family:Verdana; font-size:15px; font-style:bold; color:#FFF; text-align: right; visibility:hidden; z-index:50; }

#fineart {position:absolute; top:200px; left:220px; font-family:Verdana; font-size:18px; font-style:bold; color:#FC6; visibility:visible; z-index:50; }

#bnbanim { position:absolute; top:4px; left:0px; width:343px; height:55px; border:0px; visibility:visible; z-index:40; }

#newsbits { position:absolute; top:388px; left:0px; width:760px; font-size:13px; font-style:italic; text-align:center; visibility:hidden; z-index:50; }

#playreelhome { position:absolute; top:5px; left:640px; font-size:11px; text-align:left; vertical-align:bottom; z-index:50; }


/* Layer Control (for individual pages) */

#bnblogo { position:absolute; top:0px; left:0px; width:343px; height:55px; visibility:visible; z-index:40; }

#portfolio { position:absolute; top:30px; left:0px; font-family:Verdana; font-size:11px; letter-spacing:.03em; color:#000; z-index:50; }

#portfolio44 { position:absolute; top:44px; left:0px; vertical-align:top; z-index:50; }

#portfolio4 { position:absolute; top:58px; left:0px; vertical-align:top; z-index:50; }

#portfolio2 { position:absolute; top:83px; left:0px; z-index:50; }

#portfolio100 { position:absolute; top:100px; left:0px; z-index:50; }

#portfolio117 { position:absolute; top:117px; left:0px; z-index:50; }


/* Text Control */

a:link { color:#000; text-decoration:none; }
a:active { color:#000; text-decoration:none; }
a:visited {color:#000; text-decoration:none; }
a:hover { color: #FFF; text-decoration:none; }

#todd a:link { color:#FFF; text-decoration:none; }
#todd a:active { color:#FFF; text-decoration:none; }
#todd a:visited {color:#FFF; text-decoration:none; }
#todd a:hover { color: #FC6; text-decoration:none; }

#linktext a:link { color:#FFF; text-decoration:none; }
#linktext a:active { color:#FFF; text-decoration:none; }
#linktext a:visited {color:#FFF; text-decoration:none; }
#linktext a:hover { color: #FC6; text-decoration:none; }

.portfolio { text-align:left; vertical-align:top; font-family:Verdana; font-size:11px; letter-spacing:.03em; color:#000; }
.portfolio1 h4 { font-family:Verdana; font-size:13px; font-weight:bold; color:#FC6; vertical-align:top; }
.portfolio2 h4 { font-family:Verdana; font-size:13px; font-weight:bold; color:#FC6; vertical-align:top; }
.portfolio h4 { font-family:Verdana; font-size:13px; font-weight:bold; color:#FC6; vertical-align:top; }

.port26text { height:26px; font-family:Verdana; font-size:12px; color:#000; vertical-align:top; z-index:50; }
.port15text { height:15px; font-family:Verdana; font-size:12px; color:#000; vertical-align:top; z-index:50; }
.port35text { height:35px; font-family:Verdana; font-size:12px; color:#000; vertical-align:top; z-index:50; }
.port40text { height:40px; font-family:Verdana; font-size:12px; color:#000; vertical-align:top; z-index:50; }
.service { text-align:left; font-family:Verdana; font-size:13px; letter-spacing:.03em; color:#000; background-color:#F60; }

.title { font-family:Verdana; font-size:14px; font-weight:bold; color:#FC6; vertical-align:top; }

#playport1 { position:absolute; top:155px; left:155px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#playport2 { position:absolute; top:300px; left:60px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#playport2b { position:absolute; top:300px; left:170px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#movieplay1 { position:absolute; top:88px; left:220px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#movieplay2 { position:absolute; top:108px; left:252px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#movieplay3 { position:absolute; top:108px; left:284px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#movieplay4 { position:absolute; top:108px; left:260px; font-size:11px; text-align:left; vertical-align:bottom; z-index:80; }

#back1 { position:absolute; top:355px; left:350px; text-align:left; vertical-align:bottom; z-index:80; }
#back2 { position:absolute; top:320px; left:350px; text-align:left; vertical-align:bottom; z-index:80; }
#back3 { position:absolute; top:275px; left:350px; text-align:left; vertical-align:bottom; z-index:80; }