/*	The following unique combination of positioning, typography, colour, images, sizing ('The Style') is copyright 2009 Joseph Russell. */
/* 	This Style has been licensed for use by Carole Nash Insurance Consultants Ltd. */
/*	This means you may NOT reuse this Style for another web site. */

/*===== PALLETTE =====
dblue:	#000066
lblue:	#8ebbd8
dgreen:	#474945
lgreen:	#a4d867
yellow:	#e5dc62

*/
/*========================================*/
/*	DOCUMENT REBOOT */
/*========================================*/

@import "reset.css";
@import "debug.css";

html{
	font-size:100%;
}

body{
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, Verdana, sans-serif;
	font-size:0.625em;/*10px*/
	line-height:2em;/*20px*/
	color:#000;
	background:#fff;
}

/*========================================*/
/*	DEFAULT CONTENT */
/*========================================*/

/*===== BLOCK =====*/

h1, h2, h3, h4{
	margin:0 0 20px;
	padding:0 10px;
	color:#006;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
}

h1{
	font-size:3.2em;
	line-height:0.938em;
}

h2{
	font-size:2.4em;
	line-height:1.25em;
}

h3{
	font-size:1.8em;
	line-height:1.111em;
}

h4{
	font-size:1.4em;
}

p{
	margin:0 0 20px;
	padding:0 10px;
	font-size:1.6em;
}

ul, ol, dl{
	margin:0 0 20px;
	font-size:1.6em;
}

ul{
}

	li, dd{
		margin:0 0 20px;
		padding:0 10px;
	}
	
	li.last, dd.last{
		margin:0;
	}

ol{
}
	
	ol li{
		/*margin:0 0 20px 25px;*/
	}
	
	ol li.last{
		/*margin:0 0 0 25px;*/
	}	

hr{
	clear:both;
	margin:0 0 19px;
	border:none;
	border-bottom:1px solid #ebebeb;	
	padding:0;
	height:0;
}	

blockquote{
	margin:0;
}

address{
	font-size:1.6em;
}

form{
}

	fieldset{
	}

/*===== INLINE =====*/

a{
	color:#83ad52;
	text-decoration:none;
	cursor:pointer;
}

a:hover, a:focus{
	border-bottom:1px solid #83ad52;
	color:#83ad52;
	text-decoration:none;
}

a:active{
	color:#a4d867;
	border:none;
}

h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover, h1 a:focus, h2 a:focus, h3 a:focus{
	border:none;
}

abbr, acronym{
	border-bottom:1px dotted #cccccc;
	cursor: help;
}

input, textarea, select{
	font-family: Calibri, Arial, "Helvetica Neue", Helvetica, Geneva, Verdana, sans-serif;
	font-size:1em;
}

/*========================================*/
/*	UNIVERSAL & MODULAR LAYOUT */
/*========================================*/

/*
Size:	9x60+8x20
Widths: 1=60	2=140	3=220	4=300	5=380	6=460	7=540	8=620	9=700
Starts:	1:0		2:80	3:160	4:240	5:320	6:400	7:480	8:560	9:640
*/

/*====== GRID SIZING =====*/
.g1{width: 60px;}
.g2{width: 140px;}
.g3{width: 220px;}
.g4{width: 300px;}
.g5{width: 380px;}
.g6{width: 460px;}
.g7{width: 540px;}
.g8{width: 620px;}
.g9{width: 700px;}

/*===== EXTRA POSITIONING =====*/

.fl{float:left;}
.fr{float:right;}
.fn{float:none;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

/*===== AUXILIARY STYLING =====*/

.nm{margin:0;}
.nb{border:0;}
.np{padding:0;}
.first{}
.last{margin-bottom:0;}

/*========================================*/
/*	CONTENT */
/*========================================*/

#container-wrap{
	margin:0 auto;
	width:762px;
	border:2px solid #ccc;
	border-top:none;
	border-bottom:none;
}

	#container{
		margin:0;
		width:760px;
		border:1px solid #006;
		border-top:none;
		border-bottom:none;
	}

		#header-wrap{
				background:#000083 url(../img/bg-header.png) repeat-x 0 0;	
		}
			
			#header-bg{
				background:#000083 url(../img/bg-logo.png) repeat-x center -10px;		
			}
			
				#header{
					margin:0 auto;
					padding:10px 0;
					width:700px;
				}
				
					#logo{
						margin-bottom:10px;
						height:80px;
						width:680px;
					}
						
						#logo a{
							display:block;
							height:0;
							width:180px;
							padding:80px 0 0;
							overflow:hidden;
						}
						
						#logo a:hover, #logo a:focus{
							border:none;
						}			
						
					#header h1{
						margin:0 auto;
						width:680px;
						color:#fff;
						/*text-transform:uppercase;*/
					}			
				
		#feature-wrap{
			background:url(../img/bg-feature.png) repeat-x 0 0;
		}
		
			#feature-bg{
				background:url(../img/bg-biker.png) no-repeat center top;
			}
			
				#feature{
					margin:0 auto;
					padding:20px 0 20px;
					width:700px;
				}
									
					#feature h2{
						margin-bottom:20px;
						width:460px;					
					}
					
					#feature p{
						margin-bottom:;
						width:460px;	
					}
					
					#feature ul{
						position:relative;
						margin-bottom:20px;
						width:510px;				
					}
					
						#feature ul li{
							margin:0 0 6px;
							padding:0 10px 4px 40px;
							background:url(../img/bl-ticksq.png) no-repeat 10px -2px;
						}
						
							#feature ul li strong{
								color:#83ad52;
							}
								
		#cta-wrap{
			background:url(../img/bg-cta.png) repeat-x left bottom;
		}
		
			#cta{
				position:relative;		
				margin:0 auto;
				width:700px;
				height:100px;		
			}

				#cta p.quote{			
					position:absolute;
					top:10px;
					right:0;
					margin:0;
					width:250px;				
				}
				
				.nighttime #cta p.quote { left:0; right:auto; }				
				
					#cta p.quote a{
						display:block;
						height:0;
						width:250px;
						padding:80px 0 0;
						overflow:hidden;
						background:url(../img/bt-quote.png) no-repeat 0 0;
					}
					
					#cta p.quote a:hover, #cta p.quote a:focus{
						/* border:none; */
						/* background-position:0 -80px; */
						border-bottom: none;
					}
					
					#cta p.quote a:active{
						/* border:none; */
						/* background-position:0 -160px; */
					}
					
				#cta p.call{
					position:absolute;
					top:20px;
					left:0;
					margin:0;
					width:340px;
					font-family: Tahoma, Geneva, Verdana, sans-serif;
					font-size:2.4em;
					line-height:1;
					font-weight:bold;
					text-transform:uppercase;
					
					text-shadow:0 2px 0 rgba(255,255,255,0.5);
				}
					
				.nighttime #cta p.call { display:none; }
				
					#cta p.call strong{
						display:block;
						font-size:1.5em;
						line-height:1;
						font-style:normal;
					}
				
				#cta p.retrieve{
					position:absolute;
					top:70px;
					right:0;
					margin:0;
					width:250px;
					color:#474945;
					font-size:1.2em;
					font-weight:bold;				
					text-align:center;
				}
				
				.nighttime #cta p.retrieve { left:0; right:auto; }
				
					#cta p.retrieve strong{
						background:#a4d867;
					}
				
						#cta p.retrieve a {
							color:#474945;
						}
						
						#cta p.retrieve a:hover, #cta p.retrieve a:focus {
							border:none;
							text-decoration:underline;
						}
					
		#steps-wrap{
			clear:both;
			background:url(../img/bg-steps.png) repeat-x 0 0;	
		}
		
			#steps{
				display:block;
				margin:0 auto;
				padding:35px 30px;
				height:80px;
				width:700px;
				background:url(../img/bg-123.png) no-repeat center top;	
			}
			
				#steps ol{
					margin:0;
					float:left;
					width:700px;
					height:80px;
					text-align:center;
					font-size:1.4em;
				}
				
					#steps ol li{
						float:left;
						display:inlne;
						margin:0 20px 0 0;
						padding:0 10px;
						width:200px;
						height:80px;
						overflow:hidden;
					}
					
					#steps ol li.last{
						margin:0;
					}
					
						#steps ol li strong{
							display:block;
							color:#006;
							font-family: Tahoma, Geneva, Verdana, sans-serif;
							font-size:1.286em;
							font-weight:bold;
						}
					
					
		#award-wrap{
			clear:both;
			background:url(../img/bg-award.png) repeat-x 0 0;	
		}
		
			#award-bg{
				clear:both;
				background:url(../img/bg-rider.png) no-repeat center top;	
			}
			
				#award{
					margin:0 auto;
					padding:40px 0 0;
					width:700px;
					height:140px;
					overflow:auto;
				}
				
					#award h3{
						float:right;
						clear:right;
						margin:0;
						width:460px;
						color:#333;
					}
					
					#award h4{
						float:right;
						clear:right;
						margin:0 0 10px;
						width:460px;			
						color:#333;
						font-family: Tahoma, Geneva, Verdana, sans-serif;
						font-size:2.4em;
						line-height:1.25em;
					}
					
						#award h4 strong{
							color:#e50007;
						}
						
					#award p{
						float:right;
						clear:right;
						width:460px;
					}				
			
		#testimonials-wrap{
			clear:both;
			background:#eee;		
		}
		
			#testimonials{
				margin:0 auto;
				padding:40px 0;
				width:700px;
				overflow:auto;			
			}
			
				#testimonials .testimonial{
					float:left;
					display:inline;
					margin:0 20px 0 0;
					width:220px;
				}
				
				#testimonials .last{
					margin:0 0 20px;
				}

					#testimonials .testimonial blockquote{
						padding:0 0 25px;
						background:url(../img/bg-quote.png) no-repeat left bottom;
					}
					
						#testimonials .testimonial  blockquote p.summary{
							padding:0 0 10px;
							background:#eee;
							color:#006;
							font-family: Tahoma, Geneva, Verdana, sans-serif;
							font-size:1.8em;
							font-weight:bold;
						}
						
						#testimonials .testimonial  blockquote p.quote{
							padding:15px 20px 0;
							background:url(../img/bg-quote-top.png) no-repeat 0 0;
							font-size:1.4em;
							text-align:left;
						}
						
					#testimonials .testimonial p{
						margin:0;
						font-size:1.2em;
						text-align:center;
					}
					
					#testimonials .testimonial  p cite{
						font-style:normal;
					}
			
		#info-wrap{
			border-top:40px solid #eee;	
			background:url(../img/bg-info.png) repeat-x 0 0;
		}
		
			#info{
				margin:0 auto;
				padding:0 0 20px;
				width:700px;			
			}
			
				#info h3{
				}
				
				#info p{
					font-size:1.4em;
				}
				
				#info ul{
				}
				
				#info ol{
				}
			
		#footer-wrap{
			background:url(../img/bg-cta.png) repeat-x left bottom;
		}
		
			#footer{
				position:relative;
				margin:0 auto;
				width:700px;
				height:100px;
			}
				
				#footer p.quote{
					position:absolute;
					top:10px;
					right:0px;
					margin:0;
					width:250px;
				}
				
				.nighttime #footer p.quote { left:0; right:auto; }				
				
					#footer p.quote a{
						display:block;
						height:0;
						width:246px;
						padding:50px 0 0;
						overflow:hidden;
						background:url(../img/bt-quote.png);
					}
					
					#footer p.quote a:hover, #footer p.quote a:focus{
					/*	border:none; */
					/*	background-position:0 -80px; */
					   border-bottom: none;
					}			
					
					#footer p.quote a:active{
						/* border:none; */
						/* background-position:0 -160px; */
					}				
					
				#footer p.call {
                    position:absolute;
                    top:20px;
                    left:0;
                    margin:0;
                    width:340px;
					font-family: Tahoma, Geneva, Verdana, sans-serif;
					font-size:2.4em;
					line-height:1;
					font-weight:bold;
					text-transform:uppercase;
					
					text-shadow:0 2px 0 rgba(255,255,255,0.5);					
				}
				
				.nighttime #footer p.call { display:none; }
				
					#footer p.call strong {
						display:block;
						font-size:1.5em;
						line-height:1;
						font-style:normal;
					}				
			
		#legal-wrap{
			background:#006 url(../img/bg-legal.png) repeat-x 0 0;	
		}
		
			#legal{
				margin:0 auto;
				padding:40px 0 20px;
				width:700px;					
				color:#fff;
			}
				
				#legal hr {
					margin:0 0 10px;
					border:none;
					border-top:1px dotted #339;
					padding:0;
				}
				
				#legal p{
					margin:0 0 10px;
					font-size:1em;
					line-height:1.25;
				}
				
				#legal ul {
					margin:0 auto 10px;
					border-top:1px dotted #339;					
					border-bottom:1px dotted #339;
					padding:9px 0;
					font-size:1.1em;
					line-height:1.364em;
					text-align:center;
				}
					#legal li {
						margin:0;
						padding:0 10px;
					}
				
					#legal a{
						color:#a4d867;
						text-decoration:none;
						cursor:pointer;
					}

					#legal a:hover, #legal a:focus{
						border-bottom:1px solid #a4d867;
						color:#a4d867;
						text-decoration:none;
					}

					#legal a:active{
						color:#83ad52;
						border:none;
					}		
				
				#legal ul.links {
					margin:0 0 10px;
					font-size:1em;
					line-height:1.25;
					text-align:center;
				}
				
					#legal ul.links  li {
						display:inline;
						margin:0;
					}				
				
				#legal p.copyright{
					text-align:center;
				}