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

/* RESET */

*						{ margin: 0; padding: 0; }
html, body				{ height: 100%; margin: 0 auto; font-size: 62.5%; }
body					{ width: 100%; font-family: Arial, Helvetica, sans-serif;
						  background-color: #141414; }
a 						{ outline: none; }
img						{ border: none; }
li						{ list-style: none; }
hr						{ margin: 0 auto; border: 0; background-color: #CCC; height: 1px; width: 60%; }

.floatleft				{ float: left; }
.floatright				{ float: right; }
.clear 					{ clear: both; }

#page					{ width: 100%; background: url(../images/bg_inner.png) top center repeat-x #E8E8E8; }
#upperwrap				{ width: 960px; margin: 0 auto; }
#mainwrap				{ width: 962px; margin: 0 auto; margin-top: 10px; }
#lowerwrap				{ width: 960px; padding-top: 10px; margin: 0 auto; }
#lowerwrap table		{ width: 960px; }
#lowerwrap td			{ vertical-align: top; }
#lowerwrap .tablemargin	{ margin-right: 30px; }

#top 					{ height: 40px; line-height: 35px; text-align: right; font-size: 12px; color: #e6e6e6; }
#top img 				{ vertical-align: middle; }
#top a 					{ display: block; float: right; margin-left: 20px; font-size: 12px; color: #dedede; text-decoration: none; }
#top a:hover 			{ color: #fff; }
#top a:active 			{ color: #fff; padding-top: 1px; }

#logo 					{ height: 95px; width: 180px; }
#mainnav 				{ height: 95px;	line-height: 95px; }

#pagetitle 				{ height: 81px; width: 960px; background: url(../images/pagetitle.jpg) top center no-repeat #0D254B; }
#currentpagetitle 		{ padding-top: 20px; padding-left: 3px; height: 60px; width: 670px; }
#currentpagetitle h1 	{ color: #E7E7E7; font-size: 32px; line-height: 42px; font-weight: normal; }
.compare 				{ color:#09C; }
.compare:hover 			{ color:#969; }
#promoseal 				{ height: 143px; width: 140px;}



#maininnercontent 		{ padding: 0px; background: url(/images/bg_maininnercontent.png) top center no-repeat #FFF; }
#maininnercontent a 	{ color: #0088CC; text-decoration: none; }
#maininnercontent a:hover { color: red; text-decoration: underline; }

#footer 				{ display: block; width: 100%; background: url(../images/footer.png) left top repeat-x #141414; }
#footer p 				{ color: #e3e3e3; font-size: 12px; text-align: right; padding-top: 15px; }
#footer h1 				{ color: #999; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 36px; text-transform: uppercase; }
#footer ul 				{ margin: 0; }
#footer li 				{ display: block; height: 30px; list-style:none outside none; color:#666; font-size: 12px; line-height: 30px; margin: 0; border-top: 1px dotted #3F3F3F; }
#footer li a 			{ font-size: 12px; margin-left: 7px; color: #B9B9B9; text-decoration: none; }
#footer li a:hover 		{ color: #E8E8E8; text-decoration: none; }
.social					{ border-top: 1px dotted #3F3F3F; }
.facebook				{ display: block; height: 32px; width: 280px; padding-top: 8px; }
.twitter				{ display: block; height: 32px; width: 280px; padding-top: 8px; }
#bottomlinks 			{ margin-top: 12px; border-top: 1px dotted #444; line-height: 30px; font-size: 12px; color: #555; width: 960px; margin: 0 auto; }
#bottomlinks a 			{ color: #666; text-decoration: none; }
#bottomlinks a:hover 	{ color: #CCC; text-decoration: none; }

/* SLIDES */

.slides_container 		{ font-size: 12px; font-weight: bold; color: #444; width:450px; display:none; }
.slides_container div 	{ width:450px; height:25px; display:block; line-height: 26px; padding: 0 10px; }

.slidelink 				{ padding: 10px; margin: 2px; background-color: #222; color: #FFF; text-decoration: none; }
.slidelink:hover 		{ background-color: darkred; color: #FF6; }	
.prev 					{ display: block; width: 20px; height: 25px; text-decoration: none; font-size: 28px; color: #CCC; text-align: center; line-height: 20px; }
.next 					{ display: block; width: 20px; height: 25px; text-decoration: none; font-size: 28px; color: #CCC; text-align: center; line-height: 20px; }		
.prev:hover 			{ color: #000; }
.next:hover 			{ color: #000; }

/* MAIN CONTAINER (IF PAGE HAS SIDEBAR) */

#maincontainer 			{ width: 740px; margin-top: 15px; padding-left: 1px; min-height: 400px; }
#contentcontainer 		{ width: 741px; margin-top: 15px; min-height: 400px; }
#the_content	 		{ color: #121212; padding: 10px 12px; font-size: 14px; background: #F7F7F7; min-height: 400px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#the_content h1 		{ color: #121212; text-align: justify; font-weight: normal; font-size: 26px; line-height: 36px; margin-bottom: 15px; }
#the_content h2 		{ margin-top: 15px; background: url("/images/bg_h2.png") no-repeat; padding-left: 40px; width: 675px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 36px; margin-bottom: 5px; }
#the_content h3 		{ margin-top: 5px; background: url("/images/bg_h3.png") no-repeat; padding-left: 40px; width: 455px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 36px; margin-bottom: 15px; }
#the_content h4 		{ margin-top: 20px; background: url("/images/bg_h3.png") no-repeat; padding-left: 40px; width: 455px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 36px; margin-bottom: 15px; }
#the_content p			{ font-size: 14px; line-height: 20px; color: #444; }
#the_content .alignright, #the_content img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;}

/* SIDEBAR */

#leftcontainer 			{ padding-top: 1px; margin-top: -3px; width: 220px; }
#leftcontainer ul li 	{ list-style: none outside none; }
#leftcontainer ul li a 	{ background: url("/images/sidebar_button.gif") no-repeat scroll 5px 0 transparent; color: #777; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 48px; line-height: 48px; padding-left: 30px; text-decoration: none; text-transform: uppercase; width: 188px; }
#leftcontainer ul li a:hover { color: #222; text-decoration: none; }
#leftcontainer ul li.active a { background: url("/images/sidebar_active.png") no-repeat scroll 0 -1px transparent; color: #FFF; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 48px; line-height: 48px; text-decoration: none; text-transform: uppercase; }
#leftcontainer ul li.current_page_item a { background: url("/images/sidebar_active.png") no-repeat scroll 0 -1px transparent; color: #FFF; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 48px; line-height: 48px; text-decoration: none; text-transform: uppercase; }

/* TABLE STYLING */

.plansTable 			{ clear:both; margin-bottom:10px; font-size: 12px; color: #333; }
.plansTable a			{ color: #333 !important; border-bottom: 1px dotted #06F; }
.plansTable a:hover		{ color: #000 !important; text-decoration: none !important; }
.plansTable th 			{ padding:10px; }
.plansTable th.keyFeatures { text-align:left; background:url(/table_images/bk_horizline.jpg) 0 100% repeat-x; font-size:13px; border:none; padding: 0 0 0 10px; font-weight:normal; height: 96px; }
.plansTable thead th 	{ border-top:1px solid #CACACA; border-right:1px solid #CACACA; background:#F7F7F7; }
.plansTable thead th.even { border-top:1px solid #CACACA; background:#F0F0F0; }
.plansTable thead th.first { border-left:1px solid #CACACA; }
.plansTable thead th.last { border-right:1px solid #CACACA; background-image:none; }
.plansTable tfoot th	{ border-bottom:1px solid #CACACA; border-right: 1px solid #CACACA; background:#F7F7F7; }
.plansTable tfoot th.clickfordetails, .plansTable tfoot th.onlineinminutes { background:none; border:none; text-align:left; padding-left:0; }
.plansTable tfoot th.onlineinminutes { color:#FF0559; }
.plansTable tfoot th a.orderNow { border:0; display:block; width:105px; height:32px; background:url(/table_images/but_order_table.png) 0 0 no-repeat; text-indent:-9999px; margin:0 auto; }
.plansTable tfoot th a.orderNow:hover { background:url(/table_images/but_order_table.png) 0 -32px no-repeat; }
.plansTable tfoot th a.orderNowRed { display:block; width:105px; height:32px; background:url(/table_images/but_order_table_red.png) 0 0 no-repeat; text-indent:-9999px; margin:0 auto; }
.plansTable tfoot th a.orderNowRed:hover { background:url(/table_images/but_order_table_red.png) 0 -32px no-repeat; }
.plansTable tfoot th.even { border-bottom:1px solid #CACACA; background:#F0F0F0; }
.plansTable tfoot th.first { border-left:1px solid #CACACA; }
.plansTable tfoot th.last { border-right:1px solid #CACACA; background-image:none; }
.plansTable td { border-bottom:1px solid #CACACA; border-right: 1px solid #CACACA; text-align:center; padding: 10px 2px 8px 0; background:#F7F7F7; }
.plansTable td.feature { background: #FFF; text-align:left; border-left:none; padding-left: 10px;}
.plansTable td.feature small { font-size:11px; color:#666; padding-right: 5px; }
.plansTable td.feature a.tip img, .plansTable td.feature a.ajaxdialog img { border: none; vertical-align: middle; margin-left: 1px; margin-right: 5px; }
.plansTable td .savings { font-size:11px; color:#128ECB; }
.plansTable td.first	{ border-left:1px solid #CACACA; }
.plansTable td.even		{ background:#F0F0F0; }
.plansTable td.last 	{ border-right:1px solid #CACACA; background-image:none; }
.plansTable td span.yes, .plansTable td span.no { display:block; margin:auto; background:url(/table_images/ico_checkmark.png) 50% 50% no-repeat; text-indent:-9999px; }
.plansTable td span.no 	{ background:url(/table_images/ico_unavailable.png) 50% 50% no-repeat; }
.plansTable .plan div.box { width:150px; height:73px; text-align:center; margin:0 auto; }	
.plansTable .plan div.personal { background:url(/table_images/bg_th_personal.png) 0 0 no-repeat; }
.plansTable .plan div.personal a { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #CCC !important; }
.plansTable .plan div.personal a:hover { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFF !important; }
.plansTable .plan div.business { background:url(/table_images/bg_th_business.png) 0 0 no-repeat; }
.plansTable .plan div.business a { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFF !important; }
.plansTable .plan div.business a:hover { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFF !important; }
.plansTable .plan div.reseller { background:url(/table_images/bg_th_reseller.png) 0 0 no-repeat; }
.plansTable .plan div.reseller a { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFFF66 !important; }
.plansTable .plan div.reseller a:hover { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FC0 !important; }

.plansTable .plan div.personalWebsite { background:url(/table_images/bg_th_personal_web.png) 0 0 no-repeat; }
.plansTable .plan div.personalWebsite a { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #CCC !important; }
.plansTable .plan div.personalWebsite a:hover { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFF !important; }
.plansTable .plan div.businessWebsite { background:url(/table_images/bg_th_business_web.png) 0 0 no-repeat; }
.plansTable .plan div.businessWebsite a { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFF !important; }
.plansTable .plan div.businessWebsite a:hover { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFF !important; }
.plansTable .plan div.customWebsite { background:url(/table_images/bg_th_custom_web.png) 0 0 no-repeat; }
.plansTable .plan div.customWebsite a { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FFFF66 !important; }
.plansTable .plan div.customWebsite a:hover { width:150px; height:70px; text-align:center; margin-top:0; display: block; border: 0; color: #FC0 !important; }

.plansTable .plan div .planNamePersonal { font-size:11px; color:#ccc; padding-top:5px; }
.plansTable .plan div .planNameBusiness { font-size:11px; color:#FFF; padding-top:5px; }
.plansTable .plan div .planNameReseller { font-size:11px; color:#FFFF66; padding-top:5px; }
.plansTable .plan div .planNameCustom { font-size:11px; color:#FFFF66; padding-top:5px; }
.plansTable .plan div .price { font-size:30px; text-shadow:1px 1px #000; padding-top:10px; font-weight:normal; color:#fff; letter-spacing:-1px; }
.plansTable .plan div .price .permonth { font-size:15px; }
.plansTable .sectiontitle { text-align: left; padding-left: 7px; color: #222; }
.plansTable .alignright { text-align: right !important; padding: 0 10px 0 0 !important; }

/*** SERVICES ***/

.post-content td { padding: 5px 0; }

.domain_registration { float: left; }
.domain_registration a { border: 1px solid #CCC; text-indent: -9999px; background:url(/images/services.png) 0 0 no-repeat; display: block; width: 350px; height: 80px; }
.domain_registration a:hover { border: 1px solid #00CC00; background-position: 0 -160px; }
.domain_registration a:active { border: 1px solid #333; }

.sem { float: right; }
.sem a { border: 1px solid #CCC; text-indent: -9999px; background:url(/images/services.png) -350px 0 no-repeat; display: block; width: 350px; height: 80px; }
.sem a:hover { border: 1px solid #00CC00; background-position: -350px -160px; }
.sem a:active { border: 1px solid #333; }

.web_design { float: left; }
.web_design a { border: 1px solid #CCC; text-indent: -9999px; background:url(/images/services.png) 0 -80px no-repeat; display: block; width: 350px; height: 80px; }
.web_design a:hover { border: 1px solid #00CC00; background-position: 0 -240px; }
.web_design a:active { border: 1px solid #333; }

.programming { float: right; }
.programming a { border: 1px solid #CCC; text-indent: -9999px; background:url(/images/services.png) -350px -80px no-repeat; display: block; width: 350px; height: 80px; }
.programming a:hover { border: 1px solid #00CC00; background-position: -350px -240px; }
.programming a:active { border: 1px solid #333; }

.security { float: left; }
.security a { border: 1px solid #CCC; text-indent: -9999px; background:url(/images/services.png) 0px -320px no-repeat; display: block; width: 350px; height: 80px; }
.security a:hover { border: 1px solid #00CC00; background-position: -350px -320px; }
.security a:active { border: 1px solid #333; }

/*** Navigation ***/

#nav {
position: relative;
top: 25px;
}

#nav li {
float: left;
margin-left: 5px;
}

#nav li.order {

}

#nav li a {
margin: 0;
padding: 0;
display: block;
height: 44px;
width: 110px;
background: url(/images/newnav.png) no-repeat;
background-position: 0 -44px;
text-align: center;
line-height: 44px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
color: #666;
overflow: hidden;
letter-spacing: 0;
}

/*current state*/
#nav li.current-menu-item a, #nav li.current-menu-item a:hover, #nav li.current-page-ancestor a, #nav li.current-page-ancestor a:hover {
background: url(/images/newnav.png) no-repeat;
background-position: 0 0px;
color: #FFF;
}

/*current state*/
#nav li.order a{
background: url(/images/newnav.png) no-repeat;
background-position: -110px -44px;
color: #FFFF66;
}
#nav li.order a:hover {
background-position: -110px 0px;
color: yellow;
}

#nav li a:hover{
background: url(/images/newnav.png) no-repeat;
background-position: 0 -88px;
color: #FFF;
}

#nav li a:active{
background: url(/images/newnav.png) no-repeat;
background-position: -110px -88px;
color: #FFF;
}

.right { float: right; }