/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* GET RID OF FF OUTLINE */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}
/* --------------------- */

html {
	overflow-y: scroll;
}
body{
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}
.wrapper{
	margin: 0 auto;
}
.logoHolder{
	width: 420px; /* 541 */
	padding-top: 25px;
}
.logoHolder a.logoLink{
	text-indent: -99999px;
	display: block;
	width: 345px; /* 541 */
	height: 140px; /* 89 */
}
.top-logo-spacer{
	height: 30px;	
}
.main{
	width: 972px;
	padding-bottom: 70px;
}
.clear{
	clear: both;	
}

/* ----- wForm ---- */
  .errMsg { color: #900; /*... or any other css properties ... */ } 


/* ----- CSS SWITCHER --- */
div.cssSwitcher{
	visibility: hidden;
	position: fixed;
	top: 10px;
	left: 0px;
	line-height: 18px;
	padding: 7px 7px 7px 15px;
	border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
div.cssSwitcher a, div.cssSwitcher a:visited{
	padding: 3px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
div.cssLinkSpacer{
	height: 5px;
}

/* ----- NAV ----- */
.logo-nav-spacer{
	height: 20px;	
}
.nav{
	margin: 0;
	padding-top: 20px;
}
.left-nav-bg{
	float: left;
	width: 14px;
	height: 52px;
}
.right-nav-bg{
	float: right;
	width: 14px;
	height: 52px;
}
.linkHolder{
	margin: 0px 14px;
	padding-top: 6px;
	height: 46px;
}
.linksList{
	margin: 0px auto; /* WIDTH MUST BE LARGE ENOUGH TO CONTAIN ALL LINKS */
	width: 530px;
}
ul.links{
	list-style: none;
	padding: 0;
}
ul.links li{
	float: left;
	height: 40px;
}
ul.links li.spacer{
	width: 2px;
}
ul.links li a, .linkHolder ul li a:visited{
	display: block;
	padding: 2px 15px 3px 15px;
	margin: 12px 12px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
}



/* FOOTER */

#footer{
	padding-top: 17px;
	height: 33px;
	
	position: fixed;
	bottom: 0;
	width: 100%;
}
#footer div.footer-inside{
	width: 960px;
}
#footer div.footer-inside a, #footer div.footer-inside a:visited{
	text-decoration: none;
}
#footer div.footer-inside a:hover{
}
.footer-inside-left{
	float: left;
}
.footer-inside-right{
	float: right;
	text-align: right;
}
.footer-inside-center{
	width: 400px;
}

/* CONTENT */
div.content{
}


/* HOME */
.largeBanner{
	width: 972px;
	height: 312px;
}
.largeBanner p.about{
	width: 407px;
	position: absolute;
	top: 85px;
	left: 26px;
	text-align: justify;
}

.services{
	float: left;
	margin-left: 6px;
	width: 536px;
	padding: 20px;
}
.services div{
	width: 536px;	
}
.services .title_services{
	width: 536px;
	height: 31px;
	margin-bottom: 8px;
}
.services .title_services a.visit_services{
	position: absolute;
	bottom: 8px;
	right: 0px;
}

.quickContact{
	float: right;
	padding: 16px 20px 20px 18px;
	width: 346px;
	height: 224px;
	margin-bottom: 10px;
}
.quickContact div{
	width: 338px;	
}
.quickContact .title_quickContact{
	width: 338px;
	height: 35px;
	margin-bottom: 8px;
}
.quickContact .title_quickContact a.visit_contact{
	position: absolute;
	bottom: 8px;
	right: 0px;
}
.quickContact p{
	margin-left: 4px;
}


/* SERVICES */
.left-services{
	float: left;
	width: 480px;
}
.our-commitment{
	padding: 60px 26px 0px 26px;
	margin: 20px 0 20px 0;
}
.computer-specialists{
	padding: 20px 26px 0 26px;
	height: 377px;
}
.computer-specialists-title{
	width: 431px;
	height: 58px;
	margin-bottom: 8px;
}
.computer-specialists p{
	margin-bottom: 15px;	
}
.computer-specialists p.ul-header{
	font-weight: bold;
	margin-bottom: 17px;	
}
.computer-specialists ul{
	list-style: inside;
	margin-left: 15px;
}
.right-services{
	float: right;
	width: 460px;
	padding: 0 6px;
}
.customized-services{
	padding: 38px 0px 0px 0px;
	margin: 19px 0 20px 0;	
}
.customized-services h3{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 5px;
}
.customized-services p{
	margin: 5px 0px 20px 30px;
}

/*	TOOLTIP 	*/



/*  STAFF  */
div.staff_row{
	position: relative;
	height: 300px;
}
div.staff_row2{
	position: relative;
	height: 300px;
}
a#e11{
	position: absolute;
	top: 0px;
	left: -3px;
}
a#e12{
	position: absolute;
	top: 0px;
	left: 259px;
}
a#e13{
	position: absolute;
	top: 0px;
	left: 521px;
}
a#e14{
	position: absolute;
	top: 0px;
	left: 783px;	
}
a#e21{
	position: absolute;
	top: 0px;
	left: -3px;
}
a#e22{
	position: absolute;
	top: 0px;
	left: 259px;
}
a#e23{
	position: absolute;
	top: 0px;
	left: 521px;
}
a#e24{
	position: absolute;
	top: 0px;
	left: 783px;	
}
a#e31{
	position: absolute;
	top: 0px;
	left: -3px;
}
a#e32{
	position: absolute;
	top: 0px;
	left: 259px;
}
div.float-helper{
	float: left;	
}
a.employee{
	display: block;
	width: 142px;
	height: 248px;
	padding: 21px 25px 21px 25px;
	margin-right: 20px;
	background: url('../images/staff/staff_dark_bg.png') no-repeat top left;
}
a.employee:hover{
	background: url('../images/staff/staff_dark_bg_hover.png') no-repeat top left;
}
a.employee:hover img{
	border-color: #ddeefa;	
}
a.employee:hover ul{
	background: #1d2c38;	
}
a.employee:hover ul li span.li-text{
	color: #c8dae6;	
}
.employee img{
	display: block;
	border: 5px solid #718fa4;	
}
.employee h3{
	color: #ffffff;
	padding: 7px 0 4px 0;
	border-bottom: 1px solid #637a8a;
	margin-bottom: 0px;			
}
.employee ul{
	background: #15202b;
	padding: 4px 0px 6px 6px;	
}
.employee ul li{
	line-height: 16px;
	list-style: inside;
	color: #f1d7a4;
}
.employee ul li span.li-text{
	color: #aac4d6;
}

.staff_left{
	float: left;
	margin-left: 6px;
	width: 700px;
}
.staff_list ul{
	list-style: none;	
}
.staff_list ul li{
	height: 150px;
	margin-bottom: 20px;	
}
.staff_list img.job-img{
	margin-top: 4px;
	float: left;
	border: 5px solid #CCC;
}
.staff_list div.job-data{
	float: right;
	width: 540px;
}
.staff_list div.job-meta{
	padding-bottom: 3px;
	border-bottom: 1px solid #666;
	margin-bottom: 3px;	
}
p.job-title{
	text-align: left;
	width: 300px;
}
p.job-phone{
	float: right;
	text-align: right;
	width: 200px;
}
.size10{
	font-size: 10px;
}
.size11{
	font-size: 11px;
}

/*  CAREER */

.right-column{
	float: right;
	width: 472px;

}
.join-our-team{
	padding-top: 297px;
	margin-bottom: 15px;
}
.join-our-team p{
	padding: 0px 11px 0px 11px;	
}
.join-our-team ul{
	list-style-position: inside;
	margin: 12px 0px 12px 30px;
	font-weight: bold;
}
.living-in-stl{
	padding-top: 305px;
}
.living-in-stl p{
	padding: 0px 11px 0px 11px;	
}
.living-in-stl ul.left-links{
	float: left;
	width: 210px;
	list-style-position: inside;
	margin: 12px 0px 12px 30px;
	font-weight: bold;
}
.living-in-stl ul.right-links{
	float: right;
	width: 190px;
	list-style-position: inside;
	margin: 12px 0px 12px 0px;
	font-weight: bold;
}
.living-in-stl ul a:link, .living-in-stl ul a:visited{
	color: 	
}

.left-column{
	float: left;
	width: 492px;
}
.career-ops{
	padding: 21px 26px;
	width: 440px;
	height: 206px;
}
.career-ops-title{
	width: 440px;
	height: 31px;
	margin-bottom: 7px;
}
.career-ops p.quote{
	margin: 12px 40px;
	font-weight: bold;
	position: relative;
}
.career-ops p.quote span.leftQuotation{
	width: 17px;
	height: 13px;
	position: absolute;
	top: 3px;
	left: -30px;
}
.career-ops p.quote span.rightQuotation{
	width: 17px;
	height: 13px;
	position: absolute;
	top: 3px;
	right: -30px;
}

.career-table{
	margin-top: 10px;
	padding: 0px 6px;	
}
.career-table .row{
	margin-top: 1px;
}
.career-table .row .header{

}
.career-table .odd a.jobLink, .career-table .odd a.jobLink:visited{
	display: block;
	padding: 2px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.career-table .odd a.jobLink:hover{

}
.career-table .even a.jobLink, .career-table .even a.jobLink:visited{
	display: block;
	padding: 2px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.career-table .even a.jobLink:hover{

}
.career-table .row .header_name{
	float: left;
	width: 120px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #7d7d7d;
	font-weight: bold;
}
.career-table .row .header_descr{
	float: left;
	width: 335px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px solid #7d7d7d;
	font-weight: bold;
}
.career-table .row .title_name{
	float: left;
	width: 120px;
	padding: 0px 0px 0px 20px;
}
.career-table .row .title_descr{
	float: left;
	width: 275px;
	padding: 0px 0px 0px 5px;
}
.career-table .row .title_date{
	text-align: right;
	font-size: 10px;
	color: #333;
	float: right;
	width: 55px;
	margin-right: 5px;
}
.descr{
	padding: 5px 20px 5px 20px;
}


/* CONTENT */

.contact-left{
	width: 398px;
	float: left;
}
.addressPhonesFax{
	padding: 58px 0 0 0;
	width: 399px;
	height: 156px;
}
.addressPhonesFax p{
	margin-left: 22px;	
}
.contact_form{
	text-align: left;
	margin-top: 10px;
	padding: 35px 26px 0 26px;
}


/****** CONTACT FORM ********/
#customForm{
}
#customForm label{
	display: block;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 336px;
	padding: 6px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}
#customForm input.error{
}
#customForm textarea{
	width: 336px;
	height: 80px;
	padding: 6px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
}
#customForm textarea.error{
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	display: block;
/*	margin-left: 10px;	*/
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
}
#customForm #send{
	width: 350px;
	font-weight: bold;
	font-style: normal;
	border: 0;
	outline: 0;
	cursor: pointer;
}
#customForm #send:hover{
}
#error{
	margin-bottom: 20px;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
}
#error.valid ul li strong{
}

div#confirmation{
	position: relative;
}
div#confirmation h2{
	font-size: 18px;
}
#confirmation p{
}
#confirmation img{
	position: absolute;
	top: 0;
	right: 0;
	float: right;
}
/******* /FORM *******/


.contact-right{
	margin: 0px 6px 0px 0px;
	width: 550px;
	float: right;
}
.ourLocation{
	margin: 21px 0 10px 0;
	padding: 35px 14px 0 14px;
}
.submitResume{
	margin: 21px 0 10px 0;
	padding: 35px 14px 0 14px;
}

#map_canvas{
	width: 542px;
	height: 392px;
}

#gmap-window{
	width: 400px;
}
#gmap-heading{
	text-align:left;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 5px;
	padding-bottom: 6px;
}

/* ****** INTRANET ********** */
div.intranetFormHolder{
	width: 398px;
	margin: 0 auto;	
}
.intranetFormHolder h2{
	margin: 15px 0 15px 0;	
}
#intranetForm{
}
#intranetForm label{
	display: block;
	font-weight: 700;
	line-height: 1.4em;
}
#intranetForm input{
	width: 336px;
	padding: 6px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}
#intranetForm input.error{
}
#intranetForm textarea{
	width: 336px;
	height: 80px;
	padding: 6px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
}
#intranetForm textarea.error{
}
#intranetForm div{
	margin-bottom: 15px;
}
#intranetForm div span{
	display: block;
/*	margin-left: 10px;	*/
	font-size: 11px;
	font-style: italic;
}
#intranetForm div span.error{
}
#intranetForm #intranetSend{
	width: 350px;
	font-weight: bold;
	font-style: normal;
	border: 0;
	outline: 0;
	cursor: pointer;
}
#intranetForm #intranetSend:hover{
}