/* Client: onsiteinsuranmce.co.uk ---------------------------- */
/* 																				*/
/* 	css coding produced by Clive Moore MA							*/
/* 	www.ma-design.com														*/
/* 	tel: 01902 344234														*/
/* 																				*/
/* 	January 2011             	        								*/
/*    updates:       February 2011             						*/
/*                   March 2011  	           						*/
/*                   Sept 2011  	            						*/
/*                   Oct  2011  	            						*/
/* ----------------------------------------------------------- */


/* /////////////////////////////////////////// */
/*              Imported css files             */
/* /////////////////////////////////////////// */

/*	@import "accordion_photomenu.css"; - not needed */
	@import "ONSITE_Address_BLOCK.css"; 
/*	@import "socialmedia_block.css"; - not needed */
/*	@import "menubuttons_block.css"; */
	@import "ONSITE_Footer_BLOCK.css";
/*	@import "analytics_block.css"; - not needed */
	@import "php_features.css";
/*	@import "TradeAssociations_Block.css";	
/* @import "SLIDINGimages_BLOCK.css";  - added 11 0930 */
/*	@import "tmp_SLIDER.css"; added 11 0930 */
   @import "ONSITE_Carousel_BLOCK.css"; /* added 11 1002 */
   @import "ONSITE_SubMenu_BLOCK.css"; /* added 11 1013 */
   @import "ContentPage_BLOCK.css"; /* added 11 1002 */
   @import "ONSITE_ContactForm.css"; /* added 11 1012 */
   @import "ONSITE_Lozange_BLOCK.css"; /* added 11 1022 */
   @import "ContactUsButton.css"; /* added 11 1022 */

/* /////////////////////////////////////////// */
/* Clients Colours                             */
/* #9F1E02; BAW red                            */
/* #FBD12C; Onsite yellow                      */ 
/*                                             */
/* Key STYLES for the whole document ///////// */
/* Body text attributes ////////////////////// */



/* BODY */
body	{ 	
	text-align: center;
	margin: 0 0 0 0;  
	padding: 0 0 0 0; 
	font-family: Tahoma, sans serif; 
	font-size: 9pt;
}
			
/* CENTERING of DIVS to the page */
#IndexPage, #ContentPages, #keywords { 
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	float: none;
	background-color: teal;
}

/* FIXING of FOOTER to the Footer */
/* * {margin: 0;} /* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -175px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {text-align: center; }
.footer 	{height: 175px; background-color: transparent;}
.push 	{height: 175px; background-color: transparent;}


#FooterWrapper {
	background-color: transparent;
	text-align: left;
	margin: 0px auto;
	padding: 100px auto;
	width: 752px;
	float: none;
 }

/* Sticky Footer by Ryan Fait http://ryanfait.com/ */



/* SubMenu Positioning /////////////////////// */
/* Slider menu wrapper */
div#SubMenuWrapper { display: block;
	position: relative;
	float: right;
   width: 225px;
	height: 300px;
	top: 0px;
	right: 0px;
	background-color: transparent;
	z-index: 1;
}
/* CAROUSEL Sliding Images Positioning //////// */
/* CAROUSEL wrapper */
div#CarouselWrapper { display: block;
	position: relative;
	float: left;
	left: 30px; /* This offset the -30px > on the Button on the slider */
	top: -268px; /* Needs to be offset by the height of the overall div */
	width: 750px;
	height: 350px;
	background-color: transparent;
	z-index: 2;

}
/* CONTENT PAGE Positioning /////////////////// */
/* ContentPage */
#TextBlockWrapper {
	position: relative;
	float: left;
	left: 30px; /* This offset the -30px > on the Button on the slider */
	top: -228px; /* Needs to be offset by the height of the overall div */
	width: 750px; /* Width of Carousel Viewer itself */ 
	background-color: transparent;
	z-index: 2;
}

/* CONTACT Form positioninh /////////////////// */
form { width: 670px; padding: 0; }
body#Site_Map #ContentPages #TextBlockWrapper #TextBlock{ width: 670px; } /* doesnt do anything */
#TextBlock{ width: 670px; }
/* ADDRESS Block Positioning ////////////////// */
div#AddressBlockWrapper { display: block;
	position: relative;
	right: 0px;
	top: 175px;
	width: 190px; 
	float: right;
	background-color: transparent;
	z-index: 3;
}
/* FOOTER Block Positioning ////////////////// */
#FooterWrapper { display: block;
	position: relative; 
	bottom: 0; /* lets make sure it sticks to the foot of the page */
	width: 970px;
	left: 0px; /* This offset the -30px > on the Button on the slider */
	padding-top: 20px; /* distance between address block */
	z-index: 4;
}



/* On/Off features ////////////////////////// */

/* Social Media Buttons - on slider */
	#FooterMenu #FooterAddressBlock {display: NONE;}
	
/* Social Media Buttons - on slider */
	#slider_SocialMedia {display: NONE;}
	
/* Slider Moving Dots/ scale - on slider */
	div#mygallery-paginate {display: NONE;}
	
/* QUOTES on all ContentPages */
	#TextBlockWrapper h2.ContentPage span.QuoteDrop { display: DISPLAY;}
	#TextBlockWrapper h2.ContentPageTitle span.QuoteDrop { display: DISPLAY;}
	


		
/* Body BACKGROUND colours //////////////// */
body#onsite { background-color: white; }	
body#About_us { background-color: #e1f5ea; }	
body#Products { background-color: #cef2d1; }	
body#Information { background-color: #f1d0ff; }	
body#Contact_us { background-color: #dddeff; }	
body#Business { background-color: #ffd9d9; }	


a:visited, a:link { color: black; background-color: transparent; text-decoration: none}
a:active, a:hover	{ color: #9F1E02; /* BAW red */ background-color: transparent; text-decoration: none}

img 	{ border: none; cursor: default; }


/* This is CODING to ensure that the FOOTER is a FOOTER added 11 1013 */

/* html, body {height: 100%;}

#IndexPage, #ContentPage {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 300px;
	background-color: teal; }  /* must be same height as the footer */

/* #FooterWrapper {position: relative;
	margin-top: -300px; /* negative value of footer height */
/*	height: 300px;
	clear:both;} 
*/
/*Opera Fix*/
/* body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
*/

/* -- BACKWARDS email address in a span -- */
span.backwards_email {unicode-bidi:bidi-override; direction: rtl;} 


/* Main Body Elements postioning  //////////////// */
/* Content DIVs - via $page variable in php  ////// */	


		
/*  Photo Menu Main DIV   ///////////////////////*/
/* This is to force search engines /////////////*/

#keywords {
	font-size: 2pt;
	position: absolute;
	top: 100px;
	margin: 0 0 0 20px;
	padding: 50px 50px 50px 50px;    
	height: 200px; width: 600px;
	background-color: transparent;
	color: white;
	display: block;
	z-index: 0; }
		
#keywords h2 {	display: none; }


/*  Photo Menu Main DIV   ///////////////////////*/

/* div#hc1{
		position: absolute;
		top: 0px; left: 0px;
		margin: 0 0 0 0; 
		padding: 0 0 0 0;
		height: 350px; width: 955px;  /* actual width = 935px */
/*		background-color: orange;
		display: block;
		z-index: 1; }
		
		*/

/*  Main Text Box - Rounded corners /////////////*/
/*  Note Bodytext is the holding/positional DIV,
    and BIG Corner is the footer DIV for associated 
    items */ 	
		
		
/* #Bodytext { 
		position: relative; 
		left: 0px; 
		top: 0px; 
		width: 520px; 
		padding: 0px 0px 0px 0px;
	/*	margin: 45px 0 0 0; */
/* 		-moz-border-radius-bottomright: 100px;
		border-bottom-right-radius: 100px;
		/* background-color: #191970; */
/*		color: black;
		background-color: transparent;
		z-index: 5; }
		
#IndexPage #Bodytext .block {display: none;}
#IndexPage #ContentPages .block {display: none;}


/* #Bodytext a  { color: black; background-color: transparent; text-decoration: none; } */
/* #Bodytext a:hover  { color: blue; background-color: transparent; text-decoration: none; } */

/* #BIGcorner {
		position: relative;
		left: 95px; top: -15px; 
		width: 430px;
		margin: 0px 0 0 0;
		padding: 0px 30px 0px 15px; 
		background-color: #FBD12C; /*Onsite yellow */ 
/*	color: white;
		-moz-border-radius-bottomright: 100px;
		border-bottom-right-radius: 100px;
		z-index: 1; } 
		
/* #Introduction #BIGcorner 		{ background-color: black; }	
/* #Differentiation #BIGcorner 	{ background-color: teal; }	/* TEAL colour */
/* #Collaboration #BIGcorner 		{ background-color: #5C9B4D; }	/* Green grass colour */
/* #Validation #BIGcorner 			{ background-color: #00008b; }	/* Purple colour */
/* #Cultivation #BIGcorner 		{ background-color: #00008b; }   /* royal Blue colour */	
/* #Innovation #BIGcorner 			{ background-color: red; }   /* red colour */	
		

/* #IndexPage #BIGcorner {display: none;}
/* #ContentPages #BIGcorner {display: block;}
*/
		
/* Body text attributes  ////////////////////// */
/* h1, h2 etc //////////////////////////////// */

h1,h2,h3,h4,h5,h6 { 
		position: relative; 
		padding: 0 0 0 0; margin: 0 0 0 0;
		font-style: normal; 
		font-weight: normal;
		text-align: left;
		letter-spacing: 1px; 
		background-color: transparent; 
		color: red;
		z-index: 1;  }

h1 { 	font-size: 16pt; line-height: 16pt; 
		margin: 5px 0 5px 100px;
		width: 400px; height: 16pt;
		color: #C2D4EC;
		position: absolute;
		left: -1000px; }
	
h1 b { color: #FBD12C; /*Onsite yellow */ 	width: 100%; text-shadow: black 1px 1px;  }
		

/* Photo Menu Headers and headers above Bodytext content DIV */
h2 {	font-size: 12pt; line-height: 12pt; letter-spacing: 1px; color: #FBD12C; /*Onsite yellow */  }
h3 {	font-size: 16pt; line-height: 16pt; letter-spacing: 1px; color: #191970; }	
h4 { 	font-size: 12pt; line-height: 12pt; letter-spacing: normal; color: #9F1E02; /* BAW red */ }
h5 { 	font-size: 9pt; line-height: 9pt; letter-spacing: normal; color: #9F1E02; /* BAW red */  }
h6 { 	font-size: 7pt; line-height: 7pt; letter-spacing: normal; color: #9F1E02; /* BAW red */  }


/* Headers above Bodytext content DIV */
		
/* #Bodytext h3 {	top: -21px; left: -17px; letter-spacing: 1px; } */
/* #Bodytext h3 i{ font-size: 9pt; letter-spacing: normal; color: black; } */

/* disabled #Bodytext ul { 
			position: relative;
			padding: 0 9em 20px 30px; margin: 0 0 0 0;
			list-style-type: square; }			
			
#Bodytext li {
			font-style: italic;
			line-height: 10pt;
			padding-top: 10px;
			text-align: left;
			color: white; }
	/* Need to reposition text in Bodytest to compensate for the title text */	
	

	
/* #Bodytext p 
			{ position: relative; top: -21px; left: 0px; letter-spacing: normal; background-color: transparent; }*/
/* #Bodytext h2, #Bodytext h4, #Bodytext h5,#Bodytext h6
			{ position: relative; top: -15px; background-color: transparent; }*/
/* Trade Logotypes  //////////////////////////// */
	

/* EFFECTS  /////////////////////////////////// */
/* APPLY THE SCROLL BAR STYLE TO THE HTML    / */
/* TAG WILL ENSURE THAT THE PAGE VALIDATES  / */

html { 	
		SCROLLBAR-FACE-COLOR:  color: #FBD12C; /* Onsite yellow */
		SCROLLBAR-HIGHLIGHT-COLOR: #FFFF99;
		SCROLLBAR-SHADOW-COLOR:  #9F1E02; /* BAW red */ ;
		SCROLLBAR-3DLIGHT-COLOR: #e1c1f0;  
		SCROLLBAR-ARROW-COLOR: yellow;
		SCROLLBAR-TRACK-COLOR:   #9F1E02; /* BAW red */ 
		SCROLLBAR-DARKSHADOW-COLOR:  #9F1E02; /* BAW red */ } 			

/*  Drop shadow coding  */

.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

.shadow01 {
	-webkit-box-shadow: 3px 3px 10px #a1a1a1;
   -moz-box-shadow: 3px 3px 10px #a1a1a1; }

/* -- end of CSS Coding -- copyright : ma-design.com tel: +44 1902 344234 --*/
/*  NOT USED CSS  ---   */

/* Logotypes and graphic elements */