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

body{
padding:0px;
background: url(images/pagebg.jpg) #55b5ee top center repeat-x;
margin:0px;
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
font-size: .8em;
color: #5c5c5c;
}

img {border: none}

a:link {color: #316791; text-decoration:none}
a:visited {color: #316791; text-decoration:none}
a:hover {color: #3898c9; text-decoration: underline; }

#container {
background: url(images/bg-container.png) top left repeat-y;
	min-height: 400px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#top {
	width: 877px;
	margin: 0 auto 0 auto;
	background:#FFFFFF url(images/bg-top-repeat.gif);
}

#logo {
	height: 107px;
	width: 837px;
	margin: 0 auto 0 auto;
}

#menu {
	height: 64px;
	width: 837px;
	margin: 0 auto 0 auto;
}

#menu-home{display: block; width: 110px; height: 63px; background: url("images/menu-home.png") no-repeat 0 0; float:left}
#menu-home:hover{background-position: 0 -63px; border-bottom: none} #menu-home span{display: none;}
#menu-home-on{display: block; width: 110px; height: 63px; background: url("images/menu-home.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-home-on span{display: none;}

#menu-company{display: block; width: 127px; height: 63px; background: url("images/menu-company.png") no-repeat 0 0; float:left}
#menu-company:hover{background-position: 0 -63px; border-bottom: none} #menu-company span{display: none;}
#menu-company-on{display: block; width: 127px; height: 63px; background: url("images/menu-company.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-company-on span{display: none;}

#menu-products{display: block; width: 124px; height: 63px; background: url("images/menu-products.png") no-repeat 0 0; float:left}
#menu-products:hover{background-position: 0 -63px; border-bottom: none} #menu-products span{display: none;}
#menu-products-on{display: block; width: 124px; height: 63px; background: url("images/menu-products.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-products-on span{display: none;}

#menu-services{display: block; width: 112px; height: 63px; background: url("images/menu-services.png") no-repeat 0 0; float:left}
#menu-services:hover{background-position: 0 -63px; border-bottom: none} #menu-services span{display: none;}
#menu-services-on{display: block; width: 112px; height: 63px; background: url("images/menu-services.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-services-on span{display: none;}

#menu-support{display: block; width: 119px; height: 63px; background: url("images/menu-support.png") no-repeat 0 0; float:left}
#menu-support:hover{background-position: 0 -63px; border-bottom: none} #menu-support span{display: none;}
#menu-support-on{display: block; width: 119px; height: 63px; background: url("images/menu-support.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-support-on span{display: none;}

#menu-signup{display: block; width: 116px; height: 63px; background: url("images/menu-signup.png") no-repeat 0 0; float:left}
#menu-signup:hover{background-position: 0 -63px; border-bottom: none} #menu-signup span{display: none;}
#menu-signup-on{display: block; width: 116px; height: 63px; background: url("images/menu-signup.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-signup-on span{display: none;}

#menu-contacts{display: block; width: 116px; height: 63px; background: url("images/menu-contacts.png") no-repeat 0 0; float:left}
#menu-contacts:hover{background-position: 0 -63px; border-bottom: none} #menu-contacts span{display: none;}
#menu-contacts-on{display: block; width: 116px; height: 63px; background: url("images/menu-contacts.png") no-repeat 0 -63px; border-bottom: none; float:left}
#menu-contacts-on span{display: none;}

#content {
	width: 837px;
	background: #fff url(images/bg-content.gif) repeat-x;
	margin: 0 auto 0 auto;
	padding: 0 20px 0 21px;
	min-height: 640px;
}

#right {
	width: 216px;
	float: right;
	margin-left: 5px;
	background: #fff;
	min-height: 600px;
}

#right-int {
	width: 216px;
	margin-left: 5px;
	float: right;
}

#footer {
	background: url(images/bg-bottom.gif) repeat-x;
	width: 877px;
	height: 105px;
	margin: 1px auto 0 auto;
	font-size: .9em;
}

#footer p {margin-top: 0px}

#footer a:link {color: #fff; font-weight: bold; text-decoration:none}
#footer a:visited {color: #fff; font-weight: bold; text-decoration:none}
#footer a:hover {color: #ff; font-weight: bold; text-decoration: underline; }

.img-right {float: right;}
.img-left {float: left;}
.photo-right {float: right; padding-left: 15px; padding-bottom: 10px}
.photo-left {float: left; padding-right: 15px; padding-bottom: 10px}
.smaller{font-size: .85em}
.bigger{font-size: 1.2em}
.hr {width: 100%; border-bottom: dotted 1px #387a96}
.highlight {color: #316791;}

.featured {
	margin: 1px 0 1px 0;
	width: 612px;
	height: 245px;
	background: #fff url(images/feature-bg.png) repeat-y;
	padding: 10px 4px 0 0px;
	text-align: center;
}

.box1-wide { width: 188px; margin: 0 4px 5px 0; padding-right: 13px; float: left; background: #fff url(images/box-hosting-bg-wide.png) no-repeat; background-position: 0px 52px; height: 262px; font-size: .85em}
.box2-wide { width: 188px; margin: 0 4px 0 0; padding-right: 13px; float: left; background: #fff url(images/box-domains-bg-wide.png) no-repeat; background-position: 0px 52px; font-size: .85em; height: 262px}
.box3-wide { width: 188px; margin: 0 4px 0 0; padding-right: 13px; float: left; background: #fff url(images/box-broadband-bg-wide.png) no-repeat; background-position: 0px 52px; font-size: .85em; height: 262px}

.box1 { width: 137px; margin: 0 4px 5px 0; padding-right: 13px; float: left; background: #fff url(images/box-hosting-bg.png) no-repeat; background-position: 0px 52px; height: 262px; font-size: .8em}
.box2 { width: 137px; margin: 0 4px 0 0; padding-right: 13px; float: left; background: #fff url(images/box-domains-bg.png) no-repeat; background-position: 0px 52px; font-size: .8em; height: 262px}
.box3 { width: 137px; margin: 0 4px 0 0; padding-right: 13px; float: left; background: #fff url(images/box-broadband-bg.png) no-repeat; background-position: 0px 52px; font-size: .8em; height: 262px}

.box4 { width: 137px; margin: 0 1px 0 0; padding-right: 13px; float: left; background: #fff url(images/box-unknown-bg.png) no-repeat; background-position: 0px 52px; font-size: .8em; height: 262px}

.box1-wide ul{list-style-type: square; margin-top: 16px} .box1-wide li{margin-left: -17px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: #378414 dotted 1px;}
.box2-wide ul{list-style-type: square; margin-top: 16px} .box2-wide li{margin-left: -17px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: #d97b2c dotted 1px;}
.box3-wide ul{list-style-type: square; margin-top: 16px} .box3-wide li{margin-left: -17px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: #0a7eab dotted 1px;}
.box4 ul{list-style-type: square; margin-top: 16px} .box4 li{margin-left: -17px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: #d97b2c dotted 1px;}


.box1-wide a:link{color: #5c5c5c} .box1-wide a:visited{color: #5c5c5c}
.box2-wide a:link{color: #5c5c5c} .box2-wide a:visited{color: #5c5c5c}
.box3-wide a:link{color: #5c5c5c} .box3-wide a:visited{color: #5c5c5c}
.box4 a:link{color: #5c5c5c} .box4 v:link{color: #5c5c5c}


.search-main {
	background: url(images/bg-searchmain.jpg) no-repeat;
	height: 48px;
	margin: 0 1px 5px 0;
	width: 615px;
	vertical-align: middle;
	color: #fff;
}

.welcome-main {
	width: 615px;
	min-height: 200px;
	background: url(images/welcome-main.gif) top no-repeat;
	padding: 50px 0px 0 0px;
	font-size: .9em;
	margin: 0px 0px 0px 0px;
	line-height: 1.55em;
}

.news-main {
	font-size: .90em;
	line-height: 1.2em;
	width: 570px;
	padding: 15px 15px 15px 15px;
	margin: 15px 0px 25px 0px;
	border: 1px dotted #3898c9;
}

.news-main li {margin-top: 0px; margin-left: -20px; list-style-image: url(images/icon-news.gif); padding: 0px 0px 5px 0px;}
.news-main ul {margin-top: 0px; margin-bottom: 0px;}
.news-main strong {color: #3898c9; font-size: 1.1em;}

.domain {
	background: #454c50 url(images/bg-domainreg.png);
	height: 146px;
	padding: 100px 0px 0px 0px;
	margin: 0px 0 0px 0;
	font-size: .9em;
	text-align: center;
}

.domain-prices-main {
	background: url(images/bg-domainreg-prices.jpg); 		    height: 92px;
	vertical-align: top;
	line-height: 18px;
	font-size: .8em;
	color: #fff;
	text-align: center;
}

.mynodus {
	background: url(images/bg-mynodus.png) bottom no-repeat #387a96;
	height: 203px;
	margin: 0 0 4px 0;
	color: #fff;
	font-size: .9em;
}

.managehosting {
	background: url(images/bg-managemyhosting.jpg) top no-repeat #0b672b;
	height: 216px;
	width: 216px;
}

.managehosting-form{
	height: 80px;
	padding-top: 66px;
	padding-left: 14px;
	padding-right: 10px;
	color: #fff;
}

.login-form {
	text-align: left;
	font-size: 1.15em;
	width: 191px;
}

.login-form td {height: 25px; text-align: right}

.help {
	background: url(images/bg-help.gif) repeat-x;
	height: 60px;
	margin: 1px 0 0 0;
	padding: 14px 25px 0 25px;
	font-size: .9em;
}

.help strong {
	color: #502099;
}

.foot-text {
	padding: 27px 0 0 104px;
	color:#C2C5C6;
}

.int-content {
	margin: 0 1px 0 1px;
	width: 596px;
	min-height: 555px;
}

.int-text {
	width: 560px;
	padding: 0px 30px 20px 23px;
	font-size: 1em;
	line-height: 1.55em;
}

.search-int {
	margin: 5px 0 5px 0;
	width: 216px;
	background:url(images/bg-searchmain.jpg) no-repeat;
	color: #fff;
	height: 48px;
}

.residential-prod {
	background: url(images/bg-residential.gif) repeat-x;
	height: 175px;
	padding: 10px 25px 10px 0;
	font-size: .9em;
	vertical-align: top;
}

.business-prod {
	background: url(images/bg-business.gif) repeat-x;
	height: 175px;
	padding: 10px 25px 10px 0;
	font-size: .9em;
	vertical-align: top;
}

.forms-prod {
	background: url(images/bg-forms.gif) repeat-x;
	height: 175px;
	padding: 10px 25px 10px 0;
	font-size: .9em;
	vertical-align: top;
}

.residential-prod ul{list-style-type: none} .residential-prod li{margin-left: -17px; margin-bottom: 3px; padding-bottom: 2px; border-bottom: #378414 dotted 1px;}
.business-prod ul{list-style-type: none} .business-prod li{margin-left: -17px; margin-bottom: 3px; padding-bottom: 2px; border-bottom: #d97b2c dotted 1px;}
.forms-prod ul{list-style-type: none} .forms-prod li{margin-left: -17px; margin-bottom: 5px; padding-bottom: 4px; border-bottom: #076fbc dotted 1px;}

.products a:link {color: #252b30; text-decoration:none}
.products a:visited {color: #252b30; text-decoration:none}
.products a:hover {color: #252b30; text-decoration: underline;}

.plans {height: 20px; font-size: .9em; text-align: center}

.webhosting ul {margin-left: -15px}
.webhosting li {padding-left: 0px}

h2 {font-size: 1.3em; margin:10px 0px 5px 0px}

.hostingplans{width: 560px; }
.col1{text-align:left; color: #316791; border-bottom: 1px dotted #316791; border-right: 1px dotted #666; background: #F4F4F4; padding-left: 5px}.col2{text-align:center; width: 136px; border-bottom: 1px dotted #316791; background: #f5ffe6}.col3{text-align:center; width: 136px; border-bottom: 1px dotted #316791; background: #fff3e8}.col4{text-align:center; width: 136px; border-bottom: 1px dotted #316791; background: #f3fcff}

/* ################################################################## */
/* ################################################################## */
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
/* ################################################################## */
/* ################################################################## */

#nodusdivcontainer {
	margin-bottom: 1em; padding-left: 14px; padding-right: 10px; margin-top: -8px; clear: left; width: 170px;
}

.chooselogin {background: #333b40 url(ajaxtabs/corner.gif) top left no-repeat; font-size: .9em; width: 99px; height: 16px; margin-top: -3px; padding-left: 11px; padding-top: 3px; float: left; border-bottom: 1px solid #fff;}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: .95em 'Segoe UI', Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: -3px;
color: #FFFFFF;
border-left: 1px solid #fff;
border-bottom: 1px solid #a3a3a3;
background: #a3a3a3 url(ajaxtabs/corner.gif) top left no-repeat;
}

.shadetabs li a:visited{
color: #FFFFFF;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
background: #276991 url(ajaxtabs/corner.gif) top left no-repeat;
border-bottom: 1px solid #276991;
border-right: 1px solid #276991;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}