/* Reset */
img { border: 0; }

/* Structure */
body { background: #F6F6F6; color: #444444; margin: 0; font-family: Arial,Helvetica,sans-serif; }

* html, p, ul, ol, li { -x-system-font:none; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.6em; }

address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var { font-style: normal; font-weight: normal; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin: 0; padding: 0; }

a { color: #1C7AE4; text-decoration: none; }
a.hover { color: #D54E21; }

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

.clear { clear: both; }

#container { width: 960px; margin: 30px auto 0; padding: 0 0 0 64px; }

/* Header */
#header { background: #000; height: 100px; }

.header_box { width: 960px; margin: 0 auto; }
.header_box h1 a { background: url('images/logo.jpg'); height: 100px; width: 254px; display: block; float: left; }
.header_box ul { clear: right; float: right; list-style: none; color: #fff; text-align: right; margin: 0; }
.header_box ul li { float: left; }
.header_box ul li a { border: medium none; display: block; font-size: 14px; line-height: 34px; padding: 0 8px; color: #999999; }
.header_box ul li a:hover { color: #fff; }
.header_box ul li a.current { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; background: #F6F6F6 none repeat scroll 0 0; color: #555555; }


/* Headings */
.heading h2 { font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif; font-size: 41px; color: #000; line-height: 1.2em; margin-bottom: 25px; margin-left: 12px; margin-top: 9px; }
.heading h3 { color: #888888 !important; font-size: 18px; line-height: 1.3em; margin-bottom: 24px; margin-left: 12px !important; width: 66%; }


.page_heading h2 { font-size: 18px; width: 500px; line-height: 26px; padding: 33px 0 0; }
.page_heading p { color: #1C7AE4; font-size: 18px; line-height: 24px; width: 500px; margin: 50px 0 30px; }
.page_heading p.black { color: #444444; margin: 0 0 30px; }
.page_heading p a.gobtn { position: relative; top: 19px; }

.content { width: 530px; }
.content p { color: #444444; font-size: 15px; line-height: 1.6em; margin-bottom: 1.4em; }

/* Submenu Left(normal) or Right(subhosting) */
.submenu { width: 132px; list-style: none; }
.submenu li { border-bottom: 1px solid #DEDEDE; margin-bottom: 10px; }
.submenu p { font-size: 13px; padding-left: 17px; }
.submenu p strong { clear: right; display: block; font-size: 16px; color: #000; }
.subhosting { width: 226px; }

/* Features Section */
.features a:hover { text-decoration: underline; }
.features p { padding: 30px 16px; border-top: 1px solid #DEDEDE; }
.features p strong { clear: right; display: block; font-size: 16px; color: #000; }
.features .dashboard { background: url('images/feature_dashboard.jpg') top right no-repeat; padding: 23px 460px 18px 16px; }
.features .seo { background: url('images/feature_seo.jpg') bottom left no-repeat; padding-bottom: 121px !important; }
.features .half_left { width: 45%; border-right: 1px solid #DEDEDE; padding: 30px 15px; }
.features .half_right { width: 48%; padding: 30px 18px; }
.features .templates { margin: 5px; display: block; clear: both; }
.features .fees { width: 21%; clear: left; padding: 30px 15px; }
.features .bandwidth { background: url('images/feature_bandwidth.jpg') bottom right no-repeat; width: 21%; border-right: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; padding: 30px 14px; }
.features .time { width: 22%; border-right: 1px solid #DEDEDE; padding: 30px 14px 9px; }
.features .install { width: 22%; padding: 30px 14px; }
.features .user { clear: left; }
.features .cta { clear: left; }
.features .cta strong { font-size: 22px; font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif; }

/* Demo */
.demo a:hover { text-decoration: underline; }
.demo p strong { clear: right; display: block; font-size: 16px; color: #000; }
.demo .admin { background: url('images/admindemo.jpg') bottom right no-repeat; padding: 30px 16px 77px; border-top: 1px solid #DEDEDE; }
.demo .user { background: url('images/userdemo.jpg') bottom right no-repeat; padding: 30px 16px 119px; border-top: 1px solid #DEDEDE; }

/* About Us */
.testimony { background: url('images/testimonybox.jpg') no-repeat; margin: 9px 4px 10px 45px; width: 240px; height: 381px; color: #fff; }
.testimony strong { margin: 10px 0 0 15px; color: #eaeaea; }
.testimony p { margin: 15px; color: #fff; font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif; }
.testimony p cite { font-style: italic; color: #c9c8c8; }

/* Hosting */
.hosting { width: 75%; }
.hosting a:hover { text-decoration: underline; }
.hosting p { padding: 30px 16px; border-top: 1px solid #DEDEDE; }
.hosting p strong { clear: right; display: block; font-size: 16px; color: #000; }

/* Showcase */
.showcase { width: 75%; }
.showcase a:hover { text-decoration: underline; }
.showcase p { padding: 30px 16px; border-top: 1px solid #DEDEDE; width: 322px; }
.showcase p strong { clear: right; display: block; font-size: 16px; color: #000; }

/* Buy/Try */
.buy { width: 75%; border-top: 1px solid #DEDEDE; }
.buy a:hover { text-decoration: underline; }
.buy p.cost { font-size: 24px; font-family: helvetica,arial,sans-serif; margin: 2px; }
.buy p { font-size: 24px; }
.buy h3 { font-size: 35px; font-weight: bold; }
.buy .highlighted { background: #fff; border: 3px solid #3671A1; padding: 10px 10px 25px; text-align: center; width: 693px; }
.post .buy_button a { width: 110px; margin: 15px auto 0; background: #E67919 none repeat scroll 0 0; border-color: #FFFFFF; color: #F6FFAF; height: auto; padding: 5px; line-height:22px; -moz-border-radius:8px; border-style: solid; border-width: 4px; display: block; }

/* Blog */
.blog { width: 75%; }
.blog em { font-style: italic; font-size: 12px; font-weight: bold; display: block; }
.blog a:hover { text-decoration: underline; }
.blog p { padding: 10px 10px 25px; width: 92%; }
.blog strong { display: block; font-size: 16px; color: #000; }
.blog .post { border-top: 1px solid #DEDEDE; padding: 15px 10px 0 10px; }

/* Footer */
#footer { border-top: 1px solid #DEDEDE; padding: 18px; display: block; }
#footer .blog { width: 320px; }
#footer .blog ul { list-style: none; }
#footer .blog strong { font-family: Georgia,Times,serif; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; font-weight: normal; color: #444444; }
#footer .help { width: 320px; margin: 0 18px 0 0; color: #666666; }
#footer .help strong { font-family: Georgia,Times,serif; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; font-weight: normal; color: #444444; }
#footer .get { width: 240px; margin: 0 18px 0 0; color: #666666; }
#footer ol { margin: 0 0 0 19px; }
#footer .get strong { font-family: Georgia,Times,serif; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; font-weight: normal; color: #444444; }

#footerlow { clear: both; border-top: 1px solid #DEDEDE; padding: 10px; font-size: 10px; margin: 15px 0; }