@charset "utf-8";
/* CSS Document */

a, h1, h2, h3, h4, hr{font-weight:normal; margin:0px; padding:0px;}
html, body{height:100%; width:100%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ddd; line-height:18px; background:url(images/middleBg.jpg) repeat;}
a:link{text-decoration:none; color:inherit; border:0px none;}
a:visited{text-decoration:none; color:inherit; border:0px none;}
a:hover{text-decoration:none; color:red; border:0px none;}
a:active{text-decoration:none; color:inherit; border:0px none;}
img{border:0px none;}
.contentleft a:link{text-decoration:none; color:inherit; border-bottom:1px dotted #CCC; font-weight:bold;}
.contentleft a:visited{text-decoration:none; color:inherit; border-bottom:1px dotted #CCC; font-weight:bold;}
.contentleft a:hover{text-decoration:none; color:red; border-bottom:1px dotted red; font-weight:bold;}
.contentleft a:active{text-decoration:none; color:inherit; border-bottom:1px dotted #CCC; font-weight:bold;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; margin-top:10px; padding-bottom:0px; margin-bottom:-10px;}
.highlight{color:#F30;}
hr{width:100%; height:2px; margin-top:5px; margin-bottom:5px; border: 0px none; background:url(images/dividerDark.gif) repeat-x;}
small{font-size:10px; font-style:italic;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; color:#eee; line-height:11px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; line-height:11px;}

#maincontainer{min-height:100%; width:100%; margin:0 auto; text-align:center;}
#maincontainer .header{height:366px; background:url(images/headerBg.jpg) repeat-x; margin:auto;}
#maincontainer .subheader{height:97px; background:url(images/headerBg2.jpg) repeat-x; margin:auto;}
#maincontainer .middle{background:url(images/middleBg.jpg) repeat; margin:auto;}
#maincontainer .footer{height:222px; background:url(images/footerBg.jpg) repeat-x; margin:auto;}

.wrapper{height:100%; width:960px; margin:auto;}

#logo{height:67px; width:480px; background:url(images/logoWFS.jpg) no-repeat;}
#navigation{height:67px; width:480px;}
#navigation ul{list-style:none; margin-top:20px; margin-left:60px;}
#navigation ul li{float:left; height:18px; padding-left:20px; padding-right:20px; text-transform:uppercase; font-weight:bold; padding-top:1px}
#navigation ul li.selected{background:url(images/navSelected.gif) no-repeat center;}
#carousel{}
#carouselcontent{width:100%; background:url(images/carouselBg.jpg) repeat-x;}

.subheader img{margin-top:20px; padding-left:4px; padding-right:4px;}

td.middle table{width:950px;}
.contentleft{width:578px; vertical-align:top; text-align:left;}
.contentright{width:337px; vertical-align:top; text-align:left;}

.contentright h1{margin-bottom:15px;}
.contentright .newslist{max-height:98px; overflow:hidden; background:url(images/dividerLight.gif) bottom repeat-x; margin-top:10px;}
.contentright .newslist img{float:left; margin-right:8px; border:1px #333 solid;}
.contentright .newslist p{margin-top:0px; padding-top:0px;}
.contentright .newsletterlist{background:url(images/dividerLight.gif) bottom repeat-x; margin-top:10px; padding-bottom:10px;}
.contentright .newsletterlist table{width:330px;}

.contentleft img{float:left; vertical-align:top; margin-right:8px;}
.contentleft h1{line-height:20px;}
.contentleft h3{margin-top:8px; margin-bottom:20px;}
.contentleft table.contactus{width:580px; text-align:left; vertical-align:text-top; margin-top:25px;}
.contentleft table.contactus td{vertical-align:top;}
.contentleft.facility h2{line-height:16px; margin-top:20px;}
.contentleft.facility iframe{background:#333 url(images/loading.gif) no-repeat center;}
form.contactus{margin-top:20px;}
form.contactus input{height:29px; width:557px; background:url(images/inputContact.jpg) no-repeat; border:none 0px; margin-bottom:3px; margin-top:3px; color:#eee; padding-left:10px;}
form.contactus textarea{padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:179px; width:557px; background:url(images/inputContactMessage.jpg) no-repeat; overflow:hidden; border:none 0px; margin-bottom:3px; margin-top:3px; vertical-align: top; color:#eee;}
form.contactus input.inputsubmit{text-align:left; color:red; text-transform:uppercase; margin-top:0px; padding-top:0px;}

.footer td{width:215px; vertical-align:top; text-align:left; padding-top:10px; padding-right:15px;}
.footer td hr{margin-top:0px; padding-top:0px;}
.footer input{width:201px; height:21px; margin:1px; text-align:left; font-size:10px; color:#fff; border:none 0px;}
.footer input.inputtext{background:url(images/inputNewsletterBg.jpg) no-repeat center; margin-left:-4px; padding-left:10px; text-align:left;}
.footer input.inputsubmit{background:url(images/inputNewsletterBgSubmit.jpg) #333 no-repeat center; font-weight:bold; color:#fff; text-align:left;}

/* carousel */
#page_wrap{width: 960px; margin: 0px auto; position: relative; background: url(images/bg1.png) top center; float:left;}
#panel_text{font-size:14px; color:#fff; margin-top:20px; line-height:17px; margin-right:50px; float:left; text-align:left; width:390px;}
#panel_text h1{font-size:33px; color:#fff; margin-top:23px; font-weight:bold;}
#panel_text h2{font-size:12px; color:#fff; margin-top:18px; padding-bottom:15px;}
#panel_pic{background-image:url(images/condor.jpg); height:246px; width:495px; right:0px; position:absolute; top:16px;}
.panel .contentleft{font-size:14px; color:#fff; line-height:17px;}
#view_showreel{background-image:url(images/view_showreel.png); height:17px; width:133px; margin-left:310px; margin-top:30px;} 

/* UTILITY STYLES */				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right;}
.clear 										{ clear: both;}
a											{ outline: none;}


.nav-thumb 									{ border: none; padding-right: 4px; padding-left:4px; margin-left:-4px;}
#movers-row									{ padding-right: 4px; padding-left:4px; margin-left:3px;}
#movers-row div								{ float: left;}
#movers-row div a.cross-link 				{ float: right;}
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white;}
.photo-meta-data span 						{ font-size: 13px;}
.cross-link									{ display: block; width: 229px; margin-top: 0px; position: relative; padding-top: 0px; z-index: 9999;padding-right: 4px; padding-left:4px;}
.active-thumb 								{ background: url(images/icon_uparrowsmallwhite.jpg) top center no-repeat; padding-right: 4px;}
.thumb_wrapper								{ padding-left:30px; height:100%; width:960px; margin:auto;}	

/* SLIDER */
.slider-wrap								{ width: 960px; position: absolute; top: -138px; left: 0px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left;}
.stripViewer								{ position: relative; overflow: hidden; width: 960px; height: 285px;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0;}
.stripViewer .panelContainer .panel			{ float: left; height: 285px; position: relative; width: 960px;}
.stripNavL, .stripNavR, .stripNav			{ display: none;}


ul.menu {list-style:none; margin:10px; padding:0; padding-left:50px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none; left:-10px;}
ul.menu li {position:relative; float:left; margin-right:-10px;}
ul.menu ul {position:absolute; top:0px; left:-55px; display:none; opacity:0; list-style:none; text-align:left; background:url(images/headerBg.jpg) repeat-x; margin-top:5px;}
ul.menu ul li {margin:0 ; width:120px;}
ul.menu ul li a {display:block;}
ul.menu ul li a:hover {color:#F30}
ul.menu ul ul {left:0px; top:-1px}
ul.menu .menulink:hover, ul.menu .menuhover {color:#FF0000;}