﻿body
{
	background-color: #b80000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Century Gothic, sans-serif;
}
/* Firefox Dotted Outline Fix */a:active
{
	outline: none;
}
/* Firefox Dotted Outline Fix */a:focus
{
	-moz-outline-style: none;
}
/* Menu Body */ul#menu
{
	width: 950px;
	height: 41px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url('images/nav.jpg') no-repeat scroll top left;
}
/* Float LI Elements - horizontal display */ul#menu li
{
	float: left;
}
/* Link - common attributes */ul#menu li a
{
	background: url('img/nav.jpg') no-repeat scroll top left;
	display: block;
	height: 41px;
	position: relative;
}
/* Span (on hover) - common attributes */ul#menu li a span
{
	background: url('img/nav.jpg') no-repeat scroll bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
}
/* Span (on hover) - display pointer */ul#menu li a span:hover
{
	cursor: pointer;
}
ul#menu li a.home
{
	width: 89px;
}
ul#menu li a.home span
{
	background-position: 0px -41px;
}
ul#menu li a.ourservices
{
	width: 124px;
	background-position: -89px 0px;
}
ul#menu li a.ourservices span
{
	background-position: -89px -41px;
}
ul#menu li a.windshieldcrackrepair
{
	width: 221px;
	background-position: -213px 0px;
}
ul#menu li a.windshieldcrackrepair span
{
	background-position: -213px -41px;
}
ul#menu li a.autodetailing
{
	width: 142px;
	background-position: -434px 0px;
}
ul#menu li a.autodetailing span
{
	background-position: -434px -41px;
}
ul#menu li a.instantquote
{
	width: 137px;
	background-position: -575px 0px;
}
ul#menu li a.instantquote span
{
	background-position: -575px -41px;
}
ul#menu li a.aboutus
{
	width: 99px;
	background-position: -708px 0px;
}
ul#menu li a.aboutus span
{
	background-position: -708px -41px;
}
ul#menu li a.contactus
{
	width: 138px;
	background-position: -807px 0px;
}
ul#menu li a.contactus span
{
	background-position: -807px -41px;
}

#leftHalf
{
	background: url('img/bg-left.jpg');
	width: 50%;
	position: absolute;
	left: 0px;
	height: 1200px;
	background-repeat: repeat-x;
	z-index: -1;
}
#rightHalf
{
	background: url('img/bg-right.jpg');
	width: 50%;
	position: absolute;
	right: 0px;
	height: 1200px;
	background-repeat: repeat-x;
	z-index: -1;
}

h1
{
	margin: 0px; padding: 0px;
	font-size: 14pt;
}

h2
{
	margin: 0px; padding: 0px;
	font-size: 12pt;
}

h3
{
	margin: 0px; padding: 0px;
	font-size: 10pt;
}









body {
	font-family:arial;	
}

.qitem {
	width:160px;
	height:160px;	
	background: url('img/bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	margin-right: 15px;
	margin-left: 15px;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
			
		}

		.qitem .caption p {
			font-size:12px;	
			padding:5px 5px 5px 5px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

						a.standardlink:link { 
						text-decoration: none;
						color: #0669FF; 
						font-size: 12pt; 
						font-family: Arial, Helvetica, MS Sans Serif;
						text-decoration: underline;
						}
						
						a.standardlink:visited {
						text-decoration: none; 
						color: #0669FF; 
						font-size: 12pt; 
						font-family: Arial, Helvetica, MS Sans Serif;
						text-decoration: underline;
						}
						
						a.standardlink:hover {  
						background-color: #FFFFFF; 
						text-decoration: none; 
						color: #FF0000; 
						font-size: 12pt; 
						font-family: Arial, Helvetica, MS Sans Serif;
						text-decoration: none;
						}