/**
 * www.tomatocms.com
 * 
 * @copyright	Copyright (c) 2009-2010 TIG Corporation (http://www.tig.vn)
 * @version 	$Id: style.css 196 2010-03-30 07:01:33Z huuphuoc $
 */

/* ========== Common ======================================================== */
@font-face { font-family: "MyriadPro SemiboldCond"; src: url("MyriadPro-SemiboldCond.ttf"); }
body { font-family: arial; font-size: 12px; background: #6b6b6b url("../images/bg_body.gif") left top repeat-x; margin: 0px auto; width: 100%; display: table; }
* { margin: 0; padding: 0; }
a, a:hover, a:active, a:focus { outline: none; text-decoration: none; }
a img { border: none; }
ul li { list-style: none; }
br { line-height: 0px; margin-bottom: 6px; }

/* ========== list ======================================================== */
ul.list { font-family: tahoma; color:#ccc; margin-bottom: 15px; overflow: auto; margin-top: 10px; }
ul.list li { background: url(../images/bullet.png) left 5px no-repeat; padding-left: 12px; margin-bottom: 7px; }
ul.list li a:hover { color: #fff; text-decoration: underline; }
ul.list li a, 
ul.list li a:link, 
ul.list li a:active, 
ul.list li a:visited { color: #fff; } 

/* ========== header ======================================================== */
#header { background: url(../images/bg_light.jpg) 50% 21px no-repeat; width: auto; height: 89px; margin: 0 auto; }
.header { margin-top: 21px; } 
#blog_forum { height: 21px; line-height: 21px;color: #999; float: left; position: absolute; right: 0px; }
#blog_forum a { color: #999; padding: 3px 5px; text-decoration: none; font-size: 11px; }

/* ========== logo ======================================================== */
#logo { margin-left: 0px; height: 66px; vertical-align: top; }

/* ========== menu ======================================================== */
#menu { height: 75px; margin: 0px; padding: 0px; float: right; position: relative; }
#menu li { float: left; color: #000; margin: 0px; background: url(../images/menu_space.png) right bottom no-repeat; height: 66px; }
#menu li a:hover { color: #fff; }
#menu li.last {  background: none; }
#menu li a { margin: auto 25px; color: #bbb; font-size: 13px; font-family: tahoma; text-decoration: none; text-align: center; display: block; z-index: 10; position: relative; top: 40px; float: left; height: 10px; }
#menu li.back { border-bottom:2px solid #3d3d3d ; height: 66px; z-index: 8; position: absolute; background: none; }

/* ========== slider ======================================================== */
.slide { font-family: tahoma; line-height: 18px; color: #fff; width: 890px; height: 460px; }
.slide img:first-child { float: right; width: 530px; }
.slide div:first-child a { color: #fff; }
.slide h2 { font-family: "MyriadPro SemiboldCond", Myriad Pro; font-size: 30px; font-weight: normal; margin-top: 25px; margin-bottom: 10px; line-height: 30px; color: #fff; }
.slide a { color: #fff; }
.slide a:hover { text-decoration: underline; }
.slide p { line-height: 17px; margin-bottom: 8px; }
.slider_show { background: url(../images/bg_slider_mid.gif) left center repeat-y; margin: 0 auto; }
.bg_top_slider { background: url(../images/bg_slider_top.gif) 0px 0px no-repeat; }
.bg_bottom_slider { background: url(../images/bg_slider_bottom.gif) left bottom no-repeat; height: 5px; }
.bg_bottom_features { background: url(../images/bg_bottom_slider.png) left bottom no-repeat; height: 5px; }
.space_box { width: 890px; margin: 25px 25px 10px 25px; }
.slider_left { float: left; width: 330px; color: #ccc; }
.slider_left h2 { font-size: 30px; font-family: "MyriadPro SemiboldCond", Myriad Pro; font-weight: normal; margin-top: 25px; margin-bottom: 10px; }
.slider_left h2 a { color:#ccc; }
.slider_left p { font-family: tahoma; line-height: 18px; }
.slider_right { float: right; width: 550px; }

/* ========== content ======================================================== */
#bg_body { background: url(../images/bg.png) no-repeat center 0px; position: absolute; z-index: 0; top: 89px;  margin-left: auto; margin-right: auto; left: 0; right: 0; width: 100%; min-height: 560px; }
#content { margin-top: 20px; color: #333; }
#content h2 { font-size: 22px; margin-bottom: 8px; font-weight: normal; }
#content p { margin: 0px 0px 1em 0px; line-height: 18px; font-size: 13px; }
.button_slider { position: absolute; z-index: 99999; top: 232px; text-indent: -9999px; width: 30px; height: 30px; }
#next2 { right: -16px; background: url(../images/next.png) left top no-repeat; }
#next2:hover { background: url(../images/next_hover.png) left top no-repeat; }
#prev2 { left: -16px; background: url(../images/prev.png) left top no-repeat; }
#prev2:hover { background: url(../images/prev_hover.png) left top no-repeat; }

/* ========== blog ======================================================== */
#blog_entri { padding: 20px 0px; background-color: #1D1F1C; /*border-top: 1px solid #cdcdcd;*/z-index: 10; } 
#blog_entri .update_left { float: left; width: 70px; margin-right: 10px; }
#blog_entri .update_right { float: right; width: 380px; }
#blog_entri h3 { padding: 0px 0px 6px 0px; font-size: 14px; color: #fff; font-weight: bold; }
#blog_entri p { color: #888; font-size: 11px; line-height: 16px; margin-bottom: 4px; }
#blog_entri p a:link, #blog p a:visited, #blog p a:active { color: #888; font-size: 11px; }
#blog_entri p a:hover { text-decoration: underline; color: #888; font-size: 11px; }

/* ========== feedback ======================================================== */
body a#basic-modal { display:block !important; height:103px !important; padding:0 !important; position:fixed !important; text-indent:-9000px; top:40% !important; width:28px !important; z-index:99 !important; }
* html a#basic-modal { position:absolute !important; }
a#basic-modal { background-image: url(../images/feedback.png); background-repeat:no-repeat; right:0; }

/* ========== download ======================================================== */
#download_now { background: url(../images/download.png) no-repeat left top; width: 323px; height: 64px; margin-top: 20px; }
#download_now p { text-align: center; margin: 0px; padding: 0px; }
#download_now p span { font-size: 18px; text-shadow:1px 1px 1px #252628; font-weight: normal; }
#download_now a { color: #fffefe; font-weight: bold; text-align: center; background: none; display: block; line-height: 25px; }

/* ========== package ======================================================== */
.package { border-top:1px solid #313131; width: 890px; margin: 0 auto; font-size: 11px; color: #999; }
.package p { line-height: 17px; margin-bottom: 7px; }
.package h3 { font-family: tahoma; font-size: 14px; font-weight: bold; color: #e14100; margin-top: 5px; margin-bottom: 10px; }
.package ul { padding: 0px; margin-top: 10px; margin-bottom: 8px; }
.package ul li { position: relative; display: block; background: url(../images/bullet.png) left 5px no-repeat; padding-left: 10px; line-height: 16px; margin-bottom: 3px; }
.package ul li a { position: absolute; right: 0px; top: 0px; color:#999; text-decoration: underline; }
.package .package_left { float: left; width: 400px; margin-right: 90px; }
.package .package_right { float: right; width: 400px; }
.package a { color: #999; text-decoration: underline; }
p.translate { background: url(../images/translate.gif) left center no-repeat;  padding-left: 35px; height: 30px; border: none; margin-top: 30px; }

/* ========== box ======================================================== */
.bg_box_top { background: url(../images/bg_box_top.png) left top no-repeat; height: 5px; }
.bg_box_mid { background: url(../images/bg_box_repeat.gif) left top repeat-y; }
.bg_box_bottom { background: url(../images/bg_box_bottom.png) left top no-repeat; height: 5px; }

/* ========== features ======================================================== */
.features h1 { font-family: "MyriadPro SemiboldCond", Myriad Pro; font-size: 30px; color: #fff; font-weight: normal; text-align: right; margin: 10px 0px 10px 0px; }
.bg_box_mid .bg_box_content { background: url(../images/bg_box_mid.jpg) left top no-repeat; padding: 1px; color: #fff; font-size: 12px; font-family: tahoma; }
.bg_box_content ul { margin-bottom: 15px; overflow: auto; float: left; }
.bg_box_content li { width: 200px; float: left; margin-bottom: 5px; background: url(../images/bullet.png) left 5px no-repeat; padding-left: 12px; }
.bg_box_content h2 { font-weight: bold; font-size: 14px; margin-bottom: 10px; margin-top: 15px; }
.bg_box_content h2 a { color: #fff; }
.bg_box_content ul li a:hover { color: #fff; text-decoration: underline; }
.bg_box_content ul li a, .bg_box_content ul li a:link, .bg_box_content ul li:active, .bg_box_content ul li:visited { color: #fff; }
.content_left { float: left; width: 440px; padding-left: 24px; }
.content_right { float: right; width: 450px; border-left: 1px solid #1e1e1e; padding-left: 24px; }

/* ========== features content ======================================================== */
.container_features { margin-bottom: 20px; }
.container_features h1 { font-family: "MyriadPro SemiboldCond", Myriad Pro; font-size: 28px; color: #fff; margin-bottom: 10px; }
.features_content { font-family: tahoma; color: #fff; margin-bottom: 30px; }
.features_content img { margin-left: auto; margin-right: auto; margin-bottom: 5px; }
.features_content h2 { font-size: 24px; font-weight: normal; color: #ffa800; border-bottom: 1px solid #828282; padding-bottom: 7px; font-family: "MyriadPro SemiboldCond"; position: relative; margin-bottom: 8px; }
.features_content h2 a, .features_content h3 a { text-decoration: none; }
.features_content span.button_top a { background: url("../images/top.png") left top no-repeat; position: absolute; right: 0px; top: 10px; text-indent:-999%; outline: none; display: block; width: 16px; height: 16px; display: block; }
.features_content span { font-size: 11px; color: #ffa800; }
.features_content ul li { color: #fff; }
.features_content a { color: #fff; text-decoration: underline; }
.features_content h3 { font-size: 14px; font-weight: bold; margin-bottom: 4px; margin-top: 10px; }
.features_content p { margin-bottom: 5px; line-height: 18px; }
.header_features { position: relative; margin-bottom: 20px; }
.header_features span { font-size: 11px; }
.header_features span a {  color: #ffa800; }

/* ========== footer ======================================================== */
#footer { margin: 0px auto; border-top: 1px solid #a1a1a1; font-size: 11px; background-color: #080808; }
#footer .copyright { color: #a1a1a1; padding: 9px 0px; }
#footer .copyright a { color: #a1a1a1; }