/*  // CSS Document for Template.
	// Design by Yang Design --> Visited us at: http://www.yangdesign.net/
	
	// Copyright (C) 2009 Joyride Insurance - Ride with no worries.
	
	// C O L O R   S W A T C H E S :
		1.  #FFF... = backgroud
		2.  #333... = text
		3.  #666... = text 2
		4.  #999... = text 3
		5.  #C00... = link, line
		6.  #XXX... = Name
		7.  #XXX... = Name
		8.  #XXX... = Name
		9.  #XXX... = Name
		10. #XXX... = Name
*/
/* ...................................................................................... */
/* //////////////////////////////////// [ Main Control ] //////////////////////////////// */
* {
	font-family: Arial, Helvetica, sans-serif;
	
	list-style-type: none;
	
	margin: 0;
	padding: 0;
	
	outline: none !important;
	-moz-outline: none !important;
}
	html { overflow: auto; }
	body {
		/*/background:  url() no-repeat center top;/*/
		background-color: WHITE;
		
		margin: 20px;
		padding: 0;
	}
		img {
			/* 
			// The image no longer have any more only if you specify 
			// ot that individual image you needed to have border. You 
			// will have to remove the "!important" if you have to, 
			// to apply border to your image.
			*/
			border: none !important;
		}
		
		#wrap, #serv-nav-hldr, #ftr {
			margin: 0 auto;
			width: 940px;
			height: auto;
			clear: both;
		}
			#wrap { background: #7a7a7a url(../img/jri_bkgrd.png) repeat-x left top; }
				#hdr, #bdy, #home-bdy, #ftr-hldr {
					width: 900px !important;
					height: auto;
				}
				
				#ftr, 
				#serv-nav, 
				#active-serv-nav { margin-left: -1.26em; }
		
			h1, h2, h3, h4, h5 { margin-bottom: .5em; }
			
			p {
				color: #333;
				font-size: 12px;
				
				letter-spacing: .003em;
				line-height: 1.5em;
				
				margin-bottom: 1em;
			}
			
			#set-layer {
				position: absolute;
				width: 0;
				height: 0;
			}
			
			.in-pad { padding: 1.26em; }
			.in-pad1 { padding: 1.5em; }
			.in-pad2 { padding: 0 1.5em; }
			.in-pad3 { padding: 1.5em 0; }
			.in-pad-cont { padding: 0 1.26em; }
			.in-pad-cont2 { padding: 2em; }
			
			.clr { clear: both; margin: 0 !important; }
			.clr-l { clear: left; margin: 0 !important; }
			.clr-r { clear: right; margin: 0 !important; }


/* ........................................................................................ */
/* ////////////////////////////////////// [ H E A D E R ] ///////////////////////////////// */
#hdr { margin-bottom: 1.26em; }
	#hdr-left-cont, 
	#hdr-right-cont {
		width: 440px;
		height: auto;
	}
		#hdr-logo, 
		#hdr-slogan, 
		#hdr-left-cont { float: left; }
			#hdr-logo { z-index: 1000; }
			#hdr-logo a {
				background: url(../img/jri_logo.png) no-repeat left top;
				
				width: 257px;
				height: 57px;
				
				text-decoration: none;
			}
				#hdr-logo a h1 { display: none; }
			#hdr-slogan {
				color: #999;
				font-family: 'Georgia';
				font-size: 12px;
				font-style: italic;
				font-weight: bold;
				
				margin-top: 2.52em;
				margin-left: 1.89em;
			}
		#hdr-right-cont { float: right; }
			#hdr-phone {
				color: #CCC;
				font-family: 'swiss';
				font-size: 14px;
				
				margin-bottom: 1em;
				text-align: right;
			}
				#hdr-phone span {
					color: #999;
					font-size: 18px;
					margin-left: .3em;
				}

/* ........................................................................................ */
/* ////////////////////////////////// [ N A V I G A T I O N ] ///////////////////////////// */
#nav, 
#nav ul, 
#nav ul li a, 
#nav ul li a span {
	font-size: 12px;
	width: auto;
	height: 23px;
}
	#nav ul {
		float: right;
		margin-right: 5px;
	}
		#nav ul li {
			float: left;
			margin-left: 1.26em;
		}
			#nav ul li a, 
			#nav ul li a span {
				background-image: url(../img/jri_menu.png);
				background-repeat: no-repeat;
				background-position: left top;
				
				text-decoration: none;
				
				cursor: pointer;
			}
				#nav ul li a:HOVER { background-position: left -46px; }
				body#home #nav ul li a.home, 
				body#aboutus #nav ul li a.aboutus, 
				body#services #nav ul li a.services, 
				body#contact #nav ul li a.contact, 
				body#quote #nav ul li a.quote { background-position: left -92px; }
					#nav ul li a span {
						color: #333;
						
						margin-right: -5px;
						padding: 3px 10px;
						padding-bottom: 0;
						padding-right: 10px;
						
						height: 20px;
					}
						#nav ul li a:HOVER span {
							color: #C00;
							background-position: right -23px;
						}
							body#home #nav ul li a.home span, 
							body#aboutus #nav ul li a.aboutus span, 
							body#services #nav ul li a.services span, 
							body#contact #nav ul li a.contact span, 
							body#quote #nav ul li a.quote span {
								color: #FFF;
								background-position: right -69px;
							}

/* ........................................................................................ */
/* /////////////////////////////////////// [ B O D Y ] //////////////////////////////////// */
#bdy { margin-bottom: 1.26em; }
	#bdy a {
		color: #C00;
		text-decoration: none;
	}
		#bdy a:HOVER {
			color: #F00;
			text-decoration: underline;
		}
		
#home-cont {
	width: 940px;
	height: auto;
	
	margin-left: -1.26em;
}
	#home-bdy-img {
		background: #333;
		border-top: 2px solid #C00;
		margin-bottom: 1.26em; 
		
		width: 900px;
		height: 400px;
		
		overflow: hidden;
	}
		#home-cont-hldr {
			background: #EEE;
			border-top: 9px solid #FFF;
			
			width: 100%;
			height: auto;
		}
			#home-left-cont {
				float: left;
				width: 626px;
			}
				#home-left-cont-txt { width: 460px; float: left; }
				#home-left-cont-txt h2 {
					color: #999;
					font-size: 20px;
					font-family: 'swiss';
					font-weight: normal;
				}
				#home-left-cont-metal {
					background: url(../img/jri_25yrsmetal.png) no-repeat left top;
					
					float: right;
					
					margin-top: .63em;
					margin-right: .63em;
					
					width: 86px;
					height: 87px;
				}
			
			#home-right-cont {
				background: url(../img/jri_zipsrch.png) repeat-x left top;
				border-bottom: 2px solid #999;
				
				float: right;
				
				margin-top: -.5em;
				margin-bottom: .5em;
				
				width: 313px;
				height: auto;
			}
				#home-right-cont h2 {
					color: #333;
					font-family: 'swiss';
					font-size: 19px;
				}
				

	/* // Services Navigation // */
	
	#serv-nav, 
	#active-serv-nav, 
	
	#serv-nav ul, 
	#active-serv-nav ul, 
	
	#serv-nav ul li a, 
	#active-serv-nav ul li a {
		width: auto;
		height: 40px;
		text-decoration: none;
	}
		#serv-nav, 
		#active-serv-nav {
			width: 940px;
			background: #FFF;
			border-bottom: 3px solid #EEE;
		}
			#serv-nav ul li, 
			#active-serv-nav ul li { float: left; }
				#serv-nav ul li a, 
				#active-serv-nav ul li a, 
			
				#serv-nav ul li a.automobile, 
				#active-serv-nav ul li a#automobile, 
				
				#serv-nav ul li a.motorcycle, 
				#active-serv-nav ul li a#motorcycle, 
				
				#serv-nav ul li a.homeowners, 
				#active-serv-nav ul li a.homeowners, 
				
				#serv-nav ul li a.commercialauto, 
				#active-serv-nav ul li a.commercialauto, 
				
				#serv-nav ul li a.watercraft, 
				#active-serv-nav ul li a.watercraft, 
				
				#serv-nav ul li a.scooter, 
				#active-serv-nav ul li a.scooter {
					background-image: url(../img/jri_serv_nav.png);
					background-repeat: no-repeat;
					
					margin-left: 1px;
					width: 156px;
				}
					#serv-nav ul li a.automobile,  
					#active-serv-nav ul li a.automobile {
						background-position: left top;
						width: 155px;
						margin: 0;
					}
						#serv-nav ul li a.automobile { background-position: left -80px; }
						#serv-nav ul li a.automobile:HOVER, 
						#active-serv-nav ul li a.automobile:HOVER, 
						div.automobile #active-serv-nav ul li a.automobile { background-position: left -40px; }
					
					#serv-nav ul li a.motorcycle { background-position: -156px -80px; }
					#active-serv-nav ul li a.motorcycle { background-position: -156px top; }
						#serv-nav ul li a.motorcycle:HOVER, 
						#active-serv-nav ul li a.motorcycle:HOVER, 
						div.motorcycle #active-serv-nav ul li a.motorcycle { background-position: -156px -40px; }
					
					#serv-nav ul li a.homeowners { background-position: -313px -80px; }
					#active-serv-nav ul li a.homeowners { background-position: -313px top; }
						#serv-nav ul li a.homeowners:HOVER, 
						#active-serv-nav ul li a.homeowners:HOVER, 
						div.homeowners #active-serv-nav ul li a.homeowners { background-position: -313px -40px; }
					
					#serv-nav ul li a.commercialauto { background-position: -470px -80px; }
					#active-serv-nav ul li a.commercialauto { background-position: -470px top; }
						#serv-nav ul li a.commercialauto:HOVER, 
						#active-serv-nav ul li a.commercialauto:HOVER, 
						div.commercialauto #active-serv-nav ul li a.commercialauto { background-position: -470px -40px; }
					
					#serv-nav ul li a.watercraft { background-position: -627px -80px; }
					#active-serv-nav ul li a.watercraft { background-position: -627px top; }
						#serv-nav ul li a.watercraft:HOVER, 
						#active-serv-nav ul li a.watercraft:HOVER, 
						div.watercraft #active-serv-nav ul li a.watercraft { background-position: -627px -40px; }
					
					#serv-nav ul li a.scooter { background-position: -784px -80px; }
					#active-serv-nav ul li a.scooter { background-position: -784px top; }
						#serv-nav ul li a.scooter:HOVER, 
						#active-serv-nav ul li a.scooter:HOVER, 
						div.scooter #active-serv-nav ul li a.scooter { background-position: -784px -40px; }
							
							#serv-nav ul li a span, 
							#active-serv-nav ul li a span { display: none; }
						
	/* // Services Navigation // */
	
	#cont-bdy {
		border-top: 2px solid #C00;
		width: 900px;
	}
		#left-cont, 
		#right-cont {
			width: 450px;
			height: 483px;
		}
			#left-cont { float: left; }
			#right-cont { float: right; background: #FFF; }
				#right-cont h2, 
				#right-cont h3, 
				#quote-cont h2, 
				#quote-cont h3, 
				.contact-frm-hldr h2 { font-family: 'swiss'; }
					#right-cont h2, 
					#quote-cont h2, 
					.contact-frm-hldr h2 {
						color: #C00;
						font-size: 30px;
						height: 30px;
					}
					
					#right-cont h3, 
					#quote-cont h3 {
						color: #999;
						font-size: 18px;
						
						margin-top: 1em;
						
						height: 16px;
					}
					
				#list-bullet { 
					font-size: 12px;
					height: auto;
				}
					#list-bullet li {
						background: url(../img/jri_bullet_arrow.png) no-repeat left 3px;
						letter-spacing: .003em;
						
						margin-bottom: .63em;
						padding-left: 1.5em;
					}
					
	.contact-frm-hldr { 
		background: #dee5ea url(../img/jri_zipsrch.png) repeat-x left top;
		width: 450px;
		height: 483px;
	}
		.contact-frm-hldr p { color: #999; }
		
	#contact-img, 
	#contact-info {
		font-size: 12px;
		
		width: 180px;
		height: 374px;
	}
		#contact-img {
			background: url(../img/jri_img_01.jpg) no-repeat left top;
			float: left;
		}
		#contact-info { float: right; }
			#contact-info li { margin-bottom: 1.26em; }
			#contact-info li span {
				color: #999;
				display: block;
				margin-bottom: .3em;
			}
					
	#quote-cont {
		background: #dee5ea url(../img/jri_zipsrch.png) repeat-x left top;
		width: 900px;
		height: auto;
	}
	
	#btn-hldr {
		width: 420px;
		height: 32px; 
		margin-top: -80px;
		margin-left: 480px;
	}
		#btn-hldr span { float: left; }
	
	#arrow-btn, 
	#arrow-btn div a, 
	#arrow-btn div a span {
		font-size: 12px;
		font-weight: bold;
		
		text-decoration: none !important;
		
		width: auto;
		height: 32px;
		
		z-index: 10;
	}
		#arrow-btn div { float: left; }
			#arrow-btn div a, 
			#arrow-btn div a span {
				cursor: pointer;
				background-image: url(../img/jri_arrow_red.png);
				background-repeat: no-repeat;
			}
				#arrow-btn div a { background-position: left -32px; }
					#arrow-btn div a:HOVER { background-position: left -96px; }
				#arrow-btn div a span {
					color: #FFF;
					background-position: right top;
					
					margin-right: -17px;
					padding: 8px 20px;
					padding-bottom: 0;
					padding-left: 17px;
					
					height: 23px;
				}
					#arrow-btn div a:HOVER span { background-position: right -64px; }
	
	#ex-txt {
		color: #C00;
		font-size: 18px;
		font-family: 'swiss';
		
		margin-top: .63em;
	}
	
				
	#arrow-btn-w, 
	#arrow-btn-w div dd, 
	#arrow-btn-w div dd span {
		font-size: 12px;
		
		text-decoration: none !important;
		
		width: auto;
		height: 32px;
	}
		#arrow-btn-w { margin-left: -1.6em; }
		#arrow-btn-w div { float: left; }
			#arrow-btn-w div dd, 
			#arrow-btn-w div dd span {
				background-image: url(../img/jri_arrow_white.png);
				background-repeat: no-repeat;
			}
				#arrow-btn-w div dd { background-position: left -32px; }
				#arrow-btn-w div dd span {
					color: #999;
					background-position: right top;
					
					margin-right: -18px;
					padding: 8px 20px;
					padding-bottom: 0;
					padding-left: 3.5em;
					
					height: 23px;
				}
	
	.terms-txt {
		color: #999;
		font-size: 11px;
		
		margin-top: -2.3em;
		*margin-top: -1.5em;
		margin-left: 4.5em;
		*margin-left: 3.1em;
		
		position: absolute;
	}
					
		
/* ........................................................................................ */
/* ///////////////////////////////////// [ F O O T E R ] ////////////////////////////////// */
#ftr-hldr { height: 0; }
#ftr {
	color: #999;
	font-size: 12px;
}
	#ftr b { color: #888; }
	
	#credit {
		float: right;
		margin-top: 1.26em;
		margin-right: 1em;
	}
		#credit a {
				background: url(../img/yangdesign.png) no-repeat left top;
				width: 67px;
				height: 9px;
			}
				#credit a span { display: none; }

/* ........................................................................................ */

/*
// Copyright (C) 2009 Joyride Insurance - Ride with no worries.
*/