/*
Client: Viroklenz
Author: Gary Hartley, 9xb
Author URI: http://www.9xb.com/
*/

/*	Structure
		1. DEFAULT STYLES
		2. TEMPLATE ELEMENTS
		3. FORM ELEMENTS
		4. HEADING ELEMENTS
		5. HEADER STYLES
		6. CONTENT STYLES
		7. FOOTER STYLES
*/

/* 1. DEFAULT STYLES  ~~~~~~~~~~~~~~~~ */
	
	html, body 		{ font:13px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#4b5457; background:#021e2f; height:100%; }	
	body 			{ margin:0; text-align:center; background:url(../images/background1.jpg) no-repeat 50% 0; }
	body#inner		{ background: none; }
	a				{ color:#dc291e; text-decoration:none; }
	a:hover			{ text-decoration:underline; }
	a:active		{ color:#021e2f;}
	.hidden			{ text-indent:-3000em; font-size:0; overflow:hidden; color: #021e2f;  }
	.floatL         { float:left; }
	.floatR			{ float:right; }
	img.floatL      { margin: 10px 10px 10px 0; }
	img.floatR      { margin: 10px 0 10px 10px; }
	.error, .success{ padding:10px; background-color: #970000; color: #fff; font-weight: bold; margin: 0 0 10px 0; }
	.success        { background-color: #009700; }
	.clear          { display: block; clear: both; }
	.clearL         { clear: left; }
	.textC          { text-align: center; }
	
	/* EDITOR STYLES */
	.blue           { color: #021e2f; }
	.red            { color: #ed1b2e; }
	.grey           { color: #bcc5c1; }

/* 2. TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~~ */

	#wrap 					{ width:100%; }
	#container 				{ width:992px; margin:0 auto; text-align:left; }
	#header					{ width:100%; float:left; padding:15px 0; position:relative; height:77px; }
	#contentainer			{ width:972px; border:10px solid #bcc5c1; float:left; background:#fff; }
	#footer, #footer_home	{ width:100%; float:left; padding:15px 0; margin:0; background:url(../images/footer-copyright.gif) no-repeat 100% 50%; }
	#footer_home            { background-position: 798px 50%; }
	
	
/* 3. FORM ELEMENTS  ~~~~~~~~~~~~~~~~ */	

	input, textarea, select { font-size:1.1em; }
	input					{ width:390px; }
	textarea				{ width:390px; height:150px; font-size:1.1em; font-family: arial, helvetica, tahoma, verdana, sans-serif; }
	label					{ font-weight:bold; display:block; color:#021e2f; }
	legend					{ display:none; }
	
	.contactFormol			{ list-style:none; padding:0; margin:0; }
	.row					{ width:280px; margin:0 0 10px 0; }
	.row2					{ width:100%; margin:0 0 10px 0; }
	.row3					{ margin:0 0 10px 0; }
	.row4					{ margin:0 0 10px 0; padding:120px 0 0 40px; }
	.red					{ color:#c00; }
	.sendbutton				{ width:auto; }
	
/* 4. HEADING ELEMENTS  ~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 				{ color:#021e2f; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; }
	h1 							{ font-size:32px; font-weight:normal; color: #dc291e; }
	h2 							{ font-size:1.4em; padding: 0 0 0 0; }
	h3 							{ font-size:1em; }
	
/* 5. HEADER STYLES  ~~~~~~~~~~~~~~~~ */

	#logo						{ float:right; }
	#logo a						{ height:61px; width:154px; margin:10px 0 0 0; display:block; float:left; overflow:hidden; background:url(../images/ses-logo.gif) no-repeat 0 0; }
/*  */
	#nav						{ position:absolute; bottom:35px; left:30px; }
	#nav li						{ float:left; margin:0 20px 0 0; padding:0; }
	#nav li.first				{ margin:0; }
	#nav li a					{ padding:0; font-style:normal; float:left; color:#fff; font-size:1.1em; }
	#nav li a:hover				{ text-decoration:underline; }
	#nav li a.selected			{ color:#dc291e; }

/* 6. CONTENT STYLES  ~~~~~~~~~~~~~~~~ */

/* Generic block container */
	.block						{ float:left; width:930px; border-bottom:1px solid #bcc5c1; padding:21px 0; }
	.blockL						{ float:left; width:205px; padding:0 10px; }
	.blockL p					{ margin:0 0 20px 0; }
	.tempwrap p					{ margin:0 21px 15px 0; clear: left; }
	.blockR h2, .blockR h3, .blockR h4 { margin: 0 0 15px 0; }
	.blockR						{ float:right; width:680px; }
	.blockL .pad50				{ margin:0 0 50px 0; }
	.blockL .pad200				{ margin:0 0 200px 0; }
	
/* Subnav - default styling */
	.subnav						{ padding:20px 30px; background:#fff; list-style:none; margin:0; width:165px; float:left; }
	.subnav li					{ padding:0; display:block; float:left; clear:both; width: 100%; }
	.subnav li a				{ padding:2px 0; display:block;  }
	.subnav li .selected		{ color:#021e2f; }
	.subnav strong              { font-size: 18px; font-weight: normal; }
	
	/*.subnav_level				{ float:left; }*/
	.subnav_level h1			{ margin:20px 0 20px 20px; font-weight:bold; clear:both; }
	
	.subnav_level01					{ border-bottom:1px #ccc solid; color:#ccc; margin:12px 0 0 10px; padding:10px 0 0 10px; height:30px; width: 941px; }
	.subnav_level01	li				{ float:left; margin:0 10px 0 0; }
	.subnav_level01	li a			{ color:#021e2f; }
	.subnav_level01	li .selected	{ color:#dc291e; }
	
	.subnav_level02					{ border-bottom:1px #ccc solid; color:#ccc; margin:12px 0 0 10px; padding:10px 0 0 10px; height:30px; width: 941px; }
	.subnav_level02	li				{ float:left; margin:0 10px 0 0; }
	.subnav_level02	li a			{ color:#021e2f; }
	.subnav_level02	li .selected	{ color:#dc291e; }
	
	.subnav_level_short         { width: 971px; float: left; }
	.subnav_level_short .subnav_level01, .subnav_level_short .subnav_level02 { width: 941px; }
	.subnav_level_short h1, .tempwrapL h1			{ margin:20px 0 20px 20px; font-weight:bold; }
	.tempwrapL h1 { margin-left: 0; }

/* SECTORS */
	.sectors					{ float:left; width:930px; padding:21px; }
	.sectorsNavWrap				{ height:309px; float:left; width:930px; position:relative; }
	.sectorsNavWrap .subnav		{ position:absolute; bottom:21px; left:0; }
	
/* Sector cat */
	.sectorscat					{ float:left; width:930px; padding:21px; }
	.sectorscat .subnav			{ background:#bcc5c1; padding:20px 30px; width:165px; float:left; margin:-21px 0 0 0; }
	
/* Case Study */
	.casestudy					{ float:right; width:695px; }
	.casestudy h2				{ font-size:32px; font-weight:normal; padding:0 0 10px 15px; }
	
	/* Gallery */	
/*	.gallery					{ float:left; width:695px; }
	.galleryimage				{ height:220px; overflow:hidden; }
	.gallerylinks				{ float:left; width:695px; background:#dc291e; margin:0 0 10px 0; }
	.gallerylinks ul			{ float:right; list-style:none; }
	.gallerylinks li			{ float:left; margin:0 5px 0 0; }
	.gallerylinks li.zoom		{ float:left; margin:0 5px 0 50px; }
	.gallerylinks li a			{ float:left; color:#fff; padding:5px; display:block; }*/
	
	/* Thumbs */
/*	.gallerythumbs				{ float:left; width:470px; overflow:hidden; }
	.gallerythumbs ul			{ float:left; list-style:none; }
	.gallerythumbs li			{ float:left; margin:0 10px 0 0; }*/
	
	/* info */
/*	.galleryinfo				{ float:right; width:190px; padding:15px 15px 0 15px; border-top:1px solid #bcc5c1; border-bottom:1px solid #bcc5c1; color:#021e2f; }
	.galleryinfo p				{ margin:0 0 15px 0; }
	.galleryinfo span           { color:#dc291e; text-decoration:none; }*/
	
	/* Gallery Version 2 02.12.09*/	
	.gallery					{ float:left; width:695px; }
	
	#galleryimage_landscape		{  }
	#galleryimage_portrait		{ float:left; width:460px; padding:0px; margin:0px; }
	
	#galleryimage_landscape img, #galleryimage_portrait img	{ float:left;}	
	
	.gallerylinks				{ }
	#gallerylinks_landscape		{ float:left; width:695px; background:#dc291e; margin:0 0 10px 0; }
	#gallerylinks_portrait		{ float:left; width:460px; background:#dc291e; margin:0 0 10px 0; }
	
	#gallerylinks_portrait ul, #gallerylinks_landscape ul			{ float:right; list-style:none; }
	#gallerylinks_portrait li, #gallerylinks_landscape li			{ float:left; margin:0 5px 0 0; }
	#gallerylinks_portrait li.zoom, #gallerylinks_landscape li.zoom	{ float:left; margin:0 5px 0 50px; }
	#gallerylinks_portrait li a, #gallerylinks_landscape li a		{ float:left; color:#fff; padding:5px; display:block; }
	
	/* Thumbs */
	#gallerythumbs_landscape	{ float:left; width:470px; overflow:hidden; }
	#gallerythumbs_portrait		{ float:right; width:225px; overflow:hidden; margin:10px 0 0 0; }
	
	#gallerythumbs_landscape ul, #gallerythumbs_portrait ul		{ float:left; list-style:none; }
	#gallerythumbs_landscape li									{ float:left; margin:0 10px 0 0; }
	#gallerythumbs_portrait li									{ float:left; margin:0 0 10px 0; }
	
	/* info */
	.galleryinfo				{ float:right; width:190px; padding:15px 15px 0 15px; border-top:1px solid #bcc5c1; border-bottom:1px solid #bcc5c1; color:#021e2f; }
	.galleryinfo p				{ margin:0 0 15px 0; }
	.galleryinfo span           { color:#dc291e; text-decoration:none; }

	.box                        { padding: 10px; margin: 10px; }
	
/* Large header */
	.who-we-are					{ float:left; width:972px; padding:0; }
	.letstalk					{ float:left; width:972px; padding:0; }
	.topimage					{ margin:10px; padding:0; height: 319px; width: 952px; }
	.right_image                { width:360px; height:520px; float:right; margin:10px 10px 0 0; }
	

/* Large image header with H1 and sub nav */	
	.tempHeader					{ float:left; width:972px; height:510px; position:relative; }
	.tempHeaderInner			{ position:absolute; bottom:0; right:0; width:951px; }
	.tempHeaderInner h1			{ float:right; background:#bcc5c1; padding:20px 30px; width:666px; margin-left:225px; border-bottom:1px solid #c9d1cd; }
	.tempHeaderInner .subnav	{ float:left; margin-right:666px; }
	
/* Large image header with H1 and sub nav  for Template 06 & 07*/	
	.imageHeader				{ float:left; width:951px; height:322px; position:relative; }
	.imageHeaderInner			{ position:absolute; bottom:0; right:0; width:951px;}
	
/* Grey block container */
	.tempwrap					{ float:left; width:951px; padding:0 0 0 21px; }
	.tempwrapL   				{ width:571px; }
	.tempL						{ float:left; width:205px; padding:21px 10px 0 10px; }
	.tempR						{ float:right; width:666px; padding:15px 30px; background:#bcc5c1; }
	.tempR p					{ margin:0 0 1em 0; }
	.tempL .pad50				{ margin:0 0 50px 0; }
	.tempL .pad200				{ margin:0 0 200px 0; }
	
/* Staff info */
	.staffL						{ border-bottom:1px solid #c9d1cd; float:left; width:686px; padding:0 0 15px 0; margin:0 0 15px -20px; }
	.staffL .staffpic			{ float:left; }
	.staffL .staffinfo			{ float:right; width:420px; padding:15px 20px; }
	
	.staffR						{ border-bottom:1px solid #c9d1cd; float:left; width:686px; padding:0 0 15px 0; margin:0 0 15px -20px; }
	.staffR .staffpic			{ float:right; }
	.staffR .staffinfo			{ float:left; width:420px; padding:15px 20px; }

	.staffinfo strong			{ color:#021e2f; }
	.profile                    { width: 45%; border-bottom: 1px solid #c9d1cd; margin: 0 0 10px 0; }

/* CONTACT PAGE */
	.col-450					{ width:400px; float:left; background:#C9D1CD; padding:20px 25px; margin: 10px 0; }
	.col-200					{ width:150px; float:right; background:#C9D1CD; padding:20px 25px; margin: 10px 10px 10px 0 }
	.col-200 .pad50				{ margin:0 0 50px 0; }
	.col-200 strong				{ color:#021e2f; }
	.tempwrap					{ margin:0 0 30px 0; }
	.tempwrap ul.contacts		{ margin:0; padding:0 0 50px 0; list-style: none; width: 930px; float: left; }

	.tempwrap ul.contacts li	{ width:350px; height:84px; margin:0 10px 10px 0; padding:25px 0 0 100px; border-bottom:1px solid #c9d1cd; background-image: url(../images/man_icon.gif); background-repeat: no-repeat; background-position: left top; }
	div.office_wrap             { border-bottom:1px solid #c9d1cd;  }
	.tempwrap div.office_location { width:350px; height:84px; margin:0 10px 10px 0; padding:25px 0 0 100px; background-image: url(../images/man_icon.gif); background-repeat: no-repeat; background-position: left top; }
	.tempwrap ul#careers li      { width: 350px; float: left; height: 94px; }
	.tempwrap ul.no_image li, .tempwrap div.no_image	{ width:450px; height: auto; float:left; margin:0 10px 10px 0; padding:15px 0 10px 0; border-bottom:1px solid #c9d1cd; background-image: none; }
	.tempwrap div.no_image      { border: none; }
	.contact_name				{ font-weight:bold; color:#021e2f;}
	
/* PUBLICATIONS */
	.publication                { margin: 20px 0 0 0; }
	.publication strong         { color: #dc291e; }
	
/* LISTS */
	ul ul, ul ul ul             { margin: 10px; }
	ul.list                     { margin: 0 0 30px 0; }
	.subnav ul                  { margin: 0 0 0 10px; }
	ul.pagination               { margin: 0 0 30px 0; list-style: none; }
	ul.pagination a, ul.pagination span { display: block; padding: 0 3px 0 0; margin: 0 0 30px 0; border-right: 1px solid #dedede; }
	ul.pagination a.last, ul.pagination span.last { border: none; }
	.search_results             { margin: 30px 0 0 0; }
	.search_results li          { margin: 10px 0; }
	.tempwrap ol, .tempwrap ul  { margin: 0 0 15px 15px; list-style: square; }
	.gallerylinks ul, .gallerythumbs ul { margin: 0 0 0 0; }
	.col-450 ul, .col-450 ol, form ol.contactFormol, form ul.contactFormol, ul.pagination, ul.search_results, ul#alphabet    { list-style: none; margin: 0; }
	
/* NEWS */
	.news_item                  { border-top: 1px solid #c9d1cd; padding: 10px 0; clear: both; }
	
/* MAPS */
	#map						{ border: 1px solid #c9d1cd; width: 930px; height: 350px; clear: both; margin: 10px 0 20px 0; }

/* HOME FLASH */

	#home_flash                 { margin: 10px; }
	object                { float: right; margin: 0 10px 10px 10px; }


/* SCROLLER STYLES  ~~~~~~~~~~~~~~~~ */
.anyClass { width:900px; padding: 16px 0px 0 0px; height: 152px;	margin: 0 0 0 -9px;overflow:hidden; }
.anyClass li { width: 205px; font-size:16px; color:#4c5456!important; background-color:#FFF; }
	.anyClass li a { font-size:14px; font-weight:bold; color:#4c5456!important; text-decoration:none; }
	.prev { text-indent:-2000px; background:url(../images/arrowL.gif); display:block; float: left; width:20px; height:20px; cursor:pointer; margin: 20px 0 0 0; }
	.next { text-indent:-2000px; background:url(../images/arrowR.gif); display:block; float: right; width:20px; height:20px; cursor:pointer; margin: 20px 0 0 0;  }
	
	ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 900px;
}
ul.thumb li {
	margin: 5px; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 210px;
	height: 200px;
}
ul.thumb li img {
	width: 215px; height: 124px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
/* 7. FOOTER STYLES  ~~~~~~~~~~~~~~~~ */

	#footernav					{ float:left; padding:0 0 0 30px; width:475px; }
	#footernav li				{ float:left; margin:0; padding:0; width:235px; }
	#footernav li.first			{ margin:0; }
	#footernav li a				{ padding:0; font-style:normal; float:left; color:#38464c; font-size:0.9em; }
	#footernav li a:hover		{ text-decoration:underline; }
	#footernav li a.selected	{ color:#dc291e; }
	.searchf					{ width:125px; font-size:1em; }
	
.left_column     { float: left; width: 45%; padding: 10px; }
.right_column    { float: right; width: 45%; padding: 10px; }