@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, p, param, pre,
q, samp, small, span, strong, sub, sup, textarea, tfoot ,  ul {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#4077ff;text-decoration:underline}
a:hover {text-decoration:none}
body {background: #c7d2df; color:#2c3d53;font:75%/125% Arial, Sans-Serif;}
img {border:0;vertical-align:bottom}
p {margin:0 0 1em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -.01em; font-weight: normal; font-family: Arial, Sans-Serif; margin: 0px 0px 10px 0px;}
h2 { font-size: 20px; }
h3 { font-weight: bold; }
.subheading { margin: 0px; }
.supportfieldset { 	border:1px solid #CFCFCF;
	margin:10px 5px;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align: center;
 }
 .fieldsettitle { font-size: 24px; padding-right: 10px; padding-left: 10px;}

/* Containers */
#page {background: #fff;margin:0px auto 0;padding: 5px 10px 0 10px;width:960px}
#logo {float:left;margin: 0 0 0 17px}
p#slogan {color:#5d6c7b;float:left;margin: 29px 0 0 12px}

	/*Top Menu*/
	ul#top-nav {display:inline;float:right;font-size:.915em;list-style:none;margin:0 12px 0 0}
	ul#top-nav li {background:url(../images/divider.png) left no-repeat;float:left;padding: 0 7px 0 12px}
	ul#top-nav li.first {background:none}
	ul#top-nav li.last {background:url(../images/divider2.png) left no-repeat;font-weight:700;padding:0 0 0 12px}
	ul#top-nav li a {color:#334459}
	ul#top-nav li.last a {background:url(../images/small-arrow.png) right no-repeat;padding:0 11px 0 0}
	
	/*Chat*/
	#header div {clear:right;display:inline;float:right;margin: 11px 18px 0 0;width:280px}
	#live-chat {float:left;}
	
	/*Established*/
	span#established {color:#428ccd;float:right;font-size:.915em;font-weight:700;margin: 3px 0 0 7px;text-align:right}
	
	/*Assistance*/
	p#assistance {clear:right;color:#000;display:inline;font-size:.915em;float:right;margin:7px 18px 11px 0;text-align:right;width:245px}
	p#assistance strong {font-size:1.635em;font-weight:normal}

/*Navigation*/
#menu {background:#428ccd url( ../images/menu-bg.png ) left top no-repeat;clear: both;font-family:Arial, Tahoma, Sans-Serif;list-style-type: none;margin: 0 auto;min-height: 44px;overflow:hidden;padding: 0;width: 960px}
* html #menu {height:auto!important;height:44px;overflow:visible}
#menu li {background: url( ../images/menu_div.gif ) right bottom no-repeat;float:left;min-height:44px;padding: 0 2px 0 0;text-align:center}
#menu li.current {background:none}
#menu li.about-us-nav,#menu li.last {background:none}
#menu li a {color: #FFFFFF;float:left;font-size: 1.2em;font-weight: bold;text-decoration: none;padding: 13px 0 16px;text-transform:uppercase}
#menu a:hover {color: #bfe100;text-decoration: none}
#menu li a#home-nav  {width:94px}
#menu li a#webhosting-nav {width:135px}
#menu li a#reseller-nav  {width:170px}
#menu li a#dedicated-nav  {width:181px}
#menu li a#domains-nav   {width:107px}
#menu li a#about-us-nav  {width:98px}
#menu li a#last  {padding:12px 28px 16px 0;width:133px}
#menu li a:hover, #menu li.current a {background:url(../images/menu-hover.png) right top repeat-x}
#menu li a#last:hover {background:none}
#menu li a#home-nav {height:44px;padding:0}
#menu li a#home-nav span {display:block;height:32px;padding: 12px 0 0}
#menu li a#home-nav:hover span, #menu li.current a#home-nav span {background:url(../images/menu-left.png) left top no-repeat}
#menu li a span {cursor:pointer}

/*Banner*/
#banner {background:url(../images/main-banner.jpg) left top no-repeat;font-size:1.165em;min-height:268px;overflow:hidden;padding: 0 390px 0 32px;width:570px}
* html #banner {height:auto!important;height:268px;overflow:visible}
#banner h1 {color:#000;font-size:2.4265em;font-style:italic;line-height:1.1em;margin: 0 0 7px;padding: 21px 0 0 0;width:100%}
#banner h1 strong {color:#428ccd}
#banner p {margin: 0 0 1em 11px}
#banner ul {list-style:none;margin: 0 0 0 19px}
#banner ul li {background:url(../images/bulletcheck.png) left no-repeat;padding:0 0 6px 20px}
#banner ul li em {color:#bb0000;font-style:normal;font-weight:700;text-transform:uppercase}
#banner p#starting {display:inline;float:left;font:italic 1.43em Arial, Sans-Serif;letter-spacing:-1px;margin:10px 0 0 46px;position:relative; padding-left: 35px;}
#banner p#starting strong {font:bold italic 1.5em "Segoe", Arial, Sans-Serif}
#banner p#starting sup {font-size:.6em;height: 0;line-height: 1;position: relative;top: -0.6em;vertical-align: baseline !important;vertical-align: bottom}
#banner a#signup {float:left;height:40px;margin:8px 0 0 62px;position:relative;width:148px}
#banner a#signup span {background:url(../images/sign-up-now.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}

/* Content*/
#main {float:left;overflow:hidden;position:relative;width:100%}
#featured {background: #141c25 url( ../images/featured.png) bottom repeat-x;border-bottom:2px solid #fff;border-top:1px solid #fff;margin: auto;min-height: 100px;overflow:hidden;width: 960px}  
* html #featured {height:auto!important;height:100px;overflow:visible;}

	/*Featured List*/
	#featured ul#features {list-style:none}
	#featured ul#features li {float:left;line-height: 13px;min-height: 70px;padding: 25px 20px 0 80px;position:relative}
	* html #featured ul#features li {height:auto!important;height:70px;overflow:visible;}
	#featured ul#features li#domain {background: url( ../images/globe.png) 30px 30px no-repeat;border-right: 1px solid #3c4c5f;width: 214px}
    #featured ul#features li#data-protection {background: url( ../images/data.png) 30px 30px no-repeat;border-left: 1px solid #354454;border-right: 1px solid #3c4c5f;width: 212px}
    #featured ul#features li#raid {background: url( ../images/raid.png) 30px 30px no-repeat;border-left: 1px solid #354454;width: 213px}
    #featured ul#features li h3 {color: #FFFFFF;font-size:1.165em}
    #featured ul#features li p{color:#D3D6DA;padding: 6px 0 0 1px}
    #featured ul#features li .new {background:url(../images/new.png) left top no-repeat;height:17px;position:absolute;right:19px;top:5px;width:46px}
    
    /*Coupon*/
    #coupon {background:#35475e url(../images/coupon.png) left top repeat-x;min-height:72px;padding:8px 14px 0 18px;width:928px}
    * html #coupon {height:auto!important;height:72px;overflow:visible}
    #coupon h3 {color:#fff;float:left;font-size:2em;font-weight:400;line-height:21.5px;padding:14px 0 15px 0}
    #coupon h3 span {color:#cae091;font-size:.585em; line-height:0px;}
    
/*Subpage Content*/    
#content {background:url(../images/content.png) left top no-repeat;display:inline;float:left;font-size:1.165em;margin:13px 0 0 11px;padding:15px 15px 30px;width:655px}

#content h1 {color:#26303c;font-size:1.715em;font-weight:400;line-height:25px;margin: 0 0 18px}
#content h2 {line-height: 25px; }
#content span.title {background:url(../images/title-line.png) left bottom no-repeat;color:#334459;display:block;margin: 0 0 17px;padding: 0 0 6px}
#content p {line-height:20px}
#content .centered {display:block;margin:0 auto 17px}

	/*Tech Specs*/
	#content #tech-specs {background:url(../images/white-to-grey.png) left bottom repeat-x;height:28px;float:left;padding:0 9px;width:637px}
	#tech-specs a {background:url(../images/tech-specs.png) left top no-repeat;color:#26303c;float:right;height:25px;padding:3px 0 0 24px}
	
	/*Tables*/
	#content table#additions {border-collapse:collapse;clear:both;margin: 30px 0 0;width:655px}
	#content table#additions thead th {background:url(../images/table-top.png) left top repeat-x;color:#fff;font-size:1.165em;text-align:center;padding: 11px 0 12px}
	#content table#additions thead th.left {text-align:left;padding:11px 0 12px 12px}
	#content table#additions tbody td {border:1px solid #edeff1;padding:8px 0 5px;text-align:center}
	#content table#additions tbody td.left {text-align:left;padding:8px 0 5px 12px}
	#content table tbody td a.help {background:url(../images/help.png) left top no-repeat;float:left;height:16px;margin: 0 14px 0 0;width:18px}
	#content table#additions tbody tr#pricing td {background:#fffbe7}
	#content table#additions tbody tr#no-border td {border:0}
	#content table tbody tr td a.order {display:block;height:38px;margin:7px auto 10px;position:relative;width:130px}
	#content table tbody tr td a.order span {background:url(../images/order-now.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	
	/*Specs Table*/
	#content table.specs {font-size: 0.925em;border-collapse:collapse;clear:both;margin:0 auto;width:643px}
	#content table.specs th {border-left:1px solid #d6dade;text-align:left;padding:0 0 13px 11px}
	#content table.specs th small {font-size:.8em;font-weight:400;font-style:italic;}
	#content table.specs tbody td.price strong {font-size:1.715em;line-height:10px}
	#content table.specs tbody td.price {border-bottom:1px solid #d6dade;border-left:1px solid #d6dade;border-right:0;border-top:0;text-align:center;width:149px}
	#content table.specs tbody td {border-left:1px solid #d6dade;border-top:1px solid #d6dade;text-align:center}
	#content table.specs .left  {font-weight:bold; border-bottom:1px solid #d6dade;border-left:0;border-right:1px solid #d6dade;border-top:0;text-align:left}
	#content table.specs th.left {font-size:1.1em;border-bottom:0;border-left:0;padding:0}
	#content table.specs tbody td.no-border {border-bottom:0}
	#content table.specs tbody td.header {background: #edf2f7; font-size: 14px; font-weight: bold; border:0; border-top: 1px solid #d6dade;}
	#content table.specs tbody td.headercat {font-size:1.1em;font-weight:600; border-bottom: 1px solid #d6dade; padding-bottom: 7px; padding-top: 7px;}
	#content table.specs tbody td.price span {color:#ca0000;}
	#content table.specs tbody td {padding: 10px;}
	#content table.specs tbody td.price {padding: 0}
	#content table.specs tbody tr.space td {padding:18px 0 30px}
	#content table.specs tbody tr td.left span {float:left;margin: 0 8px 0 0}
	
	/*Feature*/
	#content .feature {display:inline;float:left;padding: 0 0 0 60px;margin: 40px 0 0 22px;width:233px}
	#content .spam {background:url(../images/spam.png) left top no-repeat}
	#content .green {background:url(../images/green.png) left top no-repeat}
	#content .month-free {background:url(../images/referrer.png) left top no-repeat}
	#content .backup {background:url(../images/backup.png) left top no-repeat}
	#content .feature h2 {color:#82bd35;font-size:1.165em;padding:0 0 12px}
	#content .sd1 {background:url(../images/sd_icon1.gif) center left no-repeat; padding: 20px 0 0 120px; margin: 0px}
	#content .sd2 {background:url(../images/sd_icon2.gif) center left no-repeat; padding: 20px 0 0 120px; margin: 0px}
	#content .sd3 {background:url(../images/sd_icon3.gif) center left no-repeat; padding: 20px 0 0 120px; margin: 0px}


	/*Top10 List*/
	#top10 {list-style-type: none;}
	#top10 .top10 { background-repeat: no-repeat; background-position: -0.5em 0.1em; padding-left: 65px; padding-bottom: 20px; padding-top: 10px; height: 100px;}
	#top10 h3 { padding-bottom: 0px; }

	/*General*/
	.normal { margin: 10px; padding: 10px; }
	.normal li { padding-bottom: 5px; }
	.fontgreen { color: #669900; }
	
	/*Breadcrumb*/
	#breadcrumb {background:url(../images/hosting-types-bg.png) left top repeat-x;color:#334459;float:left;margin:3px 0 0;overflow:hidden;padding:2px 11px;position:relative;width:938px}
	#breadcrumb ul {float:left;height:31px;list-style:none;margin:0;width:720px}
	#breadcrumb ul li {background:url(../images/arrow.png) left top no-repeat;height:31px;float:left;line-height:31px;margin: 0 7px 0 0;padding: 0 0 0 15px}
	#breadcrumb ul li.first {background:none;padding:0 0 0 6px}
	#breadcrumb ul li a {text-decoration:underline}
	#breadcrumb #bookmark {float:right;margin:-24px 0 0}

.list ul { margin: 0px; padding: 0px; }
.list li { list-style-image: url( '../images/contenticonb.gif' ); padding-bottom: 10px; margin: 0px; margin-left: 20px; }
.numlist ol { margin: 0px; padding: 0px; }
.numlist ol li { padding-bottom: 10px; margin: 0px; margin-left: 15px; }
	
/*Hosting Types*/
#hosting-types {background:url(../images/hosting-types-bg.png) left top repeat-x;margin:0 auto;padding:31px 0 0 0;position:relative;width:960px}

	/*Normal Boxes*/
	#hosting-types .box {background:url(../images/box-bg.png) center repeat-y;display:inline;float:left;margin: 0 0 0 11px;position:relative;width:305px}
	#hosting-types .box div {background:url(../images/box-top.png) left top no-repeat;float:left;position:relative;width:305px}
	#hosting-types .box div div {background:url(../images/box-bottom.png) left bottom no-repeat;float:left;min-height:144px;padding: 0 0 20px;position:relative;width:305px}
	#hosting-types .box div div div {background:none;float:none;position:relative;width:auto}
		
	/*Dedicated box*/
	#hosting-types .dedicated {background:url(../images/box-green-bg.png) center repeat-y;float:left;position:relative;width:305px}
	#hosting-types .dedicated div {background:url(../images/box-green-top.png) left top no-repeat;float:left;position:relative;width:305px}
	#hosting-types .dedicated div div {background:url(../images/box-bottom.png) left bottom no-repeat;float:left;position:relative;width:305px}
	#hosting-types .dedicated div div div {background:none;float:none;position:relative;width:auto}
	
	* html #hosting-types .box div div  {height:auto!important;height:144px;overflow:visible}
	
	/*Box Content*/
	#hosting-types .box div div h2 {color:#428CCD;float:left;font-size:1.5em;line-height:20px;padding: 15px 0 0 10px}
	#hosting-types .box div div span.price {color:#99A1AC;float:right;font-size:.915em;line-height:20px;padding:10px 9px 0 0}
	#hosting-types .box div div span.price strong {color:#bb0000;font-size:1.635em}
	#hosting-types .box div div span.price strong sup {font-size:.65em;height: 0;line-height: 1;position: relative;top: -0.6em;vertical-align: baseline !important;vertical-align: bottom}
	#hosting-types .dedicated div div h2 {color:#72980d;padding: 15px 0 0 8px}
	#hosting-types .dedicated div div span.price {color:#72980d}
	#hosting-types .dedicated div div span.price strong {color:#72980d;letter-spacing:-1px}
	#hosting-types .box div div img {clear:both;float:left;margin: 21px 0 0 2px}
	#hosting-types .box div div ul {float:right;list-style:none;margin:24px 0 0 0;width:185px}
	#hosting-types .box div div ul li {background:url(../images/blue-arrow.png) left no-repeat;padding: 0 0 0 17px}

	/*Links*/
	#hosting-types .box div div a.buttonized {bottom:-15px;color:#fff;font-weight:700;height:22px;padding:6px 0 0 31px;position:absolute;right:15px;text-decoration:none;width:97px}
	#hosting-types .box div div a.buttonized {background:url(../images/blue-button.png) left top no-repeat}
	#hosting-types .dedicated div div a.buttonized {background:url(../images/green-button.png) left top no-repeat}
	
/*Sidebar*/
#sidebar {float:right;margin:0 11px 0 0;width:231px}	

	/*Sidebar Hosting Guide*/
	ul#help-guide {list-style:none;margin:0 auto 28px;width:228px}
	ul#help-guide li {background:url(../images/unactive-arrow.png) left no-repeat;border-bottom:1px dotted #92979d;padding:7px 0 7px 25px}
	ul#help-guide li.current {background:url(../images/active-arrow.png) left no-repeat}
	ul#help-guide li.no-border {border-bottom:0}
	
	/*Sidebar Nav*/
	ul#sidebar-nav {border-bottom:1px solid #dce2e8;margin: 0 auto;list-style:none;padding: 0 0 1px;width:228px}
	ul#sidebar-nav li {background:url(../images/sidebar-li-bg.png) left top repeat-x;height:31px}
	ul#sidebar-nav li a {display:block;height:21px;padding:10px 0 0 59px}
	ul#sidebar-nav li a#control-panel {background:url(../images/sidebar-nav-bg.png) left 2px no-repeat}
	ul#sidebar-nav li a#faq {background:url(../images/sidebar-nav-bg.png) left -29px no-repeat}
	ul#sidebar-nav li a#semi-dedicated {background:url(../images/sidebar-nav-bg.png) left -60px no-repeat}
	ul#sidebar-nav li a#site-builder {background:url(../images/sidebar-nav-bg.png) left -92px no-repeat}
	ul#sidebar-nav li a#cont-data-prot {background:url(../images/sidebar-nav-bg.png) left -122px no-repeat}
	
	/*Sidebar Boxes*/
	#sidebar .sidebar-box {background:url(../images/sidebar-boxes-bg.png) left top repeat-y;float:left;margin: 14px 0 20px 0;position:relative;width:231px}
	#sidebar .sidebar-box div {background:url(../images/sidebar-box-top.png) left top no-repeat;float:left;margin:0;position:relative;width:231px}
	#sidebar .sidebar-box div div {background:url(../images/sidebar-box-bottom.png) right bottom no-repeat;float:left;margin:0;padding:14px 16px;position:relative;width:199px}
	#sidebar .sidebar-box div div div {background:none;float:none;margin:0;padding:0;width:auto}
	#sidebar .sidebar-box div div a.more-info {background:url(../images/more-link.png) left top no-repeat;bottom:-20px;display:block;height:20px;position:absolute;right:17px;text-align:center;width:112px}
	#sidebar .sidebar-box div div h3 {border-bottom:1px solid #e6e8eb;color:#26384f;font-size:1.165em;padding:0 0 13px}
	#sidebar .sidebar-box div div img {display:block;margin: 6px auto}
	
	/*Sidebar Testimonial*/
	#sidebar .testimonial {background:url(../images/testimonial-bg.png) left top repeat-y;float:left;margin:32px auto;width:229px}
	#sidebar .testimonial div {background:url(../images/testimonial-top.png) left top no-repeat;margin:0;width:229px}
	#sidebar .testimonial div div {background:url(../images/testimonial-bottom.png) left bottom no-repeat;margin:0;padding:18px 16px 26px;width:197px}
	#sidebar .testimonial div div div {background:none;float:none;margin:0;padding:0;width:auto}
	#sidebar .testimonial blockquote {background:url(../images/quote.png) left top no-repeat;margin:21px 0 0;padding:0 0 0 15px}
	#sidebar .testimonial cite {display:block;font-style:normal;padding:5px 0 16px 15px}
	#sidebar .testimonial div div h3 {color:#428ccd;font-size:1.165em}
	#sidebar .testimonial div div a.more-testimonials {color:#428ccd;display:block;padding: 0 0 0 15px;text-decoration:underline}
	
/*Resources*/
ul#resources {border-bottom:1px solid #e6e8eb;clear:both;float:left;list-style:none;margin:30px 0 0;padding: 0 37px 17px 12px;width:911px}
ul#resources li {float:left}
ul#resources li.last {float:right;padding:7px 0 0 0}

/*Top part of the footer*/
#footer-top {clear:both;padding: 19px 0 0}
   
	/*List*/
	#footer-top ul {display:inline;list-style:none;padding:0}
	#footer-top ul li {float:left;line-height:20px;margin: 0 11px 0 11px;padding: 0 0 0 2px}
	#footer-top ul li h4 {color:#33445a;font-weight:bold;font-size:1.2em;letter-spacing: -0.001em;}
	#footer-top ul li ul {float:left}
	#footer-top ul li ul li {clear:both;float:none;margin:0;position:relative}
	#footer-top a {color:#33445a;text-decoration:none}
	#footer-top a:hover {color:#33445a;text-decoration:underline}
    
	/*Awards*/
	#awards {float:right;margin:0 23px 0 0;width:200px}
	#awards h3 {font-size:1.165em;padding: 0 0 6px;text-align:center}
	#awards div {display:inline;float:left;margin:1px 0 0 23px;width:87px}
	#awards div img {float:left;margin:0;padding:5px 0 0 0}
    #awards img {display:inline;float:left;margin: 0 0 0 9px}
    
/*Footer*/
#footer {clear:both;color:#334459;padding: 36px 11px 0}
#footer div {overflow:hidden;position:relative}
#footer div p {float:left}
#footer div div {float:right}
#footer div div img {float:left}
#footer div div img.cards {float:left;margin:4px 0 0 25px}
#footer a {color:#428ccd;text-decoration:underline}
#footer a:hover {text-decoration:none;}

	/*Footer Nav*/
	#footer ul#footer-nav {clear:both;color:#cbd0d5;display:block;margin:24px auto 14px;text-align:center}
	#footer ul#footer-nav li {display:inline;text-align:center}
	#footer ul#footer-nav li a, #footer #footnotes a {color:#334459;text-decoration:underline}
	#footer ul#footer-nav a:hover {text-decoration: underline;}
	
	/*Footnotes*/
	#footer #footnotes {font-size:.915em}
	#footnotes h4 {font-size:1.5em; font-weight: bold;}
    #footer #footnotes p {float:none}