/* 

=============================================================================

Do not remove.

Author:     			I.AM Payton (www.iampayton.com)
Authorized Use Only:		Gazzin Networks http://www.gazzin.com
Copyright:			Gazzin Networks - Stealing is illegal. Do not use any portion.

_____   _______ _______       _____  _______ __   __ _______  _____  __   _
   |     |_____| |  |  |      |_____] |_____|   \_/      |    |     | | \  |
 __|__ . |     | |  |  |      |       |     |    |       |    |_____| |  \_|
 
 
=============================================================================

*/

/** reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline} body, button, input, select, textarea { font:12px/1.5 Verdana, Arial, sans-serif} table { border-collapse:separate; border-spacing:0} caption, th, td { text-align:left; font-weight:normal} table, td, th { vertical-align:middle} blockquote:before, blockquote:after, q:before, q:after { content:""} blockquote, q { quotes:"" ""} a { text-decoration:none; color:#111} a:hover {
	text-decoration:underline;
	color: #ff4d00;
} a img { border:none} strong {
	font-weight:bold;
	font-size: 16px;
} em { font-style:italic} ul, ol { list-style:none} input:focus { outline:0} select:focus { outline:0}

/** font-size */
.f10 { font-size:10px} .f12 { font-size:12px} .f14 { font-size:14px} .f16 { font-size:16px} .f18 { font-size:18px} .f20 { font-size:20px} .f22 { font-size:22px} .f24 { font-size:24px}
/** font-weight */
.bold { font-weight:bold} .normal { font-weight:normal}
/* margin */
.ml5 { margin-left:5px} .ml10 { margin-left:10px} .ml15 { margin-left:15px} .mr15 { margin-right:15px}
.mt5 { margin-top:5px} .mt10 { margin-top:10px} .mt15 { margin-top:15px} .mt20 { margin-top:20px} .mt30 { margin-top:30px} .mt40 { margin-top:40px}
.mb5 { margin-bottom:5px} .mb10 { margin-bottom:10px} .mb20 { margin-bottom:20px}
/* padding */
.pb5 { padding-bottom:5px} .pb10 { padding-bottom:10px} .pb15 { padding-bottom:15px} .pb20 { padding-bottom:20px}
.pt10 { padding-top:10px}

.block { display:block} .inline { display:inline} .inline-block { display:inline-block}
.rel { position:relative} .abs { position:absolute} .fixed { position:fixed}
.tl { text-align:left} .tc { text-align:center} .tr { text-align:right}
.vt { vertical-align:top}

.fl { display:inline; float:left}
.fr { display:inline; float:right}

.over-hide { text-indent:-9999px; overflow:hidden}

/* clear float */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:before, .clearfix:after { content:'\0020';display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after { clear:both}
.clearfix { *zoom:1}

body { background:#f1f1f1 url(../images/bg.png) repeat-x; color:#111}
.wrapper { width:960px; margin-left:auto; margin-right:auto}

.header { height:137px}
.logo { top:25px; left:2px}
.toplinks { top:25px; right:-5px; color:#aaa}
.toplinks a { margin:0 5px; color:#2f2f2f}
.nav { top:64px; right:-15px}
.nav li { display:inline; float:left; margin-left:1px}
.nav li a { float:left; height:33px; padding-left:15px}
.nav li a span { float:left; height:33px; padding-right:15px; font-size:16px; line-height:33px; color:#252525; text-shadow:1px 0 0 #969696}
.nav li a:hover { text-decoration:none}
.nav li.active a, .nav li a:hover { background:url(../images/nav-hover.png) no-repeat left top}
.nav li.active a span, .nav li a:hover span { background:url(../images/nav-hover.png) no-repeat right top; cursor:pointer; color:#fff; text-shadow:1px 0 0 #ff6000}

.home-banner { height:216px; overflow:hidden}
.home-banner .top-layer { top:0; left:0; width:960px; height:10px; background:url(../images/slider-top-layer.png) no-repeat}
.home-banner .list { position:absolute; width:9600px}
.home-banner .list li { display:inline; float:left}
.home-banner .btn { top:11px; right:12px; width:84px; height:38px; padding-top:4px; background:url(../images/slider-btn-bg.png) no-repeat}
.home-banner .btn li { display:inline; float:left; margin-left:5px}
.home-banner .btn span { display:inline; float:left; width:35px; height:34px; background:url(../images/slider-btn.png) no-repeat}
.home-banner .btn .active span { cursor:pointer}
.home-banner .btn span.prev { background-position:0 -42px}
.home-banner .btn .active span.prev { background-position:0 0}
.home-banner .btn span.next { background-position:-39px -42px}
.home-banner .btn .active span.next { background-position:-39px 0}

.banner { height:105px; background:url(../images/banner.png) no-repeat; color:#fff}
.banner .title { padding:25px 0 0 25px; font-size:30px; line-height:30px; font-weight:bold}
.banner .desc { padding-left:25px; font-size:15px; line-height:15px}
.banner .go { top:32px; right:16px}

.main { padding-top:30px; background:#fff url(../images/main-top-shadow.png) repeat-x}
.home-main { background-image:url(../images/home-main-top-shadow.png)}
.main-bottom { height:15px; background:url(../images/main-bottom.png) no-repeat center top; overflow:hidden}

.main-container { padding:0 20px; color:#2f2f2f}
.main-container .left { float:left; width:617px; padding-right:20px}
.main-container .right { float:left; width:283px}
.main-container p { margin-bottom:20px; line-height:20px}
.main-container img { border:6px solid #f1f1f1}

.page-title { font-size:21px; font-weight:bold; line-height:25px}
.sub-title { margin-bottom:10px; font-weight:bold; color:#ff4d00}

.box {}
.box-top { width:283px; min-height:275px; background:url(../images/box-top.png) no-repeat}
* html .box-top { height:275px}
.box-bottom { height:7px; background:url(../images/box-bottom.png) no-repeat left top; overflow:hidden}
.box-inner { padding:10px 20px 0 20px}
.box-title { font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-1px}

.plan-box { padding-left:1px}
.plan-box .item { display:inline; float:left; width:283px; margin-left:27px}
.plan-box .item .price { margin-top:15px}
.plan-box .item .price .f { display:block; margin-bottom:-3px; line-height:12px; color:#3a3a3a}
.plan-box .item .price .p { margin-left:-4px}
.plan-box .item .price strong { letter-spacing:-1px; font-size:30px; line-height:30px; color:#ff5a00}
.plan-box .item .price em { font-size:16px; color:#747474}
.plan-box .item .intro { margin-top:15px; color:#3a3a3a; letter-spacing:-1px; line-height:16px}
.plan-box .item .go { top:222px; right:4px}
.plan-box .item .go strong { display:inline-block; margin-right:8px; vertical-align:middle; font-size:18px}
.plan-box .item .go a { display:inline-block; vertical-align:middle}
.plan-box .item .icon { top:25px; right:13px}

.quick-nav {}
.quick-nav li {}
.quick-nav li a { display:block; height:27px; padding-left:15px; line-height:27px; font-size:14px; letter-spacing:-1px; color:#044a8e}
.quick-nav li a:hover, .quick-nav li.active a { background:url(../images/quick-nav-hover.png) no-repeat; text-decoration:none}

.quick .go { top:222px; right:4px}
.quick .go strong { display:inline-block; margin-right:8px; vertical-align:middle; font-size:18px; letter-spacing:-1px}
.quick a { display:inline-block; vertical-align:middle}
.quick a img { border:none}

.side-box {}
.side-box .title { font-size:24px; font-weight:bold; letter-spacing:-1px; color:#6f6f6f}
.side-box .content { margin-top:10px; font-size:11px; color:#5e5e5e}

.home-main-bottom {}
.home-main-bottom .left { display:inline; float:left; width:574px}
.home-main-bottom .left .inner { padding-left:28px}
.home-main-bottom .right { display:inline; float:left; width:386px}

.home-main-bottom .left .title { font-size:21px; font-weight:bold; color:#044a8e}
.home-main-bottom .left .list { margin-left:-20px}
.home-main-bottom .left .list li { position:relative; display:inline; float:left; width:160px; min-height:48px; margin-left:25px; margin-right:10px; padding-left:80px; padding-top:20px; padding-bottom:15px; background:url(../images/line.png) no-repeat left bottom}
* html .home-main-bottom .left .list li { height:48px}
.home-main-bottom .left .list li img { position:absolute; top:50%; left:5px; margin-top:-16px}
.home-main-bottom .left .list li p { letter-spacing:-1px; line-height:16px; color:#2f2f2f}

.special-offer { padding-top:30px; padding-left:22px; padding-right:22px; background:url(../images/special-offer-shadow.png) no-repeat center top}
.special-offer .title { font-weight:bold; color:#ff4d00}
.special-offer .sub { font-size:24px; font-weight:bold; color:#6f6f6f}
.special-offer .content p { margin-top:10px}

.payment { padding:10px 0}
.payment img { vertical-align:middle;margin:0 10px;}

.footer { padding-bottom:60px}
.footer .left { float:left; width:560px}
.footer .right { float:right; width:400px}
.footer .left .links {}
.footer .left .links dl { display:inline; float:left; margin:0 25px}
.footer .left .links dt { margin-bottom:10px; font-weight:bold; color:#3a3a3a}
.footer .right .copyright { padding-right:25px; text-align:right; font-weight:bold; color:#3a3a3a}
.footer .left .links dd a { color:#848484}
.footer .right .links { padding-right:25px; text-align:right; color:#858585}
.footer .right .links a { color:#858585}
.footer .addthis { }
.footer .follow { padding-right:25px}
.footer .follow a { display:inline-block; margin-left:3px; width:30px; height:32px}

.tooltip { position:absolute; z-index:100; width:300px; background:#EEF8FF; border:1px solid #B4E0FF; padding:10px}

.data-list { padding:0 20px; font-size:13px}
.data-list th, .data-list td { text-align:center}
.data-list th.ubuntu {
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#044a8e
}
.data-list .dl, .data-list .dr { width:10px}
.data-list .d1 { width:200px; text-align:left}
.data-list .d2 { width:140px}
.data-list .d3 { width:140px}
.data-list .d4 { width:140px}
.data-list .d5 { width:140px}
.data-list .d6 { width:140px}
.data-list tbody tr.line .d1 { border-bottom:1px solid #e4e4e4; color:#3a3a3a}
.data-list tbody tr.line .dl { background:url(../images/dl.png) no-repeat}
.data-list tbody tr.line .dr { background:url(../images/dr.png) no-repeat}
.data-list tbody tr.line td { height:39px; line-height:39px}
.data-list tbody tr.line td.d1 { height:38px; line-height:38px}
.data-list tbody tr.line .d2,
.data-list tbody tr.line .d3,
.data-list tbody tr.line .d4,
.data-list tbody tr.line .d5,
.data-list tbody tr.line .d6 { background:url(../images/dc.png) repeat-x; font-size:12px; color:#353535}
.data-list tbody tr.line img { vertical-align:middle}
.data-list tbody tr.ram .d1,
.data-list tbody tr.ram .d2,
.data-list tbody tr.ram .d3,
.data-list tbody tr.ram .d4,
.data-list tbody tr.ram .d5,
.data-list tbody tr.ram .d6 { font-size:13px; font-weight:bold}

.data-list tbody tr.price td.ubuntu { padding:10px 0; font-size:24px; font-weight:bold; color:#044a8e}

.choice-of { padding:0 20px}
.choice-of .title span { display:block; line-height:14px; font-weight:bold; color:#ff4d00}
.choice-of .title strong { font-size:24px; font-weight:bold; line-height:24px; color:#6f6f6f}
.choice-of .l, .choice-of .r { height:260px; border-bottom:1px solid #e1e1e1}
.choice-of .l { float:left; width:404px}
.choice-of .line { float:left; margin:0 20px; width:1px; height:260px; background:#e1e1e1; overflow:hidden}
.choice-of .l img { margin-left:30px}
.choice-of .r { float:left; width:475px}
.choice-of .type { margin-top:-18px; font-size:24px; font-weight:bold; color:#6f6f6f; letter-spacing:-1px}

.hosting-bottom { margin-left:20px; padding-bottom:20px; border-bottom:1px solid #e1e1e1}
.hosting-bottom .title span { display:block; line-height:14px; font-weight:bold; color:#ff4d00}
.hosting-bottom .title strong { font-size:24px; font-weight:bold; line-height:24px; color:#6f6f6f}
.hosting-bottom .l { float:left; width:470px}
.hosting-bottom .data-list .d2 { width:300px; text-align:left; text-indent:10px}
.hosting-bottom .data-list .d3 { width:110px; text-align:center}
.hosting-bottom .data-list th.ubuntu { font-size:14px; padding-bottom:5px}
.hosting-bottom .r { float:left; width:450px}
.hosting-bottom .r .list { margin-top:-10px; padding:0 15px}
.hosting-bottom .r .list li { position:relative; margin-top:10px; padding-left:80px; width:340px}
.hosting-bottom .r .list li img { position:absolute; top:50%; left:0; margin-top:-30px; border:5px solid #f1f1f1}
.hosting-bottom .r .list li p { letter-spacing:-1px; color:#2f2f2f}
.hosting-bottom .r .list li p strong { color:#044a8e}

.payment img { vertical-align:middle;margin:0 10px;}