@charset "UTF-8";
/* CSS Document */

/* OUTER LAYOUT */
body{margin:3px 0 0;padding:0;text-align:center;font:80%/1.3em Arial, Helvetica, sans-serif;color:#444;background:url(../images/tileBackground.jpg) repeat-x left -53px #499501}
#container{width:908px;margin:0 auto;text-align:left;background:#fff;padding:0}

/* GENERAL */
a{color:#499501;font-weight:bold}
.green-text{color:#2f5200;font-weight:bold}
a:hover, #main-navigation a:hover{color:#778f16}
form p{margin-top:5px}
h1{line-height:1em}
h1, h3{text-transform:uppercase;font-weight:normal;margin:0;padding:5px 0;letter-spacing:-.02em}
h1 span, h3 span, h1 b{color:#fc9d1d}
h2, legend{text-transform:lowercase;margin:0;padding:0;font-weight:normal;line-height:1.5em}
h3{font-size:150%;padding-bottom:0;padding-top:15px;border-top:1px solid #ddd}
h3.first{border-top:none}
h1, h3, h2.green, legend, td h2{color:#548216}
h1, h2, h3, p{padding-left:20px;padding-right:20px}
h2.orange, .orange-text{color:#ff7400}
h2 a{font-weight:normal;color:#ff7f00;}
img{border:none;padding:0;margin:0}
ol, ul{margin:0;padding-left:40px;padding-right:40px}
ol li{margin-bottom:15px;}
ol ol{list-style:lower-alpha;margin:15px 0 0 15px;padding:0}
ol ol ol{list-style-type:lower-roman;margin:15px 0 0 15px;padding:0}
ol ol ol ol{list-style:upper-alpha;margin:15px 0 0 15px; padding:0}
ol ol ol ol ol{list-style:upper-roman;margin:15px 0 0 15px; padding:0}
strong{color:#333}
.clear{clear:both;}
div.clear{visibility:collapse}
.plan, .next, .previous{text-align:center;vertical-align:middle}
.plan a, .plan-orange a, a.next, a.previous, .continue{margin:0;color:#fff;text-transform:uppercase;font-weight:normal;text-decoration:none;font-size:110%;line-height:50px;display:block;height:50px;text-align:center;}
.plan-orange a, #signup input.continue{background:url(../images/btnOrangeSmall.gif) no-repeat center center;}
.plan a, a.next, a.previous{background:url(../images/btnGreenSmall.gif) no-repeat center center;}
.plan a:hover, .plan-orange a:hover, a.next:hover, a.previous:hover{color:#FF3}
.secure{float:right}
#partner-form textarea, #design-form textarea{width:300px}

/* MAIN NAVIGATION */
.logo{height:139px}
#main-navigation{margin:3px 2px 0 4px;padding:0;width:898px;background:url(../images/tileFeatures.gif) repeat-x;height:28px;border-right:1px solid #cccf9d;border-top:1px solid #dee0be;border-left:1px solid #dee0be}
#main-navigation ul{list-style:none;margin:0;padding:0;width:898px}
#main-navigation li{background:#f3f4e6;display:inline;margin:0;margin:0;padding:0}
#main-navigation a{font: 115% Arial,Helvetica,Verdana,sans-serif;text-decoration:none;color:#4f6b29;display:block;padding:0 10px;float:left;border-right:1px solid #cccf9d;border-left:none;line-height:27px;background:url(../images/tileFeatures.gif) repeat-x}
#home .home, #about .about, #about .sub-about, #team .sub-team, #team .about, #datacenter .sub-datacenter, #datacenter .about, #press .sub-press, #press .about, #press .sub-news, #blognews .about, #blognews .sub-press, #blognews .sub-blognews, #pressreleases .sub-pressreleases, #pressreleases .about, #pressreleases .sub-press, #webhosting .webhosting, #greenit .webhosting, #greenit .sub-greenit, #webdesign .webdesign, #contact .about, #contact .sub-contact, #whitepapers .about, #whitepapers .sub-whitepapers, #login .login, #moneyback .sub-money, #uptime .sub-uptime, #gogreen .gogreen, #gogreen .sub-gogreen, #greenguide .gogreen,  #greenguide .sub-greenguide, #numbers .gogreen, #numbers .sub-numbers, #sitebuilder .webhosting, #sitebuilder .sub-sitebuilder, #ecommercestore .webhosting, #ecommercestore .sub-ecommerestore, #privacy .sub-privacy, #refund .sub-refund, #rules .sub-rules, #termsconditions .sub-termsconditions, #domainreg .sub-domainreg, #icann .sub-icann, #badges .sub-badges, #badges .about, #portfolio .design, #portfolio .sub-portfolio, #pricing .sub-pricing, #pricing .design, #design .design, #design .sub-design, #portfolio .design, #portfolio .sub-portfolio, #design-form .design, #partner .partners, #partner .sub-partners, #web-partner .partners, #web-partner .sub-reseller, #private-label .partners, #private-label .sub-private, #partner-form .partners{color:#f90;background:#fff;border-bottom:1px solid #fff}

/* CONTENT */
#main{width:584px;float:left;border-right:1px solid #ddd;min-height:350px;margin-top:10px}
.section-green{background:url(../images/section-green.jpg) no-repeat;margin:0 10px;padding:15px 0 10px;min-height:130px}
.section-orange{background:url(../images/section-orange.jpg) no-repeat;margin:0 10px;padding:15px 0 15px}
.section-green img.press{margin:0 10px 10px 0}

/* SIDEBAR */
#sidebar{width:323px;float:left;margin-top:10px}
.more a{font-weight:normal;font-size:60%;color:#fc9d1d;float:right}

/* SECONDARY NAVIGATION */
.secondary-navigation{list-style:none;margin:0;padding:0}
.secondary-navigation li{border-bottom:1px solid #ddd; margin:0 20px;padding:0 10px;line-height:30px}
.secondary-navigation a{text-decoration:none}
#sub-nav-press{display:none;padding-left:40px;font-weight:normal}
#press #sub-nav-press, #blognews #sub-nav-press, #pressreleases #sub-nav-press{display:block}

/* FOOTER */
#footer{background:url(../images/footer.jpg) no-repeat bottom;color:#c3d0a7;height:28px;line-height:24px;clear:both;padding:10px 20px 0;font-size:90%}
#footer a{color:#c3d0a7;font-weight:normal}
#footer a:hover{color:#fff}
.footer-copyright{float:right}

/* PAGE SPECIFIC - HOME */
#home .section-green, #home .section-orange{padding-bottom:0}
#home #main .plan, #home #main .plan-orange{width:130px}
img.press{border:2px solid #ccc;float:left;margin:0 2px 5px 3px}
h3.clear{padding-top:20px}
.seals{text-align:center;margin:10px 20px;border:none;}
#home .secure{margin:20px 0 0}
.greenit{float:right;margin:-60px 15px 0 0}
.sub-nav{clear:both;padding:20px 0 10px}
.sub-nav ul{list-style:none;text-align:center}
.sub-nav li{display:inline;padding:0 5px 0 4px;border-right:1px solid #ddd}
.sub-nav .last{border:none}
.widget{margin:15px 20px 0 0;width:130px;float:left;}
.widget p{padding:0 0 0 10px;margin:0}

/* PAGE SPECIFIC - PRESS */
#press img.press, #blognews img.press{margin:0 10px 10px 0}
#press p.clear, #blognews p.clear{border-top:1px solid #ddd;margin:0 20px;padding:10px 0 0}
.newsarticles{list-style:none;margin:0 20px;padding:0}
.newsarticles li{clear:both;border-bottom:1px solid #ddd;line-height:25px}
.date{float:left;width:18%;text-align:center}
.text{float:left;width:82%}


/* PAGE SPECIFIC - WEB HOSTING & PRICING - BOTH PAGES USE TABLES */
#webhosting h1, #pricing h1{margin-top:15px}
#webhosting h2.orange, #webhosting div.features h2, #pricing h2.orange, #pricing div.features h2{padding-left:0;text-align:left}
td h2{line-height:1em}
#webhosting table, #pricing table{margin-left:20px;width:868px;}
#webhosting td, #pricing td{padding:5px;text-align:center;border:1px solid #fff}
td.plan{width:122px}
#pricing td.plan{width:160px;}
#webhosting .features, #pricing .features{background:url(../images/tileFeatures.gif) repeat-x #dce0b4;border:1px solid #dce0b4}
#webhosting div.features, #pricing div.features{margin:0 20px 10px;cursor:pointer;padding:5px;background:none;border:none}
#webhosting .title, #pricing .title{text-align:right;font-weight:bold;color:#333;}
.alt{background:#eef0db}
#webhosting .secure{margin:0 15px 5px 0}
#moreinfo{clear:both}
#morefeatures h2{padding-bottom:10px}
a.featurelink{text-decoration:underline;font-weight:normal}
#webhosting .bestvalue{padding:0;margin:0;text-align:right}
.bestvalue h2{padding:7px 0 0}
.features span{float:right;margin:7px 10px 0 0}
.interested{float:right;display:block;margin:20px 25px 0 0}

/* PAGE SPECIFIC - DESIGN FORM */
#design-form h3{display:none}


/* PAGE SPECIFIC - CONTACT */
fieldset{border:none}
legend{font-size:125%;padding-bottom:10px}
legend, label, input, textarea, select{margin-left:10px}
label{display:block;font-weight:bold;margin-top:10px}

/* PAGE SPECIFIC - LOG IN */
#login h1{text-align:left}
#login form, #login p{text-align:center}
#login legend{margin-left:170px}
#login .section-green, #signup .section-green{background-position:center top;min-height:300px}

/* PAGE SPECIFIC - GO GREEN */
.video{text-align:center;}

/* PAGE SPECIFIC - GREEN GUIDE */
#greenguide #main h2, #greenguide #main ul{margin-top:15px}

/* PAGE SPECIFIC - DESIGN */
.featured1{float:left;width:260px;border-right:1px solid #ddd;margin:15px 0 0;padding:0 8px 0 15px}
.featured2{float:left;width:260px;margin:15px 0 0;padding:0 8px 0 10px}
.featured1 img, .featured2 img{border:3px solid #ddd}
.featured1 p, .featured2 p{padding-left:0;padding-right:0}
.samples{list-style:none;padding-left:20px;padding-right:20px}
.samples img{float:left;margin-right:10px;border:3px solid #ddd}
.samples li{clear:left;padding:5px 0;border-bottom:1px solid #ddd;height:80px}
.samples li:hover, .featured1:hover, .featured2:hover{background:#ffc}
.samples li:hover img, .featured1:hover img, .featured2:hover img{border:3px solid #f90}


/* PAGE SPECIFIC - LANDING PAGE */
#landingpage .section-green{background:url(../images/section-green-big.jpg) no-repeat center 70px;padding:0}
#landingpage .main{background:url(../images/imgSolarPanels.gif) no-repeat right bottom;}
ul#logos{float:right;width:auto;list-style:none;margin:0;padding:0}
#logos li{display:block;float:left;padding:5px 10px 0;border-left:1px dotted #ccc;height:65px;}
#logos .first{border:none;padding-top:0}
#landingpage h1{padding-left:10px;line-height:70px}
#landingpage p{font-size:110%}
.freetrial{padding-top:10px;padding-bottom:20px;background:url(../images/imgFreeTrial.gif) no-repeat 670px 0}
.reasons{margin:15px 0;padding:0 20px;font-size:110%;line-height:1.7em;list-style:none}
.reasons li{padding-left:20px}
.solar{background:url(../images/bulletSun.gif) no-repeat left 2px;}
.nopollute{background:url(../images/bulletNo.gif) no-repeat left 4px}
.pricing{background:url(../images/bulletDollarSign.gif) no-repeat left 4px}
.buyout{display:block;float:left;line-height:30px;margin:10px 15px 15px;color:#333;background:#ff9;padding:0 10px;font-weight:bold}
.note{font-size:70%}
#landingpage #footer{padding-top:0}

/* SECTION SPECIFIC - SIGNUP */
/* top of the signup pages */
.signup-security{width:20%;float:right;text-align:right;margin-right:20px}
#signup h1{width:70%;float:left}
h1 b{font-weight:normal}
#signup .section-green{width:887px;background:url(../images/section-green-big.jpg) no-repeat top;clear:both}
.steps {list-style:none;margin:10px 0 10px 20px;padding:0}
.steps li{display:inline;padding-right:20px;text-transform:uppercase;color:#f60}
.userinfo .step1, .contactinfo .step2, .paymentinfo .step3{font-weight:bold;color:#060}
.highlight{padding:3px 7px;background:#ff9;margin:0 20px;font-style:normal}
.required{color:#c00;font-size:110%}
a.previous, a.next, .continue{width:150px;float:left}
a.previous{margin-right:100px}
/* form styles */
#signup fieldset{border:1px solid #e5e9d0;margin:10px 20px 0;padding:0 10px 10px;width:830px}
#signup fieldset p{margin:0;padding-left:10px;padding-right:10px}
#signup legend{font-size:140%}
#signup label{padding:0;margin:10px 5px 0}
#signup input{margin:0;width:300px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #777;border-left:1px solid #777;background:#edefdd;padding:3px;}
#signup select{margin:0;padding:0;}
#signup .inline{display:inline;width:auto;background:none;border:none;padding:0}
#signup .cvv{display:inline;width:30px;}
#signup .continue{border:none;cursor:pointer;width:120px;display:inline;margin:0;padding:0;float:none}
/* javascript styles */
#signup .hint{visibility:hidden;z-index:100;position:relative;top:-1px;left:10px;background:url(../images/imgHintMessage.gif) #fff;color:#fff;width:auto;padding:4px 10px 4px 16px;margin:0;border-right:1px solid #999;font-size:105%}
#signup .change, #signup .cvv2{border-top:1px solid #fc0;border-right:1px solid #960;border-bottom:1px solid #960;border-left:1px solid #fc0;background:#ffc}
#signup .cvv2{display:inline;width:30px}
#signup .radioBtn .change{width:auto} 
#address2, #nosite, #hostsite, #cc, #ch, #pp{display:none}
#signup .address1{width:45%;float:left;}
#signup #address2{width:40%;float:right}