/*
  NETPORTS
*/

body {
	background-color: #E7E7E7;
	background-image: url(../pics/back.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: -moz-center;
	!text-align: center;
}

.indexbk {
	background-color: #E7E7E7;
	background-image: url(../pics/back2.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}


	#mainNavigation {				float: left; width: 850px; height: 46px;
									background: url("../pics/webhostingnav.gif") 0 -46px no-repeat; }
	#mainNavigation li {				float: left; position: relative; z-index: 100; }
	#mainNavigation li a {				height: 46px; display: block; }
	#mainNavigation li a:hover {			background-image: url("../pics/webhostingnav.gif"); background-repeat: no-repeat; }
	#mainNavigation li a span {			display: none; }
	
	li.webhostings a {				width: 144px; }
	li.reseller a {					width: 146px; background-position: -144px 0; }
	li.vps a {					width: 58px; background-position: -290px 0; }
	li.hybrid a {					width: 130px; background-position: -348px 0; }
	li.dedicated a {			        width: 152px; background-position: -478px 0; }
	li.about a {					width: 130px; background-position: -630px 0; }
	li.support a {					width: 90px; background-position: -760px 0; }
	

	li>ul {					left: auto; top: auto; }

	#mainNavigation li ul {			position: absolute; left: 4; top: 42px; width: 200px; padding-top: 4px; line-height: 0; 
							background: url("../pics/menu-top.png") no-repeat; display: none; z-index: 100; }
							
	#mainNavigation li ul.narrow {		position: absolute; left: 0; top: 30px; width: 160px; padding-top: 20px; line-height: 0; 
							background: url("../pics/menu-top.png") no-repeat; display: none; z-index: 100; }							
	
	#mainNavigation li:hover ul,
	#mainNavigation li.over ul {		display: block; }
	
	#mainNavigation li ul li {		width: 200px; height: 28px; padding: 0 5px; display: block; background: url("../pics/menu-mid.png") repeat-y; }
	#mainNavigation li ul li a {		float: left; width: 190px; height: 28px; padding: 6px 0 0 8px; color: #FFFFFF; FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica; FONT-SIZE: 14px; font-weight: bold; letter-spacing: -1px; text-decoration: none; line-height: 1em;
							background: url("../images/gfxDropDownMenuArrow01.gif") no-repeat; }							
	
	#mainNavigation li ul li a:hover,
	#mainNavigation li ul li a.selected {	color: #0080FF; background: url("../pics/menu-hover.gif") no-repeat; }
		
	
	#mainNavigation li ul li.footer {		width: 200px; height: 25px; background: url("../pics/menu-bot.png") no-repeat; }
	



/* Headers and titles */

.header { background-color: #00184A; background-image: url(../pics/top_netports.gif); BACKGROUND-REPEAT: no-repeat; }

.headtxt { FONT-SIZE: 12px; COLOR: #CDE1F0; FONT-FAMILY: Arial, Verdana, Tahoma, Tahoma, Helvetica, sans-serif; }
a.headtxt:link {  font-weight: bold; color: #CDE1F0; text-decoration: none }
a.headtxt:visited { font-weight: bold; color: #CDE1F0; text-decoration: none }
a.headtxt:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline }

.gle {text-align: left; }

.g9 { FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Aptos, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.g9:link {  color: #666666; text-decoration: none }
a.g9:visited { color: #666666; text-decoration: none }
a.g9:hover { color: #777777; text-decoration: underline }

.g10 { FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Aptos, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.g10:link {  color: #444444; text-decoration: none }
a.g10:visited { color: #444444; text-decoration: none }
a.g10:hover { color: #777777; text-decoration: underline }

.g11 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Aptos, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.g11:link {  color: #000000; text-decoration: none }
a.g11:visited { color: #000000; text-decoration: none }
a.g11:hover { color: #777777; text-decoration: underline }

.g12 { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Aptos, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
a.g12:link {  color: #000000; text-decoration: none }
a.g12:visited { color: #000000; text-decoration: none }
a.g12:hover { color: #777777; text-decoration: underline }

/* Left menu image roll */

#inya td {
	border-bottom: 3px solid #ffffff;
	}
	
#inya a {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
        letter-spacing: -1px;
        font-weight: bold; 
	color: #003366;
	line-height:8px;
	text-decoration: none;
	display:block;
	padding: 10px 0px 10px 8px;
	background: url("../pics/butz_a.gif");
	}
	
#inya a:hover {
	background: #ffffff url("../pics/butz_b.gif");
	color:#008DFF;
	}

#inya a:actve {
	background: #ffffff url("../pics/butz_b.gif");
	color:#444444;
	}



/* Left menu back roll */

.greybdrbot {
	border-bottom: 1px solid #DCDCDC;
	}

#navigation td {
	border-bottom: 1px solid #DCDCDC;
	}
	
#navigation a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
        font-weight: bold;
	line-height:5px;
	text-decoration: none;
	display:block;
	padding: 8px 0px 10px 16px;
	background: url("../pics/arrow_a.gif") 2px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("../pics/arrow_a.gif") 4px 45% no-repeat;
	color:#008DFF;
	}



/* BodyBits*/

p { margin: 0px; }

form { margin: 0px; }

.inleft {
	padding-left: 30px;
}


h1 { font-family: Aptos, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 28px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -1px; }
h2 { font-family: Aptos, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 22px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -1px; }
h3 { font-family: Aptos, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 18px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -1px; }
h4 { font-family: Aptos, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF;  font-weight: bold; margin-top: 1px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; letter-spacing: -1px; }
.t32 { font-family: Aptos, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 44px; color: #2A5CAC;  font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px; letter-spacing: -2px; }


a:link {  color: #2A5CAC; text-decoration: none; }
a:visited { color: #2A5CAC; text-decoration: none; }
a:hover { color: #008DFF; text-decoration: underline; }


.webhosting { 
        FONT-SIZE: 14px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
 	padding: 4px ;
	line-height: 1.4;
}


.info { FONT-SIZE: 14px; COLOR: #40454B; FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
a.info:link {  color: #40454B; text-decoration: none }
a.info:visited { color: #40454B; text-decoration: none }
a.info:hover { color: #008DFF; text-decoration: underline }


.t10 { 
        FONT-SIZE: 10px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t11 { 
        FONT-SIZE: 11px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t12 { 
        FONT-SIZE: 12px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t13 { 
        FONT-SIZE: 13px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t14 { 
        FONT-SIZE: 14px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
	line-height: 1.3;
}

.t15 { 
        FONT-SIZE: 15px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t16 { 
        FONT-SIZE: 16px; 
        COLOR: #40454B;
        FONT-FAMILY: Aptos, Arial, Verdana, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}

.t16b { 
        FONT-SIZE: 16px; 
        COLOR: #40454B;
        FONT-FAMILY: Verdana, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
	line-height: 1.4;
}

.t18 { 
        FONT-SIZE: 18px; 
        COLOR: #40454B;
        FONT-FAMILY: Aptos, Verdana, Arial, Tahoma, Helvetica, sans-serif;
        TEXT-ALIGN: justify;
}



.grey-bg {background-color : #D5D5D5; background-image : url(../pics/grey-m.jpg); background-repeat : repeat-x; }
.vps_mid {background-color : #F1F1F1; background-image : url(../pics/vps_mid.jpg); background-repeat : repeat-y; }

a.webhositng:link {  color: #40454B; text-decoration: none; }
a.webhosting:visited { color: #40454B; text-decoration: none; }
a.webhosting:hover { color: #008DFF; text-decoration: underline; }

.ra {background-color : #FFFFFF; background-image : url(../pics/ra.gif); BACKGROUND-REPEAT: no-repeat;}
.rb {background-color : #FFFFFF; background-image : url(../pics/rb.gif); BACKGROUND-REPEAT: no-repeat;}
.rc {background-color : #FFFFFF; background-image : url(../pics/rc.gif); BACKGROUND-REPEAT: no-repeat;}

.vpscontent {background-color : #FFFFFF; background-image : url(../pics/vpscontent.gif); BACKGROUND-REPEAT: no-repeat;}

.vpscontentg {background-color : #FFFFFF; background-image : url(../pics/vpscontentg.gif); BACKGROUND-REPEAT: no-repeat;}

.ded_1 {background-color : #FFFFFF; background-image : url(../pics/ded_1.jpg); BACKGROUND-REPEAT: no-repeat;}
.ded_2 {background-color : #FFFFFF; background-image : url(../pics/ded_2.jpg); BACKGROUND-REPEAT: no-repeat;}
.ded_3 {background-color : #FFFFFF; background-image : url(../pics/ded_3.jpg); BACKGROUND-REPEAT: no-repeat;}

.indweb {background-color : #FFFFFF; background-image : url(../pics/index_webhosting.gif); BACKGROUND-REPEAT: no-repeat;}
.indreseller {background-color : #FFFFFF; background-image : url(../pics/index_reseller.gif); BACKGROUND-REPEAT: no-repeat;}
.indvps {background-color : #FFFFFF; background-image : url(../pics/index_vps.gif); BACKGROUND-REPEAT: no-repeat;}
.indded {background-color : #FFFFFF; background-image : url(../pics/index_ded.gif); BACKGROUND-REPEAT: no-repeat;}


.dash {
	height: 1px;
	background-color : #ffffff;
	background-image : url(../pics/dash.gif);
	background-repeat : repeat-x;
        margin-top: 6px;
        margin-bottom: 4px;
        margin-left: 0px;
        margin-right: 0px;
}

.bdr-l {background-color : #D5D5D5; background-image : url(../pics/bdr-l.gif); background-repeat : repeat-y; }
.bdr-r {background-color : #D5D5D5; background-image : url(../pics/bdr-r.gif); background-repeat : repeat-y; }
.bdr-b {background-color : #D5D5D5; background-image : url(../pics/bdr-b.gif); background-repeat : repeat-x; }

.w10 { FONT-SIZE: 12px; COLOR: #CDE1F0; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; } ul {float: left; padding: 0; margin: 0; }  li { float: left; padding: 0; margin: 0; list-style-type: none; }

a.w10:link {  color: #CDE1F0; text-decoration: none }
a.w10:visited { color: #CDE1F0; text-decoration: none }
a.w10:hover { color: #FFFFFF; text-decoration: underline }

.boxgrey {
	BORDER-RIGHT: #DFDFDF 2px dashed;
	BORDER-TOP: #DFDFDF 2px dashed;
	BORDER-LEFT: #DFDFDF 2px dashed;
	BORDER-BOTTOM: #DFDFDF 2px dashed;
	font: 11px Verdana, Geneva, Helvetica, Arial, sans-serif;  
	color: #555555;
      font-weight: normal;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 0px;
}

.boxred {
	BORDER-RIGHT: #E20000 2px dashed;
	BORDER-TOP: #E20000 2px dashed;
	BORDER-LEFT: #E20000 2px dashed;
	BORDER-BOTTOM: #E20000 2px dashed;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
        font-size: 11px;  
	font-color: #555555;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.boxblu {
	BORDER-RIGHT: #3283EF 2px dashed;
	BORDER-TOP: #3283EF 2px dashed;
	BORDER-LEFT: #3283EF 2px dashed;
	BORDER-BOTTOM: #3283EF 2px dashed;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
        font-size: 11px;  
	font-color: #555555;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.boxnicegrey {
	BORDER-RIGHT: #DFDFDF 1px dashed;
	BORDER-TOP: #DFDFDF 1px dashed;
	BORDER-LEFT: #DFDFDF 1px dashed;
	BORDER-BOTTOM: #DFDFDF 1px dashed;
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif;  
	color: #555555;
        font-weight: normal;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 0px;
}

.tab_hover {
background-color:white;
color:#008DFF;
cursor:pointer;
width:105px;
height:22px;
background-image:url(../pics/butzsm_a.gif);
border:0px;
text-align:center;
font-family: arial, verdana;
font-size:11px; 
font-weight:bold;
LETTER-SPACING: -1px;
}


.tab {
background-color:white;
color:#ffffff;
cursor:pointer;
width:105px;
height:22px; 
background-image:url(../pics/butzsm_b.gif);
border:0px;
text-align:center;
font-family: arial, verdana ;
font-size:11px;
font-weight:bold;
LETTER-SPACING: -1px;
}

    .fat {
        width: 107px;
        height: 32px;
        background: url("../pics/2024_order.jpg") no-repeat;
        display: inline-block;
    }
    .fat:hover {
        background: url("../pics/2024_order2.jpg") no-repeat;
    }
