/*
Название сайта: Драйв
Начало разработки: 2009.05.19
Верстальщик: G.Kozlovski
*/

/*------------------DEFAULTS------------------*/

/*standart*/
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 {margin:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;}
#site {max-width:1280px; min-width:1000px; min-height:100%; height:100%; font:75%/1.2em Arial; background:url(../images/m-about.jpg) -1000px -1000px no-repeat;}
html {height:100%; background:#23201f url(../images/html.gif) left top repeat-x;}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none;}
:focus {outline:0;}
div {zoom:1;}

/*links*/
a {text-decoration:underline; cursor:pointer; color:#2f2f2f;}
a:hover {text-decoration:none;}
.more, .back {font:bold 0.92em Arial; color:#0e427b;}
.more {padding-right:10px; background:url(../images/more.gif) right 6px no-repeat;}
.back {padding-left:10px; background:url(../images/back.gif) left 6px no-repeat;}
.big-link {font:bold 1.17em Arial;}

/*hacks*/
.clear {clear:both; height:1px; overflow:hidden;}
.zoom1 {overflow:auto;}
.hidd {display:none;}

/*text align*/
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

/*floats*/
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {margin:0px auto;}

/*font weight*/
.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

/*------------------MARKING------------------*/
/*main*/
#main {min-height:100%; _height:100%; background:url(../images/m-service.gif) -1000px -1000px no-repeat;}

/*header*/
#header {height:400px; background:url(../images/header.jpg) left top no-repeat;}

/*content*/
#container {width:100%; padding-bottom:195px; background:url(../images/m-gallery.jpg) -1000px -1000px no-repeat;}
#content {width:100%; float:left; background:url(../images/m-contacts.jpg) -1000px -1000px no-repeat;}
#text {margin:0px 315px 90px 0px; background:#fff url(../images/text.gif) right bottom no-repeat; position:relative; z-index:3;}

/*right part*/
#right {float:left; width:300px; margin-left:-300px; padding-bottom:130px; background:#fff url(../images/right.gif) left bottom no-repeat; position:relative;}

/*footer*/
#footer {height:195px; margin-top:-195px; position:relative; width:100%;  background:url(../images/m-main.jpg) -1000px -1000px no-repeat;}

/*------------------CONTENT------------------*/
h1, h3, h5 {color:#2f2f2f;}
h2, h4, h6 {color:#2983eb;}

h2, h3, h4, h5, h6 {margin:15px 0px 10px;}

h1 {font-size:1.33em; margin-bottom:10px;}
h2 {font-size:1.25em;}
h3 {font-size:1.25em;}
h4 {font-size:1.25em;}
h5 {font-size:1.25em;}
h6 {font-size:1.25em;}

#text p {margin-bottom:15px; font-size:1.17em; color:#2f2f2f;}

#text table {margin:10px 0px 20px;}
	#text td, #text th {border:1px solid #333; padding:10px; vertical-align:middle; text-align:center;}
	#text th {background:#5a5757; color:#fff; font-size:1.33em; padding:10px 15px;}
	#text td {font:bold 1.17em Arial; color:#2f2f2f;}
	#text td.tal {text-align:left;}
	#text td span {font-size:3em;}

#text ol {margin:10px 0px 15px 2.5em;}
	#text ol li {}

#text ul {margin:10px 0px 15px;}
	#text ul li {padding-left:10px; background:url(../images/ul-li.gif) left 5px no-repeat; zoom:1;}

/*------------------DEFAULT BLOCKS------------------*/
/*logo*/
#logo {float:left; width:280px; height:160px; background:url(../images/logo.gif) left top no-repeat;}
	#logo a {display:block; width:280px; height:160px;}

/*min-panel*/
#min-panel {}
	#min-panel a {display:block; float:left; width:30px; height:30px;}
	#min-panel #home {background:url(../images/home.gif) left top no-repeat;}
	#min-panel #home:hover {background:url(../images/home-h.gif) left top no-repeat;}
	#min-panel #mail {background:url(../images/mail.gif) left top no-repeat;}
	#min-panel #mail:hover {background:url(../images/mail-h.gif) left top no-repeat;}

/*feedback*/
#feedback {width:400px; margin-bottom:50px;}
	#feedback label {color:#656167;}
	#feedback input.text, #feedback textarea {width:400px; border:1px solid #b3b9c3; margin:2px 0px 10px; color:#344a8a;}
	#feedback textarea {height:100px;}
	#feedback img {float:right;}
	#feedback input.submit {float:right;}

/*listing*/
#listing {margin:15px 0px 30px; padding-bottom:3px;}
	#listing span {padding:0px 3px; color:#2983eb;}
	#listing a {text-decoration:none; color:#000; padding:0px 3px;}
	#listing a:hover {color:#2983eb;}
	#listing a.back-list, #listing a.forward-list {text-decoration:underline; color:#000;}
	#listing a.back-list:hover, #listing a.forward-list:hover {text-decoration:none; color:#142e8f; border:0px;}

/*gallery*/
#text .gallery li {width:200px; min-height:135px; display:-moz-inline-box; display:inline-block; vertical-align:top; margin:0px 10px 20px; zoom:1; *display:inline; _height:135px; background:none; padding:0px;}
	.gallery li img {border:1px solid #000; margin-bottom:10px;}
	.gallery li a span {width:175px; display:block; font:bold 1.17em Arial; color:#2f2f2f;padding-bottom:2px;}
	.gallery li a:hover span {width:175px; display:block; text-decoration:underline;}
	.gallery li a {display:block; width:200px; text-decoration:none; padding-bottom:2px;}

/*menu*/
.folding {margin:0px 0px 20px 25px;}
	.folding li {padding-left:15px; background:url(../images/folding-li.gif) left 5px no-repeat;}
	.folding li a {color:#00377a; text-decoration:none;}
	.folding li.opened a, .folding li a:hover {color:#176ed8;}

.folding ul {margin:5px 0px;}
	.folding li li, .folding li.opened li {padding-left:7px; background:url(../images/folding-li-2.gif) left 6px no-repeat;}
	.folding li li a, .folding li.opened li a {color:#00377a; text-decoration:underline;}
	.folding li.opened li.opened a, .folding li.opened li a:hover, .folding li li a:hover {color:#b45d15; text-decoration:none;}

/*news*/
.news-block {overflow:auto; margin:0px 0px 20px;}
	.news-block div {float:left; width:290px; text-align:cente;}
	.news-block div img {border:1px solid #000;}
	.news-block div p {margin:10px 0px 0px 0px; text-align:center;}
	.news-block p {margin-left:295px;}

/*------------------OTHER BLOCKS------------------*/
/*header*/
#menu {padding:258px 0px 0px 602px;}
#menu a {display:block; font-size:0.92em; text-align:center; color:#fff; text-decoration:none; height:99px; float:left; text-transform:uppercase;}

#m-about {width:86px; background:url(../images/m-about.gif) left bottom no-repeat;}
#m-about:hover {background:url(../images/m-about.jpg) left bottom no-repeat;}
#m-main {width:76px; background:url(../images/m-main.gif) left bottom no-repeat;}
#m-main:hover {background:url(../images/m-main.jpg) left bottom no-repeat;}
#m-service {width:108px; background:url(../images/m-service.gif) left bottom no-repeat;}
#m-service:hover {background:url(../images/m-service.jpg) left bottom no-repeat;}
#m-gallery {width:68px; background:url(../images/m-gallery.gif) left bottom no-repeat;}
#m-gallery:hover {background:url(../images/m-gallery.jpg) left bottom no-repeat;}
#m-contacts {width:78px; background:url(../images/m-contacts.gif) left bottom no-repeat;}
#m-contacts:hover {background:url(../images/m-contacts.jpg) left bottom no-repeat;}


/*content*/
.header {background:#23201f; color:#fff; height:40px; text-align:center;}
#text .header {font-size:1.5em; background:url(../images/content-header.gif) right bottom no-repeat #23201F;}

.content {padding:25px;}

#text .dec {width:158px; height:156px; position:absolute; background:url(../images/text-dec.gif) left top no-repeat; right:-15px; bottom:-93px; _right:-16px; _bottom:-94px; z-index:2;}

/*right*/
#right .header {font:bold 1.17em arial; padding-right:20px; background:url(../images/right-header.gif) left bottom no-repeat #23201F;}

#right p {text-align:center; font-size:1.33em; margin-bottom:5px;}
#right p img {border:2px solid #ccc3c4; margin:5px 0px;}

#right .dec {width:33px; height:203px; background:url(../images/right-dec.gif) left top no-repeat; position:absolute; left:-33px; bottom:0px; z-index:1;}

/*footer*/
#footer .floatRight {width:300px; height:195px; background:url(../images/contacts.jpg) left top no-repeat;}
#footer .floatLeft {width:190px; height:35px; padding:160px 0px 0px 10px; background:url(../images/rezon.jpg) left bottom no-repeat;}
#footer .floatLeft a {display:block; width:70px; height:20px;}