@CHARSET "ISO-8859-1";
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
text-decoration: none;
color:#FFF;
}


body {
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	
	
}


#wrapper { 
	height:100%;
	left:0;
	
	position:absolute;
	top:0;
	width:100%;!important;
	z-index:2;
}

#NAVBAR { 
	height:85px;
	background-image:url(images/navBar.png);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	
}
#logo2 {
  position:absolute;
  left:89px;
	
}

.phone {
	font-size:14px;
}

.infoimg {
	margin-top:8px;
	margin-right:5px;
}
#info{
	width:942px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	position:relative;
	z-index:20;
}
#info ul{
	list-style:none;
	margin:0px;
	padding:0px;
	
	float:right;
	
	
}
#info ul li{
	float:left;
	font-weight:bold;
	font-size:11px;
	line-height:42px;
	white-space: nowrap;
	height:50px;
	
}
#nav, #nav a {
  font-weight:bold;
  font-size:12px;
  line-height:22px;
  color:#000;
  text-transform: uppercase;	
}

#nav{
  margin-left:94px;
  z-index:20;
}
#nav ul {
	list-style:none;
}

#nav ul li {
	float:left;
	margin-right:25px;
	}
#nav li.active, #nav li.active a {
	color:#8ba939;
}

.bar {
	height:9px;
	width:100%;
	background-image:url(images/nav-hilite-bar.gif);
	display:none;
	
	
}
#subnav1 ul li, #subnav2 ul li {
	float:none;
	
}

#nav li.active #subnav1 li, #nav li.active #subnav1 li a,#nav li.active #subnav2 li, #nav li.active #subnav2 li a {
	color:#000;
}
#subnav1 li, #subnav1 li a,#subnav2 li, #subnav2 li a {
	font-size:12px;
	line-height:26px;
	font-weight:normal;	
}
#subnav1 li {
		border-bottom:2px;
	border-style:solid;
	border-color:	#718b3b;
}

#LoginLI {
	z-index:20;
}
#subnav1 {
	background-image:url(images/flyout-background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#FFF;
	border-left:2px;
	border-right:2px;
	
	border-style:solid;
	border-color:	#718b3b;
	z-index:20;
	position:fixed;
	top:80px;
	margin-left:-20px;
	display:none;
	
}

#subnav1 ul,  {
	width:100%;
}
#subnav1 ul li {
	padding-left:20px;
	padding-right:20px;
	margin-right:0px;
	
}

#subnav1 ul li.snhover, 
#subnav1 ul li.snhover a, 
#nav li.active #subnav1 ul li.snhover, 
#nav li.active #subnav1 ul li.snhover a {
	color:#8ba939;
}

#breadcrumbs {
	font-size:10px;
	line-height:19px;	
}

.curbread {
	color:#a0d133;
}

.quoteheader {
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	text-transform: uppercase;
	}
.quote {
	font-size:12px;
	line-height:16px;
	}
.quote p {
	margin-bottom:8px;
}

#homefeature {
  position:relative;
  background-image:url(images/semitransparent-background2.png);
  height:257px;
  width:942px;
  margin-top:10px;
  z-index:1;
  
  	
}
#hidefeature {
	display:none;
	}

#featurearea {
	padding-top:7px;
	margin-left:7px;
}

#feature1, #feature2, #feature3, #feature4 {
	
	
	width:690px;
	height:243px;
	margin-top:7px;
		
}

#feature1 {
	background-image:url(images/feature1-image.jpg);
}
#feature2 {
	background-image:url(images/feature2-image.jpg);
}
#feature3 {
	background-image:url(images/feature3-image.jpg);
}
#feature4 {
	background-image:url(images/feature4-image.jpg);
}

.featurecopy
	{
	  width:300px;
	  margin-left:350px;
	  margin-top:50px;
	  color:#000;
	  font-size:12px;
	  line-height:14px;
	
	}
	
.featurecopy h2
	{
		color:#97B84E;
		font-weight:bold;
		line-height:22px;
		font-size:22px;
		margin-bottom:10px;
	}
#feature2 h2, #feature3 h2
	{
		color:#FFF;
	}
	

#featurenav1, #featurenav2, #featurenav3, #featurenav0 {
	background-image:url(images/feature-button.png);
	height:60px;
	width:238px;
	position:absolute;
	left:698px;
	z-index:10;
	}
	
div#featurenav0.active,
div#featurenav1.active,
		div#featurenav2.active,
		div#featurenav3.active{
	background-image:url(images/feature-buttonIN.png);
	left:667px;
	width:269px;
	color:#70940a;
}
.line1 {
	margin-top:19px;
	margin-left:10px;
}
.line2 {
	margin-top:8px;
	margin-left:10px;
}
div.active div.line1, div.active div.line2 {
	margin-left:41px;
}
#featurenav0 {
	top:7px;
}
		
	
#featurenav1 {
   top:68px;	
}
#featurenav2 {
   top:129px;	
}
#featurenav3 {
   top:190px;	
}
#fnav {
	font-weight:bold;
	font-size:14px;
	line-height:22px;
	color:#FFF;
	text-transform:uppercase;
}


#services {
  margin-left:2px;
  position:relative;
  background-image:url(images/services-background.png);	
  width:938px;
  height:277px;
  margin-bottom:10px;
  font-size:12px;
  line-height:16px;
}

#services h2 {
	font-size:16px;
	font-weight:normal;
}

#service1 {
	position:absolute;
	width:195px;
	left:15px;
	top:20px;
	}
#service2 {
	position:absolute;
	width:195px;
	left:250px;
	top:20px;
	}
		#service3 {
	position:absolute;
	width:195px;
	left:483px;
	top:20px;
	}
	#service4 {
	position:absolute;
	width:195px;
	left:720px;
	top:20px;
	}

.doubledots {
		height:4px;
	background-image:url(images/double-dot.gif);
		background-repeat:repeat-x;
}

.singledot {
	height:1px;
	background-image:url(images/single-dot.gif);
	background-repeat:repeat-x;
}


#footertop {
	height:4px;
	background-image:url(images/double-dot.gif);
		background-repeat:repeat-x;
		margin-top:10px;
		margin-bottom:10px;
	
	}
	
#footerbottom {
		height:1px;
	background-image:url(images/single-dot.gif);
		background-repeat:repeat-x;
		margin-top:5px;
		margin-bottom:5px;
		clear:both;
	}
h4 {
  font-size:12px;
  line-height:16px;
  font-weight:bold;	
}

#footer {
  font-size:11px;
  line-height:16px;	
}

.footergroup
	{
	  float:left;
	  margin-right:60px;
	  margin-bottom:20px;
	}
	
#bottomline, #bottomline a {
	color:#FFF;
	font-size:11px;
	line-height:16px;
	}
#bottomline, .centerblock
	{
	
	width:942px;
		margin-left:auto;
	margin-right:auto;
	}	
	
	
	
/* Hosting Menu */
#hostingmenu {
	float:right;
	width:250px;
	height:225px;
	background-image: url(images/subnav-background.gif);
	font-size:12px;
	line-height:25px;
}
.hmheader {
	font-size:16px;
	line-height:25px;	
}
#innerhm {
	padding:10px;
	width:230px;
	height:100%;
	
}

/* Hosting Content */
/* Note that font size was increased to 13/17 */
#hostingarea {
 font-family:Tahoma,Arial, Helvetica, sans-serif;
  position:relative;
  background-image:url(images/semitransparent-background.png);
  repeat: repeat-y;
  height:100%;
  width:674px;
  font-size:14px;
  line-height:18px;
  
}
#hostingarea p {
	margin-bottom:10px;
}

#hostingarea h2 {
	font-weight:normal;
	font-size:16px;
	margin-bottom:10px;
}

#hostingarea ul {
	padding-left:15px;
}

#hostingarea li {
	list-style-type: disc;	
}

#innerarea {
  margin:10px;
  position:relative;
}

#innerarea h3,h4 {color:#8ba939;}

#hostingname {
  position:absolute;
  left:10px;
  top:38px;	
  height:31px;
  background-image:url(images/greenBar.png);
}

#hostingname h1 {
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	margin:5px;
	text-transform:uppercase;
}

.headerimg { margin-left:10px; margin-top:7px; }


/* pricing */
#pricinggrid {
 	background-image:url(images/pricing-background.png);
 	height:217px;
 	width:81px;
 	float:left;
 	margin-right:1px;
 	
 	
	
}
#pricinggrid div {
	
	margin-left:auto;
	margin-right:auto;
	position:relative;

}

#pricinggrid table {
	margin:auto;
}

.pricebar {
	border-bottom:1px;
	border-style:solid;
	border-color:#414141;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	
}

#pricinggrid a  {
	margin-left:7px;
}

#princinggrid table {
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div.price {
	font-size:30px;
	line-height:46px;
	color:#93b34f;
	text-align:center;
	
}
div.price div {
	display:inline;
	font-size:18px;
	vertical-align:super;
	
}
.traffic {
	font-size:20px;
	color:#878787;
	
		
	
}
.metric {
	font-size:23px;
	color:#878787;
	
		
	
}
.schedule {
	font-size:18px;
	color:#878787;
	float:right;			
	
}

.schedule2 {
	font-size:14px;
	color:#878787;
	float:right;			
	
}

.metlab {
	
	font-size:9px;
	color:#878787;
	line-height:9px;
	float:right;
	
	
}
.tralab {
	
	font-size:9px;
	color:#878787;
	line-height:9px;
	float:right;
	
}

#innerarea td {
	vertical-align:top;
}

.more a { 
	font-size:	11px;
	font-family:	Arial;
	font-weight:	bold;
	margin-top:10px;
	padding: 2px;
	background-color:#97b84e;
}

#aboutphotos {
	display:none;
	}

#photowrapper {
	float:right;
	width:200px;
	height:200px;
	padding-left:20px;
}

#quotes {
	display:none;
	height:150px;
}

.wdphoto {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

	
#contact-wrapper {
	width:430px;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
	

.faq li 
{ 
	padding: 2px; 
	margin-left: 25px; 
}

.faq p 
{
	padding: 10px;
}

.serverDesc
{
        width: 250px;
        margin-right: 1em;
        float: left;
}

.serverDesc h1, .contentItem h1
{
        margin: .5em 0 0 0;
        padding: 0;     
        font-size: 32;
}

.serverDesc h2, .contentItem h2
{
        margin: 0 0 1em 10px;
        padding: 0;
        color: rgb(161,165,169);
        font-size: 18;
}

.serverDesc p, .contentItem p
{
        margin: 0 0 .5em 0;
        padding: 2;
}

.serverDesc p
{
        font-size: 90%
}

.serverDesc img
{
        margin-top: .5em;
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
}


.serverFeatures table td.data
{
        border-width: 0 0 1px 0;
        border-color: #c0c0c0;
        border-style: solid;
        padding: .5em 1px .5em .5em;
        text-align: center;
}

.serverFeatures th {
	text-align: left;
	font-size: 14px;
	padding-bottom: 14px;
        border-width: 0 0 1px 0;
        border-color: #c0c0c0;
        border-style: solid;
	color:#8ba939;
}

.serverFeatures #serverInventory td.data 
{
        padding: .5em 1px .5em .5em;
        padding-right: .5em;
}

.serverFeatures td.service
{
        border-left: 1px #c0c0c0 solid;
        border-width: 0 0 1px 0;
        border-color: #c0c0c0;
        border-style: solid;
        padding: .5em 1px .5em .5em;
        border-left: 1px #c0c0c0 solid;
        padding-right: .5em;
}



.serverFeatures table td.data
{
        text-align: left !important;
        padding-left: 1em !important;
}

.serverFeatures table td.data select
{
        padding-left: 0px !important;
        margin-left: 0px !important;
}

.serverFeatures table td.signupButton
{
        border-width: 0 !important;
//        padding: 3px 0 .5em 0 !important;
        text-align: center !important;
	padding-top: 14px;
}

.orderServer
{
	padding-top:14px;
        float: center;
}


}
.specsheader {
	font-size:16px;
	line-height:25px;	
}
#specshm {
	padding:10px;
	width:230px;
	height:100%;
}	

.serverSpecs
{
//        font-size: 80%;
//        color: rgb(100,100,100);
        border-top: solid 1px rgb(0,0,0);
        margin-top: 1em;
        padding-top: .5em;
}

.serverSpecs dt
{
        font-weight: normal;
//        color: rgb(30,30,30);
	color:#8ba939;
}


.serverSpecs dd
{
        border: 0;
        padding: 0 0 .5em .5em;
        margin: 0;
	font-size:10px;
	line-height:100%;
}