/* Client: ONSITEinsurance.co.uk ----------------------------- */
/* 																				*/
/* 	css coding produced by Clive Moore MA							*/
/* 	www.ma-design.com														*/
/* 	tel: 01902 344234														*/
/* 																				*/
/* 	June 2006  	         												*/
/*    updated: March 2007 - backwards emails  						*/
/* ----------------------------------------------------------- */


body	{ 	background-color: white; color: #FFFF99; margin-top: 0;
			font-family: Tahoma, sans serif; 
			font-size: 9pt; }
	
/* APPLY THE SCROLL BAR STYLE TO THE HTML TAG - WILL ENSURE THAT THE PAGE VALIDATES */

html { 
			SCROLLBAR-FACE-COLOR: Yellow;
			SCROLLBAR-HIGHLIGHT-COLOR: #FFFF99;
			SCROLLBAR-SHADOW-COLOR: Black;
			SCROLLBAR-3DLIGHT-COLOR: White;
			SCROLLBAR-ARROW-COLOR: Black;
			SCROLLBAR-TRACK-COLOR:  White;
			SCROLLBAR-DARKSHADOW-COLOR: Black;} 		

				
h1 { 		font-size: 16pt; margin: 0 0 0 0;
			font-style: normal; font-weight: bold;
			text-align: left;
			background-color: transparent;  
			color: black; }
		
h2 {		position: relative; font-size: 14pt; line-height: 12pt; font-style: italic; font-weight: normal; padding: 0 0 0 0;
			text-align: left; letter-spacing: 0; 
			padding-left: 20px;
			padding-top: 0;
			top: -15px;
			background-color: transparent;
			color: black; 
			z-index: 1; }
#thankyou {	position: relative; top: 305px; left: -50px; font-weight: normal; }		
#thankyou p{position: relatives; width: 350px; padding-left: 20px; top: -25px; font-style: italic; }
#thankyou p.job { position: relative; top: -35px; 
						font-size: 8pt; font-weight: normal; font-style: italic; color: orange; }


		
		
p{ 		margin-top: 0;
			margin-bottom: 10px; }
			
	
			
.subhead {
			position: relative;
			left: 0px;
			padding-top: 20px;
			font-size: 11pt; font-weight: bold;
			background-color: transparent;
			color: Yellow;
			filter: dropshadow(offx="1", offy="2", color="black" direction="145");}

			
			
/* -- MAIN PAge image -- */

#advert {
			position: absolute; top: 60px; left: 100px; width: 574px; height: 245px; z-index: 2;
			background: url("../images/BAW_ES_advert_FINI_23-06-06.jpg") no-repeat;}	
			
		
				

/* Div Layout & MAIN CONTENT    --------- */
			
#content { width:100%; height: 1000px; }

/* 					
#logotype { 
			position: absolute; top: 27px; right: 0px; width: 236px; height: 85px; z-index: 5;
			background-color: transparent;
			background: url(../images/WEBB_logotype_236x85px.gif) no-repeat;
			 filter:shadow(color="black", direction="145"); }
*/
			
#bodytext { 
			position: absolute; left: 100px; top: 0px; width: 520px; height: 845px;
			padding-left: 0px; padding-right: 50px; 
			background-color: Transparent;
			font-style: normal; font-weight: bold;
			color: black;
			z-index: 1; }
			
			
#bodytext p { position: relative; z-index: 1;
			text-align: justify; letter-spacing: 0; }


#bodytext .quote { position: relative; z-index: 1;
			text-align: right; letter-spacing: 0; 
			font-size:12pt;
			line-height: 14pt;
			font-style: italic;
			color: yellow;}
			
#bodytext .right { position: relative; z-index: 1;
			text-align: right; letter-spacing: 0; 
			font-style: italic;
			color: white;}
			
#bodytext a {
			color: orange; background-color: transparent; text-decoration: none;}

#bodytext a:hover {
			color: black; background-color: transparent; text-decoration: none;}

#bodytext ul { 
			padding: 0 9em 0 2em; margin: 0 0 0 0;}			
			
#bodytext li {
			font-style: italic;
			line-height: 10pt;
			padding-top: 25px;
			text-align: left;}

#bodytext .yellow {position: relative; top: 10px; color: orange; font-size: 11pt;}


#boxcontent strong { color: Yellow; }

#boxcontent p.email strong { color: White; }


#quote {
	position: absolute; top: 500px; left: 350px; width: 200px; height: 150px; background-color: transparent;
	color: black; font-size: 12pt; font-style: normal; font-weight: bold; text-align: left; padding: 10px 10px 10px 10px;
	margin-bottom: 10px; }
#quote p {
	font-size: 10pt; font-weight: normal; font-style: italic; text-align: left; margin-top: 10px;}
			
			
			
			


/* Div ADDRESS BOX with rounded corners   --------- */	

.companyname {
			font-size: 12pt; font-style: normal; font-weight: bold; 
			color: Yellow;
			background-color: transparent;
 			margin-top: 10px; padding-bottom: 15px; }
			
.email {	font-style: italic; font-size: 8pt; }

/* -- BACKWARDS email address in a span -- */
span.backwards_email {unicode-bidi:bidi-override; direction: rtl;} 
			
div#roundedbox {
			position: absolute; right: 0px; top: 775px; width: 275px; z-index: 2;
      	background: Black;
			color: white;
      	float: right;
      	margin: 0 0 0 1em;}
		
div#roundedbox p { 
			text-align: right;
			margin-bottom: 5px;
			position: relative;
			top: -10px; padding-right: 15px; padding-top:0; padding-bottom: 0px; }
			
div#roundedbox a { color: Yellow; text-decoration: none; background-color: transparent;}
div#roundedbox a:hover { color: White; text-decoration: none; background-color: transparent;}
		
div#roundedbox #top, div#roundedbox #bottom {
      	font-size: 1px;
      	height: 16px;
      	line-height: 1px;}
div#roundedbox #topleft {
      	background: url(../images/corners.gif) no-repeat top left;
      	float: left;
      	height: 16px;
      	width: 16px;}
div#roundedbox #topright {
      	background: url(../images/corners.gif) no-repeat top right;
      	float: right;
      	height: 16px;
      	width: 16px;}
div#roundedbox #bottomleft {
      	background: url(../images/corners.gif) no-repeat bottom left;
      	float: left;
      	height: 16px;
      	width: 16px;}
div#roundedbox #bottomright {
      	background: url("../images/corners.gif") no-repeat bottom right;
      	float: right;
      	height: 16px;
      	width: 16px;}

			
			
/* Div MA_DESIGN  Copyright stuff  --------- */	

#ma-design {
			position: absolute; left: 30px; top: 1120px; height: 25px;
			padding-left: 10px; padding-right: 45px; padding-top:0; padding-bottom: 0px;
			font-style: normal;
			font-size: 7pt;
			color: gray;
			background-color: transparent; }
			
#ma-design a { color: black; text-decoration: none;}
#ma-design a:hover {	text-decoration: none;}
		
#ma-design strong { color: #FFA500; background-color: transparent;}




/* ---- PICTURES for the pages -------------------------- */
		



			
			
			
/* dropshadow1 */
.popshadow	{position:relative; left:-5px; top:-5px; filter:shadow(color="black", direction="145") }


 
			
	/*	Client supplied works photos in central box
	we use a class to define the generic options such as size etc
	then use an ID to set a certain image */

.main-image { position: relative; z-index: 1;
			background-repeat: no-repeat; position: relative; top: 5px; width: 350px;
			height:195px; }


/* To add a logo to a specific page open up the index file,
	look for the div with the classname "main-image"
	then change the ID. */
img {	border: 0px; }
	
.main-image#welcome {background-image: url("../images/1px.gif"); }	













				
					
					
/* -- CONTACT US - form layout --  wrapped up into BODYTEXT -- */

form#contactForm {position: relative;
					background-color: yellow; width: 300px; top: 320px; margin: 0 0 0 0; padding: 0 0 0 0; color: black; }
									
					
form#contactForm textarea {
					padding: 5px 5px 5px 5px;
					margin-bottom: 0px;
					width: 225px; 
					height: 8em; }
					
form#contactForm dd input, form#contactForm dd select, form#contactForm dd textarea {
					position: relative;
					left: 0px;
					width: 200px;
					padding: 0px 5px 0px 5px;
					font-family: Verdana, sans serif;
					font-weight: normal;
  					font-size: 8pt;
					text-align: left; 
					background-color: white;
  					color: #000000; }
										
form#contactForm dt label {
					float: left;
					width: 100%; /* -- must be here to avoid wrapping of text -- */ 
					margin-left: 10px; 
					margin-top: 5px;
  					font-size: 8pt;
					font-weight: bold;
					text-align: left; 
					background-color: transparent;
					color: Black; }
					
form#contactForm dt i {
					font-style: italic;
					font-weight: normal;
					font-size: 7pt;
					color: Black; }

							
/* -- Your Name details -- */
form#contactForm dd select#txtTitle { 
  					font-size: 7pt;
					width: 55px;
					margin-top: 5px; }
					
form#contactForm input#txtFirstname {
					width: 23%;
					margin-right: 3px; }
					
form#contactForm input#txtFamilyname {
					width: 40%; }
			
form#contactForm input#txtFullname {
					width: 120px; }
					
					
/* -- Your position details -- */
form#contactForm dd select#txtPosition { 
					width: 160px;
					height: 15px;
					margin: 3px 0px 0px 0px;
					font-size: 7pt;
					font-weight: normal;
					font-style: italic;
					text-align: left;
					background-color: white;
					color: Black; }
					
/* -- Telephone -- */				
form#contactForm dd #txtTelephone { width: 125px; }
					
/* -- Counties -- */
form#contactForm dd select#txtCounty { 
					margin: 5px 0px 0px 0px;
					width: 160px; }
					
/* -- Postcodes -- */
form#contactForm dd #txtPostcode { width: 65px; text-transform: uppercase; }

form#contactForm dd select#txtCountries { 
					margin: 10px 0px 0px 0px;
					width: 170px; }
					
					
form#contactForm dd select#txtHow { 
					margin: 10px 0px 0px 0px;
					width: 170px; }

form#contactForm input.button1 {
					width: 50px; 
					margin: 12px 0px 0px 20px;
					font-size: 8pt;
					font-weight: bold;
					font-style: italic;
					background-color: red;
					color: white; }
					
form#contactForm input.button2 {
					float: right;
					width: 150px; 
					margin: 0px 0px 0px 0px;
					position: relative;
					top: -20px;
					left: -40px;
					font-size: 8pt;
					font-weight: bold;
					font-style: normal;
					background-color: Black;
					color: Yellow; }						

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