/* Scientific Technologies Corporation Style Sheet */
/* This Code may not be used without consent from Scientific Technologies Corporation */
/* Copyright 2011 Scientific Technologies Corporation */

/* GLOBAL STYLES */

html { overflow-y: scroll; }
body { background: #909090 url(../images/bg_gradient.gif) top left repeat-x; margin: 0px; padding: 0px; }
img { border: none; }
a { color: #0a387d; text-decoration: none; }
a:visited { color: #0a387d; }
a:hover { text-decoration: underline; }
h3 { font: 18px lucida console; font-weight: bold; color: #00135c; margin: 10px 0px 10px 0px; padding: 0; }
h4 { font: 18px lucida console; font-weight: bold; color: #00135c; margin: 0; padding: 0; }

/* GLOBAL CONTENT STYLES */

#container {	margin: auto; padding: 0px; width: 950px; }
#frame {	float: left; width: 930px; margin: 10px 10px 0px 10px; background: #f9f9f9; }
#header { float: left; margin: 6px; width: 918px; height: 199px; background: url("../images/header.jpg") top left no-repeat; }
#header a.home { display: block; float: left; margin: 0px; width: 200px; height: 199px;}
#menu { display: inline; float: left; margin: 0px 0px 6px 6px; width: 918px; }
#imageboxcontainer { display: inline; float: left; margin-left: 6px; width: 918px; position: relative; }
#imagebox { display: inline; float: left; margin-left: 44px; width: 830px; height: 287px; }
#socialmedia { display: inline; float: left; margin: 6px; width: 918px; height: 42px; }
#socialmedia a { position: relative; bottom: 5px; }
#socialmedia a:hover { position: relative; bottom: 10px; }
#contentboxes { display: inline; float: left; margin-left: 6px; width: 918px; }
#pagecontent { display: inline; float: left; margin: 0px 0px 20px 55px; width: 820px; font: 12px verdana; line-height: 20px; }
#footer { display: inline; float: left; margin: 6px; width: 918px; height: 42px; background: #304b72; }
#footer .left { float: left; width: 15px; height: 42px; background: url("../images/footer_left.gif") no-repeat; }
#footer .right { float: right; width: 45px; height: 42px; background: url("../images/footer_right_2.gif") no-repeat; }
#footer .copyright { width: 800px; margin: 12px 0px 0px 59px; color: #fff; text-align: center; font: bold 13px verdana; }
#gallery { margin: 0px; padding: 0px; }
#gallery ul {	margin: 0px; padding: 0px; }
#gallery li {	list-style: none; margin: 0px; padding: 0px; }
#gallery a img { border: 3px solid #aaa; width: 350px; margin: 15px 0px; }
#gallery a:hover img { border: 3px solid #4a6b9e;	}
#php_bio { float: left; width: 800px; }
#php_bio .container { float: left; width: 560px; height: 450px; background: url("../images/php_bio.png") }
#php_bio .content { width: 530px; height: 420px; margin: 20px 15px 20px 15px; font-size: 12px; color: #00135c; }
#php_bio .pic { float: right; }
#php_bullets { list-style-image: url("../images/php_bullet.png"); padding-left: 12px; }
#php_outside { float: left; width: 530px; height: 255px; margin-left: 135px; background: url("../images/php_outside.png") }
#php_outside .content { width: 500px; height: 225px; margin: 15px 15px 15px 15px; width: font-size: 12px; color: #FFF; }
.corp_structure_bio_body { padding: 5px 25px 10px 25px; text-align: justify; }
.bulletlist li { padding-bottom: 10px; }
.client { float: right; width: 70%; font-style: italic; color: #4a6b9e; padding-bottom: 20px; }
		
/* Easy Slider */

#slider1prev, #slider1next { margin: 0px; padding: 0px; display: block; overflow: hidden; text-indent: -8000px; }
#slider ul, #slider li { margin: 0px; padding: 0px; list-style: none; z-index: 10; }
#slider li { width: 830px; height: 287px; padding: 0px; overflow: hidden; }	
#prevBtn, #nextBtn { display: block; width: 32px; height: 50px;	position: absolute; left: 4px; top: 118px; overflow: hidden; text-indent: -8000px; }	
#nextBtn { left: 882px; }														
#prevBtn a, #nextBtn a { display: block; width: 32px; height: 50px; position: relative; background: url(../images/prev.png) no-repeat 0px 0px; }	
#nextBtn a { background: url(../images/next.png) no-repeat 0px 0px; }

/* TOP MENU STYLES */

#sddm {	margin: 0px 0px 0px 15px; padding: 0px; }
#sddm li { margin: 0px; padding: 0px; list-style: none; float: left; }
#sddm li a.title { position: relative; overflow: hidden; text-decoration: none; text-transform: uppercase; font: bold 14px arial; color: #4a6b9e; outline: none; text-align: center; height: 30px; top: 7px; letter-spacing: 1px; float: left; display: block; margin: 0px 17px 0px 17px; }
#sddm li a.title:hover { color: #6e9de5; }
#sddm div { position: absolute; visibility: hidden; margin: 25px 0px 0px 16px; padding: 0px; background: #FFF; border: 1px solid #627aa8; z-index: 100; }
#sddm div a { position: relative; display: block; margin: 0px; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #FFF; color: #000; font: 12px verdana; }
#sddm div a:hover	{ background: #49A3FF; color: #FFF; }
		
/* BOX STYLES */

#box_highlights { float: left; margin-right: 8px; width: 301px; height: 331px; background: url("../images/box_highlights.png") top left no-repeat; }
#box_blogposts { float: left; margin-right: 8px; width: 300px; height: 331px; background: url("../images/box_blogposts.png") top left no-repeat; }
#box_whitepapers { float: left; margin: 0px; width: 301px; height: 331px; background: url("../images/box_whitepapers.png") top left no-repeat; }
#box_highlights .content, #box_blogposts .content, #box_whitepapers .content { float: left; margin: 20px 0px 0px 10px; width: 275px; height: 255px; line-height: 15px; }
#box_highlights ul, #box_blogposts ul, #box_whitepapers ul { margin: 0px; padding: 0px; list-style: none;}
#box_highlights li, #box_blogposts li, #box_whitepapers li  { padding: 0px 0px 0px 18px; margin-bottom: 18px; background: url("../images/arrowbullet.png") no-repeat; }
#box_highlights a, #box_blogposts a, #box_whitepapers a { color: #000; font: 12px verdana;}
#box_highlights a.viewmore, #box_blogposts a.viewmore, #box_whitepapers a.viewmore { float: right; margin-right: 15px; color: #000; font: bold 12px arial; }

/* JQuery Lightbox */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%;	z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff;	width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%; left: 0%;	height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav {	position: absolute;	top: 0;	left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%;	zoom: 1; display: block; }
#lightbox-nav-btnPrev { 	left: 0; float: left; }
#lightbox-nav-btnNext { 	right: 0; float: right; }
#lightbox-container-image-data-box {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data {	padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* Tabs */

ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0px; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { height: 1100px; border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }