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

Title		: Jubilee
Author		: Michael Baker
URL 		: www.m3communications.com

Created 	: March 17, 2010
Modified	: n/a

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

/* !--- GLOBAL --- */

* {	margin:0px; padding:0px; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

.fixed:after {
	clear:both;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.fixed { display:block; }

/*  \*/
.fixed { min-height:1%; }

* html .fixed {	height:1%; }

/*--- Font Size (em) Bug Fixing for IE ---*/

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */
INPUT, TEXTAREA, SELECT, TH, TD {font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

.warning_box {
	background-color:#FDE3E3;
	border:1px solid #C33;
	color:#CC2310;
	margin-top:20px;
	padding:10px;
	text-align:left;
}

.confirmation_box {
	background-color:#CCFFCC;
	border:1px solid #33CC33;
	color:#239919;
	margin-top:20px;
	padding:10px;
	text-align:left;
}

.warning_box p, .confirmation_box p { margin: 0px !important; }

/* !--- HEADER --- */

#header_container { background: url(../images/bg_header.gif) #538ec3 repeat-x; }

#header {
	background: url(../images/bg_header_shine.gif) no-repeat;
	height: 127px;
	margin: 0px auto;
	width: 960px;
}

	#header h1 a {
		background: url(../images/jubilee.png) no-repeat;
		display: block;
		float: left;
		height: 80px;
		margin-top: 24px;
		overflow: hidden;
		text-indent: -9999px;
		width: 220px;
	}
	
#header #login {
	background-color: #2d689b;
	border-bottom: 1px solid #256194;
	border-left: 1px solid #256194;
	border-right: 1px solid #256194;
	float: right;
	padding: 14px;	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

	#login div {
		float: left;
		margin: 0px 6px;
	}
	
	#login #frm_login { font-size: 1em;	}
	
	#frm_login label {
		color: #fff;
		display: block;
		font-weight: bold;
		margin: 0px 0px 3px 0px;
		text-transform: uppercase;
	}
	
	#frm_login input[type="hidden"] { display:none; }
	
	#frm_login input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #333;
		display: block;
		font-size: 1em;
		margin: 0px 0px 3px 0px;
		padding:4px;
		width: 160px;
	}
	
		#frm_login input.text:focus { border-color: #87c436; }
		
	#frm_login p a {
		color: #cbe0f2;
		font-weight: bold;
		text-decoration: none;
	}
	
		#frm_login p a:hover { text-decoration: underline; }
		
	#frm_login input.btn { margin-top: 15px; }

/* !--- NAVIGATION --- */

#navigation_green {
	background-color: #8ec83c;
	border-bottom: 1px solid #77b623;
	padding-bottom: 7px;
}

#navigation_container { background: url(../images/bg_nav.gif) #265c90 repeat-x; }

#navigation_container #navigation {
	margin: 0px auto;
	width: 960px;
}

	#navigation ul { list-style: none; }
	
		#navigation ul li {
			float: left;
			margin: 0px 18px 0px 0px;
			position:relative; 
		}
		
			#navigation ul li p {
				color: #fff;
				font-size: 1.4em;
				font-weight: bold;
				padding: 10px 14px;
				text-shadow: 1px 1px 1px #1B4E7C;
			}
		
				#navigation ul li p a {
					color: #fff;
					display: block;					
					text-decoration: none;				
				}
								
				#navigation ul li.find p, #navigation ul li.client p {
					background: url(../images/bg_dd.png) no-repeat center right;
					cursor: pointer;
					margin-right: 10px;
				}
				
				#navigation ul li p a:hover { color: #cbe0f2; }
			
#home #navigation ul li.home, #about #navigation ul li.about, #testimonials #navigation ul li.testimonials, #contact #navigation ul li.contact { 
	background: url(../images/bg_nav_r.gif) no-repeat right top;
}

#find #navigation ul li.find, #client #navigation ul li.client, #client_ukchef #navigation ul li.client  { 
	background: url(../images/bg_nav_r_dd.gif) no-repeat right top;
}

#home #navigation ul li.home p, #find #navigation ul li.find p, #client #navigation ul li.client p, #client_ukchef #navigation ul li.client p, #about #navigation ul li.about p, 
#testimonials #navigation ul li.testimonials p, #contact #navigation ul li.contact p { 
	background: url(../images/bg_nav_l.gif) no-repeat left top;
	text-shadow: 1px 1px 1px #6c9d2b;
}

#home #navigation ul li.home a:hover, #find #navigation ul li.find a:hover, #client #navigation ul li.client a:hover, #client_ukchef #navigation ul li.client a:hover, #about #navigation ul li.about a:hover, 
#testimonials #navigation ul li.testimonials a:hover, #contact #navigation ul li.contact a:hover { 
	color: #e2ffad;
}

	#navigation ul li ul {
		background-color: #8ec83c;
		display: none;	
		height: auto;	
		left: 0;
		list-style: none;
		opacity:0;
		padding: 0px;
		position: absolute;
		top: 36px;
		width:200px; 
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	
		#navigation ul li ul li {
			float: none;			
			margin:0;
			padding: 0px;
			position:relative;								
			width:200px; 
		}
		
		#navigation ul li ul li.first { padding-top: 12px; }
		
		#navigation ul li ul li.last { padding-bottom: 12px; }
		
			#navigation ul li ul li a {
				background-image: none !important;
				color: #fff;
				display: block;
				font-size: 1.2em;
				font-weight: bold;
				padding:0.5em 1em;
				text-decoration: none;
				text-shadow: 1px 1px 1px #6c9d2b;
			}
			
			#navigation ul li ul li a:hover { color: #e2ffad; }
	
/* !--- CONTENT --- */

#content {
	margin: 0px auto;
	padding: 30px 0px;
	width: 960px;
}

	#content p { line-height:1.5; }
	
/* !--- MAIN CONTENT --- */

#main {
	float: left;
	width: 650px;
}

	#main h2 {
		color: #2d689b;
		font-size: 2.2em;
		font-weight: normal;
		margin-bottom: 1em;
	}
	
	#main h4 {
		color: #2d689b;
		font-size: 1.6em;
		margin-bottom: 1.5em;
	}
	
	#main h6 {
		color: #2d689b;
		font-size: 1.2em;
		margin-bottom: 0.8em;
	}
	
	#main p {
		color: #464646;
		font-size: 1.2em;
		margin-bottom: 1.5em;
	}
	
		#main p a { color: #6ca91a; }
		
		#main p a:hover { color: #2d689b; }
		
	#main ul.list {
		font-size: 1.2em;
		margin-left: 20px;
	}
		
		#main ul.list li {
			color: #464646;
			margin-bottom: 1em;
		}
		
	#main .hr {
		height: 0px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 1.5em;
	}
	
	#main .testimonial_img {
		float: right;
		margin: 0px 0px 16px 16px;
	}

/* !--- MAIN CONTENT - UK Wide Relief Chef Coverage --- */

#client_ukchef #content {
	/*background: url(../images/chef-man.jpg) no-repeat 457px bottom;*/
	padding: 30px 0px;
}

#client_ukchef #main {
	background: url(../images/chef-man.jpg) no-repeat 457px bottom;

}
#client_ukchef #main #uk_wide_text { width: 470px; }
	
/* !--- MAIN CONTENT - Search Box --- */

#search_job {
	background: url(../images/bg_search.gif) #1a497c no-repeat;
	border: 1px solid #256194;
	margin-bottom: 26px;
	padding: 0px 24px 0px 12px;
	width: 612px;	/* 648px */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
	/* Index Page */
	#search_job #search_job_inner {
		background: url(../images/man.png) transparent no-repeat bottom right;
		min-height: 260px;
		padding: 10px 0px;
	}
	
	/* Search Results Page */
	#search_job #search_job_results_inner {	padding: 10px 0px; }
		
	#search_job h3 {
		background: url(../images/search_icon.png) transparent no-repeat center left;
		color: #cee8fb;
		font-size: 2.8em;
		margin-bottom: 16px;
		padding-left: 30px;
		text-shadow: 1px 1px 1px #376384;
	}
	
	/* Index Page */
	#search_job_box_container { 
		border-bottom: 1px solid #3976a6;
		margin: 0px 0px 40px 30px;
		width: 390px;
	}
	
	/* Search Results Page */
	#search_job_results_box_container { 
		border-bottom: 1px solid #3976a6;
		margin: 0px 0px 14px 30px;
		width: 560px;
	}
	
	/* Index Page */
	#search_job_box_container #search_job_box {
		background: url(../images/bg_search_box.gif) #3b7db5 repeat-x;
		border: 1px solid #124571;
		padding: 20px 68px 20px 20px;
	}
	
	/* Search Results Page */
	#search_job_results_box_container #search_job_box {
		background: url(../images/bg_search_box.gif) #3b7db5 repeat-x;
		border: 1px solid #124571;
		padding: 20px 16px;
	}
	
	/* Index Page */
	#search_job_box_container #frm_search label {
		color: #fff;
		display: block;	
		float: right;
		font-size: 1.4em;
		margin: 2px 0px 28px;
		padding-right:10px;
		text-align:right;
		text-transform: uppercase;
		width: 120px;
	}
	
	/* Search Results Page */
	#search_job_results_box_container #frm_search label {
		color: #fff;
		float: right;
		font-size: 1.4em;
		margin: 2px 0px 18px 30px;
		padding-right:6px;
		text-transform: uppercase;
	}
	
	#search_job_box #frm_search input[type="hidden"] { display:none; }
	
	/* Index Page */
	#search_job_box_container #frm_search select {
		float: right;
		font-size: 1.2em;
		margin-bottom: 28px;
	}
	
	/* Search Results Page */
	#search_job_results_box_container #frm_search select {
		float: right;
		font-size: 1.2em;
		margin: 0px 0px 18px 0px;
	}
	
	#search_job_box #frm_search input.btn { float: right; }
	
	#search_job_box #frm_search br { clear: both; }

/* !--- MAIN CONTENT - CV Builder --- */

#main #cv_builder {
	background: url(../images/bg_cvbuilder.gif) #73b529 no-repeat;
	border: 1px solid #65a116;
	float: left;
	padding: 0px 16px;
	width: 316px;	/* 348px */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	#cv_builder #cv_builder_inner {
		background: url(../images/cv.png) transparent no-repeat bottom left;
		padding: 10px 0px;
	}
	
		#cv_builder h3 {
			color: #fff;
			font-size: 2.6em;
			text-shadow: 1px 1px 1px #799c3f;
		}
		
		#cv_builder p {
			color: #fff;
			float: right;
			font-size: 1.3em;
			font-weight: bold;
			margin-bottom: 10px;
			text-shadow: 1px 1px 1px #799c3f;
			width: 140px;
		}
		
/* !--- MAIN CONTENT - Client Callback --- */

#main #callback {
	background: url(../images/bg_callback.gif) #bc6a09 no-repeat;
	border: 1px solid #a56e03;
	float: right;
	padding: 10px 16px;
	width: 616px;	/* 648 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	#callback h3 {
		color: #fff;
		font-size: 2.6em;
		margin-bottom: 10px;
		text-shadow: 1px 1px 1px #a0741a;
	}
	
	#callback p {
		color: #fff;
		font-weight: bold;
		margin-bottom: 12px;
		text-shadow: 1px 1px 1px #a0741a;
	}
	
	#callback #frm_callback { font-size: 1.2em;	}
	
	#callback #frm_callback input[type="hidden"] { display:none; }
	
	#callback #frm_callback input.text { 
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #999;
		display: block;	
		float: left;
		font-style: italic;
		margin: 0 16px 14px 0;
		padding:4px;
		width: 130px;
	}
	
	#callback #frm_callback input.text:focus {
		border-color: #a97715; 
		color: #454545;
		font-style: normal;
	}
	
	#callback #frm_callback #Email, #callback #frm_callback #Postcode { margin-right: 0px; }
	
	#callback #frm_callback br { clear: left; }
	
	#callback #frm_callback input.btn { float: right; }

/* !--- MAIN CONTENT - Search Results Page --- */

#results_pagination {
	border-bottom: 1px solid #ccc;
	padding: 6px;
}

#main .pagination_top { border-top: 1px solid #ccc; }

	#results_pagination p {
		float: left;
		margin-bottom: 0px;
	}

	#results_pagination ul.pagination {
		float: right;
		font-size: 1.2em;
		list-style: none;
		margin-top: 2px;
	}
	
		#results_pagination ul.pagination li {
			color: #999;
			float: left;
			font-weight: bold;
			margin: 0px 4px;
		}
		
			#results_pagination ul.pagination li a {
				color: #6ca91a;
				text-decoration: none;
			}
			
			#results_pagination ul.pagination li a:hover { color: #2d689b; }
			
			#results_pagination ul.pagination li.current a { color: #2d689b; }
			
#main .search_result {
	border-bottom: 1px solid #ccc;
	padding: 16px 0px;
}

	#main .search_result h4 {
		font-size: 1.8em;
		margin-bottom: 0.5em;
	}
	
		#main .search_result h4 a {
			color: #6ca91a;
			text-decoration: none;
		}
		
		#main .search_result h4 a:hover { color: #2d689b; }
	
	#main .search_result h6 {
		color: #454545;
		font-size: 1.4em;
	}
	
	#main .search_result p { margin-bottom: 0.5em; }

/* !--- MAIN CONTENT - Jobs Details Page --- */

#main .job_field {
	border-bottom: 0px; border-left: 0px; border-right: 0px;
	border-top: 1px solid #ccc;
	margin: 10px 0px;
	padding: 10px 20px;
}

	#main .job_field legend {
		color: #2d689b;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0px 10px;
	}
	
	#main .job_details p {	margin-bottom: 0.2em; }
	
	#main .job_details span {
		float: left;
		font-weight: bold;
		width: 6em;
	}
	
#login_box {
	background: url(../images/bg_search.gif) #1a497c no-repeat;
	border: 1px solid #256194;
	margin-bottom: 26px;
	padding: 0px 24px 0px 12px;
	width: 612px;	/* 648px */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
	#login_box #login_box_inner { padding: 10px 0px; }
		
	#login_box h3 {
		color: #cee8fb;
		font-size: 1.8em;
		margin-bottom: 0.5em;
		padding-left: 30px;
		text-shadow: 1px 1px 1px #376384;
	}
		
	#login_box_form_container { 
		border-bottom: 1px solid #3976a6;
		margin: 0px 0px 14px 30px;
		width: 560px;
	}
	
	#login_box_form_container #login_box_form {
		background: url(../images/bg_search_box.gif) #3b7db5 repeat-x;
		border: 1px solid #124571;
		padding: 20px 16px 0px 16px;
	}
	
	#login_box_form div {
		float: left;
		margin: 0px 18px;
	}
	
	#login_box_form br { clear: both; }
	
	#login_box_form_container #login_box_form { font-size: 1em;	}
	
	#login_box_form label {
		color: #fff;
		display: block;
		font-weight: bold;
		margin: 0px 0px 3px 0px;
		text-transform: uppercase;
	}
		
	#login_box_form input[type="hidden"] { display:none; }
	
	#login_box_form input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #333;
/* 		display: block; */
		font-size: 1em;
		margin: 0px 0px 3px 0px;
		padding:4px;
		width: 160px;
	}
	
		#login_box_form input.text:focus { border-color: #256194; }
		
	#login_box_form p a {
		color: #cbe0f2;
		font-size: 0.8em;
		font-weight: bold;
		text-decoration: none;
	}
	
		#login_box_form p a:hover { text-decoration: underline; }
		
	#login_box_form input.btn { margin-top: 15px; }


/* !--- MAIN CONTENT - Contact Us --- */

#main #frm_contact {
	margin-bottom: 20px;
}

	#frm_contact label {
		color: #333;
		display: block;	
		font-size: 1.4em;
		font-weight: bold;
		margin: 0px 0px 4px;
		width: 315px;
	}
	
	#frm_contact input[type="hidden"] { display: none; }
	
	#frm_contact input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		display: block;
		font-size: 1.4em;
		margin: 0px 0px 20px;
		padding:4px;
		width: 305px;	
	}
	
		#frm_contact input.text:focus { border-color: #7CBC2E; }
	
	#frm_contact textarea {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		clear: left;
		display: block;
		font-size: 1.4em;
		height: 150px;
		margin: 0px 0px 20px;
		padding:4px;
		width: 640px;
	}
	
		#frm_contact textarea:focus { border-color: #7CBC2E; }

	#frm_contact .btn { float: right; }	
	
#main .half_width {
	float: left;
	width: 315px;
}

#main .left_side { margin-right: 20px; }

/* !--- RIGHT COLUMN --- */

#right {
	float: right;
	width: 290px;
}

#right #testimonials_box {	margin-bottom: 2em; }

	#right h5 {
		color: #fff;
		font-size: 1.6em;
		font-weight: normal;
		margin: 0px 0px 12px 0px;
		padding: 6px 10px 4px;
	}
	
	#testimonials_box h5 {
		background: url(../images/bg_testimonial.gif) #69ae22 repeat-x;
		border-bottom: 1px solid #65a116;
		text-shadow: 1px 1px 1px #5e8c24;
	}
	
	#testimonials_box div {
		background: url(../images/quote.gif) no-repeat;
		padding: 0px 12px 0px 40px;
	}
	
		#testimonials_box div img {
			float: right;
			margin: 0px 0px 12px 18px;
		}
		
		#testimonials_box div p {
			color: #464646;
			font-size: 1.2em;
			margin-bottom: 2em;
		}
	
	#twitter h5 {
		background: url(../images/bg_twitter.gif) #22a0cd repeat-x;
		border-bottom: 1px solid #138bb6;
		text-shadow: 1px 1px 1px #2287a6;
	}
	
	#twitter div {
		background: url(../images/twitter.gif) no-repeat;
		min-height: 40px;
		padding: 0px 0px 0px 40px;
	}
		
		#twitter ul { list-style: none; }
		
			#twitter ul li {
				border-bottom: 1px dashed #bfbfbf;
				color: #464646;
				font-size: 1.2em;
				font-style: italic;
				line-height: 1.5;
				margin-bottom: 1em;
				padding-bottom: 1em;
				padding-right: 12px;
			}
			
				#twitter ul li a { color: #6ca91a; }
				
				#twitter ul li a:hover { color: #2d689b; }
			
				#twitter ul li span {				
					display: block;
					font-size: 0.8em;
					font-style: normal;
					font-weight: bold;
				}
				
					#twitter ul li span a {
						color: #999;
						text-decoration: none;
					}
				
		#twitter p { font-size: 1.2em; }
		
			#twitter p a { color: #6ca91a; }
			
			#twitter p a:hover { color: #2d689b; }
	
/* !--- FOOTER --- */

#footer_container { border-top: 1px solid #e5e5e5; }

#footer_container #footer {
	margin: 0px auto;
	padding: 12px 0px;
	width: 960px;
}

	#footer p {
		color: #666;
		float: left;
		font-weight: bold;
		line-height: 1.5;
	}
	
		#footer p a {
			color: #6ca91a;
			text-decoration: none;
		}
		
		#footer p a:hover { text-decoration: underline; }
	
	#footer img { float: right; }