@import url("http://www.fatbeehive.com/beekeeper2/reset.css");

/* STICKY FOOTER! */

html, body, #wrapper {
	height: 100%;
}
body > #wrapper {
	height: auto; min-height: 100%;
}
#content_wrapper {
	padding-bottom: 433px;
}
#footer {
	position: relative;
	margin-top: -433px; 
	height: 433px;
	clear:both;
} 
#content_wrapper:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
#content_wrapper {display: inline-block; position: relative;}

#content-page_wrapper {
	float: left;
	width: 996px;
	position: relative;
	top: 45px;
}

/* START STYLING! */

.imageleft {
	float: left;
	margin: 0 10px 10px 0px;
}

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

.padded-border {
	padding: 2px;
	border: 2px solid #f0f0f0;
}

a {
	text-decoration: underline;
	color: #31639d;
}

a:hover {
	text-decoration: none;
}

#skip_to_content {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body {
	background: url(../images2/header.gif?2009) repeat-x center -50px;
	text-align: center;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
}

#wrapper, #reward_footers {
	margin-right: auto;
	margin-left: auto;
	width: 996px;
	text-align: left;
}

/* @group Header */

#header {
	position: relative;
	height: 112px;
}

#home_logo {
	width: 308px;
	height: 0;
	padding-top: 68px;
	overflow: hidden;
	display: block;
	background: url(../images2/branding.gif) no-repeat;
	left: 22px;
	top:  8px;
	position: relative;
	z-index: 10;
}

#header p {
	color: white;
	position: absolute;
	left: 453px;
	top: 15px;
	width: 520px;
	font-size: 1.6em;
	line-height: 19px;
}

h1#strap {
	float: right;
	width: 599px;
	font-size: 2.0em;
	font-weight: normal;
	color: #464646;
	position: absolute;
	margin: 0;
	top: 32px;
	right: 44px;
	z-index: 10;
}

/* @group Top nav */

#topnav {
	margin: 0;
	padding: 0;
	width: 552px;
	position: absolute;
	top: 11px;
	height: 75px;
	left: 370px;
}

#topnav li {
	list-style-type: none;
}

#topnav a {
	display: block;
	height: 0;
	padding-top: 75px;
	overflow: hidden;
	position: absolute;
	background-image: url(../images2/nav_sprite.png);
	background-repeat: no-repeat;
}

#topnav li.our_clients a {
	width: 194px;
	z-index: 3;
}

#topnav li.what_we_do a {
	width: 193px;
	z-index: 2;
	left: 180px;
	top: 0;
	background-position: 0 -150px;
}

#topnav li.about_us a {
	width: 199px;
	z-index: 1;
	left: 353px;
	top: 0;
	background-position: 0 -300px;
}

#topnav li.our_clients a:hover {
	background-position: 0 -75px;
}

#topnav li.what_we_do a:hover {
	background-position: 0 -225px;
}

#topnav li.about_us a:hover {
	background-position: 0 -375px;
}



/* @end */



/* @end */

/* @group Home tab */

a#home-tab {
	position: absolute;
	top: 39px;
	left: 28px;
	display: block;
	height: 0;
	padding-top: 43px;
	overflow: hidden;
	width: 73px;
	background: url(../images2/home-tab_sprite.png) 0 0 no-repeat;
}

a:hover#home-tab {background-position: 0 -43px;}

/* @end */

/* @group Clickable carousel items */

a.clickme {
	height: 113px;
	margin-top: 16px;
	display: block;
	width: 200px;
}


/* @end */

/* @group Action buttons on the home page */

#takeaction ul {
	list-style-type: none;
	margin: 20px 0 0 15px;
	padding: 0;
	background: url(../images2/btns_actions_sprite.jpg) 0 -68px no-repeat;
	width: 217px;
	height: 50px;
	overflow: hidden;
}

#takeaction ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
}

#takeaction ul li a {
	display: block;
	width: 217px;
	height: 0;
	padding-top: 48px;
	overflow: hidden;
}

a#price:hover {background: url(../images2/btns_actions_sprite.jpg) 0 -120px no-repeat;
}

a#newsletter:hover {background: url(../images2/btns_actions_sprite.jpg) 0 -187px no-repeat;
}



/* @end */

/* @group View more of our work button */

#viewmorework {
	position: absolute;
	background: #fff;
	top: 358px;
	right: 246px;
	width: 230px;
	height: 19px;
	z-index: 20;
}

#viewmorework a {
	display: block;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background: url(../images2/btn_morework_sprite.gif) 0 0 no-repeat;
}

#viewmorework a:hover {background-position: 0 -17px;}


/* @end */




/* @group Footer */

#footer {
	color: white;
	background: url(../images2/footer.gif?2009) repeat-x center bottom;
	text-align: center;
	z-index: 10;
}

#footer a {
	color: white;
}

p.bottomnav {
	/*background: url(../images2/footer_logo.gif) no-repeat center top;*/
	clear: both;
	text-align: center;
	font-size: 1.1em;
	width: 100%;
	font-weight: bold;
}

p.bottomnav a {text-decoration: none !important;}

p.bottomnav a:hover {text-decoration: underline !important;}


#footer h3 {
	font-size: 1.6em;
	font-weight: bold;
}

#reward_footers {
	background: url(../images2/branding_footer.gif) no-repeat center 315px;
	overflow: visible;
	position: relative;
}

/* @group Jobs */

#extra_info_button {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	width: 82px;
	height: 0;
	padding-top: 82px;
	overflow: hidden;
	top: -40px;
	z-index: 40;
}

#extra_info_button.jobs {

	background-image: url(../images2/jobs_button.png);
}

#extra_info_button.news {

	background-image: url(../images2/btn_news.png);

}



/* @end */

/* @group Contact us */

.contact_us {
	width: 247px;
	padding-top: 65px;
	padding-bottom: 15px;
	float: left;
	margin-right: 18px;
}

.contact_us dl, .contact_us dt, .contact_us dd {
	margin: 0;
	padding: 0;
}

.contact_us dt {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 18px;
}

.contact_us dd {
	color: #f9ba00;
	font-size: 2.1em;
	margin-bottom: 20px;
}

.contact_us dd p {
	font-size: 0.571em;
	font-weight: bold;
	padding-top: 20px;
}

.contact_us dd a {
	background: url(../images2/footer_hand.gif) no-repeat right;
	padding-right: 28px;
}



/* @end */



/* @group Next project */

form#contact_us_form {
	padding-bottom: 15px;
	float: left;
	width: 483px;
}


form#contact_us_form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 483px;
	float: left;
}

form#contact_us_form ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 6px 0;
	width: 232px;
}

form#contact_us_form ul li.ynp_flleft {
	float: left;
	clear: left;
}

form#contact_us_form ul li.ynp_flright {
	float: right;
	clear: right;
}

#ynp_submit {
	float: right;
	width: 76px;
	clear: none;
}

.your_next_project {
	padding-top: 65px;
	width: 484px;
	min-height: 280px;
	float: left;
	margin-right: 22px;
}

.your_next_project.thumbs_up {
	background: url(/images2/thumbs_up.gif) no-repeat center center;
}

.your_next_project.thumbs_down {
	background: url(/images2/thumbs_down.gif) no-repeat center center;
}

.your_next_project label {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
	
}

.your_next_project textarea {
	padding: 5px 4px 0 4px;
	border-style: none;
	background-repeat: no-repeat;
	display: block;
	float: left;
	font-size: 1.333em;
	
}

.your_next_project input {
	padding: 0 4px 0 4px;
	border-style: none;
	background-repeat: no-repeat;
	display: block;
	float: left;
	font-size: 1.333em;
	
}

#ynp_what {
	background-image: url(../images2/ynp_what.gif);
	width: 205px;
	height: 72px;
}

#ynp_name {
	width: 223px;
	height: 33px;
	background-image: url(../images2/bg_field_name.gif);
}

#ynp_organisation {
	width: 223px;
	height: 33px;
	background-image: url(../images2/bg_field_org.gif);
}

#ynp_email {
	width: 223px;
	height: 32px;
	background-image: url(../images2/bg_field_email.gif);
}


#ynp_what {
	width: 223px;
	height: 80px;
	background-image: url(../images2/bg_field_more.gif);
}

#ynp_phone {
	width: 128px;
	height: 32px;
	background-image: url(../images2/bg_field_tel.gif);
}


/* @end */

/* @group Temperature */

.temperature {
	float: left;
	width: 225px;
	background: url(../images2/pump.png) no-repeat;
	padding-top: 55px;
	position: relative;
	height: 378px;
}

.temperature ol {
	margin: 0;
	padding: 0 0 0 12px;
}

.temperature ol li {
	list-style-type: disc;
	font-size: 1.1em;
	list-style-position: inside;
	padding-bottom: 25px;
}

.temperature p {
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 5px;
	position: absolute;
	top: 290px;
}



/* @end */


/* @group Counter */

#pump {
	background: url(../images2/new_pump.png) no-repeat;
	z-index: 10;
	position: absolute;
	top: -2px;
	right: 0;
	width: 225px;
	height: 312px;
}

div#pump a { /* tgc edit */
	display: block;
	position: absolute;
	font-weight: bold;
	color: #31639d;
	width: 140px;
	height: 25px;
	bottom: 38px;
	left: 58px;
}

#pumpbanner { /* tgc edit */
	background: url(../images2/pumpbanner.png) no-repeat;
	position: absolute;
	width: 225px;
	height: 74px;
	top: -4px;
	left: -4px;
	z-index: 8;
}

.counter {
	float: left;
	width: 225px;
	
	position: relative;
	height: 312px;
	color: #000;
}

.counter p.count {
	padding-top: 111px;
	padding-left: 34px;
	overflow: auto;
	width: 190px;
	background: #212121 url(../images2/new_sub-counter.gif) no-repeat 180px 121px;
}

.counter p.count span {
	width: 21px;
	height: 0;
	padding-top: 21px;
	overflow: hidden;
	display: block;
	float: left;
	background-image: url(../images2/new_newsprite.gif);
	background-position: 0 0;
	margin-right: 0px;
}



/* @end */


/* @end */

/* @group Home */

#home {
	width: 996px;
}

#home h1 {
	font-size: 4.1em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
}

#home_welcome {
	z-index: 50;
	position: absolute;
	left: 0;
	right: 0;
}

#home_welcome p {
	font-size: 1.9em;
	text-align: center;
}

#takeaction {
	width: 260px;
	height: 155px;
	background: url(../images2/bg_actions.png) top left no-repeat;
    position: absolute;
	right: 0;
	top: 236px;
	display: block;
	z-index: 20;
}



/* @group Extra Info */

#extra_info_wrapper {
	height: 90px;
	padding-bottom: 10px;
	position: relative;
	background: url(../images2/home_features_footer.gif) repeat-x 0 top;
	overflow: hidden;
}

#extra_info div {
	margin-top: 11px;
}

#extra_info {
	position: absolute;
	width: 422px;
	height: 95px;
	background: url(../images2/balloon_info.png) no-repeat;
	top: -165px;
	right: 0;
	padding-top: 70px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #31639d;
	
}

#extra_info a {
	color: #31639d;
	text-decoration: underline;
}



/* @end */

/* @group Project scroller */


#next_feature {
	background-image: url(../images2/btn_next.gif);
	width: 39px;
	right: 20px;
}

#features_nav a {
	overflow: hidden;
	height: 0;
	position: absolute;
	padding-top: 20px;
	background-repeat: no-repeat;
	z-index: 30;
	top: 60px;
	right: 50px;
}

#features_nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#features_nav {
	margin: 0;
	padding: 0;
}

#feature_wrapper {
	position: relative;
	background: url(../images2/features_screen_bg.gif) repeat-x center top;
	overflow: hidden;
}

.carousel_item {
	width: 200px;
	padding: 115px 40px 10px 10px;
	font-size: 1.3em;
	background-repeat: no-repeat;
	background-position: 20px 132px;
	/*background-image: url(../images2/site_preview.gif);*/
	/* background: url(../images2/site_preview.gif) no-repeat 20px 132px; */
}

.carousel_item h3 {
	font-size: 1.308em;
	margin-top: 22px;
}

.carousel_item h3 a {
	border-top: 1px solid #dddddd;
	color: #474747;
	border-bottom: 1px solid #dddddd;
	min-height: 98px;
	height: auto !important;
	height: 98px;
	padding-top: 12px;
	display: block;
	width: 100%;
	text-decoration: none !important;
	
}

.carousel_item h3 a:hover {text-decoration: underline !important;}

.carousel_item h4 {
	font-weight: normal;
	text-transform: uppercase;
}

.carousel_item ul {
	margin-left: 15px;
}

.carousel_item ul li {
	padding-bottom: 10px;
}

#feature_mask {
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	width: 996px;
	height: 234px;
	right: 0;
	/*z-index: 1;*/
	border-bottom: 2px solid #ddd;
}

#feature_mask-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 996px;
	height: 102px;
	background: url(../images2/arch-mask_top.png) 0 -1px no-repeat;
}

#feature_mask-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 234px;
	background: url(../images2/arch-mask_left.png) 0 0 no-repeat;
	z-index: 10;
}

#feature_mask-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 234px;
	background: url(../images2/arch-mask_right.png) 0 0 no-repeat;
	z-index: 10;
}

#features {
	margin-left: 10px;
}



/* @end */



/* @end */

/* @group Subnav */

#subnav_wrap {
	width: 265px;
	float: left;
	margin-right: 10px;
}

#subnav {
	
	background: url(../images/subnav.gif) no-repeat center top;
	padding-top: 65px;
	font-size: 2.1em;
	font-weight: bold;
	margin: 0 20px;
	padding-bottom: 0;
	text-transform: lowercase;
	min-height: 384px;
}

#subnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnav a {
	padding-left: 50px;
	padding-right: 10px;
	display: block;
	color: #7a7979;
	padding-bottom: 15px;
	font-family: 'QuicksandBold' !important;
	letter-spacing: 0.008em;
	font-size: 19px;
	text-decoration: none !important;
	font-weight: normal !important;
}

#subnav a.on {
	background: url(../images/subnav_hover.png) no-repeat 20px 8px;
}

#subnav a.on, #subnav a:hover {
	color: #e97c09;
	text-decoration: none !important;
}

#subnav li ul {
	margin: 0 0 25px 0;
	padding: 0 0 0 20px;
}

#subnav li ul li a {
	font-size: 0.762em;
	/* font-weight: normal; */
	font-style: normal;
}

/* @end */

/* @group Content */

#content {
	font-size: 1.5em;
	line-height: 20px; /* was orginally 22px */
	width: 516px;
	margin-right: 20px;
	float: left;
	padding-top: 15px;
	padding-bottom: 80px;
}

#content h1 {
	font-family: 'QuicksandBold';
	font-size: 2.333em; /* 35px */
	font-weight: normal;
	font-style: normal;
	line-height: 1.1em; /* reset to 0.571em for single decker H1s */
	margin:  0 0 15px 0;
	letter-spacing: -0.045em;
	color: #31639d;
}


#content h2 {
	font-family: 'QuicksandBold';
	font-weight: normal;
	font-style: normal;
	font-size: 1.467em; /* 22px */
	line-height: 1.1em;
	letter-spacing: -0.035em;
	margin: 22px 0 5px 0;
	color: #31639d;

}

#content h3 { /* 16.2px */
	font-family: 'QuicksandBold' !important;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -0.025em;
	line-height: 0.81em;
	margin: 22px 0 7px 0;
	color: #31639d;
}


#content blockquote {
	font-size: 1.133em;
	font-weight: bold;
	line-height: 21px;
	margin: 0 25px 0 0;
	padding: 27px 0 0;
	width: 217px;
	float: left;
	background: url(../images/quote_top.gif) no-repeat center top;
	color: #31639D;
}

#content blockquote p {
	padding-bottom: 10px;
	text-align: center;
	color: #3f3f3f;
}

#content blockquote p.citation {
	color: #31639d;
	font-size: 0.667em;
	font-style: italic;
	background: url(../images/quote_bottom.gif) no-repeat center bottom;
	padding-bottom: 27px;
	line-height: 1.3em;
}

#content p {
	color: #3f3f3f;
	letter-spacing: 0.002em;
	line-height: 20px;
}

#content-standfirst {
	font-size: 1.133em;
	color: #3f3f3f;
}

/* @end */

#rightcol {
	width: 185px;
	float: right;
	clear: none;
	font-size: 1.5em;
	margin: 55px 0 0 0;
	padding: 0;
}

#content_copy {
	float: left;
	width: auto;
}

/* @group Safari 2 */

#features {
	left:0;
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	visibility:visible;
	width:996px;
	z-index:2;
}

#carousel {
	/*left:-750px;*/
	list-style-type:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top: -8px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	position:relative;
	width:750px;
	height: 400px;
	z-index:1;
	overflow: hidden;
}

.carousel_item {
	list-style-type:none;
	float:left;
	/*height:231px;*/
	overflow-x:hidden;
	overflow-y:hidden;
	width:200px;
}



/* @end */


th {
	text-align: right;
}

.client_colour_mood_list {
	margin: 0;
}

.client_colour_mood_list li {
	list-style-type: none;
	padding-bottom: 12px;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1em;
}

.alert {
	font-weight: bold;
	color: #666;
	background-color: #ffffcc;
	padding: 10px;
}

.imageborder {
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 5px;
}

#legal_footer {
	font-weight: lighter;
	font-size: 0.833em;
}

/* end */

.imagecaption {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #31639d;
	font-size: 0.8em;
	margin-top: -10px;
}

/*-------404 PAGE -------------*/
body#notfound #subnav_wrap{
	display:none;
}
body#notfound #middle_column{
	display:none;
}
body#notfound #content{
	width:995px;
}
body#notfound #content_copy{
	float:left;
	width:995px;
}
body#notfound #content_copy h1{
	color:#e97c09;
	font-size:3.8em;
	margin-left:0;
	text-align:center;
}
body#notfound #content_copy h2{
	color:#686868;
	font-size:1.6em;
	margin: 30px 0 10px;
	text-align:center;
}
body#notfound #content_copy p{
	color:#686868;
	font-size:1em;
	margin-left:0;
	text-align:center;
}
body#notfound #content_copy p#quotehead{
	color:#000;
	font-size:1em;
	margin-left:0;
	text-align:center;
}
body#notfound blockquote{
	display: none;
}
#johnpeel{
	background:url('../images2/johnpeelquotebg.jpg') no-repeat;
	display:block;
	height:306px;
	margin:0 auto;
	width:758px;
}
#peelquote{
	color:#FFFFFF;
	float:right;
	font-size:1.4em;
	line-height:1.4em;
	margin:78px 68px 0 0;
	width:380px;
}


#feature_wrapper {
	
}

/* #features { float: left; } */



/*
---------------------------------------
	New client page
---------------------------------------
*/

body.new_clients #content{
	margin-left:19px;
	width: 697px;
}
body.new_clients #content h1{
	margin:0 0 5px 0;
}
.screenshot_outer{
	float:left;
	margin-right:20px;
}
.last{
	float:right !important;
	margin-right:0 !important;
}
.screenshot{
	background:url('../images2/staffandport/screenshotbg.gif') no-repeat;
	height:207px;
	left:0;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	top:20px;
	width:219px;
}
.screenshot img{
	left:1px;
	position:relative;
	top:18px;
	z-index:1;
}
/*------screenshot titles/links-------*/
/*.sitelink{
    position:absolute;
    right:5px;
    top:177px;
    z-index:2;
}
.sitelink a{
	background:#ea7c09;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	color:#000000;
	font-size:0.8em;
	height:50px;
	left:0;
	padding:8px 11px;
	position:relative;
	text-align:center;
	text-decoration:none;
	top:-25px;
	z-index:2;
}
.sitelink a:hover{
	background:url('../images2/staffandport/viewsite.png') no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	margin-top:-6px;
	padding-top:50px;
	text-decoration:none;
	width:108px;
}
.arrow{
	background:url('../images2/staffandport/orange_arrow.gif') center top no-repeat;
	height:15px;
	left:0;
	margin:0 auto;
	position:relative;
	top:0;
	width:20px;
	z-index:3;
}*/

.sitelink_outer{
	position: absolute;
	right: 0;
	top: 150px;
	width: 219px;
    z-index: 2;
}
.sitelink{
    background: url("../images2/staffandport/orange_arrow.gif") no-repeat scroll center bottom;
    float: right;
    margin-top: -5px;
    padding-bottom: 14px;
    text-align: center;
}
.sitelink:hover{
    background: none;
}
.sitelink a{
	background:#ea7c09;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    color: #000000;
    display: block;
    font-size: 0.8em;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;
    z-index: 2;
}
.sitelink a:hover{
	background:url('../images2/staffandport/viewsite.png') no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	/*margin-top:-6px;*/
	padding:50px 0 0 0;
	text-decoration:none;
	width:166px;
}
/*.arrow{
	background:url('../images2/staffandport/orange_arrow.gif') center top no-repeat;
	height:15px;
	left:0;
	margin:0 auto;
	position:relative;
	top:0;
	width:20px;
	z-index:3;
}*/


/*------screenshot titles/links end-------*/


h2.clientcats_category_1{
	background:url('../images2/staffandport/staffcatsbg.gif') top right no-repeat;
	color:#31649d;
	float:left;
	font-size:1.4em;
	height:30px;
	margin-bottom:10px;
	text-align:left;
	width:100%;
}
h2.clientcats_category_2{
	background:url('../images2/staffandport/staffcatsbg2.gif') top right no-repeat;
	color:#31649d;
	float:left;
	font-size:1.4em;
	height:30px;
	margin-bottom:10px;
	text-align:left;
	width:100%;
}
h2.clientcats_category_3{
	background:url('../images2/staffandport/staffcatsbg3.gif') top right no-repeat;
	color:#31649d;
	float:left;
	font-size:1.4em;
	height:30px;
	margin-bottom:10px;
	text-align:left;
	width:100%;
}
ul.clients_list{
	float:left;
	margin:0 33px 0 0;
	padding:0;
	width:210px;
}
ul.clients_list li{
	list-style:none;
	line-height: 1.2;
	padding-bottom: 5px;
}
ul.clients_list li a{
	color:#000000;
	font-size:0.9em;
}
ul.clients_list li a:hover{
	color:#ffffff;
	background:#3869a0;
}


/*
---------------------------------------
	New staff page
---------------------------------------
*/

body.new_staff #content{
	margin-left:19px;
	width: 697px;
}
body.new_staff #content h1{
	margin:0 0 5px 0;
}
h2.staffcats{
	background:url('../images2/staffandport/staffcatsbg.gif') top right no-repeat;
	color:#31649d;
	float:left;
	font-size:1.4em;
	height:30px;
	margin-bottom:10px;
	text-align:left;
	width:100%;
}
.staff_box{
	float:left;
	height:315px;
	margin:10px 35px 0 0;
	width:209px;
}
.staff_box h3{
	color:#31649d;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
}
.staff_box .job_title{
	font-size:0.9em;
}
.staff_box .job_desc{
	font-size:1em;
	line-height:1.2em;
    margin-top:-8px;
	padding-top:0;
}
.staff_box img{
	float:left;
	margin:0 15px 15px 0;
}

.last{
	float:right !important;
	margin:10px 0 0 0 !important;
}
body#our-clients .last{
	float:right !important;
	margin:0 !important;
}

/*
---------------------------------------
	Font embedding 
---------------------------------------
*/


/* @group Font-embedding */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 28, 2011 10:36:47 AM America/New_York */

@font-face {
	font-family: 'QuicksandLight';
	src: url('../webfonts/Quicksand_Light-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Light-webfont.woff') format('woff'), url('../webfonts/Quicksand_Light-webfont.ttf') format('truetype'), url('../webfonts/Quicksand_Light-webfont.svg#webfontbpxkzhcL') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('../webfonts/Quicksand_Light_Oblique-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Light_Oblique-webfont.woff') format('woff'), url('../webfonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'), url('Q../webfonts/uicksand_Light_Oblique-webfont.svg#webfontymjw78zE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('../webfonts/Quicksand_Book-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Book-webfont.woff') format('woff'), url('../webfonts/Quicksand_Book-webfont.ttf') format('truetype'), url('../webfonts/Quicksand_Book-webfont.svg#webfontaTtWxJ4l') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('../webfonts/Quicksand_Book_Oblique-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Book_Oblique-webfont.woff') format('woff'), url('../webfonts/Quicksand_Book_Oblique-webfont.ttf') format('truetype'), url('../webfonts/Quicksand_Book_Oblique-webfont.svg#webfontfhouSiR7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('../webfonts/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Bold-webfont.woff') format('woff'), url('../webfonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('../webfonts/Quicksand_Bold-webfont.svg#webfontaEJ3th29') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('../webfonts/Quicksand_Bold_Oblique-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Bold_Oblique-webfont.woff') format('woff'), url('../webfonts/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'), url('../webfonts/Quicksand_Bold_Oblique-webfont.svg#webfonteRcYolCl') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandDash';
	src: url('../webfonts/Quicksand_Dash-webfont.eot');
	src: local('☺'), url('../webfonts/Quicksand_Dash-webfont.woff') format('woff'), url('../webfonts/Quicksand_Dash-webfont.ttf') format('truetype'), url('../webfonts/Quicksand_Dash-webfont.svg#webfontse2nKVfe') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*** Tim edit 1.2.2010 to hide the 'get out prices button' ***/

a#price {display: none !important;}



/*** end ***/

/* @end */