
body,table,input,select,textarea{font-family:Verdana,Helvetica,sans-serif; font-size:12px;  color:#222;}
body{text-align:center; }
body,form{margin:0; padding:0;}
input,select,textarea{font-size:1em;}
img{border:0;}
small{font-size:0.85em;}
dl.col {padding: 0; margin: 0; line-height:1.7em; }
dl.col dt {float: left; width: 7em; padding: 0; margin: 0; }
dl.col dd {margin-left: 0.5em; }
#content-left p{margin-top:0.8em; margin-bottom:0.8em; line-height:1.5em;}

#content-left ul {margin: 0.8em 0 0.8em 20px;}
#content-left ol {margin: 0.8em 0 0.8em 08px;}
#content-left ul li{margin-top:0.6em; margin-bottom:0.6em; line-height:1.6em; list-style: square;}
#content-left ol li{margin-top:0.6em; margin-bottom:0.6em; line-height:1.6em;}

.center{text-align:center; }
.clr{clear:both; }
h1{font-family:Verdana,sans-serif; font-weight:bold; text-align:left; font-size:13px; padding:0px 0 0.0em 0; margin:0px 0px 0px 0px; color: #000; }
h2{font-family:Verdana,sans-serif; font-weight:bold; text-align:left; font-size:13px; padding:0px 0 0px 0; margin:0.6em 0px 0.6em 1px; color: #000; }
h3{font-size:13px; color:#01669A; margin: 0; padding: 0;}
a{color:#2E5D91; text-decoration:underline;}
a:hover{color:#011D4A; text-decoration:underline;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}

.imgright{
float:right;
margin-left: 5px;
}

#index h1{color:#013183;}
#domains h1, #domains h1 a {color:#A54200;}
#internet h1, #internet h1 a {color:#310F27;}








body{background-color:#fff;}
#wrapper{background-color:#fff;  width:960px;  margin:5px auto 0 auto;}

#header{
  position: relative;
  width: 960px;
  height: 130px; 
  
   
}

#logo{
  position: absolute;
  top: 15px;
  left: 10px;
}




#main-graphic{
  height: 230px;

 background-repeat: no-repeat;
  margin-top: 0px; 
  width: 960px;
  text-align: left;
  position: relative;

 
}

.business{background-image: url(../images/site/headers/red-header-bg.jpg);}
.hostings{background-image: url(../images/site/headers/blue-header-bg.jpg);}
.domains{background-image: url(../images/site/headers/orange-header-bg.jpg);}
.support{background-image: url(../images/site/headers/green-header-bg.jpg);}
.contact{background-image: url(../images/site/headers/blue-header-bg.jpg);}
.internet{background-image: url(../images/site/headers/purple-header-bg.jpg);}




#mainheading{
  position: absolute;
  top: 15px;
  left: 25px;
}

div#maingraphictext-bg{
  position: absolute;
  top: 75px;
  left: 23px;
  width: 630px;
  height: 120px;
  background-color: #fff;
  filter:alpha(opacity=10);opacity:0.10;-moz-opacity:0.10;
  color: #fff;  
}

div#maingraphictext{
  position: absolute;
  top: 80px;
  left: 35px;
  width: 595px;
  height: 110px;
  font-size: 12px;
  color: #fff;

}

div#maingraphictext p{
  line-height: 1.5em;
  margin: 0.4em 0; 
  color: #fff;
}







#main{
  background-image: url(../images/site/main-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  
  
}

#main-bot{
  
  background-image: url(../images/site/main-bg-bot.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#content{
 padding-top: 20px;
 width: 930px;
 margin: 0 auto;
 
}


#content-left{
  float: left;
  width: 710px;  
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0px;
  min-height: 400px;
 
}

#content-left-in{
  
  width: 700px;  
  margin: 0 auto;
  
  text-align: left;
  padding-bottom: 20px;
  
}



#content-right{
  width: 200px;
  float: right; 
   padding-bottom: 50px;
 
}

h2.show{
  text-decoration: underline;
}


.specials-box{
  width: 200px;
  background-image: url(../images/site/boxes/box-bg.jpg);
  background-repeat: repeat-y;
  float: right;
  margin-bottom: 15px;
  
    
}

.specials-box-head{
  width: 200px;
  height: 40px;
  
  background-repeat: repeat-y;
}


#index .specials-box-head{background-image: url(../images/site/boxes/blue-head-bg.jpg);}
#domains .specials-box-head{background-image: url(../images/site/boxes/orange-head-bg.jpg);}
#internet .specials-box-head{background-image: url(../images/site/boxes/purple-head-bg.jpg);}
#hosting .specials-box-head{background-image: url(../images/site/boxes/blue-head-bg.jpg);}
#packages .specials-box-head{background-image: url(../images/site/boxes/red-head-bg.jpg);}
#support .specials-box-head{background-image: url(../images/site/boxes/green-head-bg.jpg);}





.specials-box-content{ 
  text-align: center; 
 
}

.specials-box-content ul{
 
  margin: 0;
  padding: 5px 0 5px 20px;
  text-align: left;
  width: 170px;
 
  
 
}

.specials-box-content-in{
 
 
  margin: 0 auto;
  
  text-align: left;
  width: 180px;
  font-size: 11px;
  line-height: 1.4em;
 
  
 
}

 p.no-marg{
 
 
  
  margin: 0;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.5em;
 
 
  
 
}


.specials-box-content ul li{
  list-style: square;
  line-height: 1.6em;
  font-size: 11px;
   
  
  
  
}

.specials-box-head h3{
  color: #fff;
  line-height: 37px;
  text-align: left;
  padding-left: 5px;
}

.specials-box-foot{
  width: 100%;
  float: left;
  height: 37px;
  background-image: url(../images/site/boxes/footer-bg.jpg);
  background-repeat: repeat;
  background-position: bottom;
  position: relative;
}

.specials-box-foot a{
  position: absolute;
  top: 8px;
  left: 5px;
  background-image: url(../images/site/boxes/order-now-btn.jpg);
  background-repeat: no-repeat;
  width: 105px;
  height: 20px;
  text-decoration: none;
  color: #000;
  line-height: 18px;
  font-weight: bold;
  font-size: 11px;
  
}

.specials-price{
  position: absolute;
  top: -23px;
  left: 143px;
}



#newsletter{
  background-color: #111;
  line-height: 30px;
  color: #fff;
  float: left;
  width: 100%;
}

#newsletter span{
  float: left;
  width : 420px;
  
  text-align: right;
  
}

#newsletter label{
  width: 70px;
  margin-right: 5px;
  line-height: 28px;
  font-weight: normal;
  text-align: right;
 
  padding-left: 5px;
}

#newsletter input{
  margin-top: 5px;
  width: 170px;
}

#newsletter .news-btn{
  width: auto;
  margin-left: 10px;  
  float: right;
}

#footer{
  background-color: #000;
  float: left;
  width: 100%;
  border-top: 1px solid #222;
  height: 45px;
 
  
 
}



dl.address
{
	margin: 5px 0 5px 0px ;
	padding : 0px 0 0px 0 ;
	line-height : 35px;
	text-align : left;
	color: #fff;
	width: 100%;


}
dl.address dt {
  float:left;
 
  font-weight:bold;
  text-align : left;
  margin-right : 0px;
  margin-left: 0px;
  
   
}

dl.address dt span {
 display: none;
 
}
dl.address dd {
  text-align : left;
  margin-left : 20px;
  float: left;
  padding-left: 0px;
  text-indent: 40px;
  
}

dl.address dd.phone{
  background-image: url(../images/site/phone-bg.jpg);
  background-repeat: no-repeat;
  background-position: left;
  
  
}

dl.address dd.fax{
  background-image: url(../images/site/fax-bg.jpg);
  background-repeat: no-repeat;
  background-position: left;
  
  
}

dl.address dd.email{
  background-image: url(../images/site/email-bg.jpg);
  background-repeat: no-repeat;
  background-position: left;
  
  
}

dl.address a{
  color: #fff;
  text-decoration: none;
}



#signature{
  
  padding-top: 5px;
  float: left;
  width: 100%;
  font-size: 11px;
  color: #333;
}
#signature a{
  color: #333;
  text-decoration: none;
}

#signature .left{
  float: left;
  width: 45%;
 
   padding-left: 15px;
   text-align: left;
}

#signature .right{
  float: right;
  width: 45%;
  padding-right: 5px;
  text-align: right;
  
}






#content-in {
    width: 740px;
    margin: 0 auto;    
}
.col2{
   background-image: url(../images/site/content-bg2.gif);
    background-repeat: repeat-y;

}
.col3{
   background-image: url(../images/site/content-bg3.gif);
    background-repeat: repeat-y;

}

.col_full{
  text-align: left;

}




.col-con{
   background-image: url(../images/site/content-bg4.gif);
    background-repeat: repeat-y;
  

}
.col-1-4-left {
    float: left;
    width: 195px;
  	margin-right: 3px;  	
  
}

.col-1-4-left-in {

   width: 180px;
   margin: 0 auto;
   text-align: left;
  }


.col-1-2-right {
    float: right;
    width: 335px;

}



.col-1-2-right-in {
    width: 325px;
  	text-align: left;
    margin: 0 auto;
    
   
}

.col-1-3-left{
  width: 250px;
  float: left;
 
}

.col-2-3-right{
  width: 470px;
  float: right;
  
  text-align: left;
}

 ul.content{
  text-align: left;
  font-size: 12PX;
  margin: 0.8em 0 0.8em 20px;
  padding: 0;
}

 ul.content li{
 margin: 0.8em 0 0.8em 0; 
  list-style: disc;
  color: #006599;
 
}






.col-1-2-right-container {
    float: left;
	 width: 240px;
	 


}

.col-1-2-left {
    float: left;
	 width: 360px;
	 text-align: left;
	 


}




.col-1-4-left-in-2 {
	width: 230px;

}
 
 .col-1-4-left-container {
     float: right;
	   width: 470px;

 
 }
.col-1-4-left-inner {
	float: left;
	width: 475px;
	text-align: left;
	padding-bottom: 10px;
	text-align: left;
	

}

a.more-info{
  background-image: url(../images/site/little-box.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
  text-decoration: none;
  font-weight: bold;
  color: #01669A;
  
  
  
}

a:hover.more-info{
  text-decoration: underline;
  color: #ccc;  
}

ul.services{
  text-align: left;
  font-size: 11PX;
  margin: 0;
  padding: 0;
}

ul.services li{
  margin: 0.8em 0 0.8em 0; 
  list-style: none;
  background-image: url(../images/site/little-box.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
  
}
ul.services li a{
  text-decoration: none;
  
}

ul.links li a{
 text-decoration: none;
  
}



ul.links{
  text-align: left;
  font-size: 12PX;
  margin: 0 0 0 25px;
  padding: 0;
}

ul.links li{
  margin: 0.8em 0 0.8em 0; 
  list-style: none;
  background-image: url(../images/site/little-box.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
  
}

ul.links li a{
 text-decoration: underline;
  
}

div.note{
  font-size: 10px;
  
  margin-top: 10px;
  background-color: #F7F7F7;
 
}

div.note div{
  width: 97%;
  margin: 0 auto 0 auto;
  text-align: left;
  line-height: 1.8em;
}

div.note div p{
margin: 0.6em auto 0.6em auto;
}
   
   
#webmail{
width: 260px;
position: absolute;
top: 30px; 
right: 10px;

color: #222;
padding: 5px 5px;
border: 1px solid #eee;

background-color: #F7F7F7;





}   

#webmail .webmail-row{
 
float: left;
width: 100%;
margin-bottom: 5px;


}   

#webmail .webmail-row label{

float: left;
width: 75px;
margin-right: 5px;
color: #000;
text-align: right;
font-weight: normal;
}   

#webmail .webmail-row input{


float: left;
width: 170px;
border: 1px solid #ccc;

} 

#webmail .webmail-row input.web-btn{
  
  color: #555;
  width : 100px;
  
}

#leg{
  color : #000; 
  font-weight: bold;
  padding: 0;
  margin: 0;
  position: absolute;
 top: 5px; 
right: 130px;
 
  padding: 2px;
  
 
  
}




table.d{
  background-color: #fff;
  margin-top: 10px;
}

table.d thead th{
  background-image: url(../images/site/domain-table.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  background-color: #F58E01;
  color: #fff;
  
}

table.d tbody td{
  background-color: #F7F7F7;  
}



#internet table.d thead tr.top th{background-image: url(../images/site/internet-table.jpg);background-color: #581B44;}
#hosting table.d thead tr.top th{background-image: url(../images/site/hosting-table.jpg);background-color: #0058B9;}


table.d thead tr.sub-head th{
  
  background-image: url(../images/site/table-sub-head-bg.jpg);
  background-repeat: repeat-x;
  color: #000;
}


table.d tbody tr.even td,table.d tbody tr.even th {
  background-color: #F2F2F2;
}


table.d a{
  display: block;
  background-image: url(../images/site/boxes/order-now-btn.gif);
  background-repeat: no-repeat;
  width: 105px;
  height: 20px;
  text-decoration: none;
  color: #000;
  line-height: 18px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  
  
}

 
ul.bottom-nav{
  margin: 0;
  padding: 0 0 0 20px;
}

ul.bottom-nav li{
    display: inline;
    text-align: left;
    margin: 0 0 0 0px;
    list-style: square;
    
    
}

ul.bottom-nav li a{
    padding: 0 15px;
    
    
}


