/*
#ID's are for identification - Try to avoid within the CSS
.CLASSES are for classes 
DO NOT PREFIX CLASSES WITH A NUMBER!!
List style elements alphabetically
Maintain tab layout
Only the body font-size tag is set with % - All others to be em

1. SITE FRAMEWORK
2. HEADER                
3. JCAROUSEL
4. FOOTER
5. GENERAL LAYOUT
6. FORMS
*/

* {
	margin				: 0;
	padding				: 0;
}

body { 
	color				: #696969;
	background-color	: #fff;
	font-family			: Helvetica, Verdana, Arial, sans-serif;
	font-size			: 62.5%;
	text-align			: left;
	line-height			: 1.4;
}

@font-face {
    font-family: 'rockwell';
    src: url('/styles/fonts/rock-webfont.eot');
    src: url('/styles/fonts/rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/rock-webfont.woff') format('woff'),
         url('/styles/fonts/rock-webfont.ttf') format('truetype'),
         url('/styles/fonts/rock-webfont.svg#rockwellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rockwell';
    src: url('/styles/fonts/rockb-webfont.eot');
    src: url('/styles/fonts/rockb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/rockb-webfont.woff') format('woff'),
         url('/styles/fonts/rockb-webfont.ttf') format('truetype'),
         url('/styles/fonts/rockb-webfont.svg#rockwellbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

#outer_wrapper {	
	width           	: 100%;
	margin          	: 0 auto 400px;
	text-align      	: left;
	background			: url('/images/pagebackground.png') repeat-x;
	overflow			: hidden;
}

.clearAll {
	clear				:both;
	line-height			:0px;
	height				:0px; 
	visibility			:hidden;
}

#page_container {
	width				: 960px;
	min-height			: 400px;
	height				: auto;
	margin-left			: auto;
	margin-right		: auto;
}

img {
	border				: 0px;
}

p {
	margin-bottom		: 15px;
}

.pagetxt {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	-webkit-font-smoothing: antialiased;
    text-shadow			: 1px 1px 1px rgba(0,0,0,0.004);
}

.accenttxt {
	font-weight			: bold;
}

.headtxt {
	font-size			: 30px;
}

.cstext {
	/*color				: #ffffff;*/
}

.whitetext {
	color				: #ffffff;
}

.cstexthead1 {
	font-size			: 32px;
}

.cstexthead2 {
	font-size			: 22px;
}

.teamtexthead {
	font-size			: 24px;
}

.rocktxt {
	font-family			: rockwell;
	font-size			: 14px;
	-webkit-font-smoothing: antialiased;
    text-shadow			: 1px 1px 1px rgba(0,0,0,0.004);
}

.rockheadtxt {
	font-size			: 19px;
}

#spacer {
	height				: 52px;
}

#hotspots1 {
	position			: relative;
	z-index				: 10;
	height				: 222px;
	overflow			: hidden;
}

#home-banner .banner-slide .banner-copy a:link,
#home-banner .banner-slide .banner-copy a:visited {
	color				: #ffffff;	
	text-decoration		: none;	
}
				
#home-banner .banner-slide .banner-copy a:hover {
	color				: #b8d8e0;
	text-decoration		: none;	
}

#hotspot4row {
	height				: 222px;
	width				: 222px;
	position			: relative;
}

#hotspot4row.floatlft {
	float				: left;
}

#hotspot4row.hotspotspace {
	margin-right		: 24px
}

#hotspottxt {
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 174px;
	/*height				: 212px;*/
	margin-left			: 5px;
	background			: url('/images/hotspots/textbg.png') repeat;
	padding				: 12px 8px 5px 8px;
	overflow			: hidden;
}

a.anchor {
	display				: block;
	position			: relative; 
	top					: -50px; 
	visibility			: hidden;
}


/*---------------------------------------------------------------------------------------------------------*/
/* HEADER                                                                                                  */
/*---------------------------------------------------------------------------------------------------------*/
#nav_wrapper {
	width				: 100%;
	position			: fixed;
	top					: 0;
	left				: 0;
	z-index				: 9999;
}

#nav_container  {
	width				: 960px;
	margin-left			: auto;
	margin-right		: auto;
}

#header_wrapper  {
	width				: 960px;
	margin-left			: auto;
	margin-right		: auto;
}

#logo_container {
	width				: 1000px;
	position			: relative;
	left				: -20px;
	margin-left			: auto;
	margin-right		: auto;
	z-index				: 10;
}

#nav{
	float				: right;
	min-width			: 623px;
	width				: auto;
	height				: 50px;
	z-index				: 9999;
	padding-left		: 96px;
	padding-right		: 10px;
	color				: #707070;
}

.menutop {
	float				: right;
	margin-top			: 10px;
}

.menubtm {
	float				: right;
}

a.hspotlnk:link,
a.hspotlnk:visited,
a.hspotlnk span:link,
a.hspotlnk span:visited {
	color				: inherit;
	text-decoration		: none;
}

a.hspotlnk span:hover {
	text-decoration		: underline;
}

#nav a:link,
#nav a:visited{
	color				: #707070;
	text-decoration		: none;
}

#nav a:hover{
	text-decoration		: underline;
}

#comdept {
	height				: 140px;
	padding				: 0 25px 0 25px;
}

#comdepttxt {
	position			: relative;
	float				: left;
	width				: 505px;
	z-index				: 10;
	padding-bottom		: 10px;
}

#handfloat {	
	width				: 1000px;
	position			: relative;
	left				: 510px;
	top					: -50px;
	height				: 357px;
	margin-left			: auto;
	margin-right		: auto;
	background			: url('/images/handbg.png') no-repeat left 0px;
	z-index				: 1;
}

#logo {
	float				: left;
	width				: 202px;
	height				: 106px;
	margin-left			: 12px
}

#logo img {
}
	
#logo a:link,
#logo a:visited  {
}

/*---------------------------------------------------------------------------------------------------------*/
/* JCAROUSEL                                                                                               */
/*---------------------------------------------------------------------------------------------------------*/

#slide1Blackout,
#slide3Blackout {		
	width				: 960px;
	height				: 365px;	
	position			: absolute;
	top					: 0px;			
	background-color	: #ffffff;
	opacity				: 0.5;
}

#slide1Blackout
{
	left 				: -960px;	
	z-index				: 998;
	/*background-image	: url("/images/slideBlackout-1.png");
	background-repeat	: repeat-y;
	background-position	: right top;*/		
}

#slide3Blackout
{
	right 				: -960px;	
	z-index				: 998;
	/*background-image	: url("/images/slideBlackout-3.png");
	background-repeat	: repeat-y;
	background-position	: left top;*/	
}	

#home-banner {			
	height				: 365px;		
	position			: relative;
}	
	
#banner-slide-holder {
	/*width				: 3063px;*/
	width				: 2880px;
	position			: absolute;
	left				: -960px;
	z-index				: 10;
}
		
#banner-slide-holder ul {
	list-style-type		: none;
}
			
#banner-slide-holder ul li {
	width				: 960px;
	height				: 365px;
}												

#home-banner .banner-slide {
	width				: 960px;
	height				: 365px;
	/*margin				: 0 8px;*/
	position			: relative;
}				

#home-banner .banner-slide .banner-image {
	width				: 960px;
	height				: 365px;
	float				: left;
	overflow			: hidden;	
}
			
#home-banner .banner-slide .banner-copy {
	width				: 205px;
	position			: absolute;
	right				: 0;
	bottom				: 0;
	padding				: 0 20px 25px 15px;
	color				: #ffffff;
}
			
#home-banner .banner-slide .banner-copy a:link,
#home-banner .banner-slide .banner-copy a:visited {
	color				: #ffffff;	
	text-decoration		: none;	
}
				
#home-banner .banner-slide .banner-copy a:hover {
	color				: #b8d8e0;
	text-decoration		: none;	
}					
			
#home-banner .banner-slide .banner-copy h2 {					
	margin				: 10px 0 0;
	font-family			: "Arial Black", Gadget, sans-serif;
	font-size			: 1.750em;	
	line-height			: 1.0em;	
	letter-spacing		: -1px;								
}

#home-banner .banner-slide .banner-copy h3 {				
	margin				: 10px 0 0;
	font-family			: "Arial Black", Gadget, sans-serif;
	font-size			: 0.75em;
	letter-spacing		: -1px;
}				

#home-banner .banner-slide .banner-copy p {				
	margin				: 10px 15px 0 0;
	font-size			: 0.75em;
	line-height			: 1.5em;
}

#slider-prev-holder a:link,
#slider-next-holder a:link {
	width				: 40px;
	height				: 40px;
	display				: block;
	position			: absolute;	
	top					: 165px;
	background-repeat	: no-repeat;
	z-index				: 999;					
}

#slider-prev-holder a:link {
	left				: -15px;
	background-image	: url("/images/Buttons/left.png");
}

#slider-next-holder a:link {		
	right				: -15px;			
	background-image	: url("/images/Buttons/right.png");			
}

#slider-prev-holder a span,
#slider-next-holder a span {
	display				: none;	
}

#cs-banner {			
	height				: 620px;		
	position			: relative;
}	

	#cs-banner-bg1 {
		position			: absolute;
		width				: 960px;
		height				: 17px;
		z-index				: 999;
		top					: 0px;
		background-image	: url("/images/csbg1.png");		
	}
	
	#cs-banner-bg2 {
		position			: absolute;
		width				: 960px;
		height				: 10px;
		z-index				: 999;
		top					: 17px;
		background-image	: url("/images/csbg2.png");	
	}
	
	#cs-banner-bg3 {
		position			: absolute;
		width				: 960px;
		height				: 129px;
		z-index				: 999;
		top					: 605px;
		background-image	: url("/images/csbg3.png");	
	}
	
	#cs-banner-title {
		position			: absolute;
		width				: 174px;
		height				: 232;
		background			: url('/images/hotspots/textbg.png') repeat;
		padding				: 45px 8px 5px 8px;
		overflow			: hidden;
		z-index				: 999;	
		top					: 17px;
		left				: 25px;
	}

	#csslide1Blackout,
	#csslide3Blackout {		
		width				: 960px;
		height				: 588px;	
		position			: absolute;
		top					: 17px;			
		background-color	: #ffffff;
		opacity				: 0.7;
	}
	
	#csslide1Blackout
	{
		left 				: -960px;	
		z-index				: 998;
		/*background-image	: url("/images/slideBlackout-1.png");
		background-repeat	: repeat-y;
		background-position	: right top;*/		
	}

	#csslide3Blackout
	{
		right 				: -960px;	
		z-index				: 998;
		/*background-image	: url("/images/slideBlackout-3.png");
		background-repeat	: repeat-y;
		background-position	: left top;*/	
	}
	
	#csslider-prev-holder a:link,
	#csslider-next-holder a:link {
	width				: 40px;
	height				: 40px;
	display				: block;
	position			: absolute;	
	top					: 291px;
	background-repeat	: no-repeat;
	z-index				: 999;					
	}

	#csslider-prev-holder a:link {
		left				: -15px;
		background-image	: url("/images/Buttons/left2.png");
	}

	#csslider-next-holder a:link {		
		right				: -15px;			
		background-image	: url("/images/Buttons/right2.png");			
	}

	#csslider-prev-holder a span,
	#csslider-next-holder a span {
		display				: none;	
	}
	
	#csbanner-slide-holder {
		/*width				: 3063px;*/
		width				: 2880px;
		position			: absolute;
		top					: 17px;
		left				: -960px;
		z-index				: 10;
	}
	
	#csbanner-slide-holder_static {
		/*width				: 3063px;*/
		width				: 960px;
		position			: absolute;
		top					: 17px;
		z-index				: 10;
	}
	
	#csbanner-slide-holder ul {
		list-style-type		: none;
	}
				
	#csbanner-slide-holder ul li {
		width				: 960px;
		height				: 588px;
	}												

	#cs-banner .banner-slide {
		width				: 960px;
		height				: 588px;
		/*margin				: 0 8px;*/
		position			: relative;
	}				

	#cs-banner .banner-slide .banner-image {
		width				: 960px;
		height				: 588px;
		float				: left;
		overflow			: hidden;	
	}
	
	#cs-banner .cs-banner-textblock {
		position			: absolute;
		width				: 314px;
		height				: 475px;
		padding				: 0px 8px 0px 8px;
		overflow			: hidden;
		z-index				: 999;	
		top					: 100px;
		left				: 25px;	
	}
	
#offer-banner {			
	height				: 734px;		
	position			: relative;
}

	#offer-banner-bg1 {
		position			: absolute;
		width				: 960px;
		height				: 17px;
		z-index				: 999;
		top					: 0px;
		background-image	: url("/images/csbg1.png");		
	}
	
	#offer-banner-bg2 {
		position			: absolute;
		width				: 960px;
		height				: 10px;
		z-index				: 999;
		top					: 17px;
		background-image	: url("/images/csbg2.png");	
	}
	
	#offer-banner-bg3 {
		position			: absolute;
		width				: 960px;
		height				: 129px;
		z-index				: 5;
		top					: 605px;
		background-image	: url("/images/csbg3.png");	
	}

	#offerslide1Blackout,
	#offerslide3Blackout {		
		width				: 960px;
		height				: 717px;	
		position			: absolute;
		top					: 17px;			
		background-color	: #ffffff;
		opacity				: 0.7;
	}
	
	#offer-banner .offer-banner-textblock {
		position			: absolute;
		width				: 314px;
		height				: 200px;
		padding				: 0px 8px 0px 8px;
		overflow			: hidden;
		z-index				: 999;	
		top					: 10px;
		left				: 25px;	
	}
	
	#offer-banner .offer-banner-textblock2 {
		position			: absolute;
		width				: 314px;
		height				: 200px;
		padding				: 0px 8px 0px 8px;
		overflow			: hidden;
		z-index				: 999;	
		top					: 200px;
		left				: 25px;	
	}
	
	#offerslide1Blackout
	{
		left 				: -960px;	
		z-index				: 998;
		/*background-image	: url("/images/slideBlackout-1.png");
		background-repeat	: repeat-y;
		background-position	: right top;*/		
	}

	#offerslide3Blackout
	{
		right 				: -960px;	
		z-index				: 998;
		/*background-image	: url("/images/slideBlackout-3.png");
		background-repeat	: repeat-y;
		background-position	: left top;*/	
	}
	
	#offerslider-prev-holder a:link,
	#offerslider-next-holder a:link {
	width				: 40px;
	height				: 40px;
	display				: block;
	position			: absolute;	
	top					: 291px;
	background-repeat	: no-repeat;
	z-index				: 999;					
	}

	#offerslider-prev-holder a:link {
		left				: -15px;
		background-image	: url("/images/Buttons/left2.png");
	}

	#offerslider-next-holder a:link {		
		right				: -15px;			
		background-image	: url("/images/Buttons/right2.png");			
	}

	#offerslider-prev-holder a span,
	#offerslider-next-holder a span {
		display				: none;	
	}
	
	#offerbanner-slide-holder {
		/*width				: 3063px;*/
		width				: 2880px;
		position			: absolute;
		top					: 17px;
		left				: -960px;
		z-index				: 10;
	}
	
	#offerbanner-slide-holder ul {
		list-style-type		: none;
	}
				
	#offerbanner-slide-holder ul li {
		width				: 960px;
		height				: 717px;
	}												

	#offer-banner .banner-slide {
		width				: 960px;
		height				: 717px;
		/*margin				: 0 8px;*/
		position			: relative;
	}				

	#offer-banner .banner-slide .banner-image {
		width				: 960px;
		height				: 717px;
		float				: left;
		overflow			: hidden;
	}

/*---------------------------------------------------------------------------------------------------------*/
/* FOOTER                                                                                                  */
/*---------------------------------------------------------------------------------------------------------*/

#footer_wrapper {
	width				: 940px;
	height				: 80px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #f2f2f2;
	-webkit-font-smoothing: antialiased;
}

#footer_inner {
	position			: relative;
	top					: 10px;
	height				: 70px;
	width				: 250px;

	background-color	: #7C7D7D;
}

#footer_1 {
	float				: left;
	height				: 80px;
	width				: 235px;
	top					: 50%;
}

#footer_2 {
	float				: left;
	height				: 80px;
	width				: 235px;
}

#footer_3 {
	float				: left;
	height				: 80px;
	width				: 235px;
}

#footer_4 {
	float				: left;
	height				: 80px;
	width				: 235px;
	text-align			: right;
}

.footertxt {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #333333;
	-webkit-font-smoothing: antialiased;
}

.footeraccenttxt {
	font-weight			: bold;
}

/*---------------------------------------------------------------------------------------------------------*/
/* GENERAL LAYOUT                                                                                          */
/*---------------------------------------------------------------------------------------------------------*/

#aboutus_wrapper {
	min-height			: 225px;
	height				: auto;
	padding				: 30px 0 0 0;
	background			: url('/images/about1.png') no-repeat center left;
}

#aboutus_txt {
	float				: right;
	width				: 600px;
	padding				: 0 25px 0 25px;
}

#aboutus2_wrapper {
	min-height			: 225px;
	height				: auto;
	padding				: 30px 0 0 0;
	background			: url('/images/about2.png') no-repeat center right;
}

#aboutus2_txt {
	float				: left;
	width				: 653px;
	padding				: 0 0 0 25px;
}


#apprenticeship_wrapper {
	min-height			: 400px;
	height				: auto;
	padding				: 30px 0 0 0;
	background			: url('/images/apprenticeships.png') no-repeat center right;
}

#apprenticeship_txt {
	float				: left;
	width				: 500px;
	padding				: 0 0 0 25px;
}

#ourservices_container {
	min-height			: 500px;
	height				: auto;
}

#ourservices_txt {
	float				: left;
	width				: 653px;
	padding				: 0 0 0 25px;
}

#ourservices_txt_inner {
	float				: left;
	width				: 600px;
	padding				: 0 0 0 50px;
	font-family			: Helvetica, Verdana, Arial, sans-serif;
	font-size			: 12px;
	line-height			: 200%;
}

#ourservices_wrapper {
	min-height			: 500px;
	height				: auto;
	padding				: 30px 0 0 0;
	background			: url('/images/ourservices1.png') no-repeat center right;
}

#servicing_container {
	min-height			: 550px;
	height				: auto;
}

#servicing_header {
	width				: 940px;
	height				: 130px;
	padding				: 0 20px 0 0;
	background			: url('/images/ServicingTop1.png') no-repeat center right;
}

#servicing_internal_container {
	height				: 300px;
}

#servicing_title {
	position			: relative;
	width				: 310px;
	height				: 70px;
	padding				: 10px 8px 5px 8px;
	overflow			: hidden;
	z-index				: 999;
	top					: 20px;
	left				: 440px;
	background-color	: #4d4d4d;
}

#servicing_blurb {
	height				: auto;
	padding				: 30px 25px 30px 25px;
}

#team4row {
	height				: 240px;
	width				: 240px;
	position			: relative;
}

#team4row.floatlft {
	float				: left;
}

.teamtxt {
	position			: absolute;
	top					: 0px;
	left				: 0px;
	right				: 0px;
	bottom				: 0px;
	width				: 200px;
	height				: 200px;
	/*background			: rgba(255, 0, 0, .7);*/
	background			: url('/images/textbg_red.png') repeat;
	padding				: 20px 20px 20px 20px;
	overflow			: hidden;
	display				: none;
}

#contact_container {
	min-height			: 452px;
	height				: auto;
}

#contact_left {
	height				: 450px;
	width				: 652px;
	float				: left;
	padding				: 0 10px 0 0;
}

#contact_left_blurb {
	padding				: 0 0 0 25px;
}

#contact_right {
	height				: 100%;
	width				: 298px;
	float				: right;
	overflow			: hidden;
}

#contact_form {
	width				: 416px;
	float				: left;
	border				: 1px solid #696969;
	padding				: 14px 24px 14px 24px;
	margin-right		: 10px;
}

#contact_delivery {
	width				: 300px;
	float				: left;
	margin-top			: 25px;
	margin-left			: 50px;
}

#contact_office {
	width				: 300px;
	float				: right;
	margin-top			: 25px;
}

a.red:link,
a.red:visited{
	color				: #ff0000;
	text-decoration		: none;
	font-weight			: bold;
}

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

/*---------------------------------------------------------------------------------------------------------*/
/* FORMS                                                                                                   */
/*---------------------------------------------------------------------------------------------------------*/

textarea, 
input { 
	outline				: none; 
	-webkit-appearance	: none;
}

input.contactform ,
input.contactform :focus {
	width				: 390px;
	height				: 31px;
	line-height			: 29px;
	border				: 1px solid #696969;
	font-style			: italic;
	padding-left		: 12px;
	padding-right		: 12px;
	margin-bottom		: 10px;
	background-color	: #ffffff;
}

.contactbutton {
	width				: 220px;
	height				: 35px;
	background-color	: #696969;
	color				: #ffffff;
	border				: 0px;
	float				: right;
	-webkit-appearance	: none;
	/*font-weight			: bold;*/
}

.contactbutton:hover {

}

textarea.contactform {
	width				: 150px;
	height				: 80px;
	border				: 2px solid #696969;
	font-style			: italic;
	padding				: 12px 12px 12px 12px;
	margin-bottom		: 10px;
	background-color	: #ffffff;
	resize				: none; 
}

textarea.errorbg,
input.errorbg,
input.errorbg :focus {
	background-color	: #ff0000;
}

ul.pagetxt {
	margin-left			: 50px;
	padding-top			: 12px;
}

.hidden {
	visibility			: hidden;
}

a.radio_day  {
	width				: 33px;
	height				: 33px;
	display				: inline-block;
	text-decoration		: none;
	
}