/* ----- end float fix ----- */
body{
	background: #fff;
	color: #535d63;
	font: 70%  Arial, Helvetica, sans-serif;	
	text-align:center;
	line-height:170%;
	margin: 14px 0;
	padding:0;
}

/* ----- global links ----- */
a:link, a:visited, a:active{
	color: #0072b9;
	text-decoration:none;
	font-weight: bold;
}
a:hover{color:#0072b9;text-decoration:underline;}

/* ----- global paragraphs, headers & horizontal rules ----- */
h1, h2, h3, h4{margin: 0;color:#000;}
p{margin: 0 0 1em 0;font-size:110%;}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}
hr{display:none;}

/* ----- global images ----- */
img{border:none;}

/* ----- hidden items ----- */
#skip{display:none;}
.hidden{display:none;}

/* ----- container size & positioning ----- */
#container, #page{
	margin: 0 auto;
	width:980px; 
	text-align:left;
	position:relative;
	padding: 0;
	background: url(../i/bg2.gif) top left repeat-y;
}


/* ----- header area ----- */
#header{
	height:195px;
	position:relative;
	margin:0;
	background: #fff url(../i/header.jpg) top left no-repeat;
}

/* ----- main content area ----- */
#main{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:980px;
}
#main h2{
	font-weight:bold;
	padding:0;
	color:#fff;
	font-size:120%;
	clear:both;
}

h2#pageTitle{
	font-weight: bold;
	margin: 0 0 0 0;	
	padding: 0 0 0 20px;
	color: #fff;
	font-size:220%;
	background: #cecece;
	height:70px;
	line-height:70px;
	border-left: 14px solid #e5e5e5;
	width:542px;
}
#content h3, #content2 h3{
	font-weight: bold;
	/*margin: 1em 0 .2em 0;	*/
	padding: 0 0 0 0px;
	color: #000/*#0072b9*/;
	font-size:120%;
}

#content h4, #content2 h4{
	font-weight: bold;
    /*margin: 1em 0 0 0;	*/
	padding: 0 0 0 0;
	color: #000/*#0072b9*/;
	font-size:100%;

}

.highlight{
	font-size:140%;
	color: red;
	line-height: 180%;
	font-weight: bold;
	list-style:none;
	padding-left:24px;
	margin-left:0;
}

strong{
	font-weight: bold;
}

img#banner{
	display: block;  /* Fixes problem of firefox adding 3px to bottom. See http://garyblue.port5.com/webdev/object-gap.html and http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */
}

img.imageright{
	float: right;
	margin: 0 0 5px 20px;
	padding:0;
}

#content {
	float:left;
	width: 522px;/*534*/
	background:#e5e5e5;
	margin:0 14px;
	padding: 20px 20px 20px 20px; /*0 14 0 14*/
	display: inline; /* to fix double margin bug in ie6 */

}
/* feed ie6 */

/* Hides from IE5-mac \*/
* html #content{
	overflow: hidden; /* fix ie6 expanding box bug www.positioniseverything.net/explorer/expandingboxbug.html */
}
/* End hide from IE5-mac */ 

#content2, #sidebar {
	float:left;
	width: 362px;
	padding: 14px;
	background:#e5e5e5;
	display: inline;
	position:relative;
}
#content2{
	margin: -70px 0 0 0;
}
/* ----- float fix (so page layout displays correctly accross browsers) ----- */
/* ----- see www.positioniseverything.net/easyclearing.html ----- */
.inner:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* see www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.inner{display:inline-block;}

.inner{display:block;}

/* * html .products, * html .products li - removed as height given in these to fix ie bug */
* html .inner {height: 1%;}

/* ----- end float fix ----- */

.firstp{
	font-weight: bold;
	color: #535d63;
}

address.firstp{
	font-weight: normal;
	font-size:110%;
	margin-bottom: 1em;
}

/* ----- main nav ----- */
#mainNav, #mainNav li{
	margin:0;
	margin:0;
	list-style:none;
	height:28px;

}
#mainNav{
	/*width:718px;*/
	background: #fff;
	margin:0;
	padding: 21px 0;
}
#mainNav li{
	float:left;
	display:inline;
	font-size:110%;
	padding:0 20px 0 0;
	line-height:28px;
	height:28px;
}
#mainNav li a{
	color:#bcbaba;
	line-height:28px;
	font-weight:bold;
	text-decoration:none;
	border-left: 1px solid #bcbaba;
}
#mainNav li a:hover, #mainNav li a.selected{color:#6e6868;}
#mainNav li a span{
	padding-left:20px;
}
#mainNav li.first a span{
 	padding-left:0;
}
#mainNav li.first a{
	border: 0;
}
/* ----- footer area ----- */

div#footer{
	background: #cecece;
	margin: 0 auto;
	padding:0;
	border-top: 14px solid #fff;
	border-bottom: 14px solid #fff;
	height:28px;
	line-height:28px;
	width:980px; 
	text-align:center;
	clear: both;
}

div#footer ul a:link, div#footer ul a:visited{
	text-decoration:none;
	color: #fff;
	font-weight: normal;
}

div#footer ul a:hover, div#footer ul a:active{
	text-decoration:none;
	color: #858585;
	font-weight: normal;
}

div#footer ul, div#footer li {
	margin:0;
	padding:0;
	list-style:none;
}

div#footer ul li{
	display:inline;
	margin: 0;
	padding: 0 7px;
}

div#footer ul li.design{float:left;margin-left:25px;}
div#footer ul li.development{float:left;margin-left:10px;}
div#footer ul li.privacy {float:right;margin-right:10px;}
/* general lists */

ul {
	margin: 1em 0 1em 10px;
	padding:0;
}

ul li {
	margin: 0 0 .1em 0px;
}

ul.genlist{
	margin: .5em 0;
	padding:0;
}

ul.floatlist{
	margin: .5em 4em 2em 0;
	padding:0;
	float:left;
}

ul.genlist li, ul.floatlist li{
	font-weight:bold;
	background: url(../i/squarebullet.gif) no-repeat;
	background-position: 0 .7em;
	list-style:none;
	padding: 0 0 0 14px;
	line-height:200%;
}
	

/* ordeded list directions page */

ol {
	margin: 0.5em 0 1em 0;
	padding:0;
}

ol li {
	margin: 0 0 .1em 20px;
}

/* address */

address{
	font-style:normal;
}

address.footeraddress{
	color: #bfbfbf;
	font-style:normal;
	text-align:right;
	margin-right:10px;
	padding: 0 7px;
}

/* facebook, twitter */

#social{
	margin: 0 auto;
	width: 955px;
	padding: 0 0px 0 25px;

}

#social a {
	float:left;
	padding: 0 10px 0 0;
}

/* studio */

.firstphoto{
 	margin: 0;
	display:block;
}

.caption {
	clear:both;
	color:#fff;
	padding: 5px 0 14px 0;
	font-weight:bold;
	margin:0;
}

a:link.bg, a:visited.bg{
	background: #fff;
	width:17px;
	height:17px;
	margin:0 5px 0 0;
	display:block;
	float:left;
	text-decoration:none;
}

a:hover.bg{
	background: #afafaf;
	text-decoration:none;
}

a:active.bg{
	background:#0072b9;
	text-decoration:none;
}

div#album{
	background: #858585;
	padding:14px 14px 0 14px;
}

div#nocaption{
	background: #858585;
	padding:14px 14px 14px 14px;
}

/* download works in ff */
/*
.download{
	text-transform:uppercase;
	color:#fff;
	background: #cecece;
	height:63px;
	font-weight: bold;
	margin: 0 0 0 -28px;	
	padding: 0 0 0 14px;
	line-height:63px;
	border-left: 14px solid #e5e5e5;
	width:548px;
	background:#cecece url(../i/pdficon_large.gif) no-repeat;
	background-position: 516px 1.5em;
}

.download a{
	display:block;
	color:#fff;
}
*/

.download {
	text-transform:uppercase;
	font-size:100%;
	background: #cecece;
	height:63px;
	margin: 20px 0 -20px -34px; /* margin: 0 0 0 -28px; */	
	padding: 0 0 0 20px; /* padding: 0 0 0 14px; */
	line-height:63px;
	border-left: 14px solid #e5e5e5;
	width:542px;
	background:#cecece url(../i/pdficon_large.gif) no-repeat;
	background-position: 516px 1.5em;
	overflow: hidden; /* fix ie6 expanding box bug www.positioniseverything.net/explorer/expandingboxbug.html */
	clear: both;
}

.download a:link, .download a:visited, .download a:active{
	display:block;
}

.download a:hover{
	display:block;
}
/*
.tel{
	float:left;
	width: 112px;
	border:6px solid #fff;
	padding: 20px;
	margin: 7px 14px 7px 0;
	background:#cecece;
	display:inline;
}*/

.tel{
	float:left;
	width: 199px;
	border:6px solid #fff;
	padding: 20px;
	margin: 10px 20px 10px 0;
	background:#cecece;
	display:inline;
}

.righttel{
	margin: 10px 0 10px 0;
}

#content .tel h3{
	margin:0;
}

.car{
	float:left;
	width: 142px;
	background:#cecece;
	border:6px solid #fff;
	padding: 6px;
	margin: 0px 0px 14px 0px;
	display:inline;
}

.middlecar{
	margin: 0px 12px 14px 12px;
}

.tube{
	float:left;
	width: 320px;
	background:#cecece;
	border:6px solid #fff;
	padding: 6px;
	margin: 0 0px 7px 12px;
	display:inline;
}

.local{
	clear:both;
}

.back{
	text-align:right;
	clear:both;
}

.tel ul{
	margin: 0.5em 0 1em 0;
	padding:0;
	list-style:none;
	
}

.tel ul li {
	padding:0;
	margin:0;
}

/* studios */

.studios{
	padding:0;
	margin:0;
	list-style:none;
}

.studios li{
	float: left;
	list-style:none;
	display:inline;
	margin:0 0 20px 0; /* margin:0 17px 20px 0; */
	color:#fff;
	position:relative;
	padding:0;
}

.studios li.middle{
	margin:0 20px 20px 20px; 
}

#content .studios .name{
	clear:both;
	margin:0;
	background:#fff;
	padding:.5em 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

.studios .image{
	padding:0;
	margin:0;
	border-top:6px solid #fff;
	border-right:6px solid #fff;
	border-left:6px solid #fff;
}

/* Contact Link */

.mail {
	text-transform:uppercase;
	font-size:100%;
	background: #cecece;
	height:63px;
	font-weight: normal;
	margin: 20px 0 -20px -34px; /* margin: 0 0 0 -34px; */	
	padding: 0 0 0 20px; /* padding: 0 0 0 14px; */
	line-height:63px;
	border-left: 14px solid #e5e5e5;
	width:542px; /* width:548px; */
	background:#cecece url(../i/Mail.jpg) no-repeat;
	background-position: 493px 1em;
	overflow: hidden; /* fix ie6 expanding box bug www.positioniseverything.net/explorer/expandingboxbug.html */
	clear: both;
}

.mail a:link, .mail a:visited, .mail a:active{
	display:block;

}

.mail a:hover{
	display:block;

}

#main h2#subTitle{
	font-weight: bold;
	margin: -14px -14px 0 -14px;	
	padding: 0 0 0 14px;
	color: #fff;
	font-size:210%;
	background: #cecece;
	height:70px;
	line-height:70px;
}

#contact #content2{
	 height: auto;
	 padding: 14px;
}

#studios #content2, #sidebar{
	 height: auto;
}

/* Events table */

table {
	width:533px;
	border-top:1px solid #535d63;
	border-right:1px solid #535d63;
	margin:0 auto 1em auto;
	border-collapse:collapse;
	}
caption {
	caption-side:top;
	text-align:center;
	font-weight: bold;
	margin: 0;	
	padding: 1em 0;
	color: #000/*#0072b9*/;
	font-size:120%;
	}	
tr.odd td	{

	}
tr.odd .column1	{

	}	
.column1	{
	background:#fff;
	width: 6em;
	}
td {
	border-bottom:1px solid #535d63;
	border-left:1px solid #535d63;
	padding:2px;
	text-align:center;
	background:#cecece;
	}				
th {
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid #535d63;
	border-left:1px solid #535d63;
	padding:.3em 1em;
	}							
thead th {
	background:#fff;
	text-align:center;
	color:#535d63;
	font-weight: bold;
	font-size:100%;
	}
	
/* slideshow styles */

#mySlideShow {
	width: 362px !important;
	height: 350px !important;
} 

/* Mailbuild Form*/

form#mailBuild{
	right:0px;
	top:0px;
	text-align:right;
	margin:0 0 25px 0;
	padding:0;
}



.formFieldMailBuild {
	background:#fff;
	height:16px;
	color: #777;;
    width:183px;
	padding:3px 0 3px 3px;
	vertical-align:middle;
	margin-top:0;
	margin-left:10px;
	padding-top:3px;
	font-size:100%;
	border:1px solid #e5e5e5;
}

.labelMailBuild{
	color: #777;
	font-size:110%;
	font-weight:normal;
	vertical-align:middle;
	line-height:22px;
	zoom:1; /* ie bug fix http://www.positioniseverything.net/articles/haslayout.html */
}

form#mailBuild .formButton{
	border:0;
	background: #cecece;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	padding:0;
	vertical-align:middle;
	text-transform:uppercase;
	/*width: 33px;*/
	width:100px;
	height: 22px;
	margin-left:10px;
	margin-top:0;
}

#subscribeform{
	margin: 0 auto;
	width:980px; 
	text-align:left;
	position:relative;
	padding: 0;
}