/* CSS Document */
body,td,th,div { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#222; line-height:130%;}
body { margin:0; padding:0;}

a:link, a:visited { color:#710F0F;}
a:hover { color:#9C1414;}
#dev a { color:#fff;}

img { border:0; padding:0; margin:0;}

div.base { width:980px; overflow:hidden;}
.pad20 { padding:20px;}
h1 { font-size:2em; color:#710F0F; font-weight:normal; line-height:200%; margin:0; padding:10px 0;}
h2 { font-size:1.6em; color:#9C1414; font-weight:normal; line-height:150%; margin:0; padding:10px 0;}
.news { font-size:1.6em; color:#9C1414; font-weight:normal; line-height:70%; margin:0; padding:10px 0;}
h3 { font-size:1.2em; color:#333; font-weight:normal; line-height:150%; margin:0; padding:10px 0;}

/* index page */
#header { background:url(images/index_top-bg.jpg) #680606 bottom repeat-x;}
#topmenu { list-style:none; margin:0 0 0 70px;}
#topmenu ul { margin:0; padding:0;}
#topmenu li { display:inline;}
#topmenu li a { display:block; float:left; margin:0 2px; padding: 20px 10px; color:#fff; text-decoration:none; font-size:1.1em; font-weight:bold; background:url(images/topmenu_bg.gif) repeat-x top;}
#topmenu li a:hover, #topmenu li a.act { background-position:0 -55px;  color:#DF8800;}
#indexmain { background:url(images/index_main-bg.jpg) no-repeat top left;}
#indexlogo { width:337px; height:155px; background:url(images/index_logo.png) no-repeat; position:absolute; top:45px; left:20px; z-index:100;}
#indexintro { width:560px; margin:150px 0 0 100px; /margin:165px 0 0 100px;}
div.comment { margin:10px 40px; color:#710F0F; font-size:1.1em;}
#indexfooter { position:relative; height:320px; background:url(images/index_bg-foot.jpg) bottom repeat-x #9A3C3C;}
img.man { position:absolute; top:-283px; left:660px;}

/* content page */
.page { background:url(images/bg-page.jpg) left repeat-y #fff;} 
#top { background:url(images/bg-top.jpg) left bottom repeat-x #690607; border-bottom:10px solid #FF7F18;}
#topbg { height:55px; background:url(images/bg-top1.jpg) left bottom no-repeat;}
#logo { position:absolute; width:248px; height:114px; background:url(images/logo.png) top left no-repeat; top:40px; left:30px;}
.bgpage { background:url(images/bg-page1.jpg) top left no-repeat; overflow:hidden;}
#leftcol { width:215px; float:left; margin:110px 20px 20px 60px;}
* html #leftcol { margin-left:30px;}
#leftmenu {	width:190px; background:url(images/bg-menu.png) top left no-repeat;	margin-left:27px;}
#leftmenu ul { list-style:none; margin:0; padding:10px;}
#leftmenu li { display:block; margin:5px 10px; padding:3px 5px 9px 5px; font-size:1.2em; font-weight:bold; background:url(images/menu-div.jpg) bottom no-repeat;}
#leftmenu li a { text-decoration:none;}
#content { width:537px;	position:relative; background:url(images/bg-content.jpg) left repeat-y;	margin:60px 0 20px 320px; border-left:1px solid #efefef; border-right:1px solid #ccc; padding:20px 40px;}
img.topc { position:absolute; top:-5px; left:-1px;}
img.botc { position:absolute; bottom:-5px; left:-1px;}
div.clear { clear:both;}
#footer { border-top:10px solid #FF7F18; background:url(images/bg-foot.jpg) bottom repeat-x #410D08;}
.foot { height:140px; background:url(images/bg-foot1.jpg) top left no-repeat; padding:20px 0; color:#fff;}
#copyrights { margin:40px 40px 0 40px; color:#fff; line-height:150%;}
td.shop { width:254px; height:228px; background:url(images/bg-tdprod.png) top left no-repeat; padding:0 0 10px 0; text-align:center;}
td.shop img { clear:both; border:1px solid #626262; margin-bottom:10px;}
td.prod { width:256px; height:200px; padding:3px; text-align:center; background:#fff; border:1px solid #ccc;}
td.prod img { clear:both; border:1px solid #ccc;}
#prodmenu { position:absolute; z-index:1000; left:6px; top:2px; width:605px; height:58px; background:url(images/bg-prodmenu.png) top left no-repeat;}
#prodmenu ul { list-style:none; margin:0; padding:20px 0 15px 0;}
#prodmenu li { display:inline; position:relative; padding:10px 15px;}
#prodmenu li span { position:absolute; display:block; background:url(images/prodmenu-div.jpg) top left; width:2px; height:50px; top:-8px; /top:12px; right:0;}
#prodmenu li a, #submenu a {  font-weight:bold; font-size:1.1em; text-decoration:none;}
#prodmenu li a.act,  #submenu a.act { color:#DA251D;}
#prodintro { margin:0 auto; width:520px; height:347px; padding:10px; border:1px solid #ccc; background:#fff; text-align:center;}
#prodintro img { border:1px solid #ccc;}
#submenu { position:absolute; top:55px; left:6px; line-height:200%; width:270px; height:45px; background:url(images/bg-submenu.png) bottom left; padding:5px 10px 10px 10px;}
#dev { width:200px; padding:60px 20px 0 0; float:right; color:#ececec;}

/* gallery */
#gallery {position:relative; width:520px; margin:0 auto; border:6px solid #fff; background:#AAA;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px;}
#image {position:relative; width:506px; height:340px; padding:5px; border:2px solid #666; background:#fff url(images/loading.gif) center center no-repeat;}
#image img {position:absolute; top:5px; left:5px;}
#thumbwrapper {margin-top:10px; padding:5px 0; width:516px; height:100px; border:2px solid #666; background:#FFF;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:516px;}
#thumbs {position:absolute; list-style:none; margin-left:-40px; /margin-left:-10px; height:100px; width:10000px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer;}
.imgnav {position:absolute; height:340px; width:20%; z-index:100; height:340px; width:20%; z-index:100; outline:none; cursor:pointer;}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #fff;}
#previmg:hover {opacity:1; filter:alpha(opacity=100);}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #fff;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100);}