b/*

	Description	: Main style
	Author Name	: Susan Barrie for Fifth Ring (http://www.fifthring.com/)
	Client		: ACE Winches

*/

/*	1. RESET
_______________________________________________________________________________________ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*	2. BODY
--------------------------------------------------------------------------------------*/

body {
	margin: 0px;
	background: #0187CE url(/images/layouts/images/global/background.jpg) repeat-x left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}

h1, h2, h3 {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0187CE;

}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.3em;
	
}

p, ul, ol {
	margin-top: 10px;
	margin-bottom:10px;
	line-height: 140%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #0E88C9;
}

a:hover {
	background: none;
	text-decoration:underline;
}

/*	3. GLOBAL  
--------------------------------------------------------------------------------------*/


#wrapper {
	width: 838px;
	margin: 0 auto;
	background: #FFFFFF;
	margin-top:24px;
	padding-left:17px;
}


/* Header */

#header {
	width: 838px;
	height: 130px;
	margin: 0 auto;
	background: #FFF url(/images/layouts/images/global/2011-header.jpg) no-repeat left top;
	border-top:1px transparent solid;
		
}

#header h1{
	display:none;
} 

#header .logo {
	float: left;
	margin:33px 0 0 63px;
	padding:0;
	height:40px;
	width:260px;
	text-indent:-9999px;
	}

#buttons {
	width: 278px;
	height: 21px;
	margin:15px 0 0 63px;
	padding: 0;
}

#buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#buttons li {
	float: left;
}

#buttons a {
	display: block;
	margin-right: 10px;
	padding: 4px 5px 4px 5px;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #666;
	border: none;
	background: url(/images/layouts/images/global/bg-buttons.jpg) repeat-x left top;
}

#buttons a:hover {
	background: url(/images/layouts/images/global/bg-buttons-over.jpg) repeat-x left top;
	text-decoration: none;
	color:#FFFFFF;
}

#buttons .login {
	width:97px;
}

#buttons .search {
	width:138px;
}

/* Menu */

#menu {
	width: 838px;
	height: 21px;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 2px;
	padding: 6px 11px 1px 11px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 8px;
	font-weight: normal;
	color: #666;
	border: none;
	height:21px;
	background: url(/images/layouts/images/global/bg-menu.jpg) repeat-x left top;
    
    width:118px;
    padding:4px 0;
    text-align:center;
}

#menu a:hover, #menu .current_container_item a {
}

#menu a:hover {
	background: url(/images/layouts/images/global/bg-menu-over.jpg) repeat-x left top;
	text-decoration: none;
	color:#FFFFFF;
}

#menu .current , #menu li.here a{
	background: url(/images/layouts/images/global/bg-menu-over.jpg) repeat-x left top!important;
	color:#FFFFFF;
}

#menu .website , #menu li.last a {
	background: url(/images/layouts/images/global/bg-menu-blue.jpg) repeat-x left top;
	color:#FFFFFF;
	margin:0px!important;
}

#mainMenu {
	width: 838px;
	height: 21px;
	background: url(/images/layouts/images/global/bg-menu-blue.jpg) no-repeat right top;
	}
	
#mainMenu ul {
	height: 21px;
	margin: 0 auto;
	list-style: none;
	line-height: normal;
	}

	
	#mainMenu ul li {
		position: relative; /* for the dropdown */
		float: left;
		margin: 0 3px 0 0;
		font-size: 9px;
		font-weight:bold;
		color: #666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		background: url(/images/layouts/images/global/bg-menu.jpg) repeat-x left top;
		}
			
		#mainMenu ul li a {
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 4px 15px 4px 15px;
			
			}
			
		#mainMenu ul li a:hover {
			background: url(/images/layouts/images/global/bg-menu-over.jpg) repeat-x left top;
			text-decoration: none;
			color:#FFFFFF;
			}
			
		#mainMenu .current {
			background: url(/images/layouts/images/global/bg-menu-over.jpg) repeat-x left top!important;
			color:#FFFFFF;
		}

		#mainMenu .website {
			background: url(/images/layouts/images/global/bg-menu-blue.jpg) repeat-x left top;
			color:#FFFFFF;
			margin:0px!important;
		}


/* Breadcrumb */

#breadcrumb {
	width: 838px;
	height:20px;
	padding-left:14px;
	}

#breadcrumb li {
	float:left;
	font-size:9px;
	padding:0;
	list-style-type:none;
	color: #666;
	}

#breadcrumb li a {
	display:block;
    padding:0 15px 0 0;
	color:#444444;
	text-decoration: none;
    background:url(/images/layouts/images/global/breadcrumb_icon.jpg) no-repeat right bottom;
    }

#breadcrumb li a:hover{
	text-decoration: underline;
	}


/* Container */

#container {
	width: 757px;
	min-height:460px;
	margin: 0 0 0 63px;
	background: #fff url(/images/layouts/images/global/ace-winches-deck-machinery-specialists.gif) no-repeat bottom right;	
}

#candidate_container {
	width: 757px;
	min-height:460px;
	margin: 0 0 0 63px;	
}

#people_container {
	width: 838px;
	min-height:460px;
	margin: 0;	 
}


#profile_container {
	width: 820px;
	min-height:460px;
	margin: 0;	
	background: #fff url(/images/layouts/images/global/ace-winches-deck-machinery-specialists.gif) no-repeat bottom right;
}

/* Content */

#primary-content {
	float: left;
	width: 467px;
	/*padding: 0 15px 0 0;*/
	/*border-right:#CCC 1px solid; */
	min-height:439px;
}

.title {
	padding-left: 10px;
	color: #444444;
}

.title a {
	background: none;
	color: #444444;
	border: none;
}

.title a:hover {
	text-decoration: underline;
}

#description p, .jobtab p{
	margin: 10px;
}

#description span, .jobtab span {
	color:#0E88C9;
	font-weight:bold;
}

#location p{
	margin: 10px;
}

.entry {
	padding: 10px 20px 5px 0;
}

.entry a {
	text-transform:uppercase;
}

.entry .ref {
	color:#0E88C9;
}

.fade {
	margin:0 0 15px 0;
}

.fade img{
	height:160px;
	width:452px;
}

#profileLeft {
	position: relative;
	width: 294px;
	float: left;
	padding: 0;
	vertical-align:bottom;
	}
	
#profileRight {
	position: relative;
	width: 512px; 
	float: right;
	padding: 0;
	vertical-align:top;
	padding-bottom:56px;
    margin-top:50px;
	}
	
	#profileRight ul {
	margin: 0px 0 0 70px;
	padding: 0;
	list-style: none;
	line-height: normal;
	}

	#profileRight li {
		float: left;
	}

	#profileRight a {
		display: block;
		padding: 4px 5px 4px 5px;
		text-decoration: none;
		font-size: 9px;
		font-weight: bold;
		color: #666;
		border: none;
		background: url(/images/layouts/images/global/bg-buttons.jpg) repeat-x left top;
	}

	#profileRight a:hover {
		background: url(/images/layouts/images/global/bg-buttons-over.jpg) repeat-x left top;
		text-decoration: none;
		color:#FFFFFF;
	}
			
#createProfile {
	position: relative;
	width: 219px;
	height: 68px;
	float: left;
	padding: 0;
	background: #fff url(/images/layouts/images/btn/btn_create_profile.jpg) no-repeat;
    margin-top:9px;
	}
	
		
	#createProfile p {
		text-indent: -9999px;
		}
		
	#createProfile a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 256px;
		height: 68px;
		text-decoration: none;
		}
		
	#createProfile a:hover {
		}
		

#itTakes {
	position: relative;
	width: 220px;
	height: 68px;
	margin-left:230px;
	padding: 0;
	background: #fff url(/images/layouts/images/btn/btn_what_it_takes.jpg) no-repeat;
	}
	
		
	#itTakes p {
		text-indent: -9999px;
		}
		
	#itTakes a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 256px;
		height: 68px;
		text-decoration: none;
		}
		
	#itTakes a:hover {
		}
		
#apply {
	position: relative;
	width: 97px;
	height: 30px;
	float:right;
	padding: 0;
	margin-top:10px;
	background: #fff url(/images/layouts/images/btn/btn-apply-small.gif) no-repeat;
	}
	
		
	#apply p {
		text-indent: -9999px;
		}
		
	#apply a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 97px;
		height: 30px;
		text-decoration: none;
		}
		
	#apply a:hover {
		}
	
#current_vacancies {
	width:757px;
	min-height:300px;
	 
}

	#current_vacancies ul {
		float: left;
		width: 300px; 
		margin-left: 10px;
		padding: 0;
		list-style:none;
		line-height:18px;
	}
	  

	#current_vacancies li {
		padding-left: 15px;
		background-image: url(/images/layouts/images/global/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		font-size:10px;
		font-weight:bold;
	}
	
	#current_vacancies a {
		color: #0187CE; 
		border: none;
	}

	#current_vacancies a:hover {
		text-decoration: underline;
		color: #0187CE
	}

.thumbnail
{
float: left;
width: 137px;
margin: 0 0 2px 2px;
padding: 0px;
}

.clearboth { clear: both; margin:0; padding:0 }


/* Sidebar */

#sidebar {
	float: right;
	width: 280px;
	padding:0 0 0 0;
	min-height:439px;
	padding-bottom:56px;
	border-left:#CCC 1px solid;
	padding-left:8px;
}

#latest_vacancies { 
	width:276px;
	background:#F2F2F2;
	float:right;
}

#search_vacancies { 
	width:276px;
	background:#F2F2F2;
	float:right;
	margin-top:20px;
}
	 ul.left {
		float: left;
		width: 125px; 
		margin-left: 10px;
		padding: 0;
		list-style:none;
	}
	  
	  ul.left li a {
		width:115px;
		display:block;
	  }
	  
	  ul.right {
		width: 125px; 
		margin-left: 135px;
		padding: 0;
		list-style:none;
	}
	
	  ul.right li a {
		width:115px;
		display:block;
	  }
	 ul.both {
		float: left;
		width: 205px; 
		margin-left: 10px;
		padding: 0;
		list-style:none;
	}
	#latest_vacancies li, #search_vacancies li , #search_vacancies li :hover {
		padding-left: 10px;
		background-image: url(/images/layouts/images/global/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .4em;
		font-size:10px;
		font-weight:bold;
	}
	
	#latest_vacancies h3, #search_vacancies h3 {
		margin: 10px 10px 0 10px;
		font-size:22px;
	}
	
	#latest_vacancies p, #search_vacancies p {
		padding: 0 10px 0 10px;
		font-size:0.95em;
	}
	
	#latest_vacancies a, #search_vacancies a  {
		color: #444444;
		border: none;
		width:100px;
	}

	#latest_vacancies a:hover, #search_vacancies a:hover  {
		text-decoration: underline;
		color: #444444;
	}

#silouette_small {
	height:180px;
	width:276px;
	background: #FFF url(/images/layouts/images/global/silouette-small.gif) no-repeat center;
	float:right;	
}


/* Footer */

#footer {
	width: 838px;
	height: 24px;
	margin: 0 auto;
	padding: 0;
	background: #EEE url(/images/layouts/images/global/bg-footer.jpg) repeat-x left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#footer .copyright {
	float:left;
	margin: 5px 0 0 61px;
}


#footer .links {
	float:right;
	margin: 5px 31px 0 0;
}


#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #666;
}


.entry li{

padding-left:20px;
padding-bottom:10px;
}

#register_member_form input , #freeform input {
	width:300px;
	border:1px solid #a0a0a0;
	background:#e8e8e8;
	font-size:11px;
}
#sidebar input {
	width:150px;
	border:1px solid #a0a0a0;
	background:#e8e8e8;
	font-size:11px;
}


 div.enquiry-form {
	border: 1px solid #dbdbdb; 
	padding: 18px;
	margin-top: 20px;
	padding-top:0px;
	width:340px;
}

.enquiry-form hr {
	color: #e5e5e5;
	background-color: #e5e5e5;
	height: 1px;
	border: 0;
}

 .enquiry-form .flag {
	margin-right: 5px;
	position: relative;
	top: 1px;
}

 .enquiry-form .form {
	margin-top: 20px;
	border: 0;
}

.enquiry-form .form label {
	font-size: 12px;
	font-weight: bold;
	color: #58595b;
}

 .enquiry-form .form input[type=text] {
	 margin-top: 6px;
	 margin-bottom: 15px;
	 width: 98%;
}

 .enquiry-form .form input[type=file] {
	 margin-top: 6px;
	 margin-bottom: 15px;
	 width: 98%;
}

 .enquiry-form .form input[type=submit] {
	width: 110px;
}

 .enquiry-form .form textarea {
	 margin-top: 6px;
	 margin-bottom: 15px;
	 width: 98%;
	 height: 100px;
}

.enquiry-form label.error{
color:red;
height:30px;
display:block;
}


	 .jobtab ul { 
		list-style:none;
	}

	.jobtab li   {
		padding-left: 10px;
		background-image: url(/images/layouts/images/global/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		font-size:10px; 
		margin-left:10px;
		line-height:17px;
        
        line-height:140%;
margin-bottom:10px;
margin-top:0;
	}
    

	.jobtab h4{
		padding-left:10px;
		padding-top:10px;
        padding-bottom:7px;
		font-size:12px;
		color:#008BD0;
	
	}
	
	
		 .entry ul { 
		list-style:none;
	}

	.entry li   {
		padding-left: 10px;
		background-image: url(/images/layouts/images/global/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		font-size:10px; 
		margin-left:0px;
	}
li.nav_ace_winches a{
	width:89px;
}
li.nav_ace_winches {
	text-align:center;
}
	
 #vactypes{
display:block;
float:right;
padding-right:128px;
width:200px;
border-left:1px solid #D0D0D0;
padding-left:20px;
/*min-height:327px;*/
height:310px;
 }
 #vaclist{ 
	display:block;
	width:200px;
	float:left;
 }
 .people_entry {
background: #808080;
color:#FFFFFF;
font-weight:bold;
margin:2px 4px 0 2px;
padding:10px 50px;
 }
 
 h5 {
  font-size:22px;
 } 
 h5 {
  font-size:18px;
  font-weight:bold;
}
 
.quote-credit {
    line-height:14px;
    margin-left:240px;
    padding-top:9px;
    text-align:left;
    width:135px;
}

ul.relevant-vacancies {
    margin-left:374px;
    position:absolute;
    top:600px;
}

ul.relevant-vacancies li {float:none; width:228px;}

ul.relevant-vacancies li a {
    display: block;
	padding: 4px 5px 4px 5px;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #666;
	border: none;
	background: url(/images/layouts/images/global/bg-buttons.jpg) repeat-x left top;
}

ul.relevant-vacancies li  a:hover {
	background: url(/images/layouts/images/global/bg-buttons-over.jpg) repeat-x left top;
	text-decoration: none;
	color:#FFFFFF;
    }
    
h3.vac-header {
    height:30px;
    width:300px;
    }