@charset "UTF-8";
/* CSS Document */

body {
margin:.5em;
padding:0;
height:100%;
background-color:#000000;
color:#000000;
text-align:center;
font-family: "55 Helvetica Roman", Arial, Helvetica, sans-serif; 
font-size:.9em;
/*position: relative; !!!!!! WHEN USED, THIS BREAKS THE SCROLL BAR WITH MOOTOOLS*/
margin-left: 15%;
}
img{border:none;}


	
#tabs {
	float:left;
	width:105%;
	font-size:100%;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:.10em;
	line-height:normal;
	}

#tabs ul {
	margin:0;
	padding:-20px 20px 20px 15px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	
	margin:0;
	padding:0px 5px 7px 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	
	padding:10px 9px 15px 4px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover {
	background:url(images/tabright.png);
	}

a.greenLink {
color:#339900;
text-decoration:none;
font-weight:bold;
}

a.greenLink:hover {
color:#000000;
text-decoration:none;
}

#containersmall {
height:1300px;
width: 900px;

}

#containertiny {
height:1000px;
width: 900px;

}


#container {
height:2000px;
width: 900px;

}


#headerMain {
height:200px;
width:900px;
background: url(images/studios_newhead.jpg);

}


#content{
height: 860px;
width: 900px;
background-image: url(images/allcontent.jpg);

}
#contentStudios{
height: 920px;
width: 900px;
background-image: url(images/allcontent.jpg);

}

#theScrollContainer{
width:680px;
height:120px;
overflow:auto;
margin:0 auto;
overflow-x:hidden;
overflow-y:hidden;
border:solid 0px #ffffff;
}

.theScrollSlider{
width:1200px;
height:100px;
padding:10px;
border:solid 0px #F00;
}



.aScrollSection{
margin:0;
width:100px;
float:left;
margin-right:20px;
}

#copybox{
width:800px;
height:650px;
margin-left:50px;
margin-top:25px;
}

#writing{
width:270px;
height:640px;
float:left;
background-color:#FFFFFF;
text-indent:5px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8; 
}

#media{
width:500px;
height:700px;
float:right;
}

#slideshow{
height:300px;
width:500px;
}

#contenthead{
width:270px;
height:25px;
background-color:#339900;
border:medium #000000;
}

#car{
width:275px;
height:110px;
float:right;
background:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}

#map{
width:275px;
height:130px;
float:right;
vertical-align:middle;
}

#buttons{
width:200px;
height:240px;
float:left;
}
.image2{
float:left;
padding:10px;
}

.image{
float:left;
padding:10px;
}

#links{
width:200px;
height:400px;
float:right;
}

.Image3{
padding:5px;
}

.logoImage{
padding-top:10px;
}

#treelinks{
	position:absolute;
	top:930px;
	left:640px;
width:370px;
height:75px;
background:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}

#footerMain{
height: 130px;
width: 900px;
background-image:url(images/allcontent.jpg);
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;

line-height:1.8em;


}


#extraContent{
height: 390px;
width: 900px;
background-image:url(images/allcontent.jpg);
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
padding-top:25px;
line-height:1.8em;

}

#aboutStudios{
width:350px;
height:350px;
margin-left:50px;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8; 
overflow:scroll;
padding-left:25px;
text-align:left;
color:#000000;
overflow-x:hidden;
padding-bottom:5px;
float:left;
line-height:13px;
}

#aboutCompanies{
width:350px;
height:350px;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8; 
overflow:scroll;
padding-left:25px;
text-align:left;
color:#000000;
border:thick, #000000;
overflow-x:hidden;
padding-bottom:5px;
float:right;
vertical-align:top;
margin-right:50px;
line-height:13px;
}

#newsPress{
width:780px;
height:350px;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8; 
overflow:scroll;
padding-left:25px;
text-align:left;
color:#000000;
border:thick, #000000;
overflow-x:hidden;
padding-bottom:10px;
float:right;
vertical-align:top;
margin-right:50px;
line-height:13px;
}

#thirdContent{
height: 400px;
width: 900px;
background-image:url(images/allcontent.jpg);
background-repeat:no-repeat;
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
padding-top:15px;
padding-right:10px;
line-height:1.8em;
}

#logo{
height: 20px;
width: 900px;
text-align:center;
}

#bookingLeft{
width:500px;
height:650px;
overflow:hidden;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
float:left;
margin-top:50px;
}

#bookingRight{
width:260px;
height:650px;
overflow:scroll;
overflow-x:hidden;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
float:right;
margin-top:50px;
}

#eventsLeft{
width:510px;
height:600px;
overflow:hidden;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
float:left;
margin-top:50px;
overflow:scroll;
overflow-x:hidden;

}



a.newsLink:link { color: #339900; text-decoration:none; font-size:12px; letter-spacing:.15em; }
a.newsLink:visited { color: #000000;  text-decoration:none;}
a.newsLink:hover { color: #339900; text-decoration:none; }


a.footLink:link { color: #FFffff; text-decoration:none; font-size:11px; letter-spacing:.15em; }
a.footLink:visited { color: #FFffff;  text-decoration:none; font-size:11px; letter-spacing:.15em;}
a.footLink:hover { color: #339900; text-decoration:none; }