/* General Properties */

body{
	background: url(../Images/main-bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0; 
	margin:0;
	line-height:1.3em;
	font-size:75%;
}

body#diverse-services, body#about ,body#careers ,body#contact, body#microsoft,
body#staffing, body#transition, body#payroll, body#immigration, body#minority, body#workforce{
	background: url(../Images/secondary-bg.jpg) repeat-x;
}
strong {color:#4184C7;}

h1 {color:#7D0035; padding:0; margin:0px 0px 15px 0px;}

h1{font-size:1.7em;}
h2,h3,h4{font-size:1.4em; color:#4184C7;}

a {color:#4184C7;}

img {border:0;}

/*	Main Layout */  

#wrapper{width:885px; margin:0 auto 0 auto;}
#header{height:86px;}
#logo {float:left; display:block; width:600px; background: url(../Images/search.gif) top right no-repeat}
#nav{
	padding-left:17px;
	text-transform:uppercase;
	height:36px;}
	
#banner{
	background: url(../Images/main-banner.jpg) no-repeat;
	height:203px;
	padding-top:10px;
	padding-left:29px;
	}
	
body#diverse-services #banner{ 
	background: url(../Images/diverse.jpg) no-repeat;
	height:103px;
}

body#about #banner{ 
	background: url(../Images/aboutus.jpg) no-repeat;
	height:103px;
}

body#careers #banner{ 
	background: url(../Images/careers.jpg) no-repeat;
	height:103px;

}

body#workforce #banner{ 
	background: url(../Images/workforce.jpg) no-repeat;
	height:103px;
}

body#contact #banner{ 
	background: url(../Images/contactus.jpg) no-repeat;
	height:103px;
}

body#transition #banner{ 
	background: url(../Images/transition.jpg) no-repeat;
	height:103px;
}

body#staffing #banner
{
	background: url(../Images/staffing-graphic.jpg) no-repeat;
	height:103px;
}

body#payroll #banner
{
	background: url(../Images/payroll.jpg) no-repeat;
	height:103px;
}

body#immigration #banner
{
	background: url(../Images/solutions.jpg) no-repeat;
	height:103px;
}

body#minority #banner
{
	background: url(../Images/minoritybanner.jpg) no-repeat;
	height:103px;
}

body#microsoft #banner
{
	background: url(../Images/micropopgold.jpg) no-repeat;
	height:103px;
}


#main{
	background: url(../Images/wrapper-bg.jpg) top left repeat-y ;
	zoom:1;
	padding-bottom:30px;
	}
#leftcol{
	float:left; width:565px; 
	min-height:400px;  
	background: url(../Images/pagedivider-home.jpg) right 10px  no-repeat;
	padding:10px 15px 10px 30px;
	}
	
body#diverse-services #leftcol, body#careers #leftcol,
body#about #leftcol, body#contact #leftcol, body#staffing #leftcol,
body#transition #leftcol, body#payroll #leftcol, 
body#immigration #leftcol, body#workforce #leftcol, body#microsoft #leftcol,
body#minority #leftcol{
	width:210px; 
	background:  url(../Images/page-divider.jpg) right 10px  no-repeat;
	height:613px;
}

*html #leftcol{height:500px;}
#rightcol{
	float:right; 
	width:240px; 
	padding:10px 25px 10px 10px;
	}

body#diverse-services #rightcol,body#about #rightcol,body#careers #rightcol,body#contact #rightcol,body#microsoft #rigthcol{
width:595px; 
}

#main-content{float:right; width:595px; padding:10px 25px 10px 10px;}


	
#footer{
	height:45px; 
	background:#90003E url(../Images/footer-bg.jpg) repeat-x;
	text-align:center;
	padding:5px;
	color:#AF738D; 
	font-size:0.8em;
	}
#footer a{
	color:#AF738D; 
	}

/*	Navigation	*/

body#diverse-services #active, body#about #active,body#careers #active ,body#contact #active, 
body#staffing #active, body#transition #active, body#payroll #active, body#immigration #active, 
body#workforce #active, body#minority #active{
background: url(../Images/nav-on.jpg) no-repeat top left;}

#nav ul{ margin:0; padding:0;}

#nav ul li { 
	background:transparent url(../Images/nav-div.jpg) no-repeat right 8px;
	float:left;
	margin-right:1px;
	padding-right:2px;
	list-style:none;
	} 

#nav a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding: 10px 20px 9px 20px;

	} 
#nav a:hover {
	background: url(../Images/nav-on.jpg) no-repeat top left;
	} 
	
#rightcol ul{ margin:0; padding:0;}
#rightcol ul li{ list-style:none;padding-bottom:15px;}
#rightcol a{ display:block;
 	text-decoration:none; 
	position:relative;
	padding:10px 10px 30px 90px;
	}
#rightcol a span{ display:block; color:#333333; font-size:0.8em; line-height:1.2em;}
#rightcol a strong{ display:block;}

#btn-jobs{ background: transparent url(../Images/call-job.jpg) 0 0 no-repeat;}
#btn-cal{ background: transparent  url(../Images/call-cal.jpg) 0 0 no-repeat;}
#btn-board{ background: transparent  url(../Images/call-board.jpg) 0 0 no-repeat;}
#btn-twitter{ background: transparent  url(../Images/twitter-btn.jpg) 0 0 no-repeat;}
#btn-twitter2{ background: transparent  url(../Images/tweet-secondary.jpg) 0 0 no-repeat;}
#btn-linkedin{ background: transparent url(../Images/linkedin-btn.jpg) 0 0 no-repeat; }
#btn-linkedin2{ background: transparent url(../Images/linkedin-secondary.jpg) 0 0 no-repeat; }
#btn-facebook{ background: transparent url(../Images/facebook-btn.jpg) 0 0 no-repeat; }
#btn-facebook2{ background: transparent url(../Images/facebook-secondary.jpg) 0 0 no-repeat; }

ul#tweet{margin:0; padding:0;list-style:none;}
ul#tweet li{list-style:none;padding-bottom:15px;}
ul#tweet a strong{ display:block;}
ul#tweet a
{
	display:block;
 	text-decoration:none; 
	position:relative;
	padding:10px 15px 30px 85px;
}

#secondarynav {margin:0; padding:0;}
#secondarynav ul {margin:0; padding:0px 0px 0px 15px;}

/* IE 6 */ 
*html #secondarynav ul li, *html #secondarynav ul ul li{padding:0;}
#secondarynav li{list-style:none; text-decoration:none;padding-bottom:5px;}
#secondarynav li a
{	font-size:1.1em;
	font-weight:bold;
	margin:0;
	display:block;
	zoom:100%;
	color:#780034; 
	background: transparent url(../Images/bullet-gray.gif) no-repeat; 
	text-decoration:none;
	padding-left:10px;
	}
*html #secondarynav li a
{		padding-bottom:5px;
}
#secondarynav ul li a
{	display:block;
	color:#F0B310;
	font-weight:bold;
	background: transparent url(../Images/line.gif) no-repeat; 
	zoom:100%;
	font-size:0.95em;
}
#secondarynav ul ul li a
{	display:block;
	color:#CEAD60;
	font-weight:normal;
	background: transparent url(../Images/line.gif) no-repeat; 
	zoom:100%;
}
#secondarynav li a:hover{ 
	background: transparent  url(../Images/bullet-yellow.gif) no-repeat;
	color:#CC0057; 
}	

	
	
/*	Form	*/

input{margin:0;padding:0;}

.resultsBar span{ font-weight:bold; color:#7D0035;}
#sitesearch {display:block;	background-image:url(../Images/search-bg.jpg);
	background-position:0px 30px; 
	background-repeat:no-repeat;
	width:249px;
	float:left; 
	padding-top:30px;
	}
#search {
	margin:0;
	color: #CCCCCC;
	background:transparent;
	border:none;
	padding-top:3px; 
	padding-left:15px;
	width:200px; 
	height:24px;
	}

#submit{padding:0; margin:0; border:none;}

#sitesearch fieldset { padding:0;margin:0; border:0;}
#sitesearch label{display:none;}
#sitesearch input.searchBox
{
float:left;
background:transparent none repeat scroll 0 0;
border:medium none;
color:#CCCCCC;
height:24px;
margin:0;
padding-left:15px;
padding-top:3px;
width:200px;
}

*html #sitesearch input.searchBox{width:197px;}

#sitesearch input.searchBtn{width:34px; height:26px;}

#searchBox {width:400px; padding:20px;border:1px solid #eee;}
#searchBox fieldset { padding:0;margin:0; border:0;}
#searchBox label{display:none;}
#searchBox input.searchBox
{
float:left;
background:transparent none repeat scroll 0 0;
border:medium none;
color:#CCCCCC;
height:24px;
margin:0;
padding-left:15px;
padding-top:3px;
width:200px;
}



fieldset.requestform {
	margin: 0 auto;
	padding: 0 0 1.5em 7px;
	border:1px solid #CFE0F1;
	color: #333;
	background-color:#F5F9FC;
}
fieldset.requestform div {
	clear: both;
	padding: 4px 4px 4px 0;
}
fieldset.requestform div div {
	padding: 4px 0px;
}
fieldset.requestform label {
	width: 45%;
	display: block;
	float: left;
	text-align: left;
	margin-right: 5px;
	background-color: transparent;
	background-image: url(../Images/labelarrows1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color:#306AA5;
}
fieldset.requestform label.label2 {
	background-image: url(../Images/labelarrows2.gif);
}
div.req label {
	font-weight: bold;
}
fieldset.requestform table {
	width: 100%;
	margin-top: -5px;
}
div.req td label {
	font-weight: normal;
	background-image: none;
}
fieldset.requestform input, fieldset.requestform select, fieldset.requestform div.radiobtns {
	width: 50%;
	display: block;
	float: left;
}
fieldset.requestform div.radiobtns { clear: none; font-size: 0.8333em; }
fieldset.requestform input, fieldset.requestform textarea {
	border: 1px solid #8FB7DE;
	background: #fff url(/Images/inputshadow.gif) no-repeat 0 0;
	background-repeat: no-repeat;
}
/* not for IE/Mac \*/
* html fieldset.requestform input, * html fieldset.requestform textarea {
    background-attachment: fixed;
}
/**/
fieldset.requestform input.button, .calc input.button {
	width: auto;
	margin: 0 auto;
	float: none;
	background: #124c7b url(/Images/input-btn-bg.gif) repeat-x 0 0;
	color: #fff;
	border: 1px solid #004e8a;
	border-color: #80aacb #004e8a #001d33 #004e8a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 15px;
}
fieldset.requestform div.radiobtns input {
	width: auto;
	float: left;
	background: transparent;
	border: none;
	display: inline;
	clear: none;
}
fieldset.requestform div.radiobtns label {
	text-align: left;
	float: left;
	background-image: none;
	padding: 0 0 0 5px;
	width: auto;
	display: block;
	font-weight: normal;
	clear: none;
	width: auto;
}
fieldset.requestform .singlerow div.radiobtns label {
	width: auto;
	margin-right: 10px;
}
fieldset.requestform .fullradios div.radiobtns {
	width: auto;
}
fieldset.requestform .fullradios div.radiobtns input {
	clear: left;
}
#content fieldset.requestform .fullradios div.radiobtns label {
	width: 415px;
	font-size: 1.3em;
}
fieldset.requestform .fullbox label, fieldset.requestform .fullbox input {
	width: auto;
	float: none;
}
fieldset.requestform .fullbox label {
	background: url(/Images/labellong1.gif) left bottom repeat-x;
	width: 95%;
}
fieldset.requestform .fullbox label.label2 {
	background-image: url(/Images/labellong2.gif);
}
fieldset.requestform .fullbox input {
	width: 95%;
}

fieldset.requestform span {
	margin-left: 2px;
	display: block;
	float: left;
	color: #f00;
	text-align: center;
}
fieldset.requestform div.radiobtns span {
	width: auto;
	margin-left: 0;
	display: block;
	float: left;
	color: #333;
	text-align: left;
}
fieldset.requestform .singlerow div.radiobtns br { display: none; }
#content p.note { color: #9D9D6F; margin: 1em 0 1em; }
#content p.note a, #content p.note a:visited { color: #9D9D6F; }
#content p.note a:hover { color: #f60; }
fieldset.requestform h2 {margin: 1em 0 1em; clear: both; }
fieldset.requestform textarea {
	width: 95%;
	padding: 2px;
	font: 1.2em Arial,sans-serif;
	font-family:Verdana,Arial,sans-serif;
}
fieldset.requestform p {
	margin-top: 0;
	color:#306AA5;
	font-weight:bold;
}
fieldset.requestform label.full {
	text-align: left;
	width: auto;
	background-image: none;
}

/* others */
.calc { width: 90%; }
tr.altrow td { background: #F8F5F1; }
tr.altrow td input { background: #f9f9f9; }
.calc input { border-width: 1px; border-color: #bbb #ccc #ccc #bbb; width: 100px; }
tr td.checkbox input { border: none; background: none; }
.calc textarea { width: 90%; border-width: 1px; border-color: #bbb #ccc #ccc #bbb; }
/* button style is declared in requestform above */


.calc-contact { width: 90%; }
tr.altrow td { background: #F8F5F1; }
tr.altrow td input { background: #f9f9f9; }
.calc input { border-width: 1px; border-color: #bbb #ccc #ccc #bbb; width: 100px; }
tr td.checkbox input { border: none; background: none; }
.calc textarea { width: 90%; border-width: 1px; border-color: #bbb #ccc #ccc #bbb; }
/* button style is declared in requestform above */

#leftColumn { 
     float: left; 
     width: 50%;  
     margin: 0px; 
     padding: 0px; 
     overflow: hidden; 
}
#rightColumn{
     float: right;
     width: 50%; 
     margin: 0px;
     padding: 0px;
     overflow: hidden;
}