* {margin:0;padding:0}

/* mac hide \*/
html,body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:#FC0;
	margin:2px;
}
/* end hide */

body {

}

body, img, div { behavior: url(css/iepngfix.htc) }

h1{
	font-size:12pt;
	font-weight:bold;
}

h2{
	font-size:12pt;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:12pt;
}

h3{
	font-size:12pt;
	font-weight:bold;
	padding-bottom:5pt;
}

h4{
	font-size:10pt;
	font-weight:bold;
	padding-bottom:5pt;
}

p{
	padding-bottom:12pt;
}

table.application {margin: 0 0 25px 0;}
table.last {margin: 0;}
div.app-divider {border-bottom: 1px dashed #666; margin-bottom: 25px;}
table.application p {padding: 0 0 7px 0;}
table.application td {padding: 0 15px 10px 0;}
table.application td.empty {width: 80px;}
table.application label {display: block; font-size: 11px; text-transform: uppercase;}
.application .small {width: 50px;}
.application .medium {width: 167px;}
.application .medium2 {width: 140px;}
.application .large {width: 500px;}
div.errors {background: #800000; color: #fff; padding: 15px 15px 10px 15px; margin: 0 0 25px 0;}
.red {color: #800000;}
.error {background: #eecaca;}
.success {background: #1e479b; color: #fff; font-weight: bold; padding: 15px; margin-bottom: 30px; border: 2px solid #124283;}
td.padding {padding-left: 75px;}
table.application textarea {width: 550px; min-height: 100px;}
input, select, textarea{
	padding:2pt;
	vertical-align:middle;
}
img.footer-img {margin: 0 0 0 208px; width: 600px;}
textarea{
	width:90%;
	overflow:auto;
	vertical-align:middle;
}

a {
	color:#335A9A;
}

a:hover{
background: #d8d8d8;
}

ul{
	margin:0 0 7pt 10pt;
	list-style:square;
}

ol.alphaSmall{
	margin:0 0 7pt 10pt;
	list-style:lower-alpha;
}

li{
	margin-left:7pt;
}

.photo-right {float: right; clear: both; margin: 0 10px;}

/*	----------	#logo ----------	*/

#logo {
	/* margin:60px 0 0 0; */
	float:left;
	margin-top:60px;
	height:50px;
	width:200px;
}

img#flag {margin: 10px 0 0 25px;}

/*	----------	#navigation	----------	*/

ul#navigation {margin: 0 0 0 8px; padding: 0; float: left;}
ul#navigation li.top {background: #fff; border: 1px solid #333; border-right: none; list-style: none; float: left; margin: 0; padding: 5px;}
ul#navigation li.last {border-right: 1px solid #333;}
ul#navigation li.top a {background: #808080; color: #fff; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; display: block; padding: 10px 30px 33px 10px;}
ul#navigation li.top a:hover {color: #FC0;} 
ul#navigation li.top ul.dropdown {clear: left; width: 200px; padding: 0; margin: 0; list-style: none; display: none; position: absolute; border: 1px solid #333; border-top: none; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
ul#navigation li.top ul.dropdown li {margin: 0; padding: 0 !important;}
ul#navigation li.top ul.dropdown li a {margin: 0; padding: 5px; height: auto; background: #555;}
ul#navigation li.top:hover ul.dropdown {display: block; margin-top: 6px;}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/*
#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #900;
	background:#FFF;
	width:600px;
	height:67px;
	margin:0 0 0 8px;
}

#navigation a{ 
	color:#FFF;
	text-decoration:none;
}

#navigation a:hover{
	color:#FC0;
}

#navigation td{
	height:65px;
	border:1px solid #333;
}

#navigation td div{
	background:#808080;
	height:45px;
	margin:5px;
	padding:5px;
}
*/
/*	----------	#subNavigation	----------	*/

#subNavigation {
	font-size:10pt;
	background:#FFF;
	padding:10px;
	margin:10px;
	width:auto;
	float:right;
}

#subNavigation li{
	line-height:16pt;
}

/*	----------	#navigation	----------	*/

/*

#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #900;
	background:#FFF;
	width:600px;
	height:67px;
	margin:0 0 0 208px;
}

#navigation a{ 
	color:#FFF;
	text-decoration:none;
}

#navigation a:hover{
	color:#FC0;
}

#navigation ul{
	background:#FFF;
	height:67px;
	float:left;
	position:relative;
}

#navigation ul li{
	background:#FFF;
	height:65px;
	float:left;
	border:1px solid #333;
}

#navigation ul li div{
	background:#808080;
	height:45px;
	padding:5px;
	margin:5px 10px;
	float:left;
}

#navigation ul li.aboutUs div{
	width:80px;
}

#navigation ul li.services div{
	width:78px;
}

#navigation ul li.references div{
	width:80px;
}

#navigation ul li.jobs div{
	width:55px;
}

#navigation ul li.news div{
	width:55px;
}

#navigation ul li.contact div{
	width:60px;
}

#navigation #subNavigation1{
	display:none;
	width:300px;
	position:absolute; 
	top:10px;
	left:125px;
	padding:20px;
}

#navigation #subNavigation1 li {
	background:#900;
	border:none;
	float:none;
	height:20px;
	padding:5px;
}

*/

/*

#navigation div.middle{
	background:transparent url(../image/bgNav1M.jpg) top left repeat-y;
}

#navigation div.top{
	background:transparent url(../image/bgNav1T.jpg) top left no-repeat;
}

#navigation div.bottom{
	background:transparent url(../image/bgNav1B.jpg) bottom left no-repeat;
	padding:2px 0;
}

*/

/*	----------	#content ----------	*/

#content {
	width:600px;
	margin:0 0 0 208px;
}

#content h1.banner{
	color:#FFF;
	text-align:center;
	background:#636363;
	padding:10px;
	height:80px;
}

#content .text{
	font-size:10pt;
	line-height:14pt;
	padding:15pt 15pt 5pt 15pt;
	background:#cecece;
}

/*	----------	#footer ----------	*/

#footer {
	font-size:8pt;
	color:#FFF;
	text-align:right;
	background:#999;
	padding:10px;
	height:80px;
	width:580px;
	margin:0 0 0 208px;
}

#footer div.container{
	margin-top:50px;
}

/*	----------	#analytic	----------	*/

#analytic{
	display:none;
}

/*	----------	.divider	----------	*/

.divider{
	width:600px;
	margin:0 0 0 208px;
	background:#636363;
	height:80px;
}

/*	----------	.tableGrid1	----------	*/

.tableGrid1{
	width:100%;
}

.tableGrid1 td{
	padding:5pt;
	border:1px solid #FFF;
}

/*	----------	.boxError	----------	*/

.boxError{
	font-weight:bold;
	font-size:10pt;
	color:#C00000;
	border:2px solid #C00000;
	padding:5px;
	background:#FCC;
	margin:5px auto;
}

.boxError li{
	font-size:10pt;
	list-style:square;
	margin-left:20px;
}

#content .boxError li{
	background:none;
	padding:0;
}

/*	----------	.boxSuccess	----------	*/

.boxSuccess{
	font-weight:bold;
	font-size:10pt;
	color:#036;
    border:2px solid #036;
	padding:5px;
	background:#F1F0FF;
	margin:5px auto;
}

.boxSuccess li{
	font-size:10pt;
	list-style:square;
	margin-left:20px;
}	

#content .boxSuccess li{
	background:none;
	padding:0;
}

/*	----------	.clear	----------	*/

.clear, .clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}



* html > body .clear {
	display: block;
	width: 100%;
}



* html .clear {
	height: 1%;
}

/*

testing 
testing
123
testing
*/

/*

testing 
testing
123
testing
*/

/*

testing 
testing
123
testing
*/

/*

testing 
testing
123
testing
*/

/*

testing 
testing
123
testing
*/

/*

testing 
testing
123
testing
*/


.video-container {margin: 20px 0 0 18px;}
.video-container a:hover {background: none;}

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:40px;
	
	/* black background with a gradient */
	background:#000 url(../image/hulu.png) repeat-x 0 -4px;
	width:520px;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 46px;
	height: 40px;
	display:block;
	text-indent:-9999em;
	background:url(../image/hulu.png) no-repeat 10px -61px;
	cursor:pointer;
	border-right:1px solid #000; 
}

div.hulu a.play:hover {
	background-position:10px -105px;	
}

/* pause state */
div.hulu a.pause { 
	background-position:11px -148px;
}

div.hulu a.pause:hover {
	background-position:11px -192px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:285px;
	border-left:1px solid #999;
	height:40px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #444;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(../image/hulu.png) no-repeat 5px -323px;
}

div.hulu a.mute:hover {
	background-position:5px -367px;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:5px -235px;	
}

div.hulu a.unmute:hover {
	background-position:5px -279px;	
}