/* - - - - - - - - - - - - - - - - - - - - -

Title : Eastside Personnel
URL : http://www.espersonnel.com.au/

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

Description : full website styles

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

body{
	background-color:#f2f6fb;
	background-image:url(/persistent/templateimages/body_bg.jpg);
	background-repeat:repeat-x;
	padding-top:11px;
	padding-bottom:65px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#000080;
	text-align:center;
}

p {

}

a:link, a:visited, a:hover {

}

h1 {
	font: normal 22px Arial, Helvetica, sans-serif;
	color:#2e4c74;

}

h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color:#e08623;
	margin:0px;

}

h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #2e4c74;
	padding: 1px 0px 1px 0px;
}

li {
	color:#000080;
}

form {
  margin: 0;
}

input, select, textarea {

}
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}
	
.stats {
	display: none;
	height: 0;
	line-height: 0;
}
	
/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

.wrapper {
	width:884px;
	padding:0px;
	margin:0 auto;
	text-align:left;
	vertical-align: top;
}

#main_wrap1 {
	width:884px;
	background: url(/persistent/templateimages/bg_subMenu.gif) repeat-y;
}

#main_wrap2 {
	width:884px;
	background: url(/persistent/templateimages/subnav_bot.gif) no-repeat 0 100%;
}

#lhs {
	width: 214px;
	float:left;
}

#rhs {
	float:right;
	width:660px;
	margin: 75px 0px 0px 0px;
	background-color:#ecebe6;
}

.logowrap {
	width:214px;
}

.logo {
	padding: 0px 0px 0px 0px;
}

.conNav {
	width:660px;
}

#footer {
	width: 884px;
	height:122px;
	background-color:#2e4c74;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #fff;
}

.footLhs {
	float: left;
	padding-top: 34px;
	padding-left: 20px;
}

.footRhs {
	float: right;
	padding-top: 34px;
	padding-right:13px;
	text-align:right;
}

.white:link, .white:visited {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
}

.white:hover {
	color:#fff;
	text-decoration:underline;

}

#contentWrap {
	width:627px;
	padding: 21px 13px 40px 20px;
}

#contentStyle {
	min-height:401px;
	height: auto;
}

html>body #contentStyle {
	height:auto;
}

#map {

}

/*
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/
.subNavWrap {
	width:214px;
	height:200px;
	background:url(/persistent/templateimages/subnav_top.gif) no-repeat;
	background-position:top;
	background-color:#efedd6;
	margin:0px;
	
}

.subNavBot {
	width:214px;
	height:104px;
}

#navWrap {
	width:660px;
	height:27px;
	background-color:#2e4c74;
	


}


/* --- Top Nav ------------------------------------ */

ul#topnav {
	width: 660px;
	height: 27px;
	margin: 0;
	padding: 0px auto 0px auto;
	list-style: none;
	
}

ul#topnav li {
	float:left;
	height: 27px;
	margin: 0;
	padding: 0 15px;

}

.menu_off {
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: auto 5px auto 5px;
	display: block;
}


.menu_off:hover {
	color: #e08623;
}

.menu_on {
 	font: bold 12px/27px Arial, Helvetica, sans-serif;
	color: #e08623;
	text-decoration: none;
	padding: auto 5px auto 5px;
	display: block;
}


.menu_on:hover {
	color: #e08623;
}
	
#topnav li:hover ul, #topnav li.sfhover ul {
	left: auto;
	z-index: 100;
}

/* --- Sub Nav ------------------------------------ */

ul#subNav {
	width: 196px;
	height:27px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
	padding-left:18px;
	padding-top: 45px;
}

ul#subNav li {
	width: 186px;
	height:27px;
	margin: 0;
	padding: 0;
	display: block;
	padding-left:10px;
	background: url(/persistent/templateimages/subnav_dot.gif) no-repeat 0% 50%;
	background-position:0px;
	display: block;
}

.subNav_off {
 	font: bold 12px/27px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	padding: auto;
	display: block;
}


.subNav_off:hover {
	color: #e08623;
}

.subNav_on {
 	font: bold 12px/27px Arial, Helvetica, sans-serif;
	color: #e08623;
	text-decoration: none;
	padding: auto;
	display: block;
}



.subNav_on:hover {
	color: #e08623;
}
	


/*
----------------------------------------------------------------------------- 
MISCEL
-----------------------------------------------------------------------------*/
#address {
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	padding-top:45px;
	padding-left:18px;
	color:#333;
}

#applyButton {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#2e4c74;
	text-decoration:none;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display: none;
	color: red;
	font-style: italic
}
div.error { display: none; }
/*input, select, textarea {	border: 1px dotted black; }/*
input:focus { border: 1px solid black; }
input.error { border: 1px dotted red; }

/*

----------------------------------------------------------------------------- 
Form styles
-----------------------------------------------------------------------------*/

/*input {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #6F685B;
}

select {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #6F685B;
}
*/