/*******************************************************************************
   stiwebsite.css modified from stiwebsite.css
   Last updated: 06-22-2009
*******************************************************************************/

/* general/misc */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 1010px;
	color: #000;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.95em;
}

body { 
	background-color: #3775a8;
}

p{
	font-size: 0.95em;
}

.wrapper{
	background: #3775a8 url("../assets/bkgd.jpg") repeat-y top center;
	position: relative;
	margin: 0 auto;
	width: 995px;
	padding:5px 15px 2px 10px;
}

.close_bottom{
	background: url("../assets/bkgd_btm.jpg") repeat-x top center;
	position: relative;
	margin: 0 auto;
	line-height: 10px; 
	height: 10px;
	width: 995px;
	padding:0 15px 0 10px;
}

a:hover {
	color:#1968A7;
	text-decoration: none;
}

a:link {
	color:#1968A7;
	text-decoration: none;
}

a:visited {
	color:#1968A7;
	text-decoration: none;
}

.email{
	color:#1968A7;
	text-decoration: none;
	cursor: pointer;
}

/* Hacks for IE */
* html #wrapper { height: 100%; }
* html #content { padding-bottom: 0px; }

table, td{
	border-collapse: collapse;
	padding:0px;
	}

.blue {
	color:#1968A7;
}

.green {
	color:#8AA980;
}

.section_header{
	font-size: 1.5em;
	padding-bottom: 5px;
}

a {
	color: #000;
	text-decoration: underline;
}

a img { border: none; }

.page_left{
	width:220px; 
	float:left; 
}

.page_center_right{
	width:760px; 
	float:right;
}

.contacts{
	padding: 10px 0;
	width:100%; 
	font-size: 13px;
	background-color: #DDDDDD;
	border: 1px solid #AAAAAA;
}

.contacts div{
	margin: 0 5px;
}

.corner_shadow{
	position: absolute;  
	z-index: 1;
}

.navbar{
	float: right;
	width: 142px;
	padding: 6px 5px;
	font: 1.0em Arial, Tahoma, sans-serif;
	cursor: pointer;
	text-align:center;
	color: #000;
	background: url(../assets/Home1.jpg) no-repeat;
}

.nav_normal{
	position: absolute; 
	left: 0px; 
	top: 0; 
	z-index: 1; 
}

.nav_highlight{
	position: absolute; 
	left: 0px; 
	top: 0; 
	z-index: 2; 
}

.headlines_list{
	float: left;
	padding: 10px 10px 0 10px;
	width: 98%;
}

.headline_select{
	float: left; 
	padding: 0 5px; 
	color: #1968A7;
	cursor: pointer;
}

.lrg_img_proj{
	padding: 7px 0 10px 10px;
}

.lrg_img_srvc{
	padding: 5px 0 10px 10px;
}

.lrg_img_ind{
	padding: 3px 0 10px 10px;
}

.project_img_sml{
	padding-left:10px;
	width: 100px;
	height: 100px;
}

.sa_div{	
	z-index: 10;
	display:none;
	padding: 5px; 
	margin: 5px 7px 0 15px;
	}

.sa_div a{
	text-decoration: none;
}

.listbox{
	position: relative;
	width: 295px;
	float: right;
	padding-right: 5px;
}

.sublistbox{
	z-index: 1;	
	font-size: 0.8em;
	display:none;
	padding: 3px; 
	margin: 3px;
}

.sa_shadow{
	position: relative;
	width: 300px;
	float: right;
	background: url(../assets/sa_shadow_right.gif) top right no-repeat;
}

.sa_shadow_bottom{
	width: 100%; 
	height: 12px;
	z-index: 4;
	float: right;
	background: url(../assets/sa_shadow_bottom.gif) bottom right no-repeat;
}

.sa_box{
 	padding: 5px 0 12px 5px;
 	float: left; 
	width: 680px;
}

.job_list{
	padding: 5px 10px;
}

.quote_div{	
	padding: 0 5px 5px 5px; 
	margin: 10px 20px 0 20px;
	background-color: #EEE;
	}

.quote_edit tr td{
	padding: 5px;
}

div.pageheader{
	width: 100%;
	padding: 0 0 10px 0;
	font-size: 1.5em;
	text-align: center;
}

div.hrpadding{
	float: left;
	margin: 5px auto 5px auto;
	background-color:#AAA; 
	width:100%; 
	height:1px; 
	line-height:1px; 
	font-size:1px;
}

div.hrnopadding{
	background-color:#AAAAAA; 
	width:100%; 
	height:1px; 
	line-height:1px; 
	font-size:1px;
}

div.level_1_bottom_left{
	width: 670px; 
	float: left;
}

div.level_1_bottom_right{
	width: 290px;
	padding: 0 0 0 30px; 
	float: right;
}

.form_spacing{
	padding: 5px;
	font-size: 11px;
}

.form_spacing_half{
	padding: 5px;
	float: left;
	width: 300px;
}

.headlines_main td{
	padding: 5px;
}

.headlines td{
	padding: 3px;
}

.headlines_main font{
	font-size: 1em;
}

.headlines font{
	font-size: 1.05em;
}

.headline_viewmore{
	font-size: 0.75em;
}

.quest_header{
	font-size: 1.5em;
	padding: 10px 0;
}

.quest_box{
	position: relative;
	padding-top: 10px;
	float: left;
}

.quest_subbox{
	width: 210px; 
	z-index: 1;	
	position: absolute;
	padding: 0 0 0 10px; 
}

.related_docs{
	 padding: 5px 0; 
	 cursor: pointer;
}

.default_padding{
	border:1px solid #DDD; 
	padding:5px; 
}

.default_padding_no_b{
	padding:5px; 
}

.quotetable td{
	border: solid 1px #AAA;
	padding:5px;
}

.tabbox{
	border:3px solid #87A477;
	padding:10px;
}

.footer {
	width: 100%;
	font-size: 0.8em;
}

input.button[disabled] {
	color: gray;
}

/* error class */
.error {
	color: red;
	width: 350px;
}

.staff{
	padding: 5px 0;
	width: 33%;
	float: left;
	font-size: 11px;
}

.editLabel {
	line-height: 20px;
	color: #297da5;
	font-size: .9em;
	font-weight: bold;
}

.imagetext{
	position: absolute; 
	top: 20px; 
	left: 30px;
}

.divspacer{
	height:5px; 
	width:100%;
	line-height:5px; 
	font-size:1px;
}

div.topnav{
	/*ER (03/02/09)*/
	float:left; 
	width:90%;
	padding:20px;
}

a.info
{
    position:relative;
    z-index:24; 
}


a.info:hover
{
	z-index:25; 
	background-color:#ffffff;
}

a.info span
{
	display: none;
}

a.info:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:15em;
    border:1px solid #000000;
    background-color:#f5f5f5; 
    color:#000;
    font-weight:normal;
    text-align: left;
    text-decoration:none;
    padding: 10px 10px 10px 10px;
}

.mainNav{
	position: absolute; 
	top: 0; 
	z-index: 10;
}

.subMenu{
	text-align:left; 
	background-color: #D5E7F1; 
	white-space: nowrap; 
	position: absolute; 
	left: 0px; 
	top: 30px; 
	z-index: 500; 
	display: none;
	min-width: 148px;
	border: solid 1px #97B090;
}

.staffname{
	border-left: 2px solid #DDDDDD; 
	border-bottom: 2px solid #DDDDDD; 
	border-top: 2px solid #DDDDDD;
	padding: 5px 10px 5px 5px;
}


.stafftitle{
	border-right: 2px solid #DDDDDD; 
	border-bottom: 2px solid #DDDDDD; 
	border-top: 2px solid #DDDDDD;
	padding: 5px;
}

#overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index: 499;
}

#email_div{
	display: none;
	position: absolute;
	top: 200px;
	height: 220px;
	width: 410px;
	z-index: 500;
	padding: 0;
	border: 2px solid #333;
	background-color: #EFF7F7;
	/*background: #EFF7F7 url("../assets/staff/email_pad.gif") repeat-y top left;*/
}

#outputdiv{
	padding: 0 0 0 5px;
}

#thelist1, #thelist2, #bizlist1, #bizlist2, #techlist1, #techlist2, #clientlist1, #clientlist2{
	height: 200px;
	overflow:scroll;
	width: 330px; 
	border:1px solid #000;
	float:left; 
	padding:5px; 
	margin:5px;
	background-color: #FFF; 
}
	
.datadrag{
	cursor: pointer;
	padding: 2px 0;
}

p label
{
	float: left;
	width: 100px;
}
	
.PL5{
	padding-left: 5px;
}
	
.P5{
	padding: 5px;
}
	
.PTB5{
	padding: 5px 0;
}

.PRBL5{
	padding: 0 5px 5px 5px;
}

.PL10{
	padding-left: 10px;
}

.PB10{
	padding-bottom: 10px;
}
	
.P10{
	padding: 10px;
}

.PR10{
	padding-right: 10px;
}

.PT10{
	padding-top: 10px;
}

.PBL10{
	padding: 0 0px 10px 10px;
}

.PRBL10{
	padding: 0 10px 10px 10px;
}

.PTRB10{
	padding: 10px 10px 10px 0;
}

.PB15{
	padding-bottom: 15px;
}
	
.PL20{
	padding-left: 20px;
}

.PLR20{
	padding: 0 20px 0 20px;
}

.PTRB20{
	padding: 20px 20px 20px 0;
}

.PTB20{
	padding: 20px 0 20px 0;
}

.PTB10{
	padding: 10px 0;
}

.coImage{
	padding: 0px 0px 10px 10px; 
}

.fLeft{
	float: left;
}

.fRight{
	float: right;
}

/*lists*/
ul.outerlist{
	list-style-type: none;
	padding-left: 0px;
}
ul.outerlist li{
	padding-bottom: 14px;
}

ul.innerlist{
	list-style-type: none;
	padding-left: 0px;
}
ul.innerlist li{
	padding: 0px;
}
/*end lists*/

div.collaboratorrow {
	width: 745px;
	padding-bottom: 10px;
}
div.collaboratorlogo {
	width: 195px;
	height: 50px;
	float: left;
}
div.collaboratortext {
	width: 545px;
	height: 50px;
}
div.collaboratortextline {
	height: 25px;
}
div.collab-column {
	float: left;
	width: 250px;
}
div.collab-box {
	height: 115px;
	width: 250px;
}
div.collab-box-text {
	height: 35px;
}
div.collab-box-text h5 {
	display: inline;
}
div.collab-box-logo {
	height: 80px;
	padding-top: 5px;
}
/*******************************************************************************
   End of file
*******************************************************************************/