html {background:url(../images/html-bg.gif);}body { margin:0;
font:11px Tahoma, Arial, Helvetica, sans-serif;
background:url(../images/body-bg.gif) repeat-x;
color:#fff;
min-width:1061px;
}
.f-left {float:left;}.f-right {float:right;}.clear {clear:both;}img { border:none;
display:block;
}
form, p, h1, h2, h3, h4, h5, h6, ul { padding:0;
margin:0;
}
a {text-decoration:none;}a:hover {text-decoration:underline;}/*page*/
#page { margin:0 auto;
padding:12px 0 0;
width:1061px;
overflow:hidden;
background:url(../images/page-bg.jpg) no-repeat 0 12px;
}
/*header*/
.header { width:970px;
padding:0 0 0 91px;
overflow:hidden;
}
/*logo*/
h1 a { display:block;
overflow:hidden;
text-indent:-9999px;
width:197px;
height:100px;
margin:0 30px 0 0;
}
.banner { border:2px solid #ccc;
overflow:hidden;
}
ul.menu { overflow:hidden;
list-style:none;
height:53px;
width:819px;
padding:9px 0 0 242px;
}
ul.menu li { float:left;
padding:0 15px 0 0;
font:bold 15px/38px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
ul.menu li.last {background:none;}ul.menu li a { color:#fff;
display:block;
text-decoration:none !important;
}
ul.menu li a:hover,
ul.menu li.active a {background:url(../images/arrow-menu.gif) no-repeat 50% 100%}
/*primary content*/
.primary-content { width:899px;
background:url(../images/primary-shdw.png) repeat-y;
padding:17px 42px 0;
margin:0 0 0 78px;
overflow:hidden;
}
/*left column*/
.left-col {width:562px;}.left-box {margin:0 0 33px;}.left-box,
.left-cnt { background:#282828 url(../images/left-cnt-top.gif) no-repeat;
width:100%;
overflow:hidden;
}
.left-cnt {background:url(../images/left-cnt-btm.gif) no-repeat 0 100%;}.form { width:401px;
overflow:hidden;
margin:18px 0 22px 80px;
padding:15px 0 0;
background:url(../images/form-bg.gif) no-repeat 45px 0;
}
.form p { text-align:right;
font-size:10px;
padding:0 36px 10px 0;
}
.form p a { color:#fff;
padding:0 2px;
text-decoration:none !important;
}
.form p a:hover {color:#89D435;}.form input.text { width:159px;
float:left;
text-align:right;
padding:3px 9px;
margin:0 7px 0 0;
color:#fff;
border:1px solid #fff;
background:#424242;
font:12px Tahoma, Arial, Helvetica, sans-serif;
}
.form input.button {float:right;}.promo { width:100%;
overflow:hidden;
padding:14px 0 5px;
}
.promo-img { background:url(../images/promo-img-bg.jpg) no-repeat;
width:215px;
padding:0 9px 11px 15px;
}
.promo-img img,
.news-img img,
ul.gallery-list li img {border:2px solid #fff;}.promo-txt { height:1%;
display:table;
}
.stars {margin:-5px 22px 0 0;}h2 { color:#ff8d27;
font:bold 18px/17px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
h2 small { display:block;
color:#fff;
font:bold 14px/14px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
.promo-txt p,
.news-txt p { line-height:18px;
padding:2px 10px 0 2px;
}
.link img { display:inline;
position:relative;
top:0;
margin:0 0 -7px;
}
.media-box { width:100%;
overflow:hidden;
padding:8px 0 0;
}
ul.media { overflow:hidden;
list-style:none;
padding:0 0 0 18px;
}
ul.media li { float:left;
padding:0 5px 0 0;
}
p.comments { background:url(../images/comment-bg.jpg) no-repeat 0 4px;
font-size:10px;
margin:18px 10px 0 0;
padding:0 0 0 15px;
color:#8d8d8d;
}
p.comments a {color:#8d8d8d;}.news { width:100%;
overflow:hidden;
padding:15px 0 5px;
}
.news-img { width:88px;
padding:0 12px 7px 19px;
background:url(../images/news-img-bg.jpg) no-repeat;
overflow:hidden;
}
.news-txt { display:table;
height:1%;
}
h3 { color:#94E836;
font:bold 18px/18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
h3.blue {color:#2E74D3;}h3.orange {color:#FF8D27;}.news-txt p { padding-right:30px;
}
.news-txt p.comments { padding-right:10px;
margin:0;
}
.gallery { width:100%;
overflow:hidden;
}
.gallery p { text-align:center;
font:bold 18px/18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
ul.gallery-list { overflow:hidden;
list-style:none;
padding:22px 0 0 0;
width:660px;
}
ul.gallery-list li { width:106px;
float:left;
padding:0 45px 9px 0;
background:url(../images/gallery-shdw.jpg) no-repeat;
}
ul.gall-nav { overflow:hidden;
list-style:none;
text-align:center;
padding:0 0 33px;
}
ul.gall-nav li { display:inline;
font:14px/23px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
padding:0 0 0 5px;
}
ul.gall-nav li img { display:inline;
position:relative;
top:5px;
}
ul.gall-nav li a {color:#C9C9C9;}ul.tabset { overflow:hidden;
list-style:none;
}
ul.tabset li { margin:0 3px 0 0;
font:12px/23px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
width:101px;
float:left;
}
ul.tabset li a { color:#fff;
display:block;
overflow:hidden;
background:url(../images/tabset-item.jpg) no-repeat;
text-align:center;
text-decoration:none;
}
ul.tabset li a:hover,
ul.tabset li.active a {background-position:0 -23px;}.left-box.tab {background:#282828 url(../images/left-cnt-top-tab.gif) no-repeat;}/*right column*/
.right-col {width:302px;}.right-box { background:#282828 url(../images/right-box-top.gif) no-repeat;
width:290px;
padding:0 0 0 12px;
overflow:hidden;
}
h4 { color:#fff;
font:bold 12px/31px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
padding:0 0 5px;
}
.magazine { width:100%;
padding:9px 0 10px;
overflow:hidden;
}
.magazine img {margin:0 17px 0 0;}.magazine-txt { display:table;
height:1%;
}
.magazine-txt p { color:#8DDC35;
padding:27px 0 0;
font:bold 18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
.magazine-txt ul { overflow:hidden;
list-style:none;
padding:5px 0 0;
}
.magazine-txt ul li { background:url(../images/arrow.gif) no-repeat 1px 6px;
padding:0 0 7px 8px;
}
.magazine-txt ul li a {color:#4E9AFF;}.right-btm { width:294px;
height:26px;
padding:10px 0 0 8px;
margin:0 0 11px;
overflow:hidden;
background:url(../images/right-box-btm.gif) no-repeat;
}
.right-btm span { line-height:16px;
background:url(../images/right-corner-link.gif) no-repeat 100% 0;
}
.right-btm a { color:#fff;
display:block;
background:url(../images/left-corner-link.gif) no-repeat;
padding:0 6px;
}
.right-btm.poll-btm { background:url(../images/poll-btm.jpg) no-repeat;
padding-top:12px;
}
.right-btm.video-btm { background:url(../images/video-btm.jpg) no-repeat;
padding-top:11px;
}
.right-btm.forum-btm { background:url(../images/forum-btm.jpg) no-repeat;
padding-top:23px;
}
.right-col .banner { width:296px;
display:block;
margin:0 0 11px;
}
.poll { width:100%;
overflow:hidden;
padding:6px 0 0;
}
.poll div { width:100%;
overflow:hidden;
padding:0 0 12px;
}
.poll div.last {padding-bottom:8px}.poll input.radio { float:left;
margin:0 5px 0 0;
padding:0;
}
.poll label { color:#fff;
width:245px;
float:left;
}
.right-col .stars { margin:9px 2px 0 0;
}
.video-box { background:url(../images/video-shdw.jpg) no-repeat;
width:265px;
margin:20px 0 12px;
padding:2px 9px 11px 6px;
overflow:hidden;
}
ul.forum { overflow:hidden;
list-style:none;
padding:12px 0 0;
}
ul.forum li {padding:0 0 10px;}ul.forum li span { color:#969696;
padding:0 3px 0 0;
}
ul.forum li.last {padding-bottom:0;}ul.forum li a { color:#4E9AFF;
padding:0 0 0 3px;
}
/*footer*/
.footer { width:100%;
background:#231F20 url(../images/footer-bg.jpg) no-repeat 100% 100%;
overflow:hidden;
}
.footer-inn { width:895px;
padding:18px 45px 20px 122px;
overflow:hidden;
margin:0 auto;
}
ul.footer-nav { overflow:hidden;
list-style:none;
width:451px;
}
ul.footer-nav li { width:451px;
overflow:hidden;
font-size:10px;
padding:0 0 6px;
}
ul.footer-nav li.last {background:none;}ul.footer-nav li a { color:#89D435;
width:79px;
float:left;
text-decoration:none;
}
ul.footer-nav li a:hover {text-decoration:underline;}ul.footer-nav li ul { padding:0;
margin:0;
list-style:none;
background:red;
width:auto;
}
ul.footer-nav li ul li { width:auto;
float:left;
padding:0;
}
ul.footer-nav li ul li a { width:auto;
color:#4E9AFF;
padding:0 7px 0 0;
}
.foot-logo { width:155px;
background:url(../images/foot-logo.jpg) no-repeat;
margin:21px 0 0;
padding:83px 0 0;
text-align:center;
font-size:10px;
}
.foot-logo p {padding:0 0 3px;}.foot-logo p span { background:url(../images/kavoon-ico.gif) no-repeat 0 1px;
padding:0 0 0 12px;
}
.foot-logo p a {color:#fff;}.foot-service { width:220px;
padding:30px 0 0;
overflow:hidden;
}
.foot-service ul { overflow:hidden;
list-style:none;
width:230px;
}
.foot-service ul li { float:left;
padding:0 9px 17px 0;
}