* { margin: 0; padding: 0;}
html, body { height: 100%; width: 100%; }
BODY {
	color : #000;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #c5c5c5 url(img/fon.gif);
}
a, a:active, a:link, a:visited {
	text-decoration: underline;
	color: #000;
}
a:hover {
 text-decoration: none;
}
div.preload {
position:absolute;
left:-2000px;
}

h1{ font-size: 18px; position: relative; color: #568855; padding: 10px 0; }
h2{ font-size: 21px; text-transform: uppercase; }
h3{ font-size: 11px; }
.zz {
	height: 250px;
}

.rock {
	border: 1px solid #9e9d9f; 
	padding: 1px;
}

.images {margin:10px 10px}
img{ border: none; }
#all{ margin: 0 auto; height: 100%; }
.all{ height: 737px; width: 979px; background: url(img/fon.jpg) no-repeat; }

.conteiner{ width: 100%; height: 620px; }
.clear{ clear: both; height: 0; overflow: hidden; }

/* start header */
.header{ height: 117px; }
.logo{ padding: 23px 0 0 40px; float: left; }
.logo p{
color: #fff;
font: 19px tahoma, sans-serif;
word-spacing: 10px;
letter-spacing: 5px;
text-transform: uppercase;
}
.icon{ float: right; padding: 10px 0 0 0; list-style: none; width: 130px; }
.icon li{ display: inline; padding: 0 10px; }
.slogan{ padding: 50px 0 0 485px; }
.slogan p{
padding: 23px 0 0 25px; 
border-left: 2px solid #fff;
color: #fff;
font: 20px Arial, Helvetica, sans-serif;
}
/* end header */

/* end sidebar */

/* start sidebar-left */
.sidebar-left{ float: left; margin: 0 0 0 -979px; width: 250px; }
.menu{ padding: 50px 0 0 50px; list-style: none; }
.menu li{ height: 50px; }
*+html .menu li{ height: 69px; }
.menu a, .menu a:active, .menu a:link, .menu a:visited {
   text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif;
	width: 171px;
	height: 38px;
	display: block;
	padding: 13px 0 0 20px;
	margin: 18px 0 0 0;
}
.menu a span{ padding: 0 9px 0 0; position: relative; top: -7px; }
a#about{ background: url(img/about-a.gif) no-repeat; }
a#about:hover{ background: url(img/about-h.gif) no-repeat; }
a#review{ background: url(img/review-a.gif) no-repeat; }
a#review:hover{ background: url(img/review-h.gif) no-repeat; }
a#port{ background: url(img/port-a.gif) no-repeat; }
a#port:hover{ background: url(img/port-h.gif) no-repeat; }
a#usl{ background: url(img/usl-a.gif) no-repeat; }
a#usl:hover{ background: url(img/usl-h.gif) no-repeat; }
a#cont{ background: url(img/cont-a.gif) no-repeat; }
a#cont:hover{ background: url(img/cont-h.gif) no-repeat; }
.menu a small {
font-size: 4px;
line-height: 3px; 
display: block;
clear: left;
position: relative;
top: -5px;
}
html:first-child .menu a small{ display: none; }
/* end sidebar-left */

/* start sidebar-right */
.sidebar-right{
float: left;
margin: 0 0 0 -290px;
width: 290px;
background: url(img/line-v.gif) no-repeat 0px 60px;
min-height: 500px;
}
#article{ padding: 60px 15px 0 30px; }
#article li{
	padding: 10px 0;
	background: url(img/raz.gif) no-repeat 0 100%;
	list-style: none;
	height: 1%;
}
#article li:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0; line-height: 0;}
#article a, #article a:active, #article a:link, #article a:visited {
	 text-decoration: none;
	color: #666565;
	font-size: 9px;
	float: right;
	display: block;
	padding: 0 10px;
	background: url(img/str1.gif) no-repeat 0 4px;
}
#article a:hover { text-decoration: underline; }
/* end sidebar-right */
/* start content */
.content{ float: left; width: 100%; }
.indention{ padding: 60px 332px 0 300px; }
a.podr, a.podr:active, a.podr:link, a.podr:visited {
   text-decoration: none;
	color: #fff;
	font-size: 9px;
	float: right;
	display: block;
	padding: 1px 7px 1px 15px;
	background: #000 url(img/str2.gif) no-repeat 5px 6px;
	clear: both;
}
a.podr:hover { text-decoration: underline; }
.hz li{
padding: 20px 0 0 0;
background: url(img/raz2.gif) no-repeat 0 10px;
list-style: none;
}

a.send, a.send:active, a.send:link, a.send:visited {
   text-decoration: none;
	color: #fff;
	width:50px;
	font-size: 9px;
	display: block;
	padding: 1px 7px 1px 15px;
	background: #000 url(img/str2.gif) no-repeat 5px 6px;
	clear: both;
	margin:6px 0 0 270px;
}
a.send:hover { text-decoration: underline; }
.hz li{
padding: 20px 0 0 0;
background: url(img/raz2.gif) no-repeat 0 10px;
list-style: none;
}

.hz h3{ font-size: 14px; text-transform: uppercase; }
.fl{ float: left; border: 1px solid #cac8c8; margin: 10px 0 0 0; }
.fl img{ border: 2px solid #fff; }
.last-draft{ padding: 5px 0 0 160px; }
#our-pride li{ float: left; padding: 10px 5px; background: none; }
/* end content */

/* start footer */

.footer{ height: 117px; color: #fff; }
.copyright{ padding: 56px 0 0 180px; }
#icq{
	float: right;
	padding: 73px 23px 0 0;
	background: url(img/icq.gif) no-repeat 45px 40px;
	font:  20px tahoma, sans-serif;
}
/* end footer */
/* portfolio */
#portfolio .indention{ padding: 60px 20px 0 270px; }
.fz12{ font-size: 12px; padding: 10px 0; }
.portfolio{
	background: url(img/line-g.gif) no-repeat;
	list-style: none;
	height: 250px;
	padding: 5px 0 0 0;
}
.portfolio li{
width: 208px;
padding: 0 10px;
float: left;
background: url(img/lv.gif) no-repeat 100% 5px;
min-height: 255px;
height: 1%;
}
.image-port{
padding: 5px 0;
text-align: center;
}
.portfolio .end{ background: none; }
.nav{ padding: 20px 0 0 0; }
a.prev, a.prev:active, a.prev:link, a.prev:visited {
	 text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a.prev:hover { text-decoration: underline; }
a.next, a.next:active, a.next:link, a.next:visited {
	 text-decoration: none;
	font-size: 11px;
	float: right;
	font-weight: bold;
}
a.next:hover { text-decoration: underline; }
/* podrb */
#podrob .indention{ padding: 60px 20px 0 300px; }
#podrob .indention p{
	padding: 1px 0 1px 260px;
	font-size: 12px;
}
.site-podr{
	float: left;
	width: 250px;
}
.site-podr img{
padding: 5px 0;
}
.site-podr ul{ list-style: none; }
.text{
	height: 360px;
}
#nav{ background: url(img/gl2.gif) no-repeat; padding: 15px 0 0 0; }
#nav .nav{ padding: 0px 0 0 350px; }
a.back, a.back:active, a.back:link, a.back:visited {
float: left; 
text-decoration: none;
background: #000;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 1px 5px;
}
a.back:hover { text-decoration: underline; }
/* about */
#about .indention{ padding: 60px 20px 0 300px; }
#about .indention p{ padding: 10px 0; }
#about h3{ font-size: 14px; text-transform: uppercase;}.name {
	padding-top: 10px;
}
.artall {
	background-image: url(img/lineart.gif);
	background-position: 0px 100%;
	background-repeat: no-repeat;
}
li#allarticles {
	background-image: none;
}
.sidebar-right #article #allarticles a {
	text-decoration: none;
	background-image: none;
	font-size: 11px;
	color: #000000;
}

/* contact */
.contact {padding: 10px 0 0 100px;}
.contact fieldset {border:none;	padding: 5px 0;}
.contact label {font-size: 11px;width: 150px;display: block;float: left;}
.contact input {border: 1px solid #9e9d9f; padding: 1px; width: 300px; }
.contact textarea {border: 1px solid #9e9d9f; width: 300px;}
/* end contact */