/* CSS Document */

* {margin:0px; padding: 0px;}

body {
		margin:0px;
		padding: 0px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1em; 
		color:#000; 
		line-height:1.6em;
		width: 795px;
		margin: 0 auto 0 auto;
		text-align: center;
		border-left:1px solid #808080;
		border-right:1px solid #808080;
	 }



   
/*33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333*/

#container {
							/*container holds all other divs: sets size of web page and centres it.*/
			
			padding:0;
			
			}

#header {					/* sets the width of the header div; background black - increases image height 'look' and puts text h1 on black background */
			margin:0;
			padding:0;
			width:795px;
			height:11em;
		}
		

#text { background:black;
		padding-bottom:0.4em;
			  padding-top:0.4em;
		}

#header h3 { text-align:left;
			  font-size: 0.95em;
			  letter-spacing:0;
			  padding-left:1em;
			  font-weight: bold;
			 font-size: 0.8em;
				color:white;
				padding-top:0.2em;
				padding-bottom:0.2em;
			}
			
#header p { color:#808080;
			font-size:0.9em;
			text-align:right;
			padding-right:1.5em;
		  }
		  
#flashobject {
				background: black;
				border-top:1px solid black;
				
			}		  
		  
#headercall {
				background: #F5F5F5;
				padding-top:0.1em;
				height:3em;
				
			}		  
		  
#leftheadercall{
				 padding-left:0.8em; 
				 float:left;
				 width: 570px;
				 margin-top: -0.3em;			
			 }		  
			 
#leftheadercall h3 {
					color: #EC004B;
					font-size: 1.2em;
					padding-right:4em;
				}
				
#rightheadercall {
					text-align:right;
					
					float:right;
					width:190px;
					
				 }
				 
#rightheadercall h3 {
						color: black;
					}				 							 			
					
/*77777777777777777777777777777777777777777777777777777_____________________navigation menu settings______________________________________*/


#navbar {
		
		padding:0 0 0 -2em;
		padding-top:0.6em;
		margin:0; 
		font-size:11px;
		float:right;  /*text floats right*/
		
		
 }
 

#navbar li {
			float:left;  /*cause text to be in straight row*/
			height:43px; 
			text-align:center;
			padding-left:0.1em;
			list-style:none;
			font-size: 1em;
			}

#navbar li a {
				height:40px; 
				color:white; 
				text-decoration:none; 
				font-weight:bold; 
				line-height:35px;
				text-align:center; 
				padding:0; 
			 }
			 
#navbar li a b { 
				background: url(images/navbar_0.gif) no-repeat right top;
				padding:0 15px 0 2px;
				display:block; 
				text-align:center;
				}			 			

#home #nav-home a,
#aboutus #nav-aboutus a,
#caralarms #nav-caralarms a,
#contact #nav-contact a, 
#testimonial #nav-testimonial a,
#freeadvice #nav-freeadvice a,
#glossary #nav-glossary a,
#links #nav-link a,
#GPStracking #nav-GPStracking a{
						  /* declarations to style the current state */
						 color:#000; 
 						}
 
#home #nav-home a b,
#aboutus #nav-aboutus a b,
#caralarms #nav-caralarms a b,
#contact #nav-contact a b,
#testimonial #nav-testimonial a b,
#freeadvice #nav-freeadvice a b,
#glossary #nav-glossary a b,
#links #nav-link a b,
#GPStracking #nav-GPStracking a b {
							color:#000; 
							background: url(images/navbar_2.gif) no-repeat right top;   

							}

#navbar  li a:hover {
						color:#000; 
						
					}

#navbar li a:hover b {
						color:#fff; 
						background: url(images/navbar_color.gif) no-repeat right top;
					 }

#navbar  li.current a:hover {color:#000; }
													 					

				
/*44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444---------- Content settings ----------------*/
#underheader{
				width: 850px;
				float:left;
				padding-bottom: 0.5em;
				line-height: 1.6em;
			}
			
			

#content {
			width:630px;
			float:right;
			padding-left:1em;
			padding-right: 4em;
			padding-top:0.5em;
			
		}
		
#home #content {
				width:770px;
				padding-right:0;
				}		
		
#maincontent {	
				float:left;
				/*clear:both;*/
				width:400px;
				left:0;
				padding-right: 1em;
				padding-left:6em;
				padding-top:2em;
			
			 }			

#sidecontent {
				float:right;
				width: 200px;
				padding-left:1em;
				margin-top:1em;
				padding-right:0.5em;
				background: #F5F5F5;
				padding-bottom:2em;
				
				
			}		
		
#footer{
		clear:both;
		line-height:1.6em;
		background:black;
		}  
		
#footer img { padding:0;}		
			
							
		 
		
/* 66666666666666666666666666666666666666666666666666666666666666___________text formatting__________________________*/

p{
	margin:0 ;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	padding:0.5em 0 0.5em 0;
	color: #320052;
	line-height:16px;
	text-align:left;
 }
 
	   
 
 #footer p {
 			color:white;
			text-align:left;
			font-size:0.8em;
			padding-left:2em;
			}			
  
em {
	font-weight:bold;
	font-style:normal;
	color: #320052;	
	}
  
h1{
	font-size:1.35em;
	text-align:left;
	padding: 0.5em 1em 0 0;
	color:#808080;
	letter-spacing: 0.05em;
  } 
  
#blog h1 {
		letter-spacing: 0;
		font-size: 1.28em;
	   }
	   

  
h1 a{
	
	color:#808080;
	text-decoration:none;
  }  
  
h1 a:hover {
			 color: #7B191B;
			}  
 			   
h2,h3,h4{
		color:#7B191B; 
		}

h2,h3 {
		padding: 1em 0 1em 0;  
	  }
	  
h2 {
	
	 font-size:1.25em;
	 letter-spacing: 0.08em;
	 text-align:left;
	} 
	
#contact h2, #thankyou h2 {
							text-align: left;
							color: #808080;
						 }	 

h3 {
	 
	 font-size:1.1em;
	 margin:0;
	 text-align: left;
	} 
	
h2 a, h3 a {
		color:#7B191B;
		text-decoration:none;
		text-align: left;
	 }
	 
h2 a:hover, h3 a:hover {
			 color:#808080;
			 }	 
h4 {
	font-size: 1em;
	font-weight:normal;
	text-align: left;
	padding-top:1em;
	font-family:verdana, arial, helvetica, sans-serif;
	}

#home h4 { font-weight: bold;}
#securityrating h4 { font-size: 0.9em;
					 font-weight: bold;}
					 
#privatetext {
				font-size:0.8em;
				font-style:italic;
				}					 	
	
ol, ul {
		padding-left:1.3em;
	}
	
ol li, ul li  {		
		margin:0 ;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size: 0.8em;
		padding:0.5em 0 0.5em 0;
		color: #320052;
		line-height:16px;
		text-align:left;
	}

#ferrari 
	  { float:left;
	 margin-right:0.5em;
	 clear:right;}
	
a {
	color: #708090;
	font-weight:bold;
   	text-decoration:none; 
	border-style:none;
  }
  
a:link img {
			border:none;
			}
			
a:visited img {
				border:none;
			   }
			   
alt { font-family:verdana, arial, helvetica, sans-serif;
		font-size: 0.8em;
	}
					   
						  
  
#mouse {
		color:black;
		font-weight:normal;
		}
		
hr{
	background: #f5f5f5;
	}
	
#nzsa { font-size: 0.6em;
		letter-spacing: 0;
		color:#808080;
		padding:0;} /* setting for header on insurance approved page*/