/* Reset */

* {margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; outline: 0; vertical-align: baseline; background: transparent;}
a img {border: 0px solid #fff;}
ul, li {list-style: none;}

/* Main */

html {font-size: 100.01%;}
body {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; background: url('../images/bgr.jpg'); text-align: center; color: #333333; height: 100% !important; position: relative;}

.center p {line-height: 23px; padding-bottom: 26px; color: #5b5b5b;}
.center .footer p {line-height: 19px; padding-bottom: 0px; font-size: 12px; color: #666666;}
.center .footer p strong {color: #343434;}
p.text {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #333333;}
.invisible {display: none !important;}
.fright {float: right; display: block; width: 58%;}
.fleft {float: left; display: block; width: 40%;}
.fleftra {float: left; display: block; width: 17%; padding-top: 60px;}
.fleftrb {float: left; display: block; width: 60%; padding-top: 70px;}
.clear {clear: both !important; display: block;}
.border {display: block; height: 18px; width: 945px; border-bottom: 1px solid #d6d6d6; clear: both; margin-bottom: 10px;}
.h2a {padding: 18px 0 22px 0;}
.h2b {padding: 2px 0 22px 0;}
.photo {border: 1px solid #CCC; padding: 5px; margin: 5px 5px 0px 0px;}
.color {border: 1px solid #CCC; padding: 5px; margin: 5px 5px 0px 0px;}

h2 {font-size: 25px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; color: #343434; padding: 18px 0 22px 0;}
h3 {font-size: 15px; color: #333333; font-weight: normal;}
h4 {font-size: 22px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; padding: 18px 0 15px 0; color: #343434;}

.center {width: 970px; margin: 0 auto 0 auto; position: relative; text-align: left;}
.ribbon {width: 100%; background: url('../images/ribbon.gif') 0px 186px repeat-x;}
.background {width: 100%; background: url('../images/background.jpg') top no-repeat; position: relative;}
.topcorner {background: url('../images/topcorner.png') left top no-repeat;}
.bottomcorner {background: url('../images/bottomcorner.png') right bottom no-repeat; position: absolute; bottom: 0px; right: 0px; width: 106px; height: 106px;}
.coupon {width: 142px; top: 58px; position: absolute; height: 34px; background: url('../images/coupon.png') top no-repeat; text-indent: -3000px;}
.fordealers {width: 172px; top: 102px; position: absolute; height: 34px; background: url('../images/fordealers.png') top no-repeat; text-indent: -3000px;}
.phone {width: 272px; top: 55px; right: 0; position: absolute; height: 82px; display: block; background: url('../images/phone.png') top no-repeat; text-indent: -3000px;}
.dileram {width: 272px; top: 35px; left: 20px; position: absolute; height: 96px; display: block; background: url('../images/logo.png') top no-repeat; text-indent: -3000px; z-index:999;}

.index_art {margin: -148px 0 0 0; width: 312px;  position: absolute; height: 148px; display: block; text-indent: -3000px; *z-index:99;}

.slogan{width: 950px; top: 222px; position: absolute; height: 75px; background: url('../images/slogan.png') top no-repeat; text-indent: -3000px;}

.header {height: 392px;}
.bottom_text{font-size:0.9em; text-indent:30px; margin: -20px 0 0 0; text-align:justify;}

.menu {height: 56px; right: 0px; top: 148px; position: absolute;}
.menu li {float: left;}
.menu a {float: left; display: block; position: relative; height: 35px; width: 142px;}
.menu a span {display: block; height: 35px; width: 142px; position: absolute; top: 0px; left: 0px; background-position: left top;}

.index span {background: url('../images/index.jpg') top no-repeat;}
.dealers span {background: url('../images/dealers.jpg') top no-repeat;}
.works span {background: url('../images/works.jpg') top no-repeat;}
.colors span {background: url('../images/colors.jpg') top no-repeat;}
.prices span {background: url('../images/prices.jpg') top no-repeat;}
.contacts span {background: url('../images/contacts.jpg') top no-repeat;}

.index .act{background:url('../images/index_act.gif') no-repeat;}
.dealers .act{background:url('../images/dealers_act.jpg') no-repeat;}
.works .act{background:url('../images/works_act.jpg') no-repeat;}
.colors .act{background:url('../images/colors_act.jpg') no-repeat;}
.prices .act{background:url('../images/prices_act.jpg') no-repeat;}
.contacts .act{background:url('../images/contacts_act.jpg') no-repeat;}

.menu .act {height: 56px;}

.footer {letter-spacing: 0.1px; clear: both; width: 990px; height: 154px; background: url('../images/footer.jpg') no-repeat; padding-left: 20px;}
.copyright {font-size: 11px !important;}
.footer a {color: #343434; text-decoration: none; font-weight: bold;}
.button {display: block; background: url('../images/button.jpg') no-repeat; height: 31px; width: 88px; margin-top: 5px;}
.copy {background: url('../images/copy.jpg') no-repeat; height: 23px; width: 24px; display: block; float: left; margin: -2px 8px 0px 0px;}