/*
Theme Name: Carlton Professional
Theme URI: http://junomedia.co.uk
Description: Carlton Professional
Version: 1.0
Author: Juno Media
Author URI: http://junomedia.co.uk
Tags: juno media, web design, web development, graphic design
*/

/***** Global *****/
	/* 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,
		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-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1.4;
    font-size: 68.75%; /* 100% = 16px */
	font-family: verdana, arial, sans-serif;
    color: #242424;
    background: #009C98 url('images/bg.png') repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: left
	}

/* Headers */
	h1, h2 {font-size: 163.63%; color: #007370;}
	h3 {font-size: 145.45%; color: #221F1F}
	h4 {font-size: 127.27%; color: #221F1F}
	h5 {font-size: 100%; color: #221F1F}
	h6 {font-size: 100%; color: #221F1F}
	
	h2, h3, h4, h5, h6 {margin-bottom: .3em; line-height: 1.1;}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #007370; text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.8em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold; color: #cc3333}
	em, i {font-style: italic}
	
	p.highlight {color: #007370}

/* Lists */
ul {
  margin: 1em 0 1.5em 0;
  line-height: 1.4;
  list-style: none
}

ul li {padding-left: 15px; background: url('images/bullet.gif') no-repeat 0 4px; margin-bottom: .8em;}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/***** Layout *****/
#wrap {
	border-left: 10px solid #47A2A1;
	border-right: 10px solid #47A2A1;
	background: #fff;
	width: 928px;
	margin: 0 auto;
}

	/* Clears */
	#header, #body {height: 1%;}
	
	#header:after, #body:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

/* Header */
#header {
	background: url('images/head-bg.gif') repeat-x bottom;
	padding: 8px;
	position: relative;
}

#logo {float: left;}
#call-us {float: right; margin: 30px 10px 0 0;}
#slogan {color: #009c98; float: right; clear: right; font-size: 1.41em; margin: 6px 10px 0 0;}
.homepage #call-us {margin: 20px 10px 0 0;}

	/* Top Nav */
	#top-nav {
		position: absolute;
		bottom: -14px;
		right: 10px;
		list-style: none;
		height: 25px;
	}
	
	#top-nav li {float: left; margin: 0 0 0 15px; padding: 0; height: 25px; line-height: 25px; background: none;}
	
	#top-nav a:link, #top-nav a:visited {
		display: block;
		float: left;
		height: 25px;
		line-height: 25px;
		padding: 0 0 0 5px;
	}
	
	#top-nav a:hover, #top-nav a:active, #top-nav .active a:link, #top-nav .active a:visited {
		background: url('images/top-tab-left.png') no-repeat top left;
		color: #fff;
		text-decoration: none;
	}
	
	#top-nav a:link span, #top-nav a:visited span {
		display: block;
		height: 25px;
		float: left;
		padding: 0 5px 0 0;
		cursor: pointer;
	}
	
	#top-nav .active a:link span, #top-nav .active a:visited span, #top-nav a:hover span, #top-nav a:active span {
		background: url('images/top-tab-right.png') no-repeat top right;
	}

/* Header Image */
#header-slideshow {display: block; margin: 0; width: 928px; height: 184px; position: relative;}
#header-img {display: block; margin: 0; width: 928px; height: 137px; position: relative;}
#header-img div {
	position: absolute;
	font-size: 1.5em; 
	width: 908px;
	padding: 6px 10px;
	color: #fff;
	background: url('images/header-img-bg.png') !important;
	background: url('images/header-img-bg.gif');
	bottom: 0;
	left: 0;
}

/* Menu */
#nav {
	background: url('images/menu/menu-bg.gif') repeat-x top left;
	margin: 0;
	height: 62px;
	padding: 3px 1px 0 3px;
}

#nav li {
	width: 231px;
	height: 62px;
	float: left;
	padding: 0;
	background: none;
	margin: 0;
	position: relative
}
#nav span {display: block; height: 62px; width: 231px; overflow: hidden; cursor: pointer;}
.homepage #nav, .homepage #nav li, .homepage #nav, .homepage #nav span {height: 116px;}

#nav li a:link, #nav li a:visited {
	display: block;
	width: 231px;
	height: 124px;
	float: left;
}
.homepage #nav li a:link, .homepage #nav li a:visited {height: 232px;}

#nav li a:hover, #nav li a:active, #nav li.active a:link, #nav li.active a:visited {
	margin-top: -62px;
}
.homepage #nav li a:hover, .homepage #nav li a:active, .homepage #nav li.active a:link, .homepage #nav li.active a:visited {
	margin-top: -116px;
}

	/* Dropdowns (Eww) */
	#nav li ul {
		background: #fff;
		height: auto;
		position: absolute;
		top: 54px;
		width: 215px;
		margin: 0;
		left: 5px;
		display: none;
	}
	#nav li:hover ul {display: block;}
	.homepage #nav li ul {top: 110px;}
	#nav li ul li, .homepage #nav li ul li {
		width: auto;
		height: auto;
		float: none;
		padding: 0;
		background: none;
		margin: 0;
		position: static;
		border-bottom: 1px solid #75BAB4;
	}
	
	#nav li ul li a:link, #nav li ul li a:visited, .homepage #nav li ul li a:link, .homepage #nav li ul li a:visited {
		display: block;
		width: auto;
		padding: 10px 15px;
		height: auto;
		float: none;
		background: #A1D9D4;
	}
	#nav li ul li a:hover, #nav li ul li a:active {
		background: #75BAB4;
		color: #fff;
		text-decoration: none;
	}
	
	#nav li ul li a:hover, #nav li ul li a:active, #nav li.active ul li a:link, #nav li.active ul li a:visited,
	.homepage #nav li ul li a:hover, .homepage #nav li ul li a:active, .homepage #nav li.active ul li a:link, .homepage #nav li.active ul li a:visited
	 {margin-top: 0;}

/* Body */
#body {
	margin: 15px 0;
	background: #fff url('images/body-bg.gif') repeat-y top left;
}
.homepage #body {background-image: none;}

	/* Sidebar */
	#sidebar {
		width: 180px;
		float: left;
		padding: 8px;
		background: #D1ECEB url('images/body-bg.gif') repeat-y top left
	}
	
	.homepage #sidebar {background: none; width: 225px; float: right; padding-right: 4px;}
	
	#sidebar .box {
		padding: 10px;
		background: #8FD4D5 url('images/side-box-end.png') no-repeat bottom;
		font-size: .9em;
		overflow: hidden;
		height: 1%;
	}
	
	#sidebar .box h2 {
		background: url('images/side-head.png');
		width: 205px;
		height: 26px;
		line-height: 29px;
		margin: -10px -10px 0 -10px;
		padding: 3px 10px 11px 10px;
	}
	
	#sidebar .box a:link, #sidebar .box a:visited {color: #333;}
	#sidebar .box a.more:link, #sidebar .box a.more:visited {
		font-size: 1.1em;
		color: #C9242B;
		font-weight: bold;
	}
	
	#sidebar .box h3 {font-size: 1.2em; font-weight: bold;}
	#sidebar .box p {margin-bottom: .5em;}
	#sidebar .box h3 p {margin-bottom: 0;}
	#sidebar .box .location {display: block;}
	#sidebar .box .ref {color: #fff; font-style: normal; display: block; margin-bottom: .5em;}
	
	#sidebar .ad {display: block; margin: 10px 0 20px 0;}
	
	#sidebar .nav {
		margin: 0 0 30px 0;
		list-style: none;
		overflow: hidden;
	}
	#sidebar .nav li {padding: 0; background: none; height: 40px; overflow: hidden; margin-bottom: 0;}
	
	#sidebar .nav a:link, #sidebar .nav a:visited {
		display: block;
		height: 80px;
		overflow: hidden;
		float: left;
	}
	
	#sidebar .nav a:hover, #sidebar .nav a:active,
	#sidebar .nav .active a:link, #sidebar .nav .active a:visited {margin-top: -40px;}
	
	/* Content */
	#content {
		width: 665px;
		float: right;
		padding: 0 37px 0 0;
	}
	#content.home {width: 630px; float: left; margin-left: 8px;}

/* Footer */
#footer {
	background: #8ED3D4 url('images/foot-bg.png');
	padding: 8px;
	color: #007370;
	font-size: 90.9%;
	overflow: hidden;
	height: 1%;
}

#logos {float: left; margin: 0; list-style: none;}
#logos li {float: left; margin: 5px 15px 0 0; padding: 0; background: none;}

#footer address {float: right; text-align: right; font-style: normal;}
#footer address a {
	background: url('images/here-bg.gif') no-repeat top center;
	padding: 0 5px 1px 5px;
	text-align: center;
}
	
/***** Sections *****/
/* Job Listings */
.jobs {margin: 0}
.jobs li {width: 650px; padding: 0; background: none; float: left; clear: both; overflow: hidden}

.jobs .details {width: 135px; float: left; clear: both}
.jobs .description {width: 500px; float: left; margin-left: 15px}
.jobs .location {text-transform: uppercase}

.box {
	padding: 20px;
	background: #dceded;
	margin-bottom: 1.5em;
}

/* Registration Form */
#register-form label {display: block; color: #007370;}
#register-form h3 {padding: 1em 0; clear: both;}
#register-form textarea {width: 460px}

#register-form .left {overflow: hidden; width: 100%;clear: both;}
#register-form .left label {width: 150px; float: left; clear: left; margin: 0 1em .5em 0;}
#register-form .left .text {float: left; margin-bottom: .5em; width: 300px;}
#register-form .left select {float: left; margin-bottom: .5em; width: 300px;}
#register-form .left textarea {float: left; margin-bottom: .5em; width: 304px;}

#register-form .radio {overflow: hidden; width: 440px; padding-bottom: .5em; clear: both;}
#register-form .radio label {display: block; clear: both; margin-bottom: .3em;}
#register-form .radio label.inline {display: inline;}
#register-form .radio span {float: right; width: 410px; display: block; clear:right; margin-bottom: .5em;}
#register-form .radio input {float: left; margin-bottom: 0em; clear: left;}

#register-form .radio2 {overflow: hidden; width: 440px; padding-bottom: .5em; clear: both;}
#register-form .radio2 label {display: block; clear: both; margin-bottom: .3em;}
#register-form .radio2 span {float: right; width: 410px; display: block; clear: right; margin-bottom: .5em;}
#register-form .radio2 input {float: left; margin-bottom: 0em; clear: left;}

#form_submitted_3 {clear: both}