/* CSS Document */

html {
	height:97%
}

body {
	position:absolute;
	height:97%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color:#333;
	
	text-align:center;
	width:100%;

}

h2 { 
	color:#777;
	font-family:tahoma,sans; 
	font-size:1.5em;
	font-variant:small-caps;
}

#main { 
	position:absolute;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	width:100%;
	background-color:#333;
	height:auto;
	text-align:left;
}

#header2 {
	position:absolute;
	top:0px;
	height:100px;
	width:97%;
}

.logo {
	position:absolute;
	top:10px;
	left:10px;
	color:#333;

}

.nav {
	position:absolute;
	top:10px;
	left:675px;
	color:#333;
	font-family:tahoma,sans; 
	font-size:.75em;
	 color:#777; 
}

.nav a:link, .nav a:visited { color:#00cc00; text-decoration:none; margin-left:10px; margin-right:10px;}
.nav a:hover, .nav a:active { color:#777; text-decoration:none; margin-left:10px; margin-right:10px; border-bottom:2px solid #00cc00;}

.navselected {
	border-bottom:2px solid #00cc00;
	margin-right:10px;
	margin-left:10px;
}


input.textbox {
	height:1.5em;
}

.textbox { border: 1px solid #00cc00; background-color: #fff; font-family:tahoma,sans; font-size: .70em; color:#999; }

#hero {
	position:absolute;
	left:0px;
	top:80px;
	margin:0px;
	padding:0px;
	height:auto;
}

.herotext {
	font-family:tahoma,sans;
	font-size:2em;
	font-variant:small-caps;
	color:#fff;
	margin-left:280px;
}

.herotextservices {
	font-family:tahoma,sans;
	font-size:2em;
	font-variant:small-caps;
	color:#fff;
	margin-left:450px;
}


.herosmalltext {
	font-family:tahoma,sans;
	font-size:.80em;
	color:#333;
	margin-left:375px;
	margin-top:10px;
	line-height:1.5em;
}


.herosmalltext a:link, .herosmalltext a:visited { color:#00cc00; text-decoration:none;}
.herosmalltext a:hover, .herosmalltext a:active { color:#777; text-decoration:none;}

.green {
	color:#00cc00;
}

#alt {
	position:absolute;
	background-color:#333;
	top:325px;
	height:70px;
	width:100%;
	text-align:center;
}

.altnavigation {
	width:900px;
	top:325px;
	height:70px;
	margin-left:20px;
	margin-top:25px;

}

#content {
	position:absolute;
	background-color:#333;
	top:425px;
	left:50px;
	margin-top:0px;
	height:auto;
	width:900px;
	margin:0px;
	padding:0px;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;}
.spiffy4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.spiffy5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  }
.spiffyfg{
  background:#ffffff;
  padding-left:25px;
  padding-right:25px;
  padding-top:20px;
  height:650px;
}

.spiffyfg2{
  background:#ffffff;
  padding-left:25px;
  padding-right:25px;
  padding-top:20px;
  height:825px;
}
.spiffyfg3{
  background:#ffffff;
  padding-left:25px;
  padding-right:25px;
  padding-top:20px;
  height:1000px;
}
.leftcontent {
	position:absolute;
	top:10px;
	left:20px;
	width:350px;
	color:#333;
	font-family:tahoma,sans; 
	font-size:.75em;
	height:97%;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

.leftcontent a:link, .leftcontent a:visited { color:#00cc00; text-decoration:underline;}
.leftcontent a:hover, .leftcontent a:active { color:#333; text-decoration:none;}

.middlecontent {
	position:absolute;
	top:10px;
	left:410px;
	width:260px;
	color:#333;
	font-family:tahoma,sans; 
	font-size:.75em;
	height:97%;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

.middlecontent a:link, .middlecontent a:visited { color:#00cc00; text-decoration:underline;}
.middlecontent a:hover, .middlecontent a:active { color:#333; text-decoration:none;}

.widecontent {
	position:absolute;
	top:10px;
	left:20px;
	width:610px;
	color:#333;
	font-family:tahoma,sans; 
	font-size:.75em;
	height:97%;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

.widecontent a:link, .widecontent a:visited { color:#00cc00; text-decoration:underline;}
.widecontent a:hover, .widecontent a:active { color:#333; text-decoration:none;}

.hostingtable {
	color:#333;
	font-family:tahoma,sans; 
	font-size:1em;
}


.rightcontent {
	border-left:1px dotted #333;
	padding-left:10px;
	position:absolute;
	top:10px;
	left:690px;
	height:400px;
	width:170px;
	color:#333;
	font-family:tahoma,sans; 
	font-size:.75em;
	height:97%;
	line-height:1.5em;
}

.rightcontent a:link, .rightcontent a:visited { color:#333; text-decoration:underline;}
.rightcontent a:hover, .rightcontent a:active { color:#00cc00; text-decoration:none;}

#footer-clients {
	position:absolute;
	background-color:#333;
	top:1600px;
	margin-top:0px;
	left:50px;
	height:20px;
	width:900px;
	margin:0px;
	padding:0px;
	color:#777;
	font-family:tahoma,sans; 
	font-size:.65em;
}

#footer {
	position:absolute;
	background-color:#333;
	top:1350px;
	margin-top:0px;
	left:50px;
	height:20px;
	width:900px;
	margin:0px;
	padding:0px;
	color:#777;
	font-family:tahoma,sans; 
	font-size:.65em;
}

.headline {	
	color:#777;
	font-family:tahoma,sans; 
	font-size:1em;
	}

.headline a:link, .headline a:visited { color:#333; text-decoration:underline;}
.headline a:hover, .headline a:active { color:#00cc00; text-decoration:none;}


ul {
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}

.feedburnerFeedBlock a:link, .feedburnerFeedBlock a:visited { color:#333; text-decoration:underline;}
.feedburnerFeedBlock a:hover, .feedburnerFeedBlock a:active { color:#00cc00; text-decoration:none;}

.formleft {
	text-align:left;
	width:100px;
}

.formright {
	text-align:right;
	width:165px;
}

input.background {
	background: url("images/input.gif") no-repeat;
	border:0px #fff;
	width: 165px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 25px;
	color: #333;
	font: .95em tahoma,sans;
	overflow: hidden;
	padding:2px;
}


textarea {
	background: url("images/textarea.gif") no-repeat;
	border:0px #fff;
	width: 165px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 150px;
	color: #333;
	font: .95em tahoma,sans;
	overflow: auto;
	padding:2px;
}