/* SET DEFAULTS */
html, body{height:100%;} 
body {
	position:relative;
	font-family:'Lucida Grande', Lucida, Arial, Helvetica, Verdana, Trebuchet,san-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#fff;
	text-align: center;
	background: #000427 url(../images/bgs/body.jpg) center top no-repeat; 
}
* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	padding: .2em 0;
	line-height: 1.2em;
}	
h1, h2, h3{color:#00AEF4;}

h1 {
	font-size: 2.2em;
	text-transform:uppercase;
}

h2 {font-size: 1.8em;
	text-transform:uppercase;
}

li h2,
td h2{font-size: 1.6em;}

h3 {font-size: 1.3em;}
li h3,
td h3{font-size: 1.25em;}

h4 {font-size: 1.3em;}
li h4,
td h4{font-size: 1.16em;}

h5 {font-size: 1.2em;}
li h5,
td h5{font-size: 1.08em;}

h6 {font-size: 1.1em;}
p{
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 0 1em 0;  
}
li li, li p, li h6, td p, td, h6{font-size: 1em;}

ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	font-size: 1.1em;
	line-height: 1.5em;
}
li li, li dt ,li dd,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}



table{border-collapse:collapse;}
td, th{
	margin:0;
	padding:0;
	font-size: 1.2em;
	border-collapse:collapse;
}
th {font-weight:bold;}

a {
	color:#A9A9A9;
	text-decoration: underline;
}
a:hover {text-decoration:none;}

p a{color:#00AEF4;}

h1 a, h2 a, h3 a{
	color:#00AEF4;
}	
h1 a:hover, h2 a:hover, h3 a:hover{
}	

	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:middle;
}		


/* BOXES */
	#wrapper{
		z-index:0;
		width:960px;
		margin: 0px auto;
		text-align:left;
		height:auto !important;
		height:100%;
		min-height:100%;
		background:  url(../images/bgs/wrapper.gif) 0px 294px no-repeat ; 
	}		
	#content {
		width:830px;
		padding:0 0 0 70px;
		height: auto !important;
		height: 300px;
		min-height:300px;
	}
	#header, #footer {
		clear:both;
		width:820px;
		padding:0 70px;
	}
	#header {
		height:140px;
		position:relative;
	}
	#footer  {
		color:#A9A9A9;
		text-align:right;
		border-top:1px solid #000211;
	}









/* HEADER styles */

	#header h1.logo{ 
		padding:0;
		position:absolute;
		margin:27px 0 0 0px;		
	}


	/* MENU styles */
		#menu,
		#menu #mainNav,
		#menu #mainNav li{
			float:right;
			width:auto;
			display:inline;
		}
		#menu{
			width: 630px;
			padding-top:65px;
		}
		#menu #mainNav{
			clear:both;
			padding: 0 ;
			text-align:right;
		}
			#menu #mainNav li{
				float:left;
				width:auto;
				display:inline;
				padding:0 0 0 13px;
				line-height:1em;
				height:40px;
				font-size:1.1em;
				font-weight:bold;
				text-transform:uppercase;
				font-family:Futura,'Futura Bold BT', Arial, san-serif;
			}
				#menu #mainNav li.aboutNav{padding:0;}		
			#menu li a {
				color:#fff;
				padding:0 1px 3px 1px;
				margin:10px 0;
				text-decoration:none;
				text-shadow: 0px 0px 8px #000000;
				border-bottom:2px solid #012E61;
			}
			#menu li a:hover{
				border-bottom:2px solid #00AEF4;
			}
			#menu li.active a{
				border-bottom:2px solid #007FA6;
			}
	

/* FOOTER styles */
	#footer a {color:#72747E;}
	#footer p,
	#footer li{
		font-size:1em;
		padding-bottom:.5em;
	}
	#footer .address{
		float:left;
		width:220px;
		text-align:left;
	}
		#footer .address p strong{
			color:#00aef4;
			padding-right:3px;
		}
	#footer .address,
	#footer #mainNav{padding-top:30px;}

		#footer .copyright,
		#footer #mainNav{ 
			margin-left:240px;
			padding-bottom:2em;
		}
		#footer #mainNav li{
			display:inline;
			padding-left:8px;
		}
		#footer .copyright {color:#003F6F;}
		#footer .copyright img{vertical-align:top;padding-left:5px;}


	/* USERPANEL styles */
		#userpanel{
			clear:both;
			text-align:left;
			padding:1.5em 0;
			border-bottom:1px solid #000211;
		}
		#footer #userpanel li{
			display:inline;
			padding:0 8px 0 0;
			background-image:none;
		}


/* CONTENT styles */

	/* CONTENT BOXES core styles */
		#content, 
		#feature, 
		#highlight{
			float:left;
			display:inline;
			position:relative;
		}
			#highlight {
				width:280px;
				padding: 0 20px 1.5em 0;
			}
			#feature{
				width:520px;
				padding: 0 0 1.5em 0;
			}
	

	/* CONTENT core styles */
		#content li,
		#content dt,
		#content dd{
			padding-left:18px;
		}	
		#content li,
		#content dt{
			background: url(../images/icons/bullet.gif) 4px 5px no-repeat; 
		}	
		#content li{padding-bottom:.25em;}	
		#content dt{font-weight:bold;}	
		
			#content dl.specs dt,
			#content dl.specs dd{
				padding-left:0;
				background-image:none;
			}	
			#content dl.specs dt{
				color:#00AEF4;
				float:left;
				width:auto;
				display:inline;
				line-height:1.4em;
				font-size:1.2em;
				padding-right:5px;
			}	
			#content dl.specs dd{
				line-height:1.6em;
				padding-bottom:.6em;
			}	


		#content .captionBox{
			float:right;
			width:160px;
			text-align:center;
			padding:0 0 10px 20px;
		}
			#content .captionBox img{}
			#content .captionBox p.caption{padding:0;font-style:italic;color:#ccc;}

		#content a.more {
			padding-right:11px;
			background: url(../images/icons/arrow.gif) right center no-repeat; 
		}
		#content a.back {
			padding-left:11px;
			background: url(../images/icons/arrow-back.gif) left center no-repeat; 
		}


		/* STEPTROUGHS & SWITCH styles */
			#content .stepThrough{
				clear:left;
				color:#016EAA;
				padding:10px 0 0 0;
			}
				#content .stepThrough a{
					padding:1px 3px;
					text-decoration:none;
				}
				#content .stepThrough .active{
					color:#016EAA;
					padding:1px 3px;
					background:#00042A;
					border:1px solid #00153C;
				}
				#content .stepThrough a{
					color:#00AEF4;
					padding:1px 3px;
					background:#010D47;
					border:1px solid #011944;
				}
				#content .stepThrough a:hover{		
					color:#fff;
				}
	
	
		/* HIGHLIGHT/SIDEBAR MENU styles */
			#highlight h2{ }
			#highlight p{ }
			#highlight a{color:#A9A9A9; }

			
			#highlight .sectionNav{ }
		
				#highlight .sectionNav ul{ }
				#highlight .sectionNav ul,
				#highlight .sectionNav li,
				#highlight .sectionNav a{
				
				}
				#highlight .sectionNav a{ }
				#highlight .sectionNav .active a{}
				#highlight .sectionNav .dgButton a{
					display:inline;
					width:auto;
					border:0;
					padding:0 !important;
					background-image:none !important; 
				}


		/* FEATURE FILTERMENU styles */
			#feature #filterMenu,
			#feature #filterMenu h2,
			#feature #filterMenu div{
				float:left;
				width:auto;
				display:inline;
			}
			#feature #filterMenu{
				width:520px;
				margin-bottom:.7em;
				padding:3px 0 .4em 0;
				border-bottom:1px solid #010D47;
			}
				#feature #filterMenu h2,
				#feature #filterMenu h3{
					font-size:1.3em;
					text-transform:uppercase;
				}
				#feature #filterMenu h2.filterLabel{
					color:#fff;
					padding:2px 7px 3px 0;
				}
				#feature #filterMenu div{
					padding:2px 0 3px 0;
					background:#00021b;
				}
					#feature #filterMenu div h3{
						padding:0 10px;
					}
	
					#feature #filterMenu ul{
						left:-20000em;
						position: absolute;
						background:#00021b;
					}
						#feature #filterMenu div:hover ul,
						#feature #filterMenu div.sfhover ul{
							left:auto;
							padding:5px 10px;
						}
				
					#feature #filterMenu li{
						padding:0;
						background-image:none;
					}


	

/* INDEX styles */
	.index #content{
		width:960px;
		padding:0px;
	}

	.index #splashBanner{
		padding:10px;
		text-align:center;
		background:url(../images/bgs/splash.jpg) center top no-repeat;
	}
	
	/* FEATURE & GENERIC module clumns */
		.index #feature{
			margin:0;
			width:300px;
			padding:1.5em 0px 1.5em 70px;
		}
		.index #highlight{
			width:550px;
			padding:1.5em 0px;
		}

	/* BASE MODULE styles */
		.index #content li{
			padding-left:0;
			text-indent:15px;
		}
		.index .module a{
			font-size:1.1em;
			font-weight:bold;
			text-decoration:underline !important;
		}
		.index .module a:hover{text-decoration:none !important;}

		.index .module h2{
			font-size:1.3em;
		}
		.index .module h3{font-size:1.1em;}

		.index #highlight .module{
			float:left;
			display:inline;
			width:160px;
			padding-left:20px;
		}

		.index #highlight p,
		.index #highlight li{
			font-size:1em;
			line-height:1.4em;
			padding:.2em 0 .2em 0;
		}

		.index #highlight .col1 h2,
		.index #highlight .col1 a{color:#FF0000;}
		.index #highlight .col1 li,
		.index #highlight .col1 .more{background-image: url(../images/icons/arrow-orange.gif);}
		
		.index #highlight .col2 h2,
		.index #highlight .col2 a{color:#00FF00;}
		.index #highlight .col2 li,
		.index #highlight .col2 .more{background-image: url(../images/icons/arrow-green.gif); }

		.index #highlight .col3 h2,
		.index #highlight .col3 a{color:#0044FF;}
		.index #highlight .col3 li,
		.index #highlight .col3 .more{background-image: url(../images/icons/arrow-dkblue.gif); }


/* GALLERY styles */
	#content .galleryCat,
	#content .galleryList{
		padding-top:.5em;
		margin-right:-10px;
	}
	#content .galleryCat,
	#content .galleryCat li,
	#content .galleryList,
	#content .galleryList li{
		float:left;
		width:520px;
		display:inline;
	}
	#content .galleryCat li,
	#content .galleryList li{
		width:115px;
		height:106px;
		font-size:1.2em;
		font-weight:bold;
		padding:0 20px 0 0;
		background-image:none;
	}	
	#content .galleryCat li.col4,
	#content .galleryList li.col4{
		padding-right:0;
	}	

	
	#content .galleryCat a.galleryThumb,
	#content .galleryList a.galleryThumb{
		width:115px;
		height:86px;
		display:block;
		overflow:hidden;
		background:url(../images/bgs/galleryThumb.gif) left top no-repeat;
	}
		

	#content p + .galleryCredit p{margin-top:-.5em;}
	#content .galleryCredit p{font-style:italic;color:#ccc;}


/* COMPANY styles */
	.company #content li.staffItem {
		background-image: none;
	}

/* PRODUCTIONS styles */
	.productions .productionList{padding-top:.5em;}
	.productions .productionList,
	.productions #content .productionList li{
		float:left;
		width:520px;
		display:inline;
	}
	.productions #content .productionList li{
		width:160px;
		height:150px;
		font-size:1.2em;
		font-weight:bold;
		padding:0 20px 0 0;
		background-image:none;
	}
	.productions #content .productionList li.col3{
		padding-right:0;
		margin-right:-5px;
	}

		.productions .productionList a.leaderImage{
			width:160px;
			height:90px;
			display:block;
			overflow:hidden;
			background:url(../images/bgs/productionThumb.gif) left top no-repeat;
		}	
		.productions .productionList a.titleLink{
			color:#00AEF4;
			display:block;
			padding:3px 0;
		}	

	/* PRODUCTIONS SINGLE */
		/* note on single production page the feature column is the narrower one as it holds the important content */

			.productionSingle p.crumbs {
				margin-top:-1.3em;
				text-transform:uppercase;
			}
				.productionSingle #feature p.crumbs{padding:0;position:absolute;margin-top:-1.3em;}
				.productionSingle #highlight p.crumbs{padding:0 0 .5em 0;text-align:right;}
			.productionSingle p.crumbs a{
				color:#01619C !important;
				text-decoration:none;
			}
				.productionSingle p.crumbs a:hover{color:#00AEF4 !important;}


		.productionSingle #feature{ 
			width:280px;
			padding: 0 20px 1.5em 0;
		}
			.productionSingle h2.genres{
				color:#ddd;
				font-size:1.3em;
				padding:0 0 .5em 0;
				text-transform:none;
			}
			.productionSingle h2.genres a{color:#ddd;}
			.productionSingle .logo{padding:5px 0 10px 0;}

		.productionSingle #highlight{
			width:520px;
			padding: 0 0 1.5em 0;
		}
			.productionSingle .mainImage{
				width:480px;
				height:270px;
				display:block;
				overflow:hidden;
				background:#000211;
				border:20px solid #000211;
				margin-bottom:2em;
			}	

	
	


/* NEWS styles */
	.news #content .newsList .newsItem{
		float:left;
		width:520px;
		padding:1.5em 0;
		background-image:none;
		border-top:1px solid #00153C;
	}
		.news #content .newsList li.inset{
			width:340px;
			padding-left:180px;
			background-image:none;
		}
		.news #content .newsList li.first{padding-top:0;border-top:0px solid #00153C;}

		.news .newsList li.inset .leaderImage{
			float:left;
			margin-left:-180px;
			width:160px;
			height:120px;
			display:block;
			overflow:hidden;
			background:url(../images/bgs/galleryThumb.gif) left top no-repeat;
		}

	.news #content .date{
		color:#ccc;
		font-size:.8em;
		font-weight:normal;
	}
	.news h2.byline{
		color:#ccc;
		padding:0 0 .4em 0;
		font-size:1.5em;
		font-weight:normal;
		text-transform:none;
	}

/* EQUIPMENT LIST styles */
	.facilities .equipmentList{padding-top:.5em;}
	.facilities #content .equipmentList .equipItem{
		float:left;
		width:520px;
		padding:0 0 1em 0;
		background-image:none;
	}
		.facilities #content .equipmentList li.inset{
			width:340px;
			padding-left:180px;
			background-image:none;
		}
		.facilities .equipmentList li.inset .leaderImage{
			float:left;
			margin-left:-180px;
			width:160px;
			height:120px;
			display:block;
			overflow:hidden;
			background:url(../images/bgs/galleryThumb.gif) left top no-repeat;
		}


/* FORMS */
	
	/* CORE FORM styles */
		form * {
			color:#fff; /* change for each site */
			font-family:'Lucida Grande', Lucida, Arial, Helvetica, Verdana, Trebuchet,san-serif;
		}
		form{
		}

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			padding:0;
			margin:2px 0;
			font-size: 1.2em;
			font-family:'Lucida Grande', Lucida, Arial, Helvetica, Verdana, Trebuchet,san-serif;
		}
		input, select, textarea{
			color:#000427;
			padding:3px 2px;
			vertical-align:middle;
			background:#ccc url(../images/bgs/input.gif) ;
			border:1px solid #008BC3; /* change for each site */
			border-top-color:#004662; 
			border-left-color:#004662; 
		} 
		input{ width:180px; }
		textarea{ 
			height: 70px;
			width: 250px;
			vertical-align:bottom; 
		} 
		.textareacontrols {margin-left:2px;}
		.textareacontrols img{padding:2px 0px;}
		select {width:auto;}
		option {
			color:#000427;
			font-family:'Lucida Grande', Lucida, Arial, Helvetica, Verdana, Trebuchet,san-serif;
		}
		label, legend {
			color:#00AEF4;
			font-weight:bold;
		}
		label{
			float:left;
			width:120px;
			margin:3px 0 8px 0;
		}
		fieldset{ 
			clear:both;
			padding:5px 10px;
			margin:0 0 .5em 0; 
			background:#00052D !important;
			border:1px solid #001D46; /* change for each site */
		} 
	
		/* DREAMGIRL FORM LIST STUFF */
			form .row{clear:both;}
			
			#feature form ul.multi li{
				padding-left:110px;
			}
			#feature form ul.multi li,
			#feature form ul.row li{
				font-size:1.1em;
				padding:2px 0;
			}
			form ul.multi input,
			form ul.row input{
				width:auto;
				margin-right:3px;
			}
			form ul.multi label{
				float:none;
				font-size:1em;
				font-weight:normal;
			}
			form li{
				padding:0px;
				background-image:none !important;
			}
	
		/* BUTTONS */
			/* first class wipes out standard input borders etc for buttons, second one allows for varied width image etc */
			form .gobutton,
			form .loginbutton,
			form .emptybutton,
			form .updatebutton,
			form .submitbutton,
			form #submitbutton{ 
				width:170px; 
				cursor:pointer;
				font-weight:bold;
				padding:5px 0;
				border:0px solid #DA1105;
				background: transparent none left top no-repeat;
			}
			form .gobutton,
			form .loginbutton,
			form .updatebutton,
			form .emptybutton,
			form .submitbutton,
			#Feedback #submitbutton,
			#MailingList #submitbutton{
				width:auto;
				padding:0;
				background-color:transparent !important;
				vertical-align: middle;
				margin-left:120px;
			}

		/* FEATURE LOGIN FORM  */
			form.loginForm{ 
				width:320px; 
			}
			form.loginForm label{ 
				width:80px; 
			}
			form.loginForm input{ 
				margin:2px 0; 
			}
			form.loginForm input.loginbutton{ 
				margin-left:80px; 
			}
	
	
		/* ERROR styling */
			form h2.warning{ 
				font-size:1.6em;
				color:#DE041D; 
			}
			form .inputError{ 
				display:block;
				color:#DE041D; 
				font-size:11px;
				line-height:1em;
				margin:6px 0 0 3px;
			}
	
		



	
/* clearfix hack if needed */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	


        

/* management tweaks */
	#content .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#content .manage dd {
		margin-left: 20px;
	}
	#content .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	







	/* dreamgirl CMS styles*/
	.buttonContainer
	{
			display: inline;
	        overflow: visible;
	}

	#dgInlineFeedback {
	        width: 259px;
	        height: 242px;
	        color: #000;
	        background: url(../dreamgirl/images/success.png)!important;
	        background: url(../dreamgirl/images/success.gif);
	        }

			#dgProgressDiv
			{
			        position: absolute;
			        bottom: 0px;
			        left: 10px;
			        width: 241px;
			        height: 241px;
			z-index: 2000;
				background-image: url(../dreamgirl/images/dreaming.gif);
			}

	.dgInlineForm {
	        width: 500px;
	        border: 0px;
	       /* margin:12px 0 0 -200px; */
	        margin:12px 0 0 0;
			left:0;
	        position: absolute;
	        visibility: visible;
	        overflow: hidden;
			z-index:100;

	}

	iframe {
			position:absolute;
	        width: 500px;
	        border: 0px;
	        padding: 0px;
	        margin: 0px;
	}
	.dgInlineButton {
	        border: 0px;
	        background-color: transparent;
	}

	.dgInlineButtonActivated {
			opacity: 0.5;
	}

	.dgActiveElement {
			border: 1px dashed #eebddc;
			z-index:100 !important;
	}

	.dgInactiveElement {
	        background-color: transparent;
	}

	.dgButtonLink {
	        border: 0px;
	        margin-right: 3px;
	}