body {
background:url(../images/lakeBack.jpg) no-repeat top center #FFFFFF;
color:#474f50;
text-align:center;
font-family:Verdana, Arial, 'Sans Serif';
font-size:12px;
}

#back {
background:url(../images/header.png) repeat-x;
}

p {
line-height:14px;
margin:0 0 15px;
}

small {
font-size:11px;
line-height:20px;
}

small a {
color:#666666;
text-decoration: underline;
}

h2 {
font-size:20px;
font-weight:normal;
margin:0 0 15px;
color:#43b51a;
}

h3 {
font-size:18px;
font-weight:normal;
margin:0 0 15px;
color:#43b51a;
}

a {
color:#43b51a;
text-decoration: none;
}

a:hover {
color:#43b51a;
text-decoration: underline;
}

#mainarea ul {
list-style: disc outside;
margin:0 0 0 5px;
line-height:18px;
}

#mainarea ol {
list-style: decimal outside;
margin:0 0 20px 25px;
line-height:18px;
}



#back {
width:100%;
}

#page {
width:901px;
margin:auto;
text-align: left;
}

#header {
width:900px;
height:150px;
clear:both;
position:relative;
overflow: hidden;
}

#header h1 a.logo {
display:block;
width:326px;
height:69px;
text-indent:-99999px;
background:url(../images/logo.png) no-repeat;
position:absolute;
top:20px;
left:20px;
}

#header h2.tagline {
display:block;
width:232px;
height:60px;
text-indent:-99999px;
background:url(../images/tagline.png) no-repeat;
position:absolute;
top:23px;
left:350px;
}

#header p.contactDetails {
display:block;
width:229px;
height:59px;
text-indent:-99999px;
background:url(../images/contactDetails.png) no-repeat;
position:absolute;
top:23px;
right:20px;
}

ul#nav {
display:block;
width:880px;
height:38px;
position:absolute;
bottom:0px;
left:20px;
}

ul#nav li {
display:block;
float:left;
padding: 0 15px 0 0;
line-height:38px;
height:38px;
}

ul#nav li a {
text-indent: -9999px;
display:block;
line-height:38px;
height:38px;
}

ul#nav li.home a {
background:url(../images/menu/home.png) no-repeat left center;
width:42px;
}

ul#nav li.home a:hover, ul#nav li.home a.active {
background:url(../images/menu/home1.png) no-repeat left center;
}

ul#nav li.about a {
background:url(../images/menu/about.png) no-repeat left center;
width:46px;
}

ul#nav li.about a:hover, ul#nav li.about a.active {
background:url(../images/menu/about1.png) no-repeat left center;
}

ul#nav li.contact a {
background:url(../images/menu/contact.png) no-repeat left center;
width:68px;
}

ul#nav li.contact a:hover, ul#nav li.contact a.active {
background:url(../images/menu/contact1.png) no-repeat left center;
}

ul#nav li.candidates a {
background:url(../images/menu/candidates.png) no-repeat left center;
width:86px;
}

ul#nav li.candidates a:hover, ul#nav li.candidates a.active {
background:url(../images/menu/candidates1.png) no-repeat left center;
}

ul#nav li.employers a {
background:url(../images/menu/employers.png) no-repeat left center;
width:78px;
}

ul#nav li.employers a:hover, ul#nav li.employers a.active {
background:url(../images/menu/employers1.png) no-repeat left center;
}

ul#nav li.candidates, ul#nav li.employers {
float:right;
}

#mainarea {
margin-top:150px;
padding:0 20px;
width:860px;
overflow: hidden;
position: relative;
}

#left {
width:630px;
float:left;
display:block;
}

.box {
padding:20px 20px 0 20px;
overflow: hidden;
display:block;
position:relative;
height:1%;
}

.boxbottom {
height:20px;
overflow: hidden;
display:block;
}

.fullblock {
width:100%;
margin:0 0 15px 0;
overflow: hidden;
display:table;
height:1%;
clear:both;
position:relative;
}

#left .fullblock .box {
background:url(../images/fullblockBox.png) no-repeat;
}

#left .fullblock .boxbottom {
background:url(../images/fullblockBox.png) no-repeat bottom left;
}

#left .fullblock .threeblock {
float:left;
display:block;
position:relative;
width:200px;
margin:0 15px 0 0;
}

#left .fullblock .threeblockFinal {
margin:0 0 0 0;
}

#left .fullblock .threeblock .box {
padding:20px 10px 0 20px;
background:url(../images/3blockBox.png) no-repeat;
}

#left .fullblock .threeblock .boxbottom {
background:url(../images/3blockBox.png) no-repeat bottom left;
height:20px;
}

.fullblock .fourblock {
float:left;
display:block;
position:relative;
width:200px;
margin:0 20px 0 0;
}

.fullblock .fourblockFinal {
margin:0 0 0 0;
}

.fullblock .fourblock .box {
padding:20px 10px 0 20px;
background:url(../images/3blockBox.png) no-repeat;
}

.fullblock .fourblock .boxbottom {
background:url(../images/3blockBox.png) no-repeat bottom left;
}

#right {
width:218px;
float:right;
display:block;
}

#right .fullblock .box {
background:url(../images/rightSidebarBox.png) no-repeat;
padding:15px 15px 0 15px;
}

#right .fullblock .boxbottom  {
background:url(../images/rightSidebarBox.png) no-repeat bottom left;
}

.dropdownbox {
position:relative;
}

.dropdownbox .box {
background:url(../images/dropdownBox.png) no-repeat;
}

.dropdownbox .box h3 {
cursor: pointer;
background:url(../images/dropdownboxArrow.jpg) no-repeat left center;
padding:0 0 0 28px;
line-height:20px;
height:22px;
display:block;
margin:0px;
}

.dropdownbox .box .hide {
padding:10px 0 0;
}

.dropdownbox .boxbottom {
background:url(../images/dropdownBox.png) no-repeat bottom left;
}


#halfWidthLeft {
width:412px;
float:left;
display:block;
position:relative;
margin:0px;
}

#halfWidthLeft .fullblock .box {
background:url(../images/halfWidthLeftFullBlockBox.png) no-repeat;
}

#halfWidthLeft .fullblock .boxbottom {
background:url(../images/halfWidthLeftFullBlockBox.png) no-repeat bottom left;
}

#halfWidthRight {
width:420px;
float:right;
display:block;
position:relative;
}

#halfWidthRight .twoblock {
float:left;
display:block;
position:relative;
width:200px;
margin:0 20px 20px 0;
}

#halfWidthRight .twoblock.right {
margin:0 0 20px 0;
}

#halfWidthRight .box h3 {
font-size:16px;
}

#halfWidthRight .box {
background:url(../images/halfWidthRightBox.png) no-repeat;
padding:15px 15px 0 15px;
}

#halfWidthRight .boxbottom  {
background:url(../images/halfWidthRightBox.png) no-repeat bottom left;
}

#halfWidthRight .fullblock {
float:right;
}

#halfWidthRight .fullblock .box {
background:url(../images/halfWidthLeftFullBlockBox.png) no-repeat;
}

#halfWidthRight .fullblock .boxbottom {
background:url(../images/halfWidthLeftFullBlockBox.png) no-repeat bottom left;
}

#halfWidthRight.halfWidthRightTestimonials {
width:420px;
position:relative;
}

#halfWidthRight.halfWidthRightTestimonials .box {
padding:20px 20px 0 20px;
}

.fullBox .box {
background:url(../images/dropdownBox.png) no-repeat;
}

.fullBox .boxbottom {
background:url(../images/dropdownBox.png) no-repeat bottom left;
}


#footer {
clear:both;
text-align: center;
position:relative;
height:100px;
}

#footer .line1 {
height:50px;
padding:10px 0 0 0;
clear:both;
width:100%;
}

#footer .line2 {
clear:both;
width:100%;
height:50px;
display:block;
}

#footer a {
font-size:10px;
color:#474f50;
text-decoration: none;
}

#footer a:hover {
color:#333333;
text-decoration: underline;
}

#footer a.credit {
position:absolute;
bottom:30px;
right:20px;
display:block;
}






/* HOME */
form.jobsearch p {
margin:0 0 6px;
overflow: hidden;
}

form.jobsearch p label {
width:68px;
float:left;
}

form.jobsearch p select {
float:right;
width:100px;
}

form.jobsearch #submit {
float:right;
}

a.registerNowLink {
font-size:20px;
bottom:0px;
right:20px;
line-height:30px;
display:block;
position:absolute;
}

#right ul.featuredEmployersSlider {
list-style: none;
}


/* CONTACT */
.contactBoxLeft {
float:left;
display:block;
}
.contactBoxRight {
float:right;
display:block;
text-align: right;
}

a.pdfDownload {
background:url(../images/pdfIcon.png) no-repeat center right;
padding:10px 50px 0 0;
line-height:14px;
color:#474747;
text-decoration: none;
text-align: right;
margin:0 0 40px 0;
display:block;
height:40px;
}



/* EMPLOYERS */
form.register {
padding:10px 0 0;
}

form.register input {
border:1px solid #808080;
padding:5px;
color:#aaaaaa;
}

form.register #submit {
float:right;
margin:0 15px 0;
background:#808080;
padding:4px 5px;
line-height:14px;
border:none;
color:#FFFFFF;
}


/* CAREER TOOLS */
.careertools p {
clear:both;
display:block;
margin:0 0 20px 0;
overflow: hidden;
}

.careertools p span { 
float:left;
display:block;
padding:5px 20px 0 0;
}

.careertools p span a {
color:#666666;
}

.careertools p img {
float:left;
display:block;
}


/* REGISTER */
.registerForm {
padding:10px 0 0;
}

.registerForm label {
float:left;
display:block;
width:180px;
text-align: right;
padding:0 10px 0;
}


/* MAP */

#map {
text-align: center;
position:relative;
width:765px;
height:385px;
background:url(../images/map.png) no-repeat top center;
margin:0px 0 0 50px;
clear:both;
}


#mapDescription {
background:url(../images/mapDescriptionBox.png) no-repeat;
width:570px;
height:80px;
display:block;
float:left;
padding:20px;
overflow: hidden;
}
#mapInfo {
background:url(../images/mapPopup.png) no-repeat;
width:230px;
height:120px;
display:block;
float:right;
}
#mapInfo p {
margin:18px 15px 0 45px;
text-transform: uppercase;
font-size:10px;
font-family: Verdana;
color:#474f50;
}
#mapInfo p span {
display:block;
margin:0 0 5px 0;
}
#map .mapItem {
position:absolute;
top:0px;
left:0px;
}
#map .mapItem-1 {
top:63px;
left:341px;
}
#map .mapItem-2 {
top:65px;
left:347px;
}
#map .mapItem-3 {
top:72px;
left:345px;
}
#map .mapItem-4 {
top:62px;
left:332px;
}
#map .mapItem-5 {
top:53px;
left:340px;
}
#map .mapItem-6 {
top:223px;
left:686px;
}
#map .mapItem-7 {
top:322px;
left:730px;
}
#map .mapItem-8 {
top:73px;
left:651px;
}
#map .mapItem-9 {
top:30px;
left:400px;
}
#map .mapItem-10 {
top:140px;
left:445px;
}
#map .mapItem-11 {
top:195px;
left:590px;
}
#map .mapItem-12 {
top:82px;
left:350px;
}
#map .mapItem-13 {
top:110px;
left:368px;
}
#map .mapItem-14 {
top:270px;
left:665px;
}
#map .mapItem-15 {
top:290px;
left:400px;
}
#map .mapItem-16 {
top:155px;
left:160px;
}
#map .mapItem-17 {
top:125px;
left:460px;
}
#map .mapItem-18 {
top:145px;
left:465px;
}
#map .mapItem-19 {
top:135px;
left:390px;
}
#map .mapItem-20 {
top:135px;
left:480px;
}










#featuredEmployers {
position:relative;
overflow:hidden;
display:block;
height:400px;
}

.box .top {
position:absolute;
top:40px;
left:0px;
width:210px;
margin:0 0 0 3px;
background:url(../images/scrollingLogosTop.png) repeat-x;
height:20px;
display:block;
z-index: 1000;
}

.box .bottom {
position:absolute;
bottom:0px;
left:0px;
width:180px;
margin:0 0 0 3px;
background:url(../images/scrollingLogosBottom.png) repeat-x;
height:20px;
display:block;
z-index: 1000;
}

ul#mycarousel {
text-align: center;
display:block;
width:180px;
position:absolute;
display:block;
top:0px;
}

img.clientLogos {
display:block;
width:180px;
position:absolute;
display:block;
top:0px;
}


ul#mycarousel li {
margin:0 0 40px 0;
text-align: center;
display:block;
width:100%;
}

.twoblock #featuredEmployers {
height:180px;
}

.twoblock .box .top, .twoblock .box .bottom {
width:180px;
}

.twoblock ul#mycarousel {
width:160px;
}

.testimonials {
overflow-y:auto;
height:340px;
}