@import url(../css/reset.css);
html { height:100%; font-size:13px; }
body { position:relative; background:#0d0200 url(../img/bg.png) repeat-x; color:#ffffff; font:100.1% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }


#page { position:relative; z-index:5; width:962px; margin:0 auto }

#header { position:relative; height:617px; margin-bottom:-167px }
#header .container { padding:0 14px }
#header .sms { height:47px; line-height:47px; text-align:right; margin-left:400px; color:#fff0b2; font-size:24px; display:block; text-decoration:none }
#header .sms:hover { color:#fff0b2; text-decoration:underline }

#nav { position:absolute; left:14px; top:57px; padding:0; list-style:none; width:185px }
#nav li { height:33px; margin-bottom:3px }
#nav a { display:block; height:33px; line-height:34px; color:#fffefe; font-size:18px; background:url(../img/menu.jpg) no-repeat 0 0; text-align:center; overflow:hidden; _zoom:1; text-decoration:none }
#nav a:hover { background-position:100% 0; text-decoration:none }

#nav .v2 { background-position:0 -36px }
#nav .v3 { background-position:0 -72px }
#nav .v4 { background-position:0 -108px }
#nav .v5 { background-position:0 -144px }
#nav .v6 { background-position:0 -180px }
#nav .v7 { background-position:0 -216px }
#nav .v8 { background-position:0 -252px }
#nav .v9 { background-position:0 -288px }
#nav .v9 { background-position:0 -324px }

#nav .v2:hover { background-position:100% -36px }
#nav .v3:hover { background-position:100% -72px }
#nav .v4:hover { background-position:100% -108px }
#nav .v5:hover { background-position:100% -144px }
#nav .v6:hover { background-position:100% -180px }
#nav .v7:hover { background-position:100% -216px }
#nav .v8:hover { background-position:100% -252px }
#nav .v9:hover { background-position:100% -288px }
#nav .v9:hover { background-position:100% -324px }

#content { position:relative; z-index:5; overflow:hidden; _zoom:1; padding-bottom:366px }
#content .container { padding:0 18px; margin:18px 0 0; zoom:0 }

.categories { width:956px; left:-13px; margin-right:-100px; position:relative; color:#a6541b; font-size:11px }
.categories table td { padding:0; border:0; position:relative; overflow:hidden; height:293px; width:236px; padding-right:3px; }

.categories table .bg { display:block; position:absolute; height:290px; width:100%; overflow:hidden; _zoom:1; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; -moz-opacity: 0.3; -khtml-opacity: 0.3 }
.categories table .bg .top { display:block; height:280px; background:url(../img/thumb-bg.png) no-repeat 0 -10px }
.categories table .bg .bottom { display:block; height:10px; background:url(../img/thumb-bg.png) no-repeat 0 0; _zoom:1; overflow:hidden }
.categories table .box { position:relative; padding:14px 14px 0 14px }
.categories table h4 { font-size:15px; text-align:center; padding:0; margin:0 0 .8em }
.categories table a, .categories table a:hover { color:#fff; text-decoration:underline }
.categories table a img { border:1px solid #850000 }
.categories p { text-align:center }

h2,h3,h1 { font-size:24px; color:#a6541b; margin:.5em 0 .3em; font-weight:normal}

.block-bg { position:absolute; left:0; top:0; z-index:1; overflow:hidden }
.block-bg img { display:block; }

.container { position:relative; z-index:2; zoom:1 }

#footer { position:absolute; height:366px; z-index:10; width:100%; bottom:0; left:0; }
#footer .container { height:366px; width:962px; margin:0 auto; padding:0 9px}
#footer .box { position:relative; z-index:2; padding-top:34px; height:332px; margin-right:18px }
#footer p.warning { margin-left:408px; font-size:11px }
#footer .sms { bottom:0; width:100%; position:absolute; height:44px; line-height:45px; display:block; color:#fff0b2; font-size:24px; display:block; text-decoration:none; white-space:nowrap; padding-left:5px}
#footer .sms:hover {color:#fff0b2; text-decoration:underline }

#f-bg { position:absolute; height:519px; z-index:1; width:100%; bottom:0; left:0; }
#f-bg  .container { height:519px; width:962px; margin:0 auto; padding:0 9px; background:url(../img/footer-bg.gif) no-repeat 0 0; }
#f-bg  .block-bg { left:9px; top:auto; bottom:-1px }

/*bg*/
#bg { position:absolute; z-index:1; top:0; left:0; width:100%; height:670px; overflow:hidden } #bg i { display:block }
#bg .main { width:962px; margin:0 auto; position:relative; height:670px }
#bg .main .b-r { position:absolute; width:337px; height:670px; top:0; right:0; margin-right:-337px; background:url(../img/bg-r.jpg) no-repeat 0 0}
#bg .main .b-l { position:absolute; width:337px; height:670px; top:0; left:0; margin-left:-337px; background:url(../img/bg-l.jpg) no-repeat 0 0}