@charset "utf-8";
BODY, P, td, th, li, A, textarea, input, select, h1, h2, h3, * {font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif;}
BODY, P, td, li, A, textarea, input, select {font-size: 12px;}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #ffffff url('/inc/img/bg.gif') repeat-x; background-attachment: fixed; scrollbar-face-color: #99cc33; scrollbar-shadow-color: #336699; scrollbar-highlight-color: #99cc33; scrollbar-3dlight-color: #99cc33;scrollbar-darkshadow-color: #336699; scrollbar-track-color: #000000; scrollbar-arrow-color: #336699;
}
 #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 #header {
	position: fixed;
	z-index: 1;
	width: 960px;
	height:95px;
	top: 0;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#hdr_swish
{
	width: 900px;
	height:95px;
	background:url('/inc/img/hdrBG.png') right no-repeat;
	right:0;
	position:absolute;
	top:0;
	z-index:100;
	
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
 #header #hdr_logo {
	position: fixed;
	top:5px;
	float:left;
	z-index: 5;
}
#hdr_container
{
	position:relative;
	top:0;
	left:0;
}
 #header #hdr_logo a {
	background:url(../img/studio7718-logo.png) left no-repeat;
	width:246px;
	height:69px;
	display:block;
}
 #header #hdr_logo a span {
	display:none;
}
#hdrTL
{
	background:url(../img/hdr_bg_tl.gif) left top no-repeat;
	width:10px;
	height:95px;
	top:0;
	position: relative;
	display:inline-block;
}
#hdrTR
{
	background:url(../img/hdr_bg_tr.gif) right top no-repeat;
	width:10px;
	height:95px;
	top:0;
	position: relative;
	display:inline-block;
}
#hdrTC
{
	background:url(../img/hdr_bg_tc.gif) center top repeat-x;
	width:940px;
	height:95px;
	top:0;
	position: relative;
	display:inline-block;
}
#mnuMain
{
	position:absolute;
	right:10px;
	bottom:15px;
	color:#000;
	font-family: Eurostile, Tahoma, Geneva, sans-serif;
}
#mnuMain li
{
	float:left;
	list-style:none;
}
.pgp
{
	text-align:justify;
	margin-left:30px;
}
#mnuMain a
{
	margin:10px;
	color:#d35551;
	font-size: 18px;
	font-weight:bold;
	font-family: Eurostile, Tahoma, Geneva, sans-serif;
}
#mnuMain a span
{
	color:#fff;
	text-transform:uppercase;
	font-family: Eurostile, Tahoma, Geneva, sans-serif;
	font-size: 15px;
	font-weight:bold;
}
#mnuContact
{
	position:absolute;
	right:10px;
	top:5px;
	color:#000;
	font-family: Eurostile, Tahoma, Geneva, sans-serif;
}
#mnuContact a
{
	margin:5px;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	font-family: Eurostile, Tahoma, Geneva, sans-serif;
}
#mnuContact a span
{
	color:#fff;
	text-transform:uppercase;
	font-family: Eurostile, Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight:bold;
}
 #mainContent {
	position: relative;
	z-index: 0;
	top: 95px;
	padding: 0 10px 60px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#fff;
	min-height:400px;
}
 #pageTitle {
	z-index: 0;
	padding: 0;
	background:#fff;
} #footer {
	z-index: 0;
	padding: 2px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	border-top:2px solid #ddd;
	margin-top:10px;
	position:absolute;
	left:10px;
	right:10px;
	bottom:0;
}

#topNav {
	height: 17px; 
	text-align: right; 
	background-image: url('/inc/img/bg.gif');
	background-repeat: repeat-x;
}

#mainNav {
	background-color: #6050d0; 
	border-top: 2px solid #000000; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
	height: 30px; 
	text-align:right;
}

B, STRONG {font-weight: bold;}
h1 {display: block; padding: 5px 5px 0 5px; margin: 0; color: #1e1e1e; font-size: 16px; font-weight: bold; border-bottom: 2px solid #d35551;}
h2 {display: block; padding: 10px 20px 0 20px; margin: 0; color: #1e1e1e; font-size: 14px; font-weight: bold;}
h3 {margin: 0; padding: 10px 0 0 25px; color: #1e1e1e; font-size: 12px;}
ul {margin: 0 0 0 30px;}

p.h1 {padding: 0 20px 0 20px; margin: 0; font-size: 15px;}
p.h2 {padding: 0 40px 0 40px; margin: 0; font-size: 13px;}

#mainTbl, #mainFtr {width: 960px !important;} /*#mainTbl {width: 735px !important;}*/
#mainFtr {text-align: right;}

SPAN.copyright {color: #336699; font-size: 9px; font-weight: bold;}

#mainContent A:link, #mainContent A:visited, #mainContent A:hover, #mainContent A:active {color: #398aca; font-weight:bold;}
#mainContent A:hover {color: #398aca;}

#pgTop 
{
	height: 10px;
	position: relative;
	z-index: 0;
	top: 70px;
	width: 960px;
	font-size: 10px;
	padding: 0;
	margin: 0;
}
#pgTop .tlCnr {height: 10px; width: 10px; padding: 0;}
#pgTop .tspan {height: 10px; width: 760px; background-color: #ffffff; padding: 0;}
#pgTop .trCnr {height: 10px; width: 10px; padding: 0;}

.breadcrumbs {clear: right;}

.style3 {font-size: 60%}
.copyright {
	
	color: #666666;
}
.style2 {
	font-size: 12px;
	padding-left: 25px;
}


#main_video_container
{
	position:relative;
	right:0;
	width:600px;
	height:200px;
}
.galleries div
{
	margin-left:20px;
}
.photoGallery img
{
	border:1px solid #e5e5e5;
}
#spcSrvc li
{
	float:left;
	list-style:none;
	width:350px;
	margin:20px 20px 20px 20px;
}
.spcSrvcImg
{
	width:64px;
	height:64px;
	margin-left:-64px;
}

/* Hidden Elements */
#scrollContent a span,
#exQPLink span,
#exQPHolder a.exQPLink span{
	display:none;
}
/* Shared Image*/
#exQPLink,
#exQPHolder a.exQPLink
{
	background:url(/inc/img/Add_Graphics.png) no-repeat;	
}
#scrollContent a,
#exQPHolder div.exQPData ul li a{
	background:url(/inc/img/hpGraphics24.png) no-repeat;		
}
/* scrollContent */
#scrollContent{
	padding:15px 0 5px 0;
	text-align:center;
}
#exQPHolder,
#exQPHolder .scrollArea{
	height:370px;
}
#scrollContent a{
	height:96px;
	width:50px;
	position:absolute;
	top:137px;
}
#scrollContent a.prev{
	background-position: 0  0;
	left:0;
}
#scrollContent a.prevOff,
#scrollContent a.nextOff{
	cursor:auto;
}
#scrollContent a.prevOff{
	background-position: 0  -96px;
}
#scrollContent a.next{
	background-position:-50px 0;
	right:0;
	width:55px;
}
#scrollContent a.nextOff{
	background-position: -50px  -96px;
}
#exQPHolder{
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	width:835px;
}
#exQPHolder .scrollArea{
	overflow:hidden;
	position:absolute;
	width:840px;	
}
#exQPHolder .scrollContent{
	position:absolute;
	width:3000px;
}
#exQPLink{
	background-position:-195px -130px;
	display:block;
	float:right;
	height:29px;
	margin:0 70px 0 0;
	width:273px;
}
#exQPLink:hover{
	background-position:-195px -159px;
}
#exQPHolder div.exQP{
	float:left;
	height:240px;
	margin:0 10px 0 0;
	padding:120px 0 0 0;
	position:relative;
	width:280px;
	/*width:200px;*/
}
#exQPHolder a.exQPHeader,
#exQPHolder a.exQPHeaderNoVideo{
	background:url(/includes/images/v3/QP_Video.png) no-repeat 0 0;
	display:block;
	height:131px;
	left:0;
	margin:0;
	text-align:center;
	top:0;
	width:200px;
}
#exQPHolder a.exQPHeaderNoVideo{
	background-position:-200px 0;
	cursor:default;
}
#exQPHolder div.exQPData{
	background:#333;
	height:220px;
	margin:0 0 0 3px;
	padding:20px 10px 0 10px;
	width:174px;
}
#exQPHolder div.expQPName{
	position:relative;
	height:4em;
	width:170px;
}
#exQPHolder div.expQPName span{
	bottom:0;	
	font-size:11px;
	position:absolute;
}
#exQPHolder div.expQPName h4{
	margin:0;
	font-size:13px;
}
#exQPHolder div.exQPData ul{
	list-style:none;
	margin:8px 0 0 0;
	padding:0;
}
#exQPHolder div.exQPData ul li{
	border-top:1px solid #555;
	height:30px;
	font-size:11px;
	padding:5px 0 5px 5px;
	position:relative;
}
#exQPHolder div.exQPData ul li a{
	height:27px;
	position:absolute;
	right:0;
	top:.75em;
	width:52px;
	padding:0;
}
#exQPHolder div.exQPData ul li a span{
	padding:3px 8px 0 0;
	font-weight:bold;
	font-size:18px;
	line-height:1em;
	color:#000;
	text-align:right;
}
	#exQPHolder div.exQPData ul li a.l1{
		background-position:-108px 0;
	}
	#exQPHolder div.exQPData ul li a.l2{
		background-position:-108px -28px;
	}
	#exQPHolder div.exQPData ul li a.l3{
		background-position:-108px -56px;
	}
#exQPHolder div.exQPData ul li span{
	display:block;
	padding-top:.75em;
}
#exQPHolder div.exQPData ul li .rating_bar{
	left:4px;
	margin:0;
	top:2em;
}
#exQPHolder a.exQPLink{
	background-position:0 -130px;
	bottom:0;
	display:block;
	height:30px;
	left:3px;
	margin:0;
	top:auto;
	width:194px;	
}
#exQPHolder a.exQPLink:hover{
	background-position:0 -160px;
}