/* For HostSign.com use only */

body {font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      background: #F3F3F3 url(../images/background.png) repeat-x;
      color: #5B6973;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: pointer;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 25px 0;
                           padding: 0;}

p {line-height: 160%;}

.justify {text-align: justify;}

ul {list-style-type: square; font-size: 14px; margin-left:15px; margin-top:5px; margin-bottom:20px; padding:0;}

img {border: 0;
     margin: 0 0 0 0;}
       
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.bottom-border {border-bottom: 1px solid #D8D8D8; margin:0; margin-left:0px; padding: 0;}

a {color: #c60202; text-decoration: none;}
a:link {color: #c60202;}
a:visited {color: #c60202;}
a:hover {color: #333333;}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {width: 100%;
         height: 144px;
         position: relative;}

#header h1 {margin: 0;}

#logo {position: absolute;
       left: 0;
       top: 25px;
       width: 255px;
       height: 74px;}

#logo img {display: block;}

#logo a {background: transparent;}

/* Begin Live Sign embeding */

#livesign {position: absolute;
           right: 20px;
           top: 3px;}

/* End Live Sign embeding */
		 
/* Begin Search Form CSS */

#search {position: absolute;
         right: 0;
         top: 70px;}

#search input#s {margin-right: 5px;
                 vertical-align: middle;
                 border: 1px solid #6A7A86;
                 padding: 0.24em;
                 width: 135px;
                 background-color: #E4E4E4;
                 color: #6C7074;}

#search input#s:focus {background-color: #F3F3F3;
                       color: #6C7074;}

#search input#submit
 
{background: #6C7074 url(../images/search_background.png) repeat-x;
 color: #D8DCE0;
 border: 1px solid #515D67;
 vertical-align: middle;
 padding: 0.38em;
 font-size: 0.8em;}

/* End Search Form CSS */

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 42px;
       clear: both;
       background: url(../images/button_end_gradient.png) center left no-repeat;
       position: relative;}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 2px;
	background: #6A7A86 url(../images/menu_background.png) repeat-x;
	color: #DCE0E4;
	width: 758px;
}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 42px;
               padding: 0 17px;
               margin: 0;
               line-height: 42px;
               display: block;
               float: left !important;
               background: url(../images/button_end_gradient.png) center right no-repeat;
               color: #D8DCE0;
               font-size: 16px;
               font-weight: bold;}

#menu ul li a:hover {background: url(../images/button_end_gradient.png) center right no-repeat;
                     color: #FFF;}

.disclaimer {
	color:#999999;
	font-size:12px;
	}

/* End main navigation menu. */

#wrapper {width: 100%;
          margin-top: 20px;
          padding: 0;} 

#left-column {width: 510px;
              float: left;
              padding: 0;
              margin: 0;}

#right-column {width: 240px;
               padding: 0;
               float: right;
               margin: 0;}

p#intro {font-size: 20px;
         font-style: normal;
         margin: 0;}

#learn-more {width: 100%;}

#learn-more a img {display: block;
                   float: right;}
				   
#gascard {width: 100%;}

#gascard a img {display: block;
                float: left;}

/* Sub-content section */

#sub-outer {width: 100%;
            clear: both;
            padding: 0px;
            margin: 0;
			margin-top:20px;}

#sub-wrapper {float: left;
              width: 100%;
			 }

#sub-center {margin: 0 270px;}

#sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

#sub-left {float: left;
           width: 240px;
           margin-left: -780px;}

/* End sub-content section */

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */ 

#footer {width: 790px;
         height: 56px;
         margin: 0 auto;
         background: #F3F3F3 url(../images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;}

#footer-content {padding: 19px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(../images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(../images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}
					
#footerlinks { background: #F3F3F3 url(../images/footerlinks.png) no-repeat;
			   padding:0;
			   height:105px;
			   margin:0 auto;
			   position:relative;
			   width: 790px;
}

/* Featured services */



.featured-wrapper {background: #6A7A86 url(../images/featured_background.png) repeat-y;
                   color: #DCE0E4;
                   width: 100%;
                   margin-bottom: 50px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 14px;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 25px;
                      font-style: italic;
                      list-style-type: none;
                      line-height: 124%;}

.featured-content p {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

.featured-content a img {padding: 0;
                         margin: 0;
                         display: block;}

.featured-top {width: 240px;
               height: 18px;
               background: #6A7A86 url(../images/featured_top.png) no-repeat;
               color: #DCE0E4;}

/* End Featured Services CSS */

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #F60;
       background-color: #F3F3F3;
       float: right;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 100%;
                clear: both;
                margin-top: 11px;
				margin-bottom: 0px;
                padding: 0;}
			
/* Start Compare Table */

.tablecolor1{ 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
font-weight: bold;
background: #35414B;
background-repeat: repeat-x;
border-bottom: 1pt solid #f3f3f3;
}
.tablecolor2{ 
background-color: #ffffff; 
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
font-size: 12px; 
color: #333; 
font-weight: normal;		
border-bottom: 1pt solid #f3f3f3;			
}
.tablecolor2 a:link, .tablecolor2 a:visited{ 
background-color: #ffffff; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #333; 
font-weight: normal;			
text-decoration: underline;			
}
.tablecolor3{ 
background-color: #f0eeee; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #000;
font-weight: normal;		
border-right: 1pt solid #f3f3f3;
}
.tablecolor3 a { 
background-color: #f0eeee; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #000;
font-weight: normal;
border-bottom: 1pt solid #f3f3f3;
}
.tablecolor4{ 
background-color: #BADDFB; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #255783; 
font-weight: normal;					
border-right: 1pt solid #f3f3f3;
}
.tablecolor5{ 
background-color: #40A5FD; 
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
font-size: 12px; 
color: #fff; 
font-weight: bold;					
border-bottom: 1pt solid #298CE2;			
border-right: 1pt solid #298CE2;
}
.tablecolor6{ 
background-color: #5ca61b; 
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
font-size: 12px; 
color: #fff; 
font-weight: bold;					
border-bottom: 1pt solid #599f1b;			
border-right: 1pt solid #599f1b;
}
.tablecolor-1{ 
background-color: #667479; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #fff; 
font-weight: normal;					
border-bottom: 1pt solid #f3f3f3;			
border-right: 1pt solid #f3f3f3;
font-weight:bold;
}
.tablecolor-2{ 
background-color: #f0eeee; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color:#666666; 
font-weight: normal;					
border-bottom: 1pt solid #fff;			
border-right: 1pt solid #f3f3f3;
font-weight:bold;
}
.tablecolor-3{ 
background-color: #f0eeee; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #000; 
font-weight: normal;					
border-bottom: 1pt solid #fff;			
border-right: 1pt solid #f3f3f3;
font-weight:bold;
}
.tablecolor7{ 
background-color: #f0eeee; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color:#666666; 
font-weight: normal;					
border-bottom: 1pt solid #fff;			
border-right: 1pt solid #f3f3f3;
}
.tablecolor7:hover{ 
background-color: #cccccc; 
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color:#CC0000;
font-weight: normal;					
border-bottom: 1pt solid #f3f3f3;			
border-right: 1pt solid #f3f3f3;
}
.sharedbox {
	margin:0 auto;
	width:510px;
	padding-left:0px;
	margin:0;
}
.level1box {
	margin:0 auto;
	width:500px;
	padding-left:0px;
	margin:0;
}
/* End Compare Table */

/* Start Servers */

#col-none{margin:0 10px 0 0; padding:20px 10px 10px 10px;}
#shared-server{float:right; margin-left:40px}
h1.style2{font-size:16px; padding:0; margin:0; font-weight:bold}
ul.feature-dedicated{list-style:none; margin:10px 0}
ul.feature-dedicated li{width:304px; margin:0 35px 0 0; float:left; display:block; background:url(../images/bul_check.gif) no-repeat 0 5px; padding:0 0 5px 15px ; line-height:normal}
.clear{height:1px; clear:both; font-size:1%}
table.billcycle{text-align:center; margin:0 0 20px 0}
table.billcycle th{font-weight:bold; text-align:center; border-bottom:2px solid #333; padding-top:8px;}
table.billcycle td{border-bottom:1px solid #ccc; padding:4px 0;}
table.billcycle tr.alt{background-color:#f0eeee}
table.billcycle tr.order td{border:none; padding:6px 0}
table.billcycle th.sale{background:url(../images/sale.gif) no-repeat 110px 0}
table.billcycle .features{text-align:left; padding-left:5px}