div#navigation { background: url(../images/bar.jpg) repeat-x top; position: relative; height: 70px; z-index: 2; }
#centerdiv			{ /*IE method of centering a relative div*/ text-align: center;}
#centerdiv div 		{ /*Proper way to center a relative div*/ margin:0 auto;}

/* Main Navigation */
#navigation ul.level_0 { height: 70px; position: absolute; top: 0; left: 50%; margin-left: -246px;  }
#navigation ul .home,#navigation ul .services,#navigation ul .portfolio,#navigation ul .about,#navigation ul .contact,#navigation ul .buy,#navigation ul .address { cursor: pointer; float: left; list-style: none; }
#navigation ul a.main { background: url(../images/sprite2.jpg) no-repeat top left; display: block; outline: none; position: relative; height: 70px; text-decoration: none; width: auto; }
#navigation ul a.main span { display:none; }

/* Standard Links (div#navigation ul li a.main) */
#navigation ul .home a.main { background-position: 0 0; width: 102px; z-index: 1; }
#navigation ul .services a.main { background-position: -102px 0; width: 115px; z-index: 2; }
#navigation ul .portfolio a.main { background-position: -217px 0; width: 120px; z-index: 3; }
#navigation ul .about a.main { background-position: -337px 0; width: 100px; z-index: 4; }
#navigation ul .contact a.main { background-position: -437px 0; width: 114px; z-index: 5; }
#navigation ul .buy a.main { background-position: -551px 0; width: 91px; z-index: 6; }
#navigation ul .address a.main { background-position: -642px 0; width: 105px; z-index: 7; }

/* Hovers  */
#navigation a.main span.hover {
 background: url(../images/sprite2.jpg) no-repeat top left;
 cursor: pointer !important;
 display: block !important; /* Overriding previous span hide */
 padding: 0 1px 0 0;
 position: absolute; top: 0; right: 0;
 height: 70px; width: 100%; z-index: 100;
 }

#navigation .home a.main .hover {
 background-position: 0 -70px; 
 padding: 0;
 }
#navigation .services a.main .hover {
 background-position: -103px -70px;
 background-position: -102px -70px;
 xbackground-position: -102px -70px;
 }
#navigation .portfolio a.main .hover {
 background-position: -219px -70px;
 background-position: -218px -70px;
 }
#navigation .about a.main .hover {
 background-position: -340px -70px;
 background-position: -339px -70px;
 xbackground-position: -337px -70px;
 }
#navigation .contact a.main .hover {
 background-position: -441px -70px;
 background-position: -440px -70px;
 }
#navigation .buy a.main .hover {
 background-position: -556px -70px;
 background-position: -555px -70px;
 }
#navigation .address a.main .hover {
 background-position: -647px -70px;
 background-position: -646px -70px;
 }

#sideblade { float: left; text-align: center; margin:10px 25px 0 10px; position: relative; min-height: 290px; width: 231px; z-index: 2;}
#sideblade h1 { margin: 0; font:bold 16px 'Arial Narrow', Arial, Verdana, Tahoma, sans-serif; color:#fff;} 
#sideblade p { margin: 0 10px; text-align: left; font: 12px Arial, Tahoma, Helvetica, sans-serif; color:#ccc;} 
#sideblade img { margin: 0 0 15px 0; border: 3px solid #555;}
p.photo  { margin: 0; text-align: center !important;}

/* Main Content */
 
* { margin: 0; padding: 0; }

html { height: 100%; min-width: 970px; }
body { background: #111 url(../images/body.jpg) repeat-y top center; min-width: 971px; height: 100%; }
#body { display: block; margin: 30px auto 0 auto; min-width: 971px; max-width: 1400px; position: relative; z-index: 2; height: auto; }
.container { margin: 0 auto; width: 970px; }
#content {margin:-30px 0 0 0;} 
#content h1 {font: 19px Arial, Tahoma, Helvetica, sans-serif; color:#ffaa00;margin:0 0 15px 0}
#content h2 {font: 15px Arial, Tahoma, Helvetica, sans-serif; color:#0099ff;margin:15px 0 10px 0}
#content p {font: 13px Arial, Tahoma, Helvetica, sans-serif; color:#888; line-height: 20px;}
.content-top {background: url(../images/top.jpg) no-repeat bottom left;}
.content-bottom {background: url(../images/bottom.jpg) no-repeat top left;}
.content-middle {background: #000; border-left:1px solid #262626; border-right:1px solid #262626; padding:20px;}
.content-middle p{ margin:10px 0;}
.content-middle th{ font:bold 12px Arial, Tahoma, Helvetica, sans-serif; color:#ccc !important;}
.content-middle h3{ font:bold 12px Arial, Tahoma, Helvetica, sans-serif; color:#ffaa00 !important;}
.content-middle form{ font:bold 12px Arial, Tahoma, Helvetica, sans-serif; color:#999 !important;}
.content-middle input{ padding:5px 0 0 5px; margin:0; height:20px; background:#111; border:1px solid #222; font:bold 13px Arial, Tahoma, Helvetica, sans-serif; color:#ccc;}
.content-middle input:hover{ background:#000; border:1px solid #003BA3; color:#fff;}
.content-middle textarea{ margin:10px 0; background:#111; border:1px solid #222; font:bold 13px Arial, Tahoma, Helvetica, sans-serif; color:#ccc;}
.content-middle textarea:hover{ background:#000; border:1px solid #003BA3; color:#fff;}
.content-middle strong{ color:#fff !important; font-weight: normal;}
.content-middle img { border: 3px solid #555;}
#zakaz {float:left; margin:0 10px 0 0;}
.b-border {border-bottom:1px dotted #222; margin:5px 0 10px 0; padding:5px 0 10px 0 !important;}
input.zakaz-button {margin:0; padding:0 10px; height:28px; clear:both; background:#111; border:1px solid #222; font:bold 13px Arial, Tahoma, Helvetica, sans-serif; color:#ccc;}
input.zakaz-button:hover {margin:0; padding:0 10px; height:28px; clear:both; background:#333; border:1px solid #222; font:bold 13px Arial, Tahoma, Helvetica, sans-serif; color:#ccc;}
ul.spiski {list-style-type: disc; font: 13px Arial, Tahoma, Helvetica, sans-serif; color:#888; line-height: 20px; padding:0 20px}
p.download-link  {line-height:24px !important;}
.download-link a {background: url(../images/link.png) no-repeat top left; padding-left:22px; color:#ffaa00;}
.download-link a:hover {background-position: 0 -19px; text-decoration: none }
.urgent {font: 11px Arial, Tahoma, Helvetica, sans-serif; color:#0099ff; font-weight:normal}

/* Logotype & Footer */

a#logotype {
 background: url(../images/logotype2.jpg) no-repeat top left;
 display: block; height: 70px; width: 245px;  position: absolute; top: 0; left: 50%; margin-left: -495px; /* 960/2 + 10px*/ }

a#logotype h1,a#logotype span { display: none;  }

a#logotype  .hover {
 background: url(../images/logotype2.jpg) no-repeat bottom left;
 display: block; position: absolute; top: 0; left: 0; height: 70px; width: 245px;
 }
 
#footer { width:630px;font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; clear: both; color: #777; margin: 7px 0 0 230px; padding: 14px 0; position: relative; text-align: center; }
#footer1 { width:630px;font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif; clear: both; color: #777; margin: 7px 0 0 0; padding: 14px 0; position: relative; text-align: center; }
 
div#wrap { width: 500px; margin: 50px auto; }

#slide-container {
text-align:center;
margin:20px 0px;
}
#slide-container #slideshow {
width:800px;
height:488px;
margin:auto;
position:relative;
}
#slide-container #slideshow IMG {
position:absolute;
top:0;
left:0;
border: 3px solid #555;}
}