/**
 * RESET (inspired from yahoo reset & fonts 2.7.0 - don't mess with this one)
 *
 * I only use these html tags, so the reset only applies to the following:
 *		div, span, p, br, pre
 *		h1, h2, h3, h4, h5, h6
 *		a, img, map, area
 *		object, param
 *		ul, ol, li
 *		form, label, input, textarea, select, option, optgroup, button
 *		em, b, i, ins, del, sub, sup
 */
 
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img,input, textarea, select {
	vertical-align: middle;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}

select, input, button, textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

:focus {
	outline: none;
}
/*CSS*/

body {
	background: #FFF url(images/body-bg.png) repeat-x scroll;
	font-size: 12px;
	color: #333;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.wrapper {
	margin: 0 auto;
	width: 1000px;
}

.header {
	height: 107px;
}

.logo {
	float: left;
}

.header-details {
	float: right;
	margin-top: 36px;
	margin-right: 25px;
}

.menu {
	height: 44px;
	width: 1000px;
	
}

.menu a {
	display: block;
	line-height: 44px;
	width: 126px;
	float: left;
}

.menu a:hover {
	text-decoration: none;
}
/*.home {
	float: left;
	height: 44px;
	width: 126px;
}*/
.home a {
	background-image:url(images/menu.png);
	background-position: 0 0;
}

.home a:hover, .home-hover {
	background-position:  -779px 0 !important;
}

.about a {
	background-image:url(images/menu.png);
	background-position: -126px 0;
}

.about a:hover, .about-hover {
	background-position: -905px 0 !important;
}

.shop a {
	background-image:url(images/menu.png);
	background-position: -252px 0;
}

.shop a:hover, .shop-hover {
	background-position: -1031px 0 !important;
}

.location a {
	background-image:url(images/menu.png);
	background-position: -378px 0;
}

.location a:hover, .location-hover {
	background-position: -1157px 0 !important;
}

.contact a {
	background-image:url(images/menu.png);
	background-position: -504px 0;
}

.contact a:hover, .contact-hover {
	background-position: -1283px 0 !important;
}

.faq a {
	background-image:url(images/menu.png);
	background-position: -630px 0;
}

.faq a:hover, .faq-hover {
	background-position: -1409px 0 !important;
}

.top {
	background: transparent no-repeat url(images/top-corners.png) scroll;
	width: 988px;
	height: 15px;
	margin-top: 8px;
}

.middle {
	background: transparent url(images/middle-bg.png) repeat-y scroll;
	width: 968px;
	padding: 0 10px 0 10px;
}

.bottom {
	clear: both;
	background: transparent no-repeat url(images/bottom-corners.png) scroll;
	width: 958px;
	height: 40px;
	padding: 30px 15px 0 15px;
	margin-bottom: 20px;
}

.menu-left {
	float: left;
	width: 180px;
	margin-right: 15px;
}
	
.menu-left a {
	display: block;
	line-height: 64px;
	width: 181px;
}

.menu-left a:hover {
	text-decoration: none;
}

.rights a {
	background-image:url(images/menu-left.png);
	background-position: 0 0;
}

.rights a:hover, .rights-hover {
	background-position:  -189px 0 !important;
}

.accident a {
	background-image:url(images/menu-left.png);
	background-position: 0 -63px;
}

.accident a:hover, .accident-hover {
	background-position:  -189px -63px !important;
}

.guarantee a {
	background-image:url(images/menu-left.png);
	background-position: 0 -127px;
}

.guarantee a:hover, .guarantee-hover {
	background-position:  -189px -127px !important;
}

.quote a {
	background-image:url(images/menu-left.png);
	background-position: 0 -193px;
}

.quote a:hover, .quote-hover {
	background-position:  -189px -193px !important;
}

.testimonials a {
	background-image:url(images/menu-left.png);
	background-position: 0 -258px;
}

.testimonials a:hover, .testimonials-hover {
	background-position:  -189px -258px !important;
}

.process a {
	background-image:url(images/menu-left.png);
	background-position: 0 -321px;
}

.process a:hover, .process-hover {
	background-position:  -189px -321px !important;
}

.right-side {
	float: left;
	width: 767px;
}

h1 {
	font-size: 19px;
	color: #0D4C75;
	margin-bottom: 5px;
}

.gallery {
	height: 260px;
}

.gallery-text {
	width: 310px;
	float: left;
}

.middle p {
	line-height: 18px;
	text-align: justify;
}

/*	slider part
------------------------------------------------------------------------------------------*/

.slider {
	background:url(images/slider-bg.jpg) no-repeat;
	width:441px;
	height:240px;
	float: left;
	margin-left: 15px;
}

.sliderpanel {
	overflow: hidden; 
	visibility: visible; 
	position: absolute; 
	z-index: 2;   
	height:240px; 
	width: 441px;
	margin-left: 9px;
}

ul.slider-img-list {
	margin: 0px; 
	padding: 0px; 
	position: relative; 
	list-style-type: none; 
	z-index: 1; 
	left: 0px;
}

ul.slider-img-list li	{
	overflow: hidden; 
	float: left; 
	list-style-type:none;
	height: 228px; 
	width: 423;
	padding-top:6px;
}


.sliderImages ul li img {
	width: 423;
}

.sliderImages ul li img {
	padding-left:0px;
	margin-left:0px;
}

#home-slider ul li {
	margin:0;
	list-style-type:none;
}
/*end slider part------------------------------------------------------------------------------------- */

p.middle-text {
	margin-bottom: 15px;
}

p.middle-text-narrow {
	margin-bottom: 15px;
	width:520px;
}

ul.shop-list-narrow li {
	width:520px;
	list-style-image:url(images/list-image.jpg);
	margin-bottom:10px;
	padding-left:10px;
	text-align:justify;
}

.line {
	border-bottom: 1px solid #ccc;
	width: 763px;
	margin-bottom: 15px;
}

.team {
	clear: both;
	margin-bottom: 25px;
	height: 150px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

h2 span {
	color: #FE610C;
}

.team img {
	float: left;
	margin-right: 15px;
}

.team p {
	float: left;
	width: 660px;
}

ul.shop-list {
	margin-left: 30px;
	line-height: 18px;
}

ul.shop-list li {
	padding-left: 10px;
	list-style-image: url(images/list-image.jpg);
	margin-bottom: 10px;
	text-align: justify;
}

img.shop-image {
	border: 1px solid #ccc;
	padding: 8px;
	margin-right: 65px;
	margin-left: 40px;
	margin-bottom: 10px;
}

.padding {
	padding-bottom: 40px;
}

img.location-image {
	border: 1px solid #ccc;
	padding: 8px;
	margin-right: 25px;
	margin-left: 19px;
	margin-bottom: 20px;
}

.map {
	margin-left: 25px;
	margin-left: 120px;
	margin-bottom: 20px;
}

img.map-image {
	border: 1px solid #ccc;
	padding: 8px;
	margin-bottom: 20px;
}

.map p {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-left: 40px;
}

.map a {
	float: left;
}

img.contact-image {
	float: left;
	border: 1px solid #ccc;
	padding: 8px;
}

p.contact-text {
	font-size: 14px;
	margin-left: 25px;
	padding-top: 5px;
	width: 460px;
	margin-left: 25px;
}

.left {
	float: left;
}

ul.process {
	margin-left: 6px;	
	line-height: 18px;
}

ul.process li {
	list-style-type: circle;
	margin-left: 25px;
	margin-bottom: 3px;
}

img.testimonial-image {
	float: left;
}

p.testimonial-text {
	float: left;
	width: 400px;
	margin-left: 10px;
}

p.testimonial-text-wider {
	float: left;
	width: 495px;
	margin-left: 10px;
	margin-top: 15px;
}

ul.shop-list-narrow {
	margin-left: 20px;
	width: 520px;
	text-align: justify;
	line-height: 18px;
}

img.accident-image {
	border:1px solid #CCCCCC;
	float:left;
	padding:8px;
	margin-right: 25px;
}