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

/**********************
	MAIN BUILD
**********************/

#master {
	text-align: left;
	width:800px;
	margin-right:auto;
	margin-left:auto;
	}
	
#maincontent {
	background-color:#FFFFFF;
	padding:9px 9px 9px 9px;
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 12px; 	 
	color: #000;
}

#logos {
	background-color:#FFFFFF;
	width:800px;
	text-align:center;
}

body#home #maincontent {
	background-color:#DEE8F4;
	padding:9px 9px 9px 9px;
}

body#home .basebackground {
	background-color:#FFFFFF;
}	
/****************
	FOOTER
*****************/
#footer{
	width:800px;
	background-color:#D55121;		
	margin:0px auto;
	padding: 10px 0 10px 0;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	}
			
#footer a{
	color:#ffffff;
	text-decoration:none;
	font-weight: normal;
	font-weight:bold;
	}
		
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
	}
	

/*******************************
TABED MENU NAV
********************************/
#topnav {
	height: 52px;
	width: 800px;
	position: relative;
	padding-bottom: 0px;
	background: transparent url("../images-layout/subNavBG.gif") bottom left repeat-x;
	}


#tabs {
	height: 52px;
	font-family: Arial Narrow;
	font-size: 14px;
	font-weight: 600;
	}
	
.tab {
	font-family: Arial Narrow;
	font-size: 14px;
	font-weight: 600;
}

#nu {
	height:52px;
	margin:0;
	padding-left:10px;
	background-image: url("../images-layout/navigationBG.gif");
	background-repeat: repeat-x;
	background-position: top;
	}

#nu ul, #nu li	{
	display : inline;
	list-style-type: none;
	margin:0;
	padding:0;
	}

#nu a:link, #nu a:visited	{
	color: #3581D1;
	float: left;
	padding: 7px 8px 0 8px;
	text-decoration: none;
	font-weight: 200;
	}

#nu a:hover	{
	color: #3581D1;
	text-decoration:underline;
	}

body#home div#tab-1,
body#about div#tab-2,
body#contact div#tab-3,
body#hosting div#tab-4,
body#reseller div#tab-5,
body#dedicated div#tab-6,
body#support div#tab-7,
body#login div#tab-8,
body#blog div#tab-9,
body#colocation div#tab-10,
body#exchange div#tab-11 {
	background : url('../images-layout/tab.gif') no-repeat;
	float:left;
	width:140px;
	height:32px;
	}
	
body#home #nu li#nav-1 a, 
body#about #nu li#nav-2 a,
body#contact #nu li#nav-3 a,
body#hosting #nu li#nav-4 a,
body#reseller #nu li#nav-5 a,
body#dedicated #nu li#nav-6 a,
body#support #nu li#nav-7 a,
body#login #nu li#nav-8 a,
body#blog #nu li#nav-9 a,
body#colocation #nu li#nav-10 a,
body#exchange #nu li#nav-11 a {
	color:#3581D1;
	padding-left:32px;
	padding-right:0;
	padding-bottom:0;
	}

#nu #subnav-1,
#nu #subnav-2,
#nu #subnav-3,
#nu #subnav-4,
#nu #subnav-5,
#nu #subnav-6,
#nu #subnav-7,
#nu #subnav-8,
#nu #subnav-9,
#nu #subnav-10,
#nu #subnav-11 {
	display : none;
	width: 800px;
	}

body#home #nu ul#subnav-1, 
body#about #nu ul#subnav-2,
body#contact #nu ul#subnav-3,
body#hosting #nu ul#subnav-4,
body#reseller #nu ul#subnav-5,
body#dedicated #nu ul#subnav-6,
body#support #nu ul#subnav-7,
body#login #nu ul#subnav-8,
body#blog #nu ul#subnav-9,
body#colocation #nu ul#subnav-10,
body#exchange #nu ul#subnav-11 {
	display : inline;
	position: absolute;
	top: 31px;
	left: 14px;
	}

body#home #nu ul#subnav-1 a, 
body#about #nu ul#subnav-2 a,
body#contact #nu ul#subnav-3 a,
body#hosting #nu ul#subnav-4 a,
body#reseller #nu ul#subnav-5 a,  
body#dedicated #nu ul#subnav-6 a, 
body#support #nu ul#subnav-7 a,
body#login #nu ul#subnav-8 a,
body#blog #nu ul#subnav-9 a,
body#colocation #nu ul#subnav-10 a,
body#exchange #nu ul#subnav-11 a {
	color:#CE4611;
	margin:0;
	padding:2px 6px 0 10px;
	text-decoration:none;
	background:url('../images-layout/subnav_bar.gif') no-repeat;
	width:auto;
	text-align:center;
	}

 #nu ul a:hover {
	color : #527C18 !important;
	}	

body#home #nu ul#subnav-1 a:hover, 
body#about #nu ul#subnav-2 a:hover,
body#contact #nu ul#subnav-3 a:hover,
body#hosting #nu ul#subnav-4 a:hover,
body#reseller #nu ul#subnav-5 a:hover,  
body#dedicated #nu ul#subnav-6 a:hover, 
body#support #nu ul#subnav-7 a:hover,
body#login #nu ul#subnav-8 a:hover,
body#blog #nu ul#subnav-9 a:hover,
body#colocation #nu ul#subnav-10 a:hover,
body#exchange #nu ul#subnav-11 a:hover {
	color: #CE4611 !important;
	text-decoration: underline;
	}

/* Styles from test build */

div {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 12px; 	 
	color: #000;
}	
td {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 12px; 	 
	color: #000;
}
th {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 12px; 	 
	color: #000;
	font-weight:600;
}
p 
{
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 12px; 	 
	color: #000;
}
h1.marginbottom,h2.marginbottom,h3.marginbottom,h4.marginbottom,h5.marginbottom {
	margin-bottom:20px;
}
h1 {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 18px;
	font-weight: 600;	 
	color:Black;
}
h2 {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 16px;
	font-weight: 600;	 
	color: Black;
}
h3 {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 14px;
	font-weight: 600;	 
	color: Black;
}
h4 {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 12px;
	font-weight: 600;	 
	color: #02609E;
	width: 601px;
}
h5 {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 10px;
	font-weight: 600;	 
	color: #02609E;
}
a:link {
	color: #02609E;
	text-decoration: none;
}
a:visited {
	color: #02609E;
	text-decoration: none;
}
a:hover {
	color: #02609E;
	text-decoration: underline;
}
a:active {
	color: #02609E;
	text-decoration: none;
}
ul.normal {
	list-style-type: disc;
	list-style-position: inside;
}
.whitetitle {
	font-family: arial narrow; 	  	 
	font-size: 17px;
	font-weight: 600;	 
	color: #FFFFFF;
}
.lightbluelargebold {
	font-family: arial; 	  	 
	font-size: 13px;
	font-weight: 600;	 
	color: #439EE4;
}
.lightbluemedium {
	font-family: arial; 	  	 
	font-size: 12px;
	font-weight: 200;	 
	color: #439EE4;
}
.redsmall {
	font-family: arial; 	  	 
	font-size: 12px;
	font-weight: 600;	 
	color: #CE4611;
}

/* below are styles from old sozo stylesheet */


.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}
.textblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #02609E;
	text-decoration: none;
}
.textred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CD460F;
	text-decoration: none;
}
.textheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #02609E;
	text-decoration: none;
}
.textblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.textblacktwo {
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.textblacksmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.textgreysmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #808080;
	text-decoration: none;
}
.input100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 100px;
	border: 1px solid #003399;
}
.input85 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 100px;
	border: 1px solid #003399;
}
.inputdropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 60px;
	border: 1px solid #003399;
}
.textbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #02609E;
	text-decoration: none;
	font-weight: 600;
}
.textboldbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	color: #02609E;
	text-decoration: none;
	font-weight: 600;
}
.textblackbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: 600;
}
.boldblue {
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;  
	font-size : 12px;
	font-weight: 600;
	color: #02609E;
}
.boldred {
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;  
	font-size : 12px;
	font-weight: 600;
	color: #CD460F;
}
.boldredbig {
	font-family: arial, helvetica, sans-serif; 	  	 
	font-size: 14px;
	font-weight: 600;	 
	color: #CD460F;
}

.bluelink:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: none; }
.bluelink:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: none; }
.bluelink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: none; } 
.bluelink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: underline; background-color: #FFFFCC;}
.bluelink:visited:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; text-decoration: none; }

.h {
  background: #ffc;
  font-weight: bold;
}


/* COLUMNS */
#main                 { width:385px; float:left; padding-right:20px; }
#sub                  { width:213px; float:left; padding-left:10px; border:1px solid #ccc; background-color:#E4F1D1; }

.question             { margin-bottom:20px; }
.question h4          { margin-bottom:0; color:#02609E;}

/* CF PLAN TABLE */
#PlansTable                 { width:100%; border-collapse:collapse; margin-bottom:1em; border:1px solid #ccc; }
#PlansTable tr                    {  }
#PlansTable tr:hover  { background:#E4F1D1; }
#PlansTable td,th                 { margin:0; padding:.3em 1em; border:1px solid #ccc; border-width:1px 0; text-align:left; vertical-align:middle; }
#PlansTable td p                  { margin:0; }
#PlansTable thead th        { background:url("/images/thead_bg.gif") 50% 50%; color:white; }

ul {
margin:5px 0 0 20px;
}
#sub ul li   {list-style: square url(/images/checkmark.jpg);  margin:0 0 1em 0; }