@charset "utf-8";


/* -------------------------------- */
/* RESET HTML TAGS					*/ 
/* -------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
	
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* -------------------------------- */
/* PAGE ELEMENTS 					*/ 
/* -------------------------------- */
/* Top Section	  					*/

h1 {
	background:#FFF url('../images/ui/bg_h1.png') top repeat-x;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
	text-indent:-3000px;
	z-index:0;
}

.index h1 {
	background:#FFF url('../images/ui/bg_h1_index.png') top center repeat-x;
}

body {
	background:#FFF url('../images/ui/bg_body.png') bottom center repeat-x;
	margin:0px;
	padding:0px;
}

a {
color:#006699;
}

a:active, a:focus {outline:none;}

/* -------------------------------- */
/* WRAPPER 		  					*/
#wrapper {
	width:780px;
	margin:0 auto;
	position:relative;
	z-index:1;
}


	/* -------------------------------- */
	/* HEADER  		  					*/
	
	#header {
		height:147px;
		border-bottom:11px solid #1A284D;
		width:100%;
	}
	
	#header .logo {
		display:block;
		position:relative;
		top:27px;
		left:10px;
		width:340px;
		height:50px;
		text-indent:-3000px;
		background:url('../images/ui/bg_logo.png') top left no-repeat;
	}
	
	#header .telephone {
		position:absolute;
		top:45px;
		right:30px;
		font-family:Arial;
		color:#999999;
		font-size:16px;
	}
	
	#header ul {
		margin:50px auto 0px auto;
		display:block;
		text-align:center;
		width:100%;
	}
	
	#header ul  li {
		display:block;
		float:left;
		line-height:36px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		width:15%;
		border-right:1px dotted #D3D3D3;
		text-transform:lowercase;
	}
	
	#header ul  li a {
		color:#000000;
		text-decoration:none;
	}
	
	#header ul  li a:hover {
		color:#333;
	}
	
	#header ul  li em a {
		text-decoration:underline;
		color:#000;
	} 
	
	#header ul  li.last-child {
		border-right:0px;
	}
	
	/* -------------------------------- */
	/* MARQUEE		  					*/
	
	#marquee {
		height:6px;
		background:#00579A;
		color:#FFFFFF;
		margin-bottom:15px;
	}
	
	.index #marquee {
		height:200px;
		position:relative;
		top:-1px;
		background:#00579A url('../images/ui/bg_h1_index.png') bottom center repeat-x;
		
	}
	
	#marquee .spaceinvaders {
		background: url('../images/ui/bg_spaceinvaders.png') top;
		width:314px;
		display:block;
		height:200px;
	position:relative;
	top:-10px;
		
	}
	
	#marquee .col2 {
		width:350px;
		float:left;
		margin-right:30px

	}
	
	#marquee h2 {
		font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
		font-size:30px;
		margin:10px 0px 0px 0px;
	}
	
	#marquee h3 {
		font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
		font-size:22px;
		letter-spacing:-2px;
		font-weight:normal;
		line-height:24px;
		margin-bottom:5px;
		margin-top:-5px;
		width:300px;
	}
	
	#marquee p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
	
	/* -------------------------------- */
	/* CONTENT		  					*/
	
	#content {
		width:510px;
		float:left;
		margin:10px 9px 10px 10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		margin-bottom:28px;
		border-right:1px dotted #CCCCCC;
	}
	
	#content h2 {
		font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
		font-size:25px;
		letter-spacing:-2px;
		font-weight:normal;
		color:#000000;
	}
	
	#content h3 {
		margin-top:20px;
	}
	
	#content p.preamble, #content p em, #content dt, #content h3, #content h3 a {
		font-weight:bold;
		color:#3D6F92;
		font-size:13px;
	}
	
	#content dd {
		margin-left:30px;
		margin-top:10px;
		margin-bottom:10px;
		line-height:16px;
		font-size:12px;
	}
	
	#content p {
		margin:10px 2px;
		line-height:16px;
		width:460px;
	}
	
	#content .linkbar {
		display:block;
		text-align:right;
		margin:15px 10px 10px 0px;
		width:460px;
	}
	
	#content .linkbar a {
		font-weight:bold;
		color:#000000;
		font-size:12px;
	}
	
	#content ul.smallBrands li {
		float:left;
	}
	
	#content ul.smallBrands li a {
		width:133px;
		height:49px;
		border:8px solid #CED6DA;
		display:block;
		float:left;
		margin:7px 14px 7px 0px;
	}
	
	#content ul.smallBrands li a:hover, #content ul.brandslist li:hover img {
		border-color:#3D6F92!important;
	}
	
	#content ul.infolist li {
		list-style:square;
		margin-top:12px;
		margin-left:20px;
		width:430px;
		
	}
	
	#content ul.directionlist li {
		list-style:square;
		margin-top:5px;
		margin-left:20px;
		width:430px;
		font-size:11px;
		
	}
	
	#content .vacancy {
		width:400px;
		margin:10px 0px 10px 10px;
		padding-left:10px;
		border-left:8px solid #CED6DA;
	}
	
	#content .vacancy h4 {
		font-size:14px;
		font-weight:bold;
		color:#333333;
	}
	
	#content .vacancy p {
		width:400px;
	}
	
	#content ul.detailslist {
		margin:10px;
	}
	
	#content ul.detailslist li {
		margin-left:130px;
		position:relative;
		line-height:20px;
	}
	
	#content ul.detailslist li span {
		display:block;
		position:absolute;
		top:0;
		left:-130px;
		width:120px;
		color:#3D6F92;
	}
	
	#content ul.partnerships {
		border:1px solid #EBEBEB;
		padding:6px;
		position:relative;
		left:-10px;
		margin-bottom:20px;
	}
	
	#content ul.partnerships li {
		background:#F8F8F8;
		clear:both;
	}
	
	#content ul.partnerships li img {
		position:absolute;
		top:0;
		left:0px;
	}
	
	#content ul.partnerships li {
		position:relative;
		min-height:79px;		
	}
	
	#content ul.partnerships li p {
		margin:0px 10px 10px 122px;
		padding:7px;
		width:327px;
	}
	
	#content ul.grid {
	width:460px;
	display:block;
	margin:10px;
	}

	#content ul.grid li {
		display:block;
		float:left;
		vertical-align: middle;
	}
	
	#content ul.grid li a {
		display:block;
		float:left;
		width:140px;
		height:60px;	
		vertical-align: middle;
		text-align: center;
		margin:2px;
	}
	
	#content ul.grid li a img {
		margin-top: expression((100 - this.height)/2);
	}
	
	#content ul.brandslist {
		margin:10px 0px;
	}
	
	#content ul.brandslist li {
		margin-left:160px;
		position:relative;
		width:320px;
		margin-top:15px;
	}
	
	#content ul.brandslist li p {
		width:320px;
	}
	
	#content ul.brandslist img {
		position:absolute;
		left:-160px;
		border:8px solid #CED6DA;
	}

	#content .date {
		font-size:10px;
		display:block;
		color:#444444;
	}
	
	/* -------------------------------- */
	/* SIDEBAR		  					*/
	
	#sidebar {
		width:210px;
		float:left;
		margin:10px 10px 10px 20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	#sidebar h2 {
		font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
		font-size:25px;
		letter-spacing:-2px;
		font-weight:normal;
		color:#000000;
		margin-bottom:15px;
	}
	
	#sidebar .date {
		margin-top:5px;
		margin-left:23px;
		display:block;
		color:#444444;
	}
	
	#sidebar h3 {
		position:relative;
		padding-left:23px;
		display:block;
		line-height:16px;
		background:url('../images/icon-page.png') left no-repeat;
	}
	
	/*
	
	#sidebar h3 {
		margin-top:10px;
		position:relative;
		top:15px;
	}
	
	#sidebar .date {
		position:relative;
		top:-21px;
		color:#444444;
		text-indent:23px;
		display:block;
		line-height:16px;
		background:url('../images/icon-page.png') left no-repeat;
	}
	
	*/
	
	#sidebar h3 a {
		color:#006699;
		font-size:12px;
	}
	
	#sidebar p {
		margin:5px 0px 15px 0px;
		color:#666;
		line-height:18px;
	}
	
	#sidebar .linkbar {
		display:block;
		text-align:right;
		margin:15px 10px 10px 0px;
		width:200px;
	}
	
	#sidebar .linkbar a {
		font-weight:bold;
		color:#000000;
		font-size:12px;
	}
	
	/* -------------------------------- */
	/* FOOTER		  					*/
	
	#footer {
		clear:both;
		height:30px;
		background:#00579A url('../images/ui/bg_body.png') top repeat-x;
		color:#FFFFFF;
		padding-left:10px;
	}
	
	#footer .col3 {
		width:225px;
		float:left;
		margin:22px 23px 5px 5px;
	}
	
	#footer h2 {
		font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
		font-size:25px;
		letter-spacing:-2px;
		font-weight:normal;
		color:#FFF;
	}
	
	#footer p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		padding:10px 10px 10px 0px;
		
	}
	
	#footer .col3 ul {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:10px 20px 10px 0px;
	}
	
	#footer .col3 ul li {
		line-height:25px;
		list-style:square;
		margin-left:20px;
	}
	
	#footer .copyright {
	z-index:300px;
		position:absolute;
		bottom:10px;
		left:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:12px;
		display:block;
		with:100%;
	}
	
	#footer .contact {
		position:absolute;
		bottom:10px;
		right:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:12px;
		display:block;
		with:100%;
		text-align:right;
	}
	
	#footer .contact strong {
		font-weight:bold;
		padding-left:10px;
	}
	
	#footer a {
		color:#FFFFFF;
	}


ul#contact_nav {width:680px;height:27px;border-bottom:5px solid #999;margin:30px 0;padding:0;}
ul#contact_nav li {
	float:left;
	list-style-type: none;
	margin:0 10px 0 0;
	background:#ccc;
	color:#fff;
	font-weight:bold;
	padding:5px 25px;
	height:18px;
	cursor:pointer;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;	    
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}
ul#contact_nav li.highlight {background:#999;}

ul#errors {background:#eee url(../error.png) no-repeat 20px 30px; width:99%;height:100px;padding:20px 0 0 0;}
ul#errors li {margin:0 0 3px 120px;color:red}

.contact_form_wrap {display:none;}
.contact_form_wrap p {color:#333;}

.contact_form {margin:20px 0 0 40px;padding:10px 0;}
.contact_form fieldset {border:none;}
.contact_form legend {display:none;}

.contact_form ul {margin:0 0 0 ;padding:0;}
.contact_form ul li {list-style-type: none;padding:10px 0 10px 0;background:#f4f4f4;}
.contact_form ul li.error {background:#ccc;}
.contact_form ul li.error label {color:red;}
.contact_form ul li.error input {border:1px solid red;width:255px;}
.contact_form ul li.error textarea {border:1px solid red;}

.contact_form ul li label {width:150px;display:block;float:left;text-align:right;margin:0 10px 0 0;}
.contact_form ul li label span {color:red;}
.contact_form ul li input {width:250px;height:20px;}
.contact_form ul li textarea {width:480px;height:200px;margin:0 0 15px 0;}
.contact_form button {
	background:#999;
	padding:5px 15px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border:none;
	float:right;
	margin:15px 15px 0 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	cursor:pointer;
	}
	
.show {display:block;}