@import url('reset.css');


/* GLOBAL ELEMENTS ######### */

body {width:100%; background:#fff;font: 10pt/13pt Helvetica, Arial, sans-serif; color: #6e6f6f; text-align:center; }

h2 {font: normal 9pt/11pt Helvetica, Arial, sans-serif;color:#f78f1e; margin: 10px 0 0 0;}
h4 {font: normal normal 12pt/14pt Helvetica, Arial, sans-serif; margin-bottom:6px;}

p {margin: 3px 0 16px 0; font: 10pt/13pt Helvetica, Arial, sans-serif !important;}

a:link {color:#f78f1e; text-decoration:none;}
a:visited {color:#f78f1e; text-decoration:none;}
a:hover {color:#f78f1e; text-decoration:underline;}
a:active {color:#f78f1e; text-decoration:underline;}


strong {font-weight:bold;}
acronym {border-bottom:1px dotted #6e6f6f;}
embed {margin:0; padding:0;}

.boldorange {font-weight:bold !important; color:#f78f1e;}
.panel p {width:100%;}
.spacebelow {margin-bottom:10px;}

/* HEADER ######### */

#header {width:auto; height:270px; position:relative;}

h1#logo {height:100px; width:110px;
	background:url(../images/logo.png) no-repeat; text-indent:-9999px;
	display:block; margin: 0 60px;
	}		
h1#logo:hover {background-position:0 -97px;}	


/* NAVIGATION ######### */

ul#nav {width:90%; height:auto; position:absolute; top:130px; left:10px; border: 1px solid #CCC; float:none; padding:0px;}
#nav li {height:28px; line-height:25px; width:100%; font-size:18px; cursor:pointer; float:none; background:url(../images/bg-mobinav.gif) repeat-x; text-indent:0;border-bottom: 1px solid #CCC;}
#nav li a {height:28px; line-height:25px; width:100%; font-size:18px; cursor:pointer; float:none; text-indent:0; padding:10px;}
#pgCompany #nav-company, #pgServices #nav-services, #pgGallery #nav-gallery, #pgBlog #nav-blog, #pgContact #nav-contact {background-position: 0 -30px; }
#pgCompany #nav-company a, #pgServices #nav-services a, #pgGallery #nav-gallery a, #pgBlog #nav-blog a, #pgContact #nav-contact a{color:#fff;}

/* MAIN STRUCTURE ######### */


#wrapper {width:100%; height:auto;
	position:relative;
	margin: 0 auto; text-align:left;}
		
#contentWrapper {width:auto; height:auto;
	padding: 20px;
	background:none;}	
	
#content {background:none;height:auto; float:none;}	
	
#sidebar {display:none; width:1px;}
	
#mainContent {width:100%; height:auto; 
	float:none;
	padding: 0;
	background:none;}	

#contentWrap {padding:10px; margin:0;}
	
#contentFooter {display:none;}

#footer p {width: auto; font-size:7pt !important; letter-spacing:1px; text-transform:uppercase; color:#999999; text-indent:0; margin-top:6px; padding:10px; }

#pgCompany #tvPhoto {display:none;}
#pgServices #tvPhoto {display:none;}
#pgServices #shadow {display:none;}

#pgContact #tvPhoto {display:none;}

#pgContact table {z-index:150;}

img#pgTitle {margin-bottom:10px;}



/* HOME ######### */

#home #contentWrapper {width:100%; height:auto;
	padding: 25px 0 0 0;
	background:none;}	

#home h2 {width:183px; height:27px;text-indent:-999px; margin:0 0 15px 0; }

#home #mainPres-wrapper {width:100%; height:225px; background:url(../images/bg-mainPres.jpg) repeat-x; position:absolute; top: 320px; z-index:-100;}	
#home #mainPres	{width:100%; height:225px;}	

#home #carousel {width: 100%; height:225px; float:left; position:absolute; top:330px; }
#home #carousel #cFlash {display:none; }
#home #carouselText {width: 253px; height:225px; float:left; margin-left:10px; margin-top:30px;}	

#home #module-about {width: 100%; height:auto; background:none; float:none; padding:10px; margin: 20px 0; border-bottom:1px solid #ccc;}	
#home #module-about h2 {background:url(../images/h2-module-about.gif) no-repeat; }

#home #module-blog {width: 100%; height:auto; background:none; float:none; padding:10px 10px 20px 10px; margin:0; margin-bottom:20px; border-bottom:1px solid #ccc;}	
#home #module-blog li, #home #module-blog li a {color:#666666; text-decoration:none; margin:3px 0 3px 0; }






/* SUBNAV ######### */

/* all  */
ul#subnav {display:none;}
#subnav li, #subnav li a { height:auto; width:auto; text-align:left; display:block; text-indent:0; cursor:pointer;list-style:none; background:none; }
#subnav li:hover, #subnav li a:hover {background:none;}

/* company  */
#subnav-co { background:none;}
#subnav-facility {background:none;}
#subnav-factsheet {background:none;}
#subnav-careers {background:none;}

/* services  */

#subnav-preprod { background:none;}
#subnav-filmvideo {background:none;}
#subnav-postprod {background:none;}
#subnav-multi {background:none;}
#subnav-motion {background:none;}
#subnav-audio {background:none;}
#subnav-web {background:none;}

/* gallery  */
#subnav-gallery1 {background:none;}
#subnav-gallery2 {background:none;}
#subnav-gallery3 {background:none;}
#subnav-gallery4 {background:none;}


/* MISC ######### */

.topspaceXL {margin-top:35px;}
.topspace {margin-top:15px;}
.fltlt {float:left;}
.fltrt {float:right;}
.clear {clear:both;}


/* SLIDERS ######### */

		a:focus { outline:none }
		
		img { border: 0 }
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0;
		}
		

		/* These 2 lines specify style applied while slider is loading */
		.csw {height:auto;}
		.csw .loading {display:none;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow:visible; 
			margin: auto;
			width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			background: #fff;
			 /* overflow-y:scroll; 		creates scroll bar*/

		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%; height:auto;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:none;;
			height: auto;
			position: relative;
			width:100%; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;

		}
		
/* hide the generated nav */		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display:none;}
		.stripNavL {display:none;}
		.stripNavR {display:none;}