@charset "utf-8";
/* CSS Document */

/* ########################### HEAD ###########################################*/
#container {
width:865px;
background:#fff;
margin:auto;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

#container h1{
margin:31px 0 0px 230px;
font-size:25px;
}

#container h1 a span {
font-size:25px;
}

#main {padding:10px}

#main h1 a:hover {background: none;}

#hphead {
width: 840px;
height:248px;
margin:-53px auto 0 auto;
border-top:1px solid #FFF;
}

#hphead #man{
margin-top:1px;
float:left;
}

#hpheadtxt {
margin-top:80px;
margin-left:230px;
margin-bottom: 0;
width:550px;
height:155px;
line-height:1.5em;
font-size:14px;

}

#txt2 {
display:none;
}

#hpheadtxt h2{
font-size:1.4em;
display:block;
margin-bottom:24px;
margin-top: 0;
}


#hpheadtxt #headbutton{
display:block;
height:45px;
width:191px;
text-align:center;
padding-top:10px;
margin-left:407px;
margin-top:-14px;
}

html>/**/body #hpheadtxt #headbutton{
	margin-top: -9px;
}

#hpheadtxt #headbutton .txtMidWhite {
	font-size: 16px;
}

#hpheadswitch {
width:425px;
margin-left:200px;
text-align:center;
margin-bottom: 0;

}

.inactiv .txtMidGrey {

}


/*#### MIDDLE #############*/

#hpmiddle {
margin-top:8px;
height:310px;
margin-left: 2px;
margin-right: 5px;
}

#stepsheader {
font-size:20px;
margin-left:10px;
margin-top:26px;
display:block;
}

html>/**/body #stepsheader {
	margin-top: 63px;
}


#step1 {
width:201px;
height:100%;
border:1px solid #b6b6b6;
float:left;
}

#step2 {
width:201px;
height:100%;
border:1px solid #b6b6b6;
float:left;
margin-left:10px;
}

#step3 {
width:201px;
height:100%;
border:1px solid #b6b6b6;
float:left;
margin-left:10px;
}

.steps img{
display:block;
margin:auto;
width: 201px;
}

.steps h3{
font-weight:bold;
margin:0;
margin-bottom:5px;
padding: 4px 0 3px 6px;
}

.steps h3 a {
font-size:16px;
margin:0;
color: #666;
}


.steps h3 a:hover {
	background: none;
	color: #666;
}

.steps p {
padding:0 0 0 7px;
margin:0;
color: #666;
}


#advantages {
width:194px;
height:304px;
float:right;
background: url(/images/gen/home/bg_box.gif) 0 0;
padding: 4px;
}

#advantages .steps_border {
	background: #fff;
	height: 304px;
}

#hpmiddle .boxFrame1 {
	border: none;
}

#advantages h2 {
display:block;
text-align:center;
margin: 0 0 10px -8px;
padding-top:9px;
}

#advantages ul{
list-style:none;
margin:0;
padding:0;
padding-left:9px;
height:200px;
}

#advantages ul li{
margin-bottom:13px;
padding-left:25px;
font-weight:bold;
line-height:1.4em;
}

#advbutton {
position:absolute;
display:block;
height:36px;
width:159px;
margin-left:17px;
margin-top:4px;
text-align:center;
padding-top:9px;
}

html>body #advbutton {
margin-top:22px;
}

#advbutton .txtMidWhite {
	font-size: 14px;
}

/*### BOTTOM ###########*/


#hpbottom {
padding:2px;
height:200px;
margin-top:20px;
}


.jobheading{
display:block;
font:16px Verdana;
margin:0 0 0 10px;
padding-top:10px;
}

.proheading{
display:block;
font:16px Verdana;
margin:0 0 0 15px;
padding-top:10px;
}

/* ################ Jobslider ########################## */
#hpbottom #joboutbox{
float:left;
width:350px;
height:100%;
padding:10px;
}

#hpbottom #jobbox{
width:100%;
height:100%;
background:#FFF;
}

#jobslider {
margin-top:20px;
}


#jobslider ul{
list-style:none;
margin:0;
padding:0;
margin-left: 20px;
}
#jobslider ul li a:hover {
	background: #83c20a;
}

#jobslider #jobs1 {
position:absolute;
padding-left:5px;
opacity:1;
filter:alpha(opacity=90);
width:315px;
}

#jobslider #jobs2 {
position:absolute;
padding-left:5px;
opacity:0;
filter:alpha(opacity=0);
width:315px;
}

.jobheader {
list-style:none;
margin-bottom:12px;
}

.jobheader a{
width:100%;
background:#FFF;
padding:5px;
}

/*  ################# profiles ################### */
#hpbottom #profileoutbox{
width:430px;
height:100%;
padding:10px;
float:right;
margin-right: 3px;
}

#hpbottom #profilebox{
height:100%;
width:430px;
background:#FFF;
border-top:1px solid #FFF;
}

#hpbottom #profileinnerbox{

margin:auto;
}

.profilebox {
float:left;
width:115px;
padding:5px;
border:1px solid #00aff0;
margin-top:15px;
margin-left:2px;
}

#profile1 {
margin-left:12px;
}

#profile2 {
margin-left:12px;
}

#profile3 {
margin-left:12px;
}
.profilebox .profimg{
float:left;
}