*{ margin:0; padding:0; }

/* HEADER */
body { font-family:Verdana; font-size: 13px; line-height:11px; color:#000; background:#ffffff; }
#wrapper { position:relative; margin-left: auto; margin-right: auto;  width:940px; height: 600px; display:block; border:0px solid black; }
#menu { position:absolute; top:50px; left:0px; height: 70px; width:940px; border: 1px solid black; font-weight: 500; }
#logo { position:absolute; left:40px; top: 50px; height: 105px; width: 302px; background: url(../images/logo.png) left top no-repeat; }
#content { position: relative; top:160px; left:0px; height: auto; width:940px; border: 1px solid black; font-weight: 500; background: #762812;   
-moz-box-shadow:inset 0 0 5px #000000;
-webkit-box-shadow:inset 0 0 5px #000000;
box-shadow:inset 0 0 5px #000000; overflow: hidden;
}
#inner { position:relative; padding: 20px; margin: 20px; width: 860px;  height:300px; background: black; border: 2px solid white;  margin-left: auto; margin-right: auto; 
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
box-shadow: 0 1px 5px rgba(0,0,0,.1);
overflow: hidden; 
}
.menuText { position: relative; bottom: 15px; display:inline; }
.redBar { width: 3px; height: 40px;  background: #762812; margin:15px 15px 0px 15px; display: inline-block; }
.activeMenu a, a:link, a:visited, a:active { color:#762812;}

#finFlag { position: absolute; width: 30px; height: 30px; top: 10px; right:40px; background: url(../images/fin.png) top left no-repeat;  }
#engFlag { position: absolute; width: 30px; height: 30px; top: 10px; right:0px; background: url(../images/eng.png) top left no-repeat;  }


/* Text aligning and stuff */
.leftSide { position: absolute; width: 422px; height:auto; left:20px; top:20px; overflow: hidden;}
.leftSide img { border: 1px solid white;  }
.rightSide { position: absolute; width: 392px; height:auto; right:20px; top:20px; overflow: hidden; }
.plainText { font-family: Verdana; color: white; font-size: 12px; line-height: 16px;}

/* Studios */
#firstroom { position:absolute; left:44px; top:26px; background: url(../images/studios/firstroom.png); height:360px; width:148px; z-index:20; opacity: 0.4; cursor: pointer;}

#studioBig { position:absolute; left:205px; top:65px; background: url(../images/studios/studio.png); height:355px; width: 370px; z-index:1; opacity: 0.4; cursor: pointer;}

#booth1 {position:absolute; left: 275px; top: 338px; background: url(../images/studios/booth1.png); height: 81px; width: 154px; z-index:13;opacity: 0.4; cursor: pointer;}
#booth2 {position:absolute; left:430px ; top:338px ; background: url(../images/studios/booth2.png); height:81px ; width: 80px; z-index:13;opacity: 0.4; cursor: pointer;}
#booth3 {position:absolute; left:512px ; top:338px ; background: url(../images/studios/booth3.png); height:81px ; width: 65px ; z-index:13;opacity: 0.4; cursor: pointer;}

#control1 {position:absolute; left:592px ; top:65px; background: url(../images/studios/control1.png); height: 172px; width: 150px;opacity: 0.4; cursor: pointer;}
#control2 {position:absolute; left:592px ; top:244px; background: url(../images/studios/control2.png); height: 172px; width: 150px;opacity: 0.4; cursor: pointer;}
#vocBooth {position:absolute; left: 765px; top: 187px; background: url(../images/studios/vocbooth.png); height: 116px; width: 88px;opacity: 0.4; cursor: pointer;}


#map { background: url(../images/map.jpg) top center; width:852px; height: 434px; opacity: 0; margin-left: auto; margin-right: auto; }

.studioText { font-family: Verdana; font-weight: bold; font-size: 14px; color: #5a5250; display: table-cell; vertical-align: middle; margin-left: auto; margin-right: auto; line-height: 16px;}

/* Projects */
#albums {background: url(../images/albums.jpg) top left; width:390px; height: 473px;}

/* History */
#oldStudio  {background: url(../images/history.jpg) top left; width:390px; height: 293px;border: 1px solid white;}

/* Contact */
.rightSideContact { position: absolute; height: 105px; width: 302px; right:70px; top:100px; overflow: hidden; background: url(../images/logo2.png) left top no-repeat; }
.leftSideContact { position: absolute; width: 272px; height:auto; left:20px; top:20px; overflow: hidden; }
.middle { position: absolute; width: 202px; height:auto; left:312px; top:20px; overflow: hidden;  } 

/* Links & Texts */
h1 { font-family: Verdana; color: white; font-size: 16px; line-height: 16px;}
a img {	border: 0px solid #FFF; }
a.HistoryLink:link { color:#FFF; text-decoration: underline; }
a.HistoryLink:visited { color:#FFF; text-decoration: none; }
a.HistoryLink:active  { color:#FFF; text-decoration: none; }
a.HistoryLink:hover { color:#762812; text-decoration: none; }

a:link, a:visited, a:active { color:#000000; text-decoration: none; }
a:hover{ color: #762812; text-decoration: none; }

/* SLIDESHOW */
#slideshowContainer{ width: 422px; height: 302px; }
#slideshow { position: absolute; left:0px; top: 0px; width: 100%; height: 467px; z-index: 9;}

/* FOOTER */
#line1 { position: relative; background: #000000; height:1px; width: 840px; left:50px; top: 180px;}
#line2 { position: relative; background: #000000; height:1px; width: 640px; left:150px; top: 210px;}
#lineText { position: relative; height:20px; width: 480px; left: 10px; top: 200px;margin-left: auto; margin-right: auto; font-size: 16px; font-family: Times; letter-spacing:3px; } 

/* EQUIPMENT TAB */
.equipment b { line-height: 16px; }
.equipment { font-size: 10px;}
.slide-out-div {
font-family: Verdana;
font-size: 12px;
line-height: 11px;
padding: 10px;
width: 770px;
height: 377px;
color: #fff;
background: #000;
z-index: 100; 
 }      


#History1 {display:none;}
#Studios1 {display:none;}
#Projects1 {display:none;}
#Contact1 {display:none;}