1. html {background:url(../images/html-bg.gif);}
  2. body {
  3. 	margin:0;
  4. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  5. 	background:url(../images/body-bg.gif) repeat-x;
  6. 	color:#fff;
  7. 	min-width:1061px;
  8. }
  9. .f-left {float:left;}
  10. .f-right {float:right;}
  11. .clear {clear:both;}
  12. img {
  13. 	border:none;
  14. 	display:block;
  15. }
  16. form, p, h1, h2, h3, h4, h5, h6, ul {
  17. 	padding:0;
  18. 	margin:0;
  19. }
  20. a {text-decoration:none;}
  21. a:hover {text-decoration:underline;}
  22. /*page*/
  23. #page {
  24. 	margin:0 auto;
  25. 	padding:12px 0 0;
  26. 	width:1061px;
  27. 	overflow:hidden;
  28. 	background:url(../images/page-bg.jpg) no-repeat 0 12px;
  29. }
  30. /*header*/
  31. .header {
  32. 	width:970px;
  33. 	padding:0 0 0 91px;
  34. 	overflow:hidden;
  35. }
  36. /*logo*/
  37. h1 a {
  38. 	display:block;
  39. 	overflow:hidden;
  40. 	text-indent:-9999px;
  41. 	width:197px;
  42. 	height:100px;
  43. 	margin:0 30px 0 0;
  44. }
  45. .banner {
  46. 	border:2px solid #ccc;
  47. 	overflow:hidden;
  48. }
  49. ul.menu {
  50. 	overflow:hidden;
  51. 	list-style:none;
  52. 	height:53px;
  53. 	width:819px;
  54. 	padding:9px 0 0 242px;
  55. }
  56. ul.menu li {
  57. 	float:left;
  58. 	padding:0 15px 0 0;
  59. 	font:bold 15px/38px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  60. 	text-transform:uppercase;
  61. }
  62. ul.menu li.last {background:none;}
  63. ul.menu li a {
  64. 	color:#fff;
  65. 	display:block;
  66. 	text-decoration:none !important;
  67. }
  68. ul.menu li a:hover,
  69. ul.menu li.active a {background:url(../images/arrow-menu.gif) no-repeat 50% 100%}
  70.  
  71. /*primary content*/
  72. .primary-content {
  73. 	width:899px;
  74. 	background:url(../images/primary-shdw.png) repeat-y;
  75. 	padding:17px 42px 0;
  76. 	margin:0 0 0 78px;
  77. 	overflow:hidden;
  78. }
  79. /*left column*/
  80. .left-col {width:562px;}
  81. .left-box {margin:0 0 33px;}
  82. .left-box,
  83. .left-cnt {
  84. 	background:#282828 url(../images/left-cnt-top.gif) no-repeat;
  85. 	width:100%;
  86. 	overflow:hidden;
  87. }
  88. .left-cnt {background:url(../images/left-cnt-btm.gif) no-repeat 0 100%;}
  89. .form {
  90. 	width:401px;
  91. 	overflow:hidden;
  92. 	margin:18px 0 22px 80px;
  93. 	padding:15px 0 0;
  94. 	background:url(../images/form-bg.gif) no-repeat 45px 0;
  95. }
  96. .form p {
  97. 	text-align:right;
  98. 	font-size:10px;
  99. 	padding:0 36px 10px 0;
  100. }
  101. .form p a {
  102. 	color:#fff;
  103. 	padding:0 2px;
  104. 	text-decoration:none !important;
  105. }
  106. .form p a:hover {color:#89D435;}
  107. .form input.text {
  108. 	width:159px;
  109. 	float:left;
  110. 	text-align:right;
  111. 	padding:3px 9px;
  112. 	margin:0 7px 0 0;
  113. 	color:#fff;
  114. 	border:1px solid #fff;
  115. 	background:#424242;
  116. 	font:12px Tahoma, Arial, Helvetica, sans-serif;
  117. }
  118. .form input.button {float:right;}
  119. .promo {
  120. 	width:100%;
  121. 	overflow:hidden;
  122. 	padding:14px 0 5px;
  123. }
  124. .promo-img {
  125. 	background:url(../images/promo-img-bg.jpg) no-repeat;
  126. 	width:215px;
  127. 	padding:0 9px 11px 15px;
  128. }
  129. .promo-img img,
  130. .news-img img,
  131. ul.gallery-list li img {border:2px solid #fff;}
  132. .promo-txt {
  133. 	height:1%;
  134. 	display:table;
  135. }
  136. .stars {margin:-5px 22px 0 0;}
  137. h2 {
  138. 	color:#ff8d27;
  139. 	font:bold 18px/17px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  140. }
  141. h2 small {
  142. 	display:block;
  143. 	color:#fff;
  144. 	font:bold 14px/14px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;	
  145. }
  146. .promo-txt p,
  147. .news-txt p {
  148. 	line-height:18px;
  149. 	padding:2px 10px 0 2px;
  150. }
  151. .link img {
  152. 	display:inline;
  153. 	position:relative;
  154. 	top:0;
  155. 	margin:0 0 -7px;
  156. }
  157. .media-box {
  158. 	width:100%;
  159. 	overflow:hidden;
  160. 	padding:8px 0 0;
  161. }
  162. ul.media {
  163. 	overflow:hidden;
  164. 	list-style:none;
  165. 	padding:0 0 0 18px;
  166. }
  167. ul.media li {
  168. 	float:left;
  169. 	padding:0 5px 0 0;
  170. }
  171. p.comments {
  172. 	background:url(../images/comment-bg.jpg) no-repeat 0 4px;
  173. 	font-size:10px;
  174. 	margin:18px 10px 0 0;
  175. 	padding:0 0 0 15px;
  176. 	color:#8d8d8d;
  177. }
  178. p.comments a {color:#8d8d8d;}
  179. .news {
  180. 	width:100%;
  181. 	overflow:hidden;
  182. 	padding:15px 0 5px;
  183. }
  184. .news-img {
  185. 	width:88px;
  186. 	padding:0 12px 7px 19px;
  187. 	background:url(../images/news-img-bg.jpg) no-repeat;
  188. 	overflow:hidden;
  189. }
  190. .news-txt {
  191. 	display:table;
  192. 	height:1%;
  193. }
  194. h3 {
  195. 	color:#94E836;
  196. 	font:bold 18px/18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  197. }
  198. h3.blue {color:#2E74D3;}
  199. h3.orange {color:#FF8D27;}
  200. .news-txt p {
  201. 	padding-right:30px;
  202. }
  203. .news-txt p.comments {
  204. 	padding-right:10px;
  205. 	margin:0;
  206. }
  207.  
  208.  
  209. .gallery {
  210. 	width:100%;
  211. 	overflow:hidden;
  212. }
  213. .gallery p {
  214. 	text-align:center;
  215. 	font:bold 18px/18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  216. }
  217. ul.gallery-list {
  218. 	overflow:hidden;
  219. 	list-style:none;
  220. 	padding:22px 0 0 0;
  221. 	width:660px;
  222. }
  223. ul.gallery-list li {
  224. 	width:106px;
  225. 	float:left;
  226. 	padding:0 45px 9px 0;
  227. 	background:url(../images/gallery-shdw.jpg) no-repeat;
  228. }
  229. ul.gall-nav {
  230. 	overflow:hidden;
  231. 	list-style:none;
  232. 	text-align:center;
  233. 	padding:0 0 33px;
  234. }
  235. ul.gall-nav li {
  236. 	display:inline;
  237. 	font:14px/23px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  238. 	padding:0 0 0 5px;
  239. }
  240. ul.gall-nav li img {
  241. 	display:inline;
  242. 	position:relative;
  243. 	top:5px;
  244. }
  245. ul.gall-nav li a {color:#C9C9C9;}
  246. ul.tabset {
  247. 	overflow:hidden;
  248. 	list-style:none;
  249. }
  250. ul.tabset li {
  251. 	margin:0 3px 0 0;
  252. 	font:12px/23px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  253. 	width:101px;
  254. 	float:left;
  255. }
  256. ul.tabset li a {
  257. 	color:#fff;
  258. 	display:block;
  259. 	overflow:hidden;
  260. 	background:url(../images/tabset-item.jpg) no-repeat;
  261. 	text-align:center;
  262. 	text-decoration:none;
  263. }
  264. ul.tabset li a:hover,
  265. ul.tabset li.active a {background-position:0 -23px;}
  266. .left-box.tab {background:#282828 url(../images/left-cnt-top-tab.gif) no-repeat;}
  267. /*right column*/
  268. .right-col {width:302px;}
  269. .right-box {
  270. 	background:#282828 url(../images/right-box-top.gif) no-repeat;
  271. 	width:290px;
  272. 	padding:0 0 0 12px;
  273. 	overflow:hidden;
  274. }
  275. h4 {
  276. 	color:#fff;
  277. 	font:bold 12px/31px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  278. 	padding:0 0 5px;
  279. }
  280. .magazine {
  281. 	width:100%;
  282. 	padding:9px 0 10px;
  283. 	overflow:hidden;
  284. }
  285. .magazine img {margin:0 17px 0 0;}
  286. .magazine-txt {
  287. 	display:table;
  288. 	height:1%;
  289. }
  290. .magazine-txt p {
  291. 	color:#8DDC35;
  292. 	padding:27px 0 0;
  293. 	font:bold 18px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  294. }
  295. .magazine-txt ul {
  296. 	overflow:hidden;
  297. 	list-style:none;
  298. 	padding:5px 0 0;
  299. }
  300. .magazine-txt ul li {
  301. 	 background:url(../images/arrow.gif) no-repeat 1px 6px;
  302. 	 padding:0 0 7px 8px;
  303. }
  304. .magazine-txt ul li a {color:#4E9AFF;}
  305. .right-btm {
  306. 	width:294px;
  307. 	height:26px;
  308. 	padding:10px 0 0 8px;
  309. 	margin:0 0 11px;
  310. 	overflow:hidden;
  311. 	background:url(../images/right-box-btm.gif) no-repeat;
  312. }
  313. .right-btm span {
  314. 	line-height:16px;
  315. 	background:url(../images/right-corner-link.gif) no-repeat 100% 0;
  316. }
  317. .right-btm a {
  318. 	color:#fff;
  319. 	display:block;
  320. 	background:url(../images/left-corner-link.gif) no-repeat;
  321. 	padding:0 6px;	
  322. }
  323. .right-btm.poll-btm {
  324. 	background:url(../images/poll-btm.jpg) no-repeat;
  325. 	padding-top:12px;
  326. }
  327. .right-btm.video-btm {
  328. 	background:url(../images/video-btm.jpg) no-repeat;
  329. 	padding-top:11px;
  330. }
  331. .right-btm.forum-btm {
  332. 	background:url(../images/forum-btm.jpg) no-repeat;
  333. 	padding-top:23px;
  334. }
  335. .right-col .banner {
  336. 	width:296px;
  337. 	display:block;
  338. 	margin:0 0 11px;
  339. }
  340. .poll {
  341. 	width:100%;
  342. 	overflow:hidden;
  343. 	padding:6px 0 0;
  344. }
  345. .poll div {
  346. 	width:100%;
  347. 	overflow:hidden;
  348. 	padding:0 0 12px;
  349. }
  350. .poll div.last {padding-bottom:8px}
  351. .poll input.radio {
  352. 	float:left;
  353. 	margin:0 5px 0 0;
  354. 	padding:0;
  355. }
  356. .poll label {
  357. 	color:#fff;
  358. 	width:245px;
  359. 	float:left;
  360. }
  361. .right-col .stars {
  362. 	margin:9px 2px 0 0;
  363. }
  364. .video-box {
  365. 	background:url(../images/video-shdw.jpg) no-repeat;
  366. 	width:265px;
  367. 	margin:20px 0 12px;
  368. 	padding:2px 9px 11px 6px;
  369. 	overflow:hidden;
  370. }
  371. ul.forum {
  372. 	overflow:hidden;
  373. 	list-style:none;
  374. 	padding:12px 0 0;
  375. }
  376. ul.forum li {padding:0 0 10px;}
  377. ul.forum li span {
  378. 	color:#969696;
  379. 	padding:0 3px 0 0;
  380. }
  381. ul.forum li.last {padding-bottom:0;}
  382. ul.forum li a {
  383. 	color:#4E9AFF;
  384. 	padding:0 0 0 3px;
  385. }
  386. /*footer*/
  387. .footer {
  388. 	width:100%;
  389. 	background:#231F20 url(../images/footer-bg.jpg) no-repeat 100% 100%;
  390. 	overflow:hidden;
  391. }
  392. .footer-inn {
  393. 	width:895px;
  394. 	padding:18px 45px 20px 122px;
  395. 	overflow:hidden;
  396. 	margin:0 auto;
  397. }
  398. ul.footer-nav {
  399. 	overflow:hidden;
  400. 	list-style:none;
  401. 	width:451px;
  402. }
  403. ul.footer-nav li {
  404. 	width:451px;
  405. 	overflow:hidden;
  406. 	font-size:10px;
  407. 	padding:0 0 6px;
  408. }
  409. ul.footer-nav li.last {background:none;}
  410. ul.footer-nav li a {
  411. 	color:#89D435;
  412. 	width:79px;
  413. 	float:left;
  414. 	text-decoration:none;
  415. }
  416. ul.footer-nav li a:hover {text-decoration:underline;}
  417. ul.footer-nav li ul {
  418. 	padding:0;
  419. 	margin:0;
  420. 	list-style:none;
  421. 	background:red;
  422. 	width:auto;
  423. }
  424. ul.footer-nav li ul li {
  425. 	width:auto;
  426. 	float:left;
  427. 	padding:0;
  428. }
  429. ul.footer-nav li ul li a {
  430. 	width:auto;
  431. 	color:#4E9AFF;
  432. 	padding:0 7px 0 0;
  433. }
  434. .foot-logo {
  435. 	width:155px;
  436. 	background:url(../images/foot-logo.jpg) no-repeat;
  437. 	margin:21px 0 0;
  438. 	padding:83px 0 0;
  439. 	text-align:center;
  440. 	font-size:10px;
  441. }
  442. .foot-logo p {padding:0 0 3px;}
  443. .foot-logo p span {
  444. 	background:url(../images/kavoon-ico.gif) no-repeat 0 1px;
  445. 	padding:0 0 0 12px;
  446. }
  447. .foot-logo p a {color:#fff;}
  448. .foot-service {
  449. 	width:220px;
  450. 	padding:30px 0 0;
  451. 	overflow:hidden;
  452. }
  453. .foot-service ul {
  454. 	overflow:hidden;
  455. 	list-style:none;
  456. 	width:230px;
  457. }
  458. .foot-service ul li {
  459. 	float:left;
  460. 	padding:0 9px 17px 0;
  461. }