/* 

STYLE SHEET FOR THE ZACK GROUP WEB SITE
developed by bluespace creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms
	7. hacks


/* --------- 1. defaults  --------- */

* {margin: 0; padding: 0;}
body {background: url(../images/bodyBkg.gif) no-repeat center top; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666;}

/*  --------- 2. structure  --------- */

/* -- Page Specific Code -- */

.home #topSection {background: url(../images/homeTopImg.jpg) no-repeat 622px bottom;}
.home #midSection {background: url(../images/midContent_home.jpg) no-repeat 33px;}
.home #bottomSection {background: url(../images/bottomBkg_home.gif) no-repeat 24px top;}

.in-homeCare #midSection {background: url(../images/midContent_in-homeCare.jpg) no-repeat 33px;}
.in-homeCare #bottomSection {background: url(../images/bottomBkg_in-homeCare.jpg) no-repeat 33px;}
.in-homeCare #midSection #rightContent {padding-top: 35px !important;} 

.medicalStaffing #midSection {background: url(../images/midContent_medicalStaffing.jpg) no-repeat 32px;}
.medicalStaffing #bottomSection {background: url(../images/bottomBkg_medicalStaffing.jpg) no-repeat 32px;}
.medicalStaffing #midSection #leftContent{width: 210px !important; color: #FFF; float: left; padding: 34px 7px 0 50px !important; }
.medicalStaffing #midSection #rightContent {padding-top: 30px !important;}
.medicalStaffing #midSection #leftContent li {list-style: disc !important; background-image: none !important;  padding-left: 0 !important;}
.medicalStaffing #midSection #leftContent ul {padding-left: 22px;}

.execPlacement #midSection {background: url(../images/midContent_execPlacement.jpg) no-repeat 32px;}
.execPlacement #bottomSection {background: url(../images/bottomBkg_execPlacement.jpg) no-repeat 32px top;}
.execPlacement #midSection #rightContent {padding-top: 35px !important;}

.execPlacementClients #midSectionFull {height: 474px !important;}
.execPlacementClients #midSectionFull {background: url(../images/midContent_execPlacementClients.jpg) no-repeat 33px;}
.execPlacementClients #midSectionFull #rightContent {padding-top: 45px !important;}
.execPlacementClients #midSectionFull #leftContent {padding-top: 45px !important;}
.execPlacementClients #midSectionFull #rightContent p {padding-right: 160px; font-size: 11px !important; line-height: 13px;}
.execPlacementClients #midSectionFull #rightContent li {padding-right: 175px; font-size: 11px !important; line-height: 13px; padding-bottom: 1px;}

.execPlacementCandidates #midSectionFull {height: 453px !important;}
.execPlacementCandidates #midSectionFull {background: url(../images/midContent_execPlacementCandidates.jpg) no-repeat 33px;}
.execPlacementCandidates #midSectionFull #rightContent {padding-top: 45px !important;}
.execPlacementCandidates #midSectionFull #leftContent {padding-top: 45px !important;}
.execPlacementCandidates #midSectionFull #rightContent p {padding-right: 190px; font-size: 11px !important; line-height: 16px;}
.execPlacementCandidates #midSectionFull #rightContent li {padding-right: 175px; font-size: 11px !important; line-height: 13px; padding-bottom: 1px;}

.aboutUs #midSectionFull {background: url(../images/midContent_aboutUs.jpg) no-repeat 32px;}
.aboutUs #midSectionFull #rightContent {padding-top: 35px !important;}
.aboutUs #midSectionFull #rightContent p {padding-right: 275px; font-size: 11px !important;}

.contactUs #midSectionFull {background: url(../images/midContent_general.jpg) no-repeat 32px;}
.contactUs #midSectionFull #rightContent {padding-top: 35px !important;}
.contactUs #midSectionFull #rightContent p {padding-right: 40px; font-size: 11px !important;}

/* -- End Page Specific Code -- */ 

#wrapper {width: 940px; margin-right: auto; margin-left: auto;}
#logo {padding: 31px 0 0 25px;float: left;}
#topSection {height: 146px; width: 100%;}
#homeLink {float: left; padding: 0 33px 0 13px;}

#mainNav {float: left; padding-top: 115px; padding-left: 10px;}

ul.nav {float: left;}
ul.nav li {float: left;}
ul.nav li a {display: block; text-indent: -9989px; height: 20px !important;}
ul.nav li a.medicalStaffing {width: 121px; background: url(../images/n_medical_staffing.gif) no-repeat left top;}
ul.nav li a.executivePlacement {width: 154px; background: url(../images/n_executive_Placement.gif) no-repeat left top;}
ul.nav li a.inHomeCare {width: 102px; background: url(../images/n_in-home_care.gif) no-repeat left top;}
ul.nav li a:hover {background-position: left bottom;}
ul.nav li a:focus {outline: 0;}

#midSection {height: 301px;}
#midSectionFull {height: 454px;}

#midSection #leftContent, #midSectionFull #leftContent {
	width: 200px;
	color: #FFF;
	float: left;
	padding: 35px 12px 0 50px;
}

.medicalStaffing #midSection #leftContent p{
	padding-bottom: 6px !important;
	line-height: 15px !important;
}

#midSection #leftContent ul, #midSectionFull #leftContent ul {padding-bottom: 12px;}

#midSection #leftContent li {
	background: url(../images/arrowBulletPointBlue.gif) no-repeat left 8px;
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#midSection #leftContent p, #midSectionFull #leftContent p {
	padding-bottom: 12px;
	letter-spacing: -0.4px;
	line-height: 17px;
}
#midSection #leftContent a, #midSectionFull #leftContent a {
	color: #FFF;
	text-decoration: none;
}
#midSection #leftContent a:hover, #midSectionFull #leftContent a:hover {text-decoration: underline;}

#midSection #rightContent, #midSectionFull #rightContent {
	float: left;
	width: 625px;
	padding-top: 58px;
	padding-left: 35px;
	color: #666;
}

#midSection #rightContent p, #midSectionFull #rightContent p {line-height: 16px;padding-bottom: 10px;}
#midSectionFull #rightContent p {padding-right: 275px; font-size: 11px !important;}

#midSection #rightContent h1, #midSectionFull #rightContent h1 {
	font: 32px/27px Arial, Helvetica, sans-serif;
	padding-bottom: 12px;
	color: #062950;
	font-weight: bold;
	letter-spacing: -2px;
}
#midSection #rightContent h2, #midSectionFull #rightContent h2 {
	font: normal 25px/27px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #44bdec;
	padding-bottom: 12px;
}
#midSection #rightContent a, #midSectionFull #rightContent a {color: #666; text-decoration: underline;}
#midSection #rightContent ul, #midSectionFull #rightContent ul {
	padding: 0px 0px 0px 16px;
	list-style: url(../images/blueBullet.gif) outside;
	color: #666;
}
#midSection #rightContent ul li, #midSectionFull #rightContent ul li {padding: 1px 0 2px 2px;}

#rightContent .midContentCol {
	float: left;
	width: 210px;
	letter-spacing: -1px;
	padding-top: 23px;
	display: block;
}

#rightContent .midContentColTwo {
	float: left;
	width: 270px;
	letter-spacing: -1px;
	padding-top: 23px;
}

.medicalStaffing #rightContent .midContentCol, .medicalStaffing  #rightContent .midContentColTwo {padding-top: 0px !important;}


#bottomSection {
	height: 155px;
	padding-left: 35px;
	clear: both;
}
#bottomSection h3 {
	letter-spacing: -1px;
	font-weight: normal !important;
	font-size: 15px;
	padding-bottom: 4px;
	color: #000;
}

#bottomSection .botCol {
	float: left;
	padding-top:17px;
}

#bottomSection .botCol ul{
	list-style: disc !important;
	padding: 0 0 10px 22px;
	letter-spacing: -1px;
}

#bottomSection #col1 {
	width: 191px !important;
	padding-right: 17px;
	padding-left: 18px;
}
#bottomSection #col2 {
	width: 175px !important;
	padding-right: 21px;
	padding-left: 30px;
}
#bottomSection #col3 {
	width: 184px !important;
	padding-right: 21px;
	padding-left: 20px;
}
#bottomSection #col4 {
	width: 187px !important;
	padding-right: 21px;
	padding-left: 18px;
}

.separator {clear: both; height: 0;}

table.styled {
	width: 605px;
	margin: 0px;
	padding: 5px;
	border: 1px solid #D6D6D6;
}
.styled td {margin: 0px; padding: 4px 6px;}

.odd {background: #E9E9E9;}
.red {color: #FF0000;}
td.cellRight {
	float: right;
}

table.separator a {
	float: left;
}
table.separator td {
	clear: none;
}


a.indent {
	font-size: 10px;
	padding-left: 15px;
}
.marginTop {margin-top: 8px;}


table.separator td a {float: left !important; clear: none !important;}
.marginLeftBtn {margin-left: 5px; float: left; clear: none !important;}
 

.padBottom {padding-bottom: 3px;}
li.padTop {padding-top: 7px !important;}
.noPadBottom {padding-bottom: 2px !important;}
 
#button {font-size: 10px; padding-right: 10px; padding-left: 10px;}
.botCol #textfield {height: 16px; font-size: 10px; padding: 0px 3px;}

a.applyBtn:focus, a.contactBtn:focus, a.blueContactBtn:focus, a.inquireBtn:focus, a.employeeLoginTestingBtn:hover  {outline: none;}

a.applyBtn {display: block; height: 28px; width: 62px; background: url(../images/applyNowBtn.jpg) no-repeat left top; text-indent: -9899px;}
a.applyBtn:hover {background: url(../images/applyNowBtn.jpg) no-repeat left bottom; }

a.contactBtn {display: block; height: 28px; width: 66px; background: url(../images/contactBtn.jpg) no-repeat left top; text-indent: -9899px;}
a.contactBtn:hover {background: url(../images/contactBtn.jpg) no-repeat left bottom; }

a.blueContactBtn {display: block; height: 28px; width: 66px; background: url(../images/bluecontactBtn.gif) no-repeat left top; text-indent: -9899px;}
a.blueContactBtn:hover {background: url(../images/bluecontactBtn.gif) no-repeat left bottom; }

a.inquireBtn {display: block; height: 28px; width: 73px; background: url(../images/inquireBtn.gif) no-repeat left top; text-indent: -9899px;}
a.inquireBtn:hover {background: url(../images/inquireBtn.gif) no-repeat left bottom; }

a.signInBtn {display: block; height: 28px; width: 73px; background: url(../images/signinBtn.gif) no-repeat left top; text-indent: -9899px;}
a.signInBtn:hover {background: url(../images/signinBtn.gif) no-repeat left bottom; }

a.employeeTestingLoginBtn {
	display: block;
	height: 28px;
	width: 127px;
	background: url(../images/employeeTestingLoginBtn.gif) no-repeat left top;
	text-indent: -9899px;
	margin-top: -5px;
	margin-bottom: 10px;
}
a.employeeTestingLoginBtn:hover {background: url(../images/employeeTestingLoginBtn.gif) no-repeat left bottom; }

.ABone {margin: 5px 10px 0px 0; float: right;} 
.ABtwo {margin: 5px 0 0 0; float: right;} 

#footer {
	float: left;
	clear: both;
	font-size: 10px;
	text-align: left;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-left: 50px;
	line-height: 16px;
}
#footer a{color: #6195a3; text-decoration: none;}
#footer a:hover{color: #336674; text-decoration: underline;}

.small {font-size: 10px;}
.medStaffApplyBtn {
	float: right;
	padding-right: 218px;
	clear: none;
}

.condensed {letter-spacing: -0.5px;}
.black {color: #000;}
.grey {color: #666;}
.bumpDown {padding-top: 29px;}
.frank {font-size: 21px;}
.frankItalics {font-size: 16px; font-style: italic;}
.frankSeventeen {font-size: 17px;}
.fourteen {font-size: 14px;}
.indent {padding: 12px 20px 0 20px;}
.blue {color: #1c8fb3 !important;}
.floatLeft {float: left;}
.floatRight {
	float: right;
	margin: 0px;
	padding: 75px 0px 0px;
}
#leftBot {
	float: left;
	width: 185px;

	padding-bottom: !important;
}
#rightBot {
	float: left;
	margin: 0px;
	padding: 25px 0px 0px 2px !important;
}
#rightBot p, #leftBot p {padding: 0px !important; line-height: 13px !important; }

.superSmallItalics {
	font-size: 10px;
	font-style: italic;
	font-weight: normal; 
	letter-spacing: -1px;
	line-height: 13px !important; 
	width: 135px;
}


#topLeft {height: 279px}
#botLeft {padding-left: 7px;}

p.fiveseventyfive {width: 575px; padding-right: 0 !important;}
p.fourhundred {width: 400px; padding-right: 0 !important;}
p.threeeighty {width: 380px; padding-right: 0 !important;}
p.twoHundred {width: 200px; display: block; float: left; padding-right: 20px !important;}
 
 
/* ---------- 3. links and navigation ---------- */

a {color: #138ac2;}
a:hover {color: #10719f;}
 
/* ---------- 4. fonts ---------- */

ul {list-style-type: none;}

/* ---------- 5. images ---------- */

a img {border: 0;}

/* ---------- 6. forms ---------- */

.noPpad p {padding-bottom: 0 !important;}

td.styledTable input, td.styledTable input { 
	padding: 3px 4px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	width: 175px;
	background: #FFFFFF ;
	background: -webkit-gradient(linear, left top, left 10, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 10px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

 td.styledTable textarea 	
 {	padding: 3px 4px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 11px/100% Verdana, Tahoma, sans-serif;
	width: 400px;
	background: #FFFFFF ;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}


.contactUs textarea { 
	width: 255px;
	max-width: 550px;
	height: 60px;
	line-height: 150%;
	}
 
.contactUs input:hover, .contactUs textarea:hover,
.contactUs input:focus, .contactUs textarea:focus
.dropdown input:hover, .dropdown input:focus { 
	border-color: #C9C9C9; 
	background-color: #fff !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.contactUs .form label {color: #999;}

td.submit input{
	padding: 4px 6px;
	background: #06b9f1;
	border: 0;
	font-size: 14px !important;
	font-weight: bold;
	color: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 110px !important;
	}

td.submit input:hover, td.submit input:focus {background-color: #0899c7 !important;}
		
input.submitBtn {width: 40px; height: 28px; background: transparent url(../images/submitBtn.gif) no-repeat left top; text-indent: -9989px !important; padding: 0 !important; margin: 0 !important; border: none !important;}
input.submitBtn:hover {width: 40px; height: 28px; background: url(../images/submitBtn.gif) no-repeat left bottom !important; }
		
/* ---------- 7. hacks ---------- */

body{ /* IE 5 centring bug fix */text-align: center;}
#wrapper {text-align: left;}