/*
' Title				: AutoSupremeClean.com Stylesheet
' Description		: Site Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' 03/12/2010		: Tony Groves - Created document.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Main Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/

* { margin:0; padding:0;}
body { background:url(images/body-bg.jpg) no-repeat center top #181a0a; background-attachment:fixed; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#6b6b6a; min-width:881px;}
html {min-width:881px;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.tail-top { background:url(images/tail-top.png) left top repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form label { display:block;}
#form .form { height:45px;}
#form input {width:247px; padding:1px 0 1px 3px; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5;}
#form textarea { width:247px; height:246px; overflow:auto; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5; padding:1px 0 0 3px; margin-bottom:15px;}


/*==================list====================*/
ul { list-style:none;}

.site-nav { text-align:center;}
.site-nav li { display:inline; text-transform:uppercase; margin-right:-2px;}
.site-nav li a { color:#fff; text-decoration:none; width:125px; display:inline-block; background:url(images/nav-tail.gif) repeat-x top; padding:14px 0 17px 0;}
.site-nav li a:hover,
.site-nav li a.act { 
	background:url(images/nav-act-tail.gif) repeat-x top;
}

.list { width:100%;}
.list li { font-size:1.17em; line-height:1em; text-transform:uppercase; padding:0 0 7px 10px; background:url(images/marker1.gif) no-repeat left 6px;}
.list li a { color:#131914; text-decoration:none;}
.list li a:hover { text-decoration:underline;}

.list1 { padding-bottom:12px;}
.list1 li { padding:0 0 6px 29px; background:url(images/marker2.gif) no-repeat left 2px; border-bottom:1px solid #dcdde0; margin-bottom:7px; color:#1171d8;}
.list1 li a { color:#1171d8; text-decoration:none;}
.list1 li a:hover { font-weight:bold;}
.list1 li.last { border:0; margin:0; padding-bottom:0;}

.list2 { margin-top:-30px;}
.list2 li { width:100%; overflow:hidden; vertical-align:bottom; padding-top:30px;}
.list2 li img { float:left; margin-right:21px;}


/*==================other====================*/
.img-box img { margin-bottom:15px; display:block;}

.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}
.img-box1 .si { float:right; margin:0 0px 15px 15px;}

.p1 { margin-bottom:15px;}

.phone { float:right; margin-right:69px;}

.price { font-size:1.67em; color:#131313; position:absolute; right:17px; bottom:9px; line-height:1em;}
.price strong { font-size:2.5em; line-height:1em;}
.price b { font-size:1.1em; line-height:1em;}


/*==================txt, links, lines, titles====================*/
a {color:#1171d8; outline:none;}
a:hover{text-decoration:none;}

h3 { font-size:1.4em; line-height:1.8em;}
h3 span { text-transform:uppercase;}
h3 a {text-decoration:none; color:#000;}
h3 a:hover {text-decoration:underline;}
h4 { font-size:20px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; color:#131313; font-weight:normal; border-bottom:1px solid #121a31; padding-bottom:9px; margin:20px 0 7px 0;}
h5 { font-size:1em; color:#6b6b6a; line-height:1.58em;}
h6 { font-size:1em; color:#6b6b6a; line-height:1.58em; border-bottom:1px dotted #ddd;}


/*==================boxes====================*/
.extra-box { width:100%;}
.extra-box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; height:20px; padding-left:20px;}
.extra-box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; height:20px; padding-right:20px;}
.extra-box .border-top { background:url(images/border-top.png) left top repeat-x; height:20px; font-size:0; line-height:0; width:100%;}
.extra-box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left bottom; height:107px; padding-left:20px}
.extra-box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right bottom; height:107px; padding-right:20px}
.extra-box .border-bot { background:url(images/border-bot.png) left bottom repeat-x; height:107px; width:100%;}
.extra-box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:20px;}
.extra-box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:20px;}
.extra-box .xcontent { background:url(images/extra-box-tail.png);}

.banner-box1 { width:273px; height:243px; background:url(images/banner-bg1.png) no-repeat left top; position:relative;}
.banner-box1 .inner { padding:14px 24px 0 25px;}
.banner-box1 h3 { color:#131313; border-bottom:1px solid #000; padding-bottom:12px; margin-bottom:18px;}

.banner-box2 { width:273px; height:243px; background:url(images/banner-bg2.png) no-repeat left top; position:relative;}
.banner-box2 .inner { padding:14px 15px 0 25px;}
.banner-box2 h3 { color:#fff; margin-bottom:32px;}
.banner-box2 .list li { background:url(images/marker3.gif) no-repeat left 6px;}
.banner-box2 p,
.banner-box2 h5,
.banner-box2 .list li a { 
	color:#fff;
}

.box { background:#fff; width:100%;}
.box .inner { padding:18px 22px 20px 18px;}

.box1 { width:100%;}  
.box1 .border-top {background:url(images/border-top1.gif) repeat-x top #f0e309; min-height:207px; height:auto!important; height:207px; font-size:1em; line-height:1em}
.box1 .border-bot { height:36px; background:url(images/border-bot1.gif) repeat-x top;}
.box1 .left-bot-corner { padding-left:43px; background:url(images/left-bot-corner1.png) no-repeat left top; height:36px;}
.box1 .inner { padding:14px 24px 0 25px;}
.box1 h3 { color:#131313; margin-bottom:32px;}
.box1 p { color:#131914;}

.box2 { width:100%;}  
.box2 .border-top {background:url(images/border-top2.gif) repeat-x top #0a64f1; min-height:207px; height:auto!important; height:207px; font-size:1em; line-height:1em}
.box2 .border-bot { height:36px; background:url(images/border-bot2.gif) repeat-x top;}
.box2 .left-bot-corner { padding-left:43px; background:url(images/left-bot-corner2.png) no-repeat left top; height:36px;}
.box2 .inner { padding:14px 24px 0 25px;}
.box2 h3 { color:#131313; margin-bottom:32px;}
.box2 .list li { background:url(images/marker3.gif) no-repeat left 6px;}
.box2 p,
.box2 h5,
.box2 h3,
.box2 .list li a { 
	color:#fff;
}


/*header*/
#header .logo { position:absolute; top:100px; left:266px;}
#header .logo a { cursor:pointer;}
#header .slogan { position:absolute; top:330px; left:0;}

/*content*/
#content p,
#content dl { 
	line-height:1.58em;
}
#content dl dt { font-weight:bold; margin-top:20px;}
#content .indent { padding-bottom:12px;}
#content .indent1 { padding-bottom:38px;}

/*footer*/
#footer p { color:#f9fafd; padding-top:14px;}
#footer p a { color:#c9ebfd; text-decoration:underline;}
#footer p a:hover { text-decoration:none;}

/*============== index.html =====================*/
#page1 #header { height:578px;}