body { margin: 0px; padding: 0px; }
body { font: 12px Helvetica, Arial; color: #444; }
p { margin-bottom: 15px; text-align:justify; }
br {margin-bottom: 5px;}
img { border: 0 none; }
a, a:visited, a:link, a:active { color: #777; text-decoration: none; font-weight: normal; }
a:hover { color: #ff0066; text-decoration: none; }

#outer { #position:relative; display:table; height:100%; #height:95%; overflow:hidden; cursor:default; }
#middle { #position:absolute; #top:50%; #height:0px;#width:7500px; display:table-cell; vertical-align:middle; }
#inner { #position:relative; position:relative; #top:-50%; height:500px; width:10px; overflow:hidden; }

#drag-prompt { position:absolute; top:30%; left:300px; width:165px; height:32px; z-index:20; }

#logo_arts { position:absolute; top:33%; left:20px; width:73px; height:32px; z-index:10; }
#logo2 { position:absolute; top:33%; left:104px; width:222px; height:32px; z-index:9; }                        
#bridging { position:absolute; top:36%; left:340px; width:328px; height:18px; z-index:9; cursor: pointer; }                        
#line  { position:absolute; top:32%; left:100px; width:7000px; height:43px; z-index:5; background: transparent url(../images/line.png) no-repeat scroll 0 0;  }

#cover  { position:absolute; top:0px; left:88px; width:1px; height:500px; z-index:8; }

#coverborder { position:relative; left:0; top:0; width:33px; height:500px; background: transparent url(../images/sideborder.png) no-repeat scroll 0 0; margin: 0; padding: 0; }
#coverfill { position:absolute; left:33px; top:0; background-color: #fff; width:100%; height:500px; margin: 0; padding: 0;}

/* SECTIONS */

.section { z-index:7; width: 500px; }
.titles { position:relative;  }
.descText { position:relative; margin-top: 50px; width: 400px; line-height: 1.4; }
.subcat { position:relative; margin-top: 50px; width:525px; }
.subcat ul { list-style-type: none; list-style-position: outside; padding: 0; margin:0; }
.subcat ul li { float: left; padding: 0 15px 0 0; }

a.sublink { font-size: 12px; color: #000; font-weight: bold !important; }
a:hover.sublink { color: #FF0066 !important; }
.selected { color: #FF0066 !important; }

#intro  { position:absolute; top:140px; left:750px; }
#about  { position:absolute; top:140px; left:2300px; }
#services  { position:absolute; top:140px; left:3800px; }
#team  { position:absolute; top:140px; left:5500px; }
#contact  { font-size:12px; font-weight: bold; position:absolute; top:210px; left:7184px; z-index:4; }
#contact a { color: #000 !important; }
#contact a:hover { color: #FF0066 !important; }

/* SPLATS */

.aboveline { position:absolute; z-index:6; display:none; }
.belowline { position:absolute; z-index:3; display:none; }

#intro_splat1 { left:472px; top:23px; }
#intro_splat2 { left:484px; top:126px; }

#about_splat2 { left:2042px; top:146px; }
#about_splat3 { left:2072px; top:48px; }
#about_splat1 { left:1992px; top:118px; }

#services_splat1 { left:3997px; top:24px; }
#services_splat2 { left:4147px; top:68px; }
#services_splat3 { left:3546px; top:73px; }
#services_splat4 { left:3500px; top:11px; }

#team_splat1 { left:5220px; top:69px; }
#team_splat2 { left:5261px; top:144px; }

#contact_splat1 { left:6862px; top:35px; }
#contact_splat2 { left:7332px; top:130px; }


/* QUIKNAV */
#quicknav { font-size: 10px; position:fixed; width: 99%; margin-top:10px; left:0; z-index:100; text-align: right; height:35px; cursor:default;}
#qnbtn { width:400px; float:right; color:#666; cursor:pointer;}
#qnbtn #qmenu { height:15px; display:none; }

.btns { margin-top: 3px; }
.btns a,.btns a:visited,.btns a:link,.btns a:active { color: #ff0066; }
.btns a:hover { color: #666666; }