* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; color: #000; background: #525252; font: 1em Arial; }

a { color: #0000c4; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { margin: 10px 0 10px 20px; }
img { border: 0; }

.clear { clear:both; }

/* Layonts */
#container { margin: 0 auto; width: 980px; text-align: left; border: 10px solid #a1a1a1; }

#header { background: url("images/new/header1.jpg") top left no-repeat; width: 100%; height: 418px; overflow: hidden; }
#logo { float: left; width: 250px; height: 70px; }
#logo h1 { padding: 0; margin: 0; }
#logo h1 a { display: block; width: 250px; height: 70px; }
#logo h1 a span { display: none; }

/* Menu */
#menu { float: right; list-style: none; overflow: hidden; margin: 10px 80px 0 0; }
#menu ul { margin: 0; }
#menu li { float: left; padding: 0px 10px; color: #fff; list-style: none; border-left: 1px solid #fff; margin-left: -1px; }
#menu li a { font: 15px/16px Arial Narrow; color: #fff; text-decoration: underline; }
#menu li a:hover { color: #c4ad4d; }
#menu li.a a { color: #BB9B2C; }

/* Phones etc. */
#box { float: left; margin-top: 80px; margin-left: 315px; width: 120px; height: 55px; overflow: hidden; }
html>body #box { margin-top: 80px; margin-left: 340px; }
#box p { font: 11px/12px Arial; color: #fff; margin: 2px 0; }
#box p span { color: #f33; }
#box p.basket { float: left; margin-top: 10px; }
#box p.basket a { color: #fff; font: 12px Arial; text-decoration: underline; }
#box p.order { text-align: right; margin-top: 15px; }
#box p.order a { background: url("images/order.gif") left no-repeat; color: #fff; padding-left: 15px; }

.dostavka { position: absolute; top: 380px; left: 54%; amargin: 370px 10px 0 540px; color: white; font-size: 18px; z-index: 500; width: 390px; height: 30px; }

/* Works */
#works { float: left; margin-top: 35px; margin-left: 265px; width: 330px; height: 120px; }
html>body #works { margin-top: 35px; margin-left: 530px; right: 115px; }
#works .offer { width: 100%; }
#works .offer .img { text-align: center; vertical-align: top; padding: 0 10px; }
#works .offer .img img { max-width: 140px; max-height: 100px; border: 2px solid #FF0000; }
#works .offer .text { text-align: center; font-size: 15px; vertical-align: top; }
#works .offer .offertitle { color: #9CD866; font-size: 22px; }
#works .offer .model a { color: #FFFFFF; }
#works .offer .price { text-align: center; font-size: 20px; color: red; vertical-align: bottom; padding: 0 10px; }
#works .offer .price .l { background: url("images/new/toppriceblock-l.gif") left top no-repeat; height: 32px; padding-left: 9px; }
#works .offer .price .r { background: url("images/new/toppriceblock-r.gif") right top no-repeat; height: 32px; padding-right: 9px; }
#works .offer .price .c { background: url("images/new/toppriceblock-c.gif") left top repeat-x; height: 32px; padding-top: 3px; }


/*
#works ul { list-style-type: none; margin: 0; }
#works li { float: left; margin-right: 15px; }
*/

/* Phones */
#phones { float: left; margin-top: 25px; margin-left: 60px; height: 60px; }
html>body #phones { margin-top: 25px; margin-left: 130px; }
#phones p { font: 28px/30px Mirad, Arial; color: #ceceb2; }
#phones p span { font-size: 14px; }


/* Content */
#content { width: 100%; overflow: hidden; abackground: #cdcdcc; background: #ffffff; }
#content h2 { font: 24px Tahoma; }
#content h2 a { color: #000; }
#content .left { float: left; width: 281px; }
#content .right { float: right; width: 699px; background: url("images/new/topblocks-m.gif") top left repeat-y; }
#content .right .al { background: url("images/new/topblock-t.jpg") top left no-repeat; }

/* Left column */

#content .left .search { float: left; background: url("images/new/newsblock-t1.gif") top left no-repeat; width: 281px; height: 109px; }
#content .left .search form { margin: 0; }
#content .left .search form div { padding: 20px 0 0 20px; }

#content .left .latest { float: left; background: url("images/new/newsblock-m1.gif") top left repeat-y; width: 281px; }
#content .left .latest .center { width: 170px; margin-left: 50px; }
#content .left .latest .bottom { float: left; background: url("images/new/newsblock-b1.gif") bottom left no-repeat; width: 281px; height: 9px; }
#content .left .latest h2 { font: 30px Tahoma; color: #676755; }

#content .left .latest dl { color: #000; margin-top: 10px; }
#content .left .latest dl dt { color: #bdbda7; background: #676755; font: bold 10px Tahoma; padding: 2px 5px; width: 60px; }
#content .left .latest dl dd { font: 70% Tahoma; margin-bottom: 1.2em; }
#content .left .latest dl dd.link { margin: 5px 0 10px; }
#content .left .latest dl dd.link a { color: #0e4967; background: url("images/latest_link.gif") left no-repeat; padding-left: 15px; }

#content .left .articles { float: left; width: 260px; margin-top: 30px; }
#content .left .articles .center { width: 170px; margin-left: 50px; }
#content .left .articles h2 { font: 30px Tahoma; color: #8d8c78; border-bottom: 1px solid #8d8c78; }

#content .left .articles dl { color: #000; margin-top: 10px; }
#content .left .articles dl dt { color: #bdbda7; background: #676755; font: bold 10px Tahoma; padding: 2px 5px; width: 60px; }
#content .left .articles dl dd { font: 70% Tahoma; margin: 10px 0; }
#content .left .articles dl dd a { color: black; }


/* Right */
#content .right .top { height: 200px; }

#content .right .top ul, #content .right .kn ul { margin: 85px 0 10px 25px; list-style-type: none; }
#content .right .top ul li, #content .right .kn ul li { font: 15px Tahoma; min-width: 200px; padding-left: 15px; background: url('images/new/squarebullet.gif') left 6px no-repeat; }
#content .right .top ul a { color: #0982c0; }

#content .right .top .ar { float: left; width: 229px; height: 200px; }
#content .right .top .lk { float: left; width: 229px; height: 200px; }
#content .right .top .pn { float: left; width: 228px; height: 200px; }
#content .right .kn { float: right; width: 228px; aheight: 200px; }

#content .right .new-kn { height: 190px; abackground: url('images/new/topblocks-m.gif') left top repeat-y; }

#content .right .new { float: left; width: 450px; margin-left: 10px; overflow: hidden; padding-top: 20px;amin-height: 200px; }
#content .right .new .center { float: left; width: 330px; margin-left: 20px; margin-top: 10px; }

#content .right .new-img { border: 2px solid #C4A32F; width: 72px; height: 72px; text-align: center; }
#content .right img { aborder: 2px solid #C4A32F; }
#content .right ul { list-style-type: none; margin: 10px 0; }
#content .right ul li { width: 31%; float: left; margin-right: 7px; }
#content .right li div, #content .right .cup li div a { color: #8c8c78; font: 10px Tahoma; }

#content .right .new a { color: black; }
#content .right .new .price { color: red; font-weight: bold; }

#content .right .top .ar a { color: red; }
#content .right .top .lk a { color: #0000c4; }
#content .right .top .pn a { color: black; }
#content .right .kn a { color: #306430; }

#content .right .pop { float: right; width: 250px; margin-top: 10px; }

#content .right .bottom { height: 11px; width: 689px; background: url('images/new/topblocks-b.gif') left top no-repeat; }

/*
#content .right .al {
	float: left;
	width: 688px;
	overflow: hidden;
}

#content .right .arbalety { float: left; width: 400px; background: url("images/arbalety_back.gif") left repeat-y; }
#content .right .arbalety h2 { font: 24px/60px Tahoma; color: #fff; }
#content .right .arbalety .top { background: url("images/arbalety_top.gif") top left no-repeat; width: 100%; overflow: hidden; }
#content .right .arbalety .l { 	float: left; width: 150px; margin-left: 30px; }
html>body #content .right .arbalety .l { margin-left: 50px; }
#content .right .arbalety .r { float: left; width: 150px; }
#content .right .arbalety ul { color: #0982c0; margin: 0 0 10px; list-style-type: none; }
#content .right .arbalety ul li { font: 11px/18px Tahoma; }
#content .right .arbalety ul li.end { margin-top: 1.2em; }
#content .right .arbalety ul a { color: #0982c0; }


#content .right .tir {
	float: left;
	width: 305px;
	background: #b0b09f;
	margin-top: 10px;
}

#content .right .tir img {
	padding: 10px;
}


#content .right .cup {
	float: left;
	width: 709px;
	background: url("images/cup.jpg") top left no-repeat;
	margin-top: 20px;
	margin-left: 0px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#content .right .cup .new {
	float: left;
	width: 357px;
	margin-left: 10px;
	overflow: hidden;
}

html>body #content .right .cup .new {
	margin-left: 20px;
}

#content .right .cup .new .center {
	float: left;
	width: 330px;
	margin-left: 20px;
	margin-top: 10px;
}

html>body #content .right .cup .new .center {
	padding-left: 20px;
}

#content .right .cup .new .bottom {
	float: left;
	background: url("images/new_bottom.gif") bottom left no-repeat;
	height: 10px;
	width: 356px;
	margin-top: 0px;
}

#content .right .cup h2 {
	color: #8c8c78;
	font: 30px/30px Tahoma;
	margin: 0;
}

#content .right .cup h2 a {
	color: #8c8c78;
}

#content .right .cup img {
	border: 2px solid #9d9d8c;
}

#content .right .cup ul {
	list-style-type: none;
	margin: 10px 0 0;
}

#content .right .cup ul li {
	width: 30%;
	float: left;
	margin-right: 7px;
}

#content .right .cup li div, #content .right .cup li div a {
	color: #8c8c78;
	font: 10px Tahoma;
}

#content .right .cup .pop {
	float: right;
	width: 250px;
	margin-top: 10px;
}
*/


/*
	Posts
*/

#content .posts {
	float: left;
	/* width: 709px; <- changed by snowman */
	width: 100%;
	overflow: hidden;
	margin: 10px 0 0;
}

#content .posts .post {
	/*margin-left: 60px; <- changed by snowman */
	margin-left: 50px;
}

#content .posts .post .l, #content .posts .post .r, #content .posts .post .r1 {
	float: left;
	width: 29%;
	margin-right: 3%;
  text-align:justify; /* <- changed by snowman */
}

/* 
#content .right .posts .post .r {
	float: left;
	width: 47%;
}
*/

#content .posts h2 {
	font: 30px Tahoma;
	color: #8d8c78;
	margin-top: 7px; /* <- changed by snowman */
	margin-bottom: 20px;
}

#content .posts h2 a {
	color: #8d8c78;
}

#content .posts p {
	font: 70% Tahoma;
	margin: 10px 0;
}

/*
	Footer
*/

#footer {
	float: left;
	width: 100%;
	background: #cdcdcc;
	margin-top: 20px;
}

#footer .l {
	float: left;
	width: 300px;
	background: url("images/footer_left.gif") top repeat-x;
}

#footer .r {
	float: left;
	width: 680px;
	background: url("images/footer_right.gif") top repeat-x;
}

#footer .copy {
	float: left;
	width: 500px;
}

#footer .right {
	float: right;
	width: 150px;
}

#footer p {
	color: #5d5d5d;
	font: 10px/12px Tahoma;
	margin: 20px 10px 10px 10px;
}

#footer a {
	color: #1c6d97;
}