/*  
Theme Name: SIO
Version: 2.0

*/

/* global settings
---------------------------------------------------------- */
html, body { border:0; margin:0; padding:0; }

body { background: url(images/backgrounds/bg_body.gif) repeat-x 0 0; font-size: 100%; font-family: arial, helvetica, sans-serif; line-height: 1.125em; color: #626262; }/* resets the font size to browser default - typically 16. line height goes to 18; */

/* Main Elements
------------------------------------------------------------------*/
#message_strip { position: absolute; top: 25px; right: 0; z-index: 1; }
#message_strip a { width: 155px; height: 105px; background: url(images/message_strip.gif) no-repeat 0 0; display: block; text-indent: -9999px; }
#header { width: 1000px; height: 194px; margin: 0 auto 20px; padding: 6px 0 0 0; }
#main_body {
	width: 1000px;
	clear: both;
	position: relative;
	z-index: 99;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#opening {
 
	display: none;
}

#content {
	width: 660px;
	float: left;
}
#sidebar {
	width: 320px;
	float: right;
}

#footer {
	width: 100%;
	height: 90px;
	background-color: #4160A1;
	border-top: 5px solid #202020;
}

/***** Typography *****/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { font-size:1.5em; line-height: 1em; color: #3c4c57; letter-spacing: -0.02em; padding: 0 0 11px; }
h1#logo { padding: 0; }
h2 {
	height: 24px;
	margin-bottom: 45px;
	padding: 2px 20px 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	height: 19px;
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 1em;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}

h4, legend { font-size: 1.125em; font-weight: bold; color: #00acec; margin: 0 0 5px; }
h5 { font-size: 0.875em; font-weight: bold; color: #00acec; }

p, ul, ol 		{
	margin:0;
	padding:0 0 18px;
	font-size: 0.875em;
	line-height: 1.5em;
}
ul h4 { font-size: 1.3125em !important; }
ul ul { font-size: 1em; }
p.adr, .the_buzz .entry p, #footer p { font-size: 0.75em; }
.the_buzz p.postmetadata, #quick_links, #sublinks {
	font-size: 0.6875em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}



ul#sublinks { text-transform: uppercase; font-weight: bold; }

#opening p { color: #3c4c57; }
blockquote 		{ margin:22px 40px; padding:0; }
blockquote p	{ background: url(images/quote.gif) no-repeat 0 0; padding: 0 0 3px 36px; font-style: italic; }
ul, ol 			{ list-style:none; padding:0 0 18px 40px; }
small 			{ font-size:85%; }
img 			{
	border:0px solid #fff;
}
acronym, abbr	{ cursor: default; border: 0; }

/***** Links *****/

a, a:visited 	{ color: #61a200; text-decoration:none; }
#stay_connected a, h5 a, h5 a:visited, ul#quick_links a, ul#quick_links a:visited { color: #00acec; }
ul#sublinks a, ul#sublinks a:visited { color: #e1e1e1; }
.post h2 a, p.view_all_work a { color: #fff; }
a:hover, a:active, h5 a:hover, ul#quick_links a:hover { color: #eb551a; }
p.view_all_work a:hover { border-bottom: 1px solid #7bd4f5; }

#footer a, #footer a:visited { border-bottom: 1px dotted #5c5c5c; color: #acacac; }
#footer a:hover { border-bottom-style: solid; }

/***** Forms *****/

form 			{ margin:0; padding:0; display:inline; }
input, select, textarea { font-size:100%; font-family: arial, helvetica, sans-serif; }

textarea 		{ line-height:1.25em; }

label { }

/***** Tables *****/

table 			{
	border:0;
	padding:0;
	margin-top: 0;
	margin-right: 7;
	margin-bottom: 18px;
	margin-left: 7;
}
table tr td 	{ padding:2px; }

/***** Global Classes *****/

.clearer		{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.nodisplay		{ display: none; }

/* Header
------------------------------------------------------------------*/
#quick_links {
	width: 140px;
	padding: 0;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
#quick_links li { height: 12px; margin: 0 9px 0 0; padding: 0 8px 0 0; border-right: 1px solid #a0a1a1; float: left; }
#quick_links li.quick_contact { margin: 0; padding: 0; border: 0; }
#quick_links li a { margin-top: -3px; display: block; }

#headerwrap {
	width: 1000px;
	height: 70px;
	padding: 10px 0 0 0;
}
#headerwrap h1, #headerwrap h4 { float: left; }
#headerwrap h4 { margin-left: 76px; }
#headerwrap img { border: 0; }

#sublinks { width: 353px; height: 17px; background: url(images/backgrounds/bg_sublinks.gif) no-repeat 0 0; margin: 0 0 5px 0; padding: 3px 0 0 45px; float: right; }
#sublinks li { margin: 0 25px 0 0; }
#sublinks li, #sublinks li a { float: left; }

#nav { height: 60px; padding: 0; clear: both; }
#nav li { margin: 0 20px 0 0; padding: 0; float: left; }
#nav li.navcontact { margin: 0; }
#nav li a { width: 150px; height: 60px; background: url(images/backgrounds/bg_nav.gif) no-repeat 0 0; float: left; display: block; text-indent: -9999px; }
	#nav li.navhome a { background-position: 0 0; }
	#nav li.navwork a { background-position: -170px 0; }
	#nav li.navproducts a { background-position: -340px 0; }
	#nav li.navservices a { background-position: -510px 0; }
	#nav li.navblog a { background-position: -680px 0; }
	#nav li.navcontact a { background-position: -850px 0; }
	
	#nav li.navhome a:hover { background-position: 0 -60px; }
	#nav li.navwork a:hover { background-position: -170px -60px; }
	#nav li.navproducts a:hover { background-position: -340px -60px; }
	#nav li.navservices a:hover { background-position: -510px -60px; }
	#nav li.navblog a:hover { background-position: -680px -60px; }
	#nav li.navcontact a:hover { background-position: -850px -60px; }
	
/* Main content
------------------------------------------------------------------*/
blockquote.testimonial { width: 286px; height: 158px; background: url(images/backgrounds/bg_testimonial.gif) no-repeat 0 0; margin: 0 36px 0 0; padding: 28px 0 0 0; float: left; }
blockquote.testimonial p { width: 199px; background: url(images/icons/icon_quote.gif) no-repeat 0 0; margin: 5px 0 0 23px; font-size: 0.9375em; line-height: 1.5em; }
blockquote.testimonial p.author_source { width: 200px; background-image: none; font-size: 0.875em; line-height: 1.25em; text-align: right; }
cite.author { color: #61a200; }
cite.source { margin-right: 4px; color: #798389; }

#opening .postish {
	width: 600px;
	margin: 2px 0 0 0;
	float: right;
	line-height: 1.3125em;
}
#opening .postish p { padding: 0 0 16px 0; }
p.btn_our_products, p.btn_our_services { padding: 0; float: left; }
p.btn_our_products { margin: 0 30px 0 99px; }
p.btn_our_products a, p.btn_our_services a { width: 204px; height: 30px; display: block; text-indent: -9999px; }
p.btn_our_products a { background: url(images/buttons/btn_our_products.gif) no-repeat 0 0; }
p.btn_our_products a:hover { background-position: 0 -30px; }
p.btn_our_services a { background: url(images/buttons/btn_our_services.gif) no-repeat 0 0; }
p.btn_our_services a:hover { background-position: 0 -30px; }

/***** Recent Work *****/
#recent_work {
	width: 660px;
	background: url(images/backgrounds/bg_recent_work.gif) no-repeat 0 0;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#recent_work h2 {
	width: 600px;
	float: left;
}
p.view_all_work { margin: 1px 0 0 130px; float: left; font-size: 1.0625em; text-align: right; }

.project {
	width: 630px;
	font-size: 0.9em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ccc;
}
.project p{
	font-size: 0.8em;
}
.project h4 { width: 420px; padding: 0; float: left; }
p.project_meta { width: 200px; padding: 0; float: left; font-size: 0.75em; color: #acacac; font-weight: bold; text-align: right; }
p.project_meta span { color: #ccc; font-weight: normal; }
p.project_description { padding: 4px 0 0 0; }
p.project_image { margin: 18px 0 0 0; padding: 0; }
p.project_image img { border: 0; }

/* Page toolbar */
.page_toolbar 	{ margin: -8px auto 25px; padding: 0; text-align: center; }
.page_prev, .page_next, .page_numbers {  }
.page_numbers	{ margin: -3px 0 0; padding: 0; }
.page_numbers a	{ margin: 0 6px; padding: 0; }

.page_prev 		{ margin-right: 4px; }
.page_next 		{ margin-left: 4px; }
.page_prev a, .page_next a { margin: 0; padding: 0; }
.page_prev a 	{ padding-right: 14px; border-right: 1px solid #d7d7d7; }
.page_next a 	{ padding-left: 14px; border-left: 1px solid #d7d7d7; }

.page_numbers a.current_page, .page_numbers a:hover { color: #eb551a; }

/***** posts *****/
.post { width: 660px; background: url(images/backgrounds/bg_recent_work.gif) no-repeat 0 0; margin: 0 0 35px; padding: 14px 0 0; }
#sidebar .post { width: auto; background-image: none; margin: 0; padding: 0; }
.post h2 { width: 512px; float: left; }
* html .post h2 { width: 472px; }
p.postdate { margin: 2px 0 0 0; float: left; font-size: 1.0625em; color: #fff; }
.entry { clear: both; }
.post .entry, .postmetadata { padding: 0 20px; }
#sidebar .entry, #opening .entry { padding: 0; }
.entry ul { list-style: disc; }
.entry ul li { margin-bottom: 10px; }

ol.commentlist, .commentform-box { padding: 0 20px; }
#comments-post, #commentform-container { width: 660px; background: url(images/backgrounds/bg_recent_work.gif) no-repeat 0 0; margin: 0 0 35px; padding: 14px 0 0; }

* html #commentform-container { width: 620px; }


/***** Email subscription *****/
body#subscribe #content form { font-size: 0.875em; }
input.textbox { width:320px; background: #fff; margin-bottom: 17px; padding:3px; border: 1px solid #ddd; }
label.subscribe { margin-right: 10px; }
body#subscribe #content form p.submit_btn { margin-top: 17px; font-size: 1em; }

/***** Links *****/
body#links ul.float-left, body#links ul.float-right { width: 300px; }
body#links .entry ul li ul li { margin-bottom: 4px; }

/***** Buttons *****/
p.submit_btn {
	width: 135px !important;
	height: 30px;
	background: url(images/buttons/btn_left.gif) no-repeat 0 0;
	padding: 0 !important;
	margin: 0 0 18px;
}
a.btn, input.btn { 
	width: 135px !important;
	height: 30px;
	background: url(images/buttons/btn_right.gif) no-repeat 100% 0; margin: 0 0 0 15px; padding: 0 15px 3px 0; border: 0; display: block; color: #61a200; text-transform: uppercase; font-size: 0.875em; font-weight: bold; text-align: center; cursor: pointer;
}
a.btn:hover, input.btn:hover { color: #eb551a; }


/***** Links *****/
body#links h4 { padding-bottom: 2px; }
body#links .entry ul { list-style: none; padding-left: 0; line-height: 1.5em; }

/* Sidebar
------------------------------------------------------------------*/
#sidebar .sidebar_block {
	width: 280px;
	background: url(images/backgrounds/bg_sidebar_block.gif) no-repeat 0 0;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#side_blog, #side_archives { float: left; }
#sidebar #side_blog ul, #sidebar #side_archives ul { padding: 0 0 17px; float: left; clear: both; }
#sidebar #side_blog ul li, #sidebar #side_archives ul li { width: 140px; float: left; }

/***** contact us *****/
.contact_us img { margin: 0 9px 9px 0; float: left; }
.tel { padding: 6px 0 0; }
p.download_vcard { width: 30px; height: 33px; margin: 8px 0 0 0; float: right; }
p.download_vcard a { width: 30px; height: 33px; background: url(images/icons/icon_vcard.gif) no-repeat 0 0; display: block; text-indent: -9999px; }
p.adr { clear: both; }

/***** stay connected *****/
#stay_connected p { width: 280px; height: 80px; background: url(images/backgrounds/bg_rss.gif) no-repeat 175px 0; margin-top: -14px; padding: 15px 0 0; font-size: 1.125em; }

/***** free appraisal *****/
p.btn_appraisal_form { margin: 0 30px 0 10px; }
p.btn_appraisal_form a { width: 255px; height: 30px; background: url(images/buttons/btn_appraisal_form.gif) no-repeat 0 0; display: block; text-indent: -9999px; }
p.btn_appraisal_form a:hover { background-position: 0 -30px; }

/***** the buzz *****/
.the_buzz .post { margin-bottom: 5px; }
.date { width:29px; height:40px; background:url(images/backgrounds/bg_date.gif) no-repeat; margin-right:8px; padding-top:2px; float:left;}
.date p { padding: 0; font-weight: bold; text-align:center; text-transform:uppercase; }
.date span.month { height:10px;display:block; font-size:11px; color:#fff; }
.date span.day { margin-top: 6px; display:block; font-size:18px; color: #fff; letter-spacing: -0.07em; }

/* Footer
------------------------------------------------------------------*/
.footerwrap { width: 1000px; margin: 10px auto 0; color: #acacac; }
.footerwrap p { text-align: center; padding: 0 0 6px; }



/* lightbox
------------------------------------------------------------------*/
#lightbox					{ width: 100%; position: absolute; left: 0; z-index: 100; text-align: center; line-height: 0; }
#lightbox a, #lightbox a img, #lightbox img { border: 0; padding: 0; }

#outerImageContainer		{width: 250px; height: 250px; background-color: #fff; margin: 0 auto; border: 4px solid #d7d7d7; border-bottom: 0; position: relative; }
#imageContainer				{ padding: 10px; }
/*#imageContainer img			{ border: 1px solid #d7d7d7; }*/

#loading					{ width: 100%; height: 25%; position: absolute; top: 40%; left: 0%; text-align: center; line-height: 0; }
#hoverNav					{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
#imageContainer>#hoverNav	{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink		{ width: 49%; height: 100%; background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block; }
#prevLink 					{ background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; left: 0; float: left;}
#nextLink 					{ background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {  }
#nextLink:hover, #nextLink:visited:hover {  }

#imageDataContainer			{ width: 100%; background-color: #fff; margin: 0 auto; border: 4px solid #d7d7d7; border-top: 0; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; overflow: auto; }

#imageData					{	padding:0 10px; color: #666; }
#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
#imageData #caption			{ font-weight: bold;	}
#imageData #numberDisplay	{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose	{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay					{ width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 90; }

/* LIGHTBOX ENDS */
#main_container {
	margin-right: auto;
	margin-left: auto;
	width: 1002px;
	clear: both;
	float: none;
}
#header #bannerup {
	float: right;
	width: 430px;
	clear: none;
}
#header #languagetop {
	width: 150px;
	float: left;
	clear: none;
	text-align: left;
	padding-top: 12px;
}
.evidenceABS {
	font-size: 11px;
	margin-right: 5px;
}
.cleardiv {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	visibility: visible;
	z-index: 99;
}
.postlogin {
	font-size: 0.875em;
}
#language {
	float: right;
	width: 650px;
	margin-top: 16px;
}
#opening {
	display: none;
}
#abstractdiv {
	border: 1px dotted #CCC;
	margin: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#abstractdiv:hover {
	border: 1px solid #F30;
	margin: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.evidence {
	width: 300px;
	font-size: 11px;
	display: inline;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
}.NUM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #4869AD;
	float: left;
	width: auto;
	color: #FFF;
	margin-right: 3px;
	padding: 1px;
	line-height: 13px;
}