@charset "utf-8";
/* CSS Document */
body { background:url(../images/mainbg.gif) repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.wrapper {margin: 0 auto; width:998px; position:relative;  min-height:680px}
.outer-wrapper {background:url(../images/maintopbg.gif) repeat-x; width:100%; position:relative; }
.outer-wrapper-left { background:url(../images/leftbar.gif) repeat-x; width:30%; margin:0; padding:0; height:108px; position:absolute; left:0; top:0}
.logo { width:400px; height:89px; position:absolute; top:18px}
.nav {width:100px;  position:absolute; left:35px; top:115px}
.nav ul {margin:0; padding:0; width:100px}
.nav ul li { float:left; background:url(../images/darkbtn.png) no-repeat  left top;
height:34px;
list-style:none outside none;
margin:2px 0;
padding:0;
text-align:center;
width:98px;
font-weight:bold;
}
.nav ul li.active { background:url("../images/bluebtn.png") no-repeat scroll 0 0 transparent;
height:15px;
list-style:none outside none;
margin:0;
padding:9px 0;
text-align:center;
width:98px;
font-weight:bold;
}
.nav ul li a { padding-top:9px; text-decoration:none;center; color:#0099ff; display:block}
.nav ul li a:hover {background:url("../images/bluebtn.png") no-repeat scroll 0 0 transparent;
height:15px;
list-style:none outside none;
margin:0;
padding:9px 0;
text-align:center;
width:98px;
font-weight:bold;
color:#000;
}
.frontshow {width:767px; height:507px; position:absolute; top:120px; left:150px}
.language { position:absolute; top:605px; right:105px}
.language ul { width:400px; margin:0; padding:0}
.language ul li { background:url(../images/darkbtn.png) no-repeat; width:99px; height:28px; float:left; list-style:none; padding:9px 0; text-align:center; font-weight:bold}
.language ul li a { color:#fff; text-decoration:none; text-transform: uppercase}

.nav-vert {width:35px;  position:absolute; left:113px; top:195px; z-index:1}
.nav-vert ul {margin:0; padding:0; width:40px}
.nav-vert ul li { float:left; min-height:85px;
list-style:none outside none;
margin:-2px 0;
padding:0;
width:35px;
}
.nav-vert ul li.active { height:92px;list-style:none outside none;margin:1px;padding:6px 0;text-align:center;width:35px}
img { border:0}
/*.collection { position:absolute; top:625px; right:50px}
.collection ul { width:400px; margin:0; padding:0}
.collection ul li { width:168px; height:42px; float:left; list-style:none; padding:0; }
.collection ul li a { color:#fff; text-decoration:none; text-transform: uppercase}*/


.collection {position:absolute; top:605px; right:50px}
.collection ul {width:400px; margin:0; padding:0}
.collection ul li {background:url("../images/collection_btn.png") no-repeat scroll left top transparent;
float:left;
font-weight:bold;
height:34px;
list-style:none outside none;
padding:0;
text-align:center;
width:168px;}
.collection ul li.active { background:url("../images/collection_active.png") no-repeat scroll 0 0 transparent;
height:15px;
list-style:none outside none;
margin:0;
padding:9px 0;
text-align:center;
width:168px;
font-weight:bold;
}
.collection ul li a { padding-top:9px; text-decoration:none;center; color:#0099ff; display:block}
.collection ul li a:hover {background:url("../images/collection_active.png") no-repeat scroll 0 0 transparent;
height:15px;
list-style:none outside none;
margin:0;
padding:9px 0;
text-align:center;
width:168px;
font-weight:bold;
color:#000;
}
.content {background:#FFF; text-align:center; width:747px; height:487px; padding:10px}
.footer { position:absolute; top:645px; right:115px}