@import url('yui-reset.css');
*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#top{width:100%;height:100%;overflow:hidden}
body{font-family: Helvetica, Arial, Geneva, sans-serif; font-size:12px;cursor:default;background:url(../images/load.png);color:#fff}
a{text-decoration:none;color:#fff;outline:0}
img{display:block}
p{font-family: Helvetica, Arial, Geneva, sans-serif; font-size:12px;line-height:14.4px;}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#top{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#menu{position:absolute;bottom:390px;left:50px;z-index:80;line-height:12px}
.box{position:absolute;top:0%;left:50px;width:500px;padding-bottom:15px;background-color:#000;}
.box div a{text-decoration:none}
.box #logo {background: url(../images/logo.png) no-repeat;display:block; height:82px;width:152px;text-indent:-9999px;margin: 10px 0px 0px 10px;}
.slogan{font-size: 12px;color: #fff;right:15px;bottom: 20px;position:absolute;}
/*tabs*/
.container {width:500px; margin: 10px auto;position:absolute;}
.dash{color: #FFFF33}
/*menu tabs*/
ul#tabs {margin: 0 0 0px 0;padding: 0 0 0px 0;float: left;list-style: none;width: 100%;}
ul#tabs li {float: left;margin: 0 10px 0 0;padding: 0;line-height: 25px;border-left: none;height: 30px;width: 90px;overflow: hidden;position: relative;}
ul#tabs li a {background: url(../images/sprite.png) no-repeat;text-decoration: none;color: #fff;display: block;height: 30px;width: 90px;text-transform:uppercase;padding: 0px 10px 0px 10px;outline: none;}

ul#tabs li a.studiolink{background-position: 0px -222px;}
ul#tabs li a:hover.studiolink{background-position: 0px -250px;}
ul#tabs li a.studiolinkactive{
background-position: 0px -490px;}
#tabs li a.serviceslink{background-position: 0px -166px}
#tabs li a:hover.serviceslink{background-position: 0px -194px;}
ul#tabs li a.serviceslinkactive{background-position: 0px -450px;}

#tabs li a.gallerylink{background-position: 0px -54px;}
#tabs li a:hover.gallerylink{background-position: 0px -82px;}
ul#tabs li a.gallerylinkactive{}

#tabs li a.presslink{background-position: 0px -110px;}
#tabs li a:hover.presslink{background-position: 0px -138px;}
ul#tabs li a.presslinkactive{background-position: 0px -410px;}

#tabs li a.contactlink{background-position: 0px 2px;}
#tabs li a:hover.contactlink{background-position: 0px -26px;}
ul#tabs li a.contactlinkactive{background-position: 0px -370px;}

/*studio tabs*/
ul.tabNavigation {list-style: none;margin:0 0 15px 0;padding: 0;font-size: 12px;
}
ul.tabNavigation li {display: inline;}
ul.tabNavigation li a {padding:0 5px 0 0;color: #fff;text-decoration: none;}
ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {color: #FFFF33;}
div.tabs > div {padding: 5px;margin-top: 3px;}
div.tabs > div h3{margin-top: 5px;}
#first {background-color: #000;}
#second {background-color: #000;}
#third {background-color: #000;}

/*added about tab*/	
ul.about{list-style: none;margin:-27px 0 7px 159px;padding: 0;font-size: 12px;}
ul.about li {display: inline;}
ul.about li a {padding:0 5px 0 0;color: #fff;text-decoration: none;}
ul.about li a.selected,ul.about li a:hover{color:#FFFF33;}

/*tab container*/
.tab_container {border-top: none;clear: both;float: left;width: 98%;background: #000;}
.tab_content {padding: 10px 20px 30px 35px;font-size: 12px;}
.tab_content h2 {font-weight: normal;padding-bottom: 10px;font-size: 12px;}
.tab_content a{font-size: 12px;text-decoration:underline;}
.tab_content a:hover{color:#FFFF33;}
.tab_content img {float: left;margin: 0 20px 20px 0;border: 1px solid #ddd;padding: 5px;
}

.studiolist ul{
	float:left;
	list-style:none;
	font-size: 12px;
	color:#fff;
	margin:5px 30px 30px 0px;
}
.studiolist li{
	line-height: 16px;
	font-size: 12px;
}
.studiolist li a:hover{color:#FFFF33;}
#plan{
	position:absolute;
	background: url(../images/spaceplan.png) no-repeat;
	display:block;
	height: 518px;
	width: 475px;
	bottom: -130px;
	left: 730px;
}
#map{
	position:absolute;
	display:block;
	height: 518px;
	width: 475px;
	bottom: 70px;
	left: 730px;
}
#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(../images/gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
.galhomebtn{position:absolute;z-index:90;bottom:41px;right:615px;overflow:hidden; color: #fff;}
.galhomebtn a{width:50px; height:10px;float:left;background:#000;font-weight:bold;overflow:hidden;color: #fff; padding:3px 5px 7px 12px;
}
.galhomebtn a:hover{background:#fff;color:#000}
#photostop{position:absolute;top:0;left:0;z-index:90;overflow:hidden}
.photosbox{position:absolute;top:0%;left:50px;width:500px;padding-bottom:15px; z-index:90;background-color:#000;}
.photosbox div a{text-decoration:none}
.photosbox #photoslogo {background: url(../images/logo.png) no-repeat;display:block; height:82px;width:152px;  text-indent:-9999px;margin: 10px 0px 0px 10px;}
.photosslogan{color: #fff;right:15px;bottom: 20px;position:absolute;}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}

/*form css*/
.clear {
	clear:both
}
.block {
	float:left;
	width:400px;
	text-align:left;
}
.element * {
	padding:0px; 
	margin:2px; 
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size:12px;
}
.element label {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	float:left; 
	width:75px;
}
.element input.text {
	background-color:#666;
	float:left; 
	width:270px;
	padding-left:3px;
}
.element .textarea {
	background-color:#666;
	height:90px; 
	width:270px;
	padding-left:3px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(../images/iconCaution.gif) no-repeat 2px
}
.element #submit {
	background-color:#666;
	color:#000;
	float:right;
	margin-right:45px;
	cursor: pointer;
}
.loading {
	float:right; 
	background:url(../images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}
#footer{font-size: 11px;position:absolute;bottom:15px;right:50px;z-index:80;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{background-color: #000;}