@import url("pages.css");


*, html {
    margin: 0px;
    padding: 0px;
}

body {
    background: #EEE;
    margin: 0px;
    padding: 0px;
    font: 0.75em Tahoma, Arial, Helvetica, sans-serif;
    color: #555;
}
H1 {
	color: #159;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.1em;
	margin-top: 25px;
	margin-left: 0px;
	clear: both;
	text-transform: capitalize;
}
h2 {
	color: #27C;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-top:10px;
	margin-bottom: 2px;
	clear:both;
	font-weight: normal;
}
H3 {
    font-size: 1em;
    color: #0099FF;
    font-weight:normal;
    margin:10px 0 0px;
    padding:0;
}
a {
    color:#29E;
    /*text-decoration:underline;*/
}
a:hover {
    text-decoration:none;
}
#container {
    margin:0 auto;
    width:900px;
    background-color:#FFF;
}

/* HEADER */
a#logo {
    background:url(../pix/logo.gif) no-repeat;
    display:block;
    width:200px;
    height:97px;
    cursor:pointer;
}
td#topnav {
    width:700px;
    background:url(../pix/tel.gif) right top no-repeat;
}
#topnav ul {
    list-style:none;
    background:url(../pix/topnav-bg.gif) repeat-y left;
    height:53px;
    clear:both;
}
#topnav ul li {
    height:28px;
    background: url(../pix/toplink-br.gif) no-repeat right 5px;
    margin:0 0px 0 15px;
    padding-right:15px;
    float:left;
    padding-top: 25px;
}
#topnav a {
    background:url(../pix/toplink.gif) no-repeat left bottom;
    display:block;
    padding-bottom:5px;
    text-decoration:none;
    text-transform: uppercase;
    color:#777;
    font: bold 11px Arial, Helvetica, sans-serif;
}
#topnav a:hover {
    background:url(../pix/toplink_a.gif) no-repeat left bottom;
    color:#159;
}
#slogan {
    width:700px;
    height:44px;
    background:url(../pix/slogan-bg.gif) repeat-y;
    text-align:right;
}
#slogan span {
    background:url(../pix/slogan.gif) no-repeat right 12px;
    width:700px;
    height:44px;
    display:block;
}

/* LEFT NAV */
#leftblock {
    width:200px;
    background:url(../pix/lnav-bg.gif) repeat-x top;
    padding-bottom:30px;
}
#leftblock h1 {
	font-size:14px;
	text-transform: uppercase;
	color: #159;
	position:relative;
	margin: 5px 0px 9px 14px;
	font-style:normal;
	font-weight:bold;
	height: 38px;
}
#leftblock h1 span {
    width:180px;
    height:36px;
    position:absolute;
    left:0;
    top:2px;
    background: no-repeat left bottom;
    display:block;
	/*border:solid 1px #CCCCCC;*/
}
h1 span#gates {
    background-image:url(/pix/h-gates.gif);
}
h1 span#docking {
    background-image:url(/pix/h-dock.gif);
}
h1 span#auto {
    background-image:url(/pix/h-auto.gif);
}
h1 span#dealers {
    background-image:url(/pix/h-dealers.gif);
}
h1 span#sale {
    background-image:url(/pix/h-sale.gif);
}
h1 span#s-info {
    background-image:url(/pix/h-info.gif);
}
h1 span#partners {
    background-image:url(/pix/h-partners.gif);
}
h1 span#stolbiki {
    background-image:url(/pix/h-stolbiki.gif);
}


#leftblock ul {
    list-style:none;
    background:url(../pix/leftlink-br.gif) no-repeat bottom;
    margin-bottom: 18px;
}
#leftblock ul li {
    background:url(../pix/leftlink-br.gif) no-repeat top;
    padding: 5px 0px;
}
#leftblock ul a {
    color: #159;
    text-decoration: none;
    background: url(../pix/bul.gif) no-repeat left 4px;
    padding-left: 10px;
    display: block;
    margin-left: 10px;
}
#leftblock ul a:hover {
    background: url(../pix/bul_a.gif) no-repeat left 4px;
}
/* LEFT SUBNAV */
#leftblock li ul {
    margin: 5px 3px 5px 15px;
    background:none;
}
#leftblock li li {
    font-size: 0.95em;
    padding: 3px 0px;
}

/* CONTENT MAIN*/
#flash {
    background:url(../pix/flash.jpg) no-repeat left top;
    margin:1px -15px 0 -15px;
    width:700px;
    height:204px;
}
#advert {
    /*width:700px;*/
    border: 1px solid #AAA;
    padding: 9px;
    margin:1px -15px 0 -15px;
    /*margin: 10px 10px;*/
    background: #F9F9F9;
    text-align:justify;
    font-size: 0.95em;
    line-height:1.5em;
}
#links {
    color:#999;
    font-size: 0.95em;
    margin-bottom:20px;
    margin-left: 0px;
    margin-top: 5px;
}
#links a {
    color:#999;
}


/* NAV 3 */
ul#nav3 {
    list-style:none;
    padding-bottom: 15px;
}
ul#nav3 li {
    float: left;
    margin-right: 10px;
}
ul#nav3 li a {
    text-decoration: none;
    border-bottom: 1px dotted #29E;
    padding:2px 3px;
    display:block;
}
ul#nav3 li a:hover {
    color:#FFF;
    background-color:#29E;
}

/* CONTENT INNER 2 */
div#content2 {
    margin-right:175px;
    border-right:1px solid #DDD;
    /*background: #99CCFF;*/
    padding-bottom: 30px;
}
div#content2 p {
    padding-right:10px;
    /*width:490px;
    border:1px solid #ddd;*/
}


/* CONTENT NAV */
#contetent-nav {
    display:block;
    min-height: 25px;
    margin: 5px 10px 20px 0px;
    clear:both;
    width:650px;
}
#contetent-nav li {
    /*float:left;
    list-style:none;
    font-size:0.95em;
    padding: 0px;
    margin: 0px 15px 5px 0px;*/
}
#contetent-nav a {
    color:#08F;
    float:left;
    font-size:0.95em;
    padding: 0px;
    margin: 0px 15px 5px 0px;
}

#rightnav {
    font-size:0.95em;
    float:right;
    width:165px;
    margin:0;
    padding:0 10px 0 0px;
}
#rightnav ul {
    list-style:none;
    margin-left:10px;
}
#rightnav li {
    margin:5px 0;
}
#rightnav a {
    color:#8CF;
}

/* FOOTER */
#footnav {
    background:url(../pix/foot-bg.gif) repeat-x top;
    color:#777;
    border-bottom:1px solid #999;
    text-align:center;
    font-size: 0.95em;
    padding-top: 12px;
    padding-bottom: 12px;
}
#footnav a {
    color:#777;
}
#copy {
    font-size: 0.9em;
    color: #aaa;
    margin-left: 15px;
    display:block;
    line-height: 14px;
}
#brands {
    text-align:right;
    padding-right:20px;
}
#brands a {
    border:1px solid #BBB;
    display:block;
    margin:15px 0px 20px 20px;
    float:right;
}
#brands a:hover {
    border-color: #0066FF;
}