@import url(reset.css);
@import url(tables.css);
@import url(forms.css);

body {
	color: #000000;
	background-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body strong {
	font-weight: bold;
}

body em {
	font-style: italic;
}

/*= Container - binds the page together */
#container {
	width: 775px; 
	text-align: left; 
	margin: 2px auto 0;
}

/*= Header - contains Webporter header images */
#header h1 {
	margin: 0;
}
#header p {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#header {
	width: 775px; 
	height: 158px; 
	background: #316c34 url("../images/header.jpg") 0 0 no-repeat;
	color: #000;
	position: relative;
	border-bottom: 1px solid #FFF; /* this somehow fixes the #header/#body height issue with Opera 8 */
}
#header h1 a:link, 
#header h1 a:visited {
	position: absolute; 
	left: 40px; 
	top: 50px; 
	width: 290px; 
	height: 0; 
	overflow: hidden; 
	display: block; 
	background: none; 
	font-size: 1px; 
	padding-top: 65px;
}

/* =Skip links - for disability software browsing */
#skipnav {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* =Body - contains breadcrumbs and content */
#body {
	border: 1px solid #1d4220; /* Throws out alignment of body to header in Opera 8. Adding a border to bottom of #header fixed it?? weird. */
	margin: 0;
	padding: 0 0 20px 0;
	color: #000;
	background: #FFF url(../images/bg-body.gif) scroll repeat-y top left;
}
.col1 #body {
	background: #FFF;
}

/* Content attributes */
#body #content {
	border-top: 1px solid #316c34; /* again fixes weird margin issues (?) */
	width: 580px;
	padding: 0 15px;
	margin: 0;
	float: right;
	font-size: 80%; /* standard text size on page */
	color: #333333; /* text dark grey */
}

/* =headings */
#body #content h1 { 
	font-size: 200%;
	color: #006600;
	font-weight: lighter;
	margin: 5px 0 10px 0;
}
#body #content h2 {
	font-size: 155%;
	color: #006600;
	font-weight: lighter;
	margin: 10px 0 10px 0;
}
#body #content h3 {
	font-size: 120%;
	color: #006600;
	margin: 10px 0 10px 0;
	font-weight: lighter;
}
#body #content h4 {
	font-size: 105%;
	margin: 10px 0 10px 0;
/* 	clear: both; Removed by Scott */
}

/* =Breadcrumbs */
#body #content #bcrumb {
	font-size: 75%;
	margin: 10px 0;
}

#body #content p {
	margin: 10px 0 15px 0;
	line-height: 135%;
	text-align: justify;
}

#body #content p.top {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: right;
}

.col1 #body #content {
	float: none;
	width: auto;
	background: #FFF;
	margin: 0 0 15px 0;
}

#body #content fieldset.blurb {
	background: #FFFFCC;
	border: solid 1px;
	border-color: #FFCC66;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
	line-height: 135%;
	text-align: justify;
}

#body #content fieldset.blurb p.title {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
}

#body #content fieldset.blurb ul {
	margin-bottom: 10px;
}

/* =Lists */
#body #content ul {
	margin: 0 0 0 25px;
	list-style-type: disc;
}
#body #content ul ul {
	margin-top: 5px;
	list-style-type: circle;
}
#body #content ul ul ul {
	margin-top: 5px;
	list-style-type: square;
}
#body #content ol {
	margin: 0 0 0 25px;
	list-style-type: decimal;
}
#body #content ol ol {
	list-style-type: lower-alpha;
}
#body #content ol ol ol {
	list-style-type: lower-roman;
}
#body #content li {
	padding-bottom:5px;
}

/* following fieldsets used on contact page */
fieldset.blurb dl {
	display: block;
}

fieldset.blurb dl.indent {
	padding: 0;
	margin-left: 25px;
}

fieldset.blurb dl dt {
	width: 13em;
	float: left;
	margin: 2px 0 0 0;
	padding: 0.5em;
	clear: both;
	font-weight: 500;
}
* html fieldset.blurb dl dt {
	left: 0; /* for IE only */
}

fieldset.blurb dl dd {
	margin: 0 0 0 0;
	padding: 0.5em 0.5em 0.5em 14em;
	border-top: 1px solid;
	border-color: #CCCC99;
}


fieldset {
	background: #FFFFFF;
	padding: 0 10px 10px 10px;
	margin: 15px 0 10px 0;
	border: 1px solid #006600;
}
/* IE hack - background color fix */
html fieldset {
	position: relative;
}

fieldset legend {
	font-size: 105%;
	font-weight: lighter;
	padding: 0px 5px 1px 5px;
	background: #006600;
	color: #FFFFFF;
}
/* IE hack - background color fix */
html fieldset legend {
	position: relative;
	left: -7px;
	top: -0.75em;
}

fieldset dl {
	display: block;
	margin: 0;
	padding: .5em 0;
}

fieldset dl.indent {
	padding: 0;
	margin-left: 25px;
}

fieldset dl dt {
	width: 13em;
	float: left;
	margin: 2px 0 0 0;
	padding: 0.5em;
	clear: both;
	font-weight: 500;
}
* html fieldset dl dt {
	left: 0; /* for IE only */
}

fieldset dl dd {
	margin: 0 0 0 0;
	padding: 0.5em;
	border-top: 1px solid #ded;
}

fieldset dl dd.wrap-align {
	padding-left: 14em;
}

/* for CABS menu */
#body #content fieldset.menu li {
	padding-bottom: 15px;
}
#body #content fieldset.menu ul {
	padding-top: 15px;
}


hr {
	display: none;
}

div.hr {
	display: block;
	height: 1px;
	background: #FFF url(/_assets/images/bg-border.png) repeat-x top left;
	margin: 5px 0;
}
.spacer {
	display:block;
	clear:both;
	visibility: hidden;
}
dl.faqs dt,
dl.defn dt {
	font-weight: bold;
}
dl.faqs dd {
	margin: 0;
}
dl.dl.defn dd {
	margin: 0 0 0 15px;
}
dl.faqs dd p,
dl.dl.defn dd p {
	margin: 0 0 15px 0;
}

.seealso {
	font-size: 75%;
}


/* =Domain search box */
#domainsearch {
	position: absolute; 
	top: 118px; 
	width: 295px; 
	height: 25px;
	overflow: hidden; 
	display: inline; 
	list-style-type: none;
	padding: 0 0 0 479px; 
	margin: 0;
	z-index: 10;
}
#domainsearch form {
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	background: #FFCC00 url("../images/bg-domainsearch.gif") repeat-x top left;
	color: #000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	text-align: center;
}
#domainsearch fieldset {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}
#domainsearch legend {
/*	position: absolute;
	margin-top: -10px;
	z-index: -1;
*/
	display: block;
	position: absolute;
	left: 0;
	top: -500px;
	margin-top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#domainsearch input,
#domainsearch select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
}
#domainsearch label {
	font-weight: bold;
}
#searchbtn {
	width: 73px;
	height: 17px;
	border: 0;
}


/* =Navigation */
#sidebar1 li a.current {
	font-weight: bold;
	border-left: 5px solid #66cc66;
	background: #d4ded4;
	color: #000;
}
#sidebar1 li li a.current {
	font-weight: bold;
	border-left: 5px solid #316c34;
	background: #f4f9f5 url(../images/bg-sitenav.png) repeat-y bottom right; 
	color: #000;
}


#sidebar {
	background-color: #f4f9f5;
	color: #000;
	width: 160px;
	padding-bottom: 50px;
}
#sidebar1 {
	background-color: #316c34;
	color: #000;
}
#sidebar2 {
	background: #316c34 url(../images/bg-sidenav-btm.gif) scroll repeat-x bottom left;
	color: #000;
	padding-bottom: 37px;
}
#sidebar3 {
	text-align: center;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar li {
	font-size: 70%;
}
#sidebar li li {
	font-size: 95%;
}
#sidebar li a {
	display: block;
	padding: 3px 7px;
	color: #000;
	text-decoration: none;
	border-left: 5px solid #316c34;
	background: #f4f9f5 url(../images/bg-sitenav.png) repeat-y bottom right; 
}
#sidebar li a:hover,
#sidebar li a:active,
#sidebar li a.current:hover,
#sidebar li a.current:active {
	border-left: 5px solid #ffcc33;
	background: #f8e2a9 url(../images/bg-sitenav2.png) repeat-y bottom right;
	color: #000;
}
#sidebar li li a {
	padding: 3px 7px 3px 14px;
	width: 134px;
}

/* main nav */
#sidebar1 h2 {
	color: #FFF;
	background-color: #316c34;
	margin: 0;
	padding: 9px 0px 7px 6px;
	font-size: 90%;
}
#sidebar1 h2 a {
	color: #FFF;
}
#sidebar1 h2 a:link,
#sidebar1 h2 a:visited {
	text-decoration: none;
}
#sidebar1 h2 a:hover,
#sidebar1 h2 a:active {
	text-decoration: underline;
}
/* related links */
#sidebar h3 {
	color: #FFF;
	background-color: #316c34;
	margin: 0;
	padding: 9px 0 7px 8px;
	font-size: 80%;
}
#sidebar h3 a:link,
#sidebar h3 a:visited {
	text-decoration: none;
}
#sidebar h3 a:hover,
#sidebar h3 a:active {
	text-decoration: underline;
}
body.col1 #sidebar {
	display: none;
}

#sitenav {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF; /* weird margin thing in opera again */
	margin: 0;
	padding: 0;
	height: 1px;
}
#sitenav h2 {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#nav1 {
	position: absolute; 
	top: 3px; 
	width: 300px; 
	height: 18px;
	overflow: hidden; 
	display: inline; 
	list-style-type: none;
	padding: 0 0 0 517px; 
	margin: 0;
}
#nav1 LI {
	FLOAT: left;
}
#nav1 LI A {
	overflow: hidden; 
	height: 0;
	display: block; 
	padding-top: 18px; 
}
#nav1 .n1 {
	background: url(../images/sitenav1.gif) no-repeat 0 0; 
	width: 54px;
}
#nav1 .n2 {
	background: url(../images/sitenav1.gif) no-repeat -54px 0; 
	width: 62px;
}
#nav1 .n3 {
	background: url(../images/sitenav1.gif) no-repeat -116px 0; 
	width: 64px;
}
#nav1 .n4 {
	background: url(../images/sitenav1.gif) no-repeat -180px 0; 
	width: 77px;
}
/* Nav 2 Hover */
#nav1 .n1 A:hover,
#nav1 .n1 A:active {
	background: url(../images/sitenav1.gif) no-repeat 0 -18px;
}
#nav1 .n2 A:hover,
#nav1 .n2 A:active {
	background: url(../images/sitenav1.gif) no-repeat -54px -18px;
}
#nav1 .n3 A:hover,
#nav1 .n3 A:active {
	background: url(../images/sitenav1.gif) no-repeat -116px -18px;
}
#nav1 .n4 A:hover,
#nav1 .n4 A:active {
	background: url(../images/sitenav1.gif) no-repeat -180px -18px;
}

#nav2 {
	position: absolute; 
	top: 141px; 
	width: 775px; 
	height: 22px;
	overflow: hidden; 
	display: inline; 
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#nav2 LI {
	FLOAT: left;
}
#nav2 LI A {
	height: 0;
	overflow: hidden; 
	display: block; 
	padding-top: 22px; 
}
#nav2 .n1 {
	background: url(../images/sitenav2.gif) no-repeat 0 0; 
	width: 68px;
}
#nav2 .n2 {
	background: url(../images/sitenav2.gif) no-repeat -68px 0; 
	width: 111px;
}
#nav2 .n3 {
	background: url(../images/sitenav2.gif) no-repeat -179px 0; 
	width: 99px;
}
#nav2 .n4 {
	background: url(../images/sitenav2.gif) no-repeat -278px 0; 
	width: 122px;
}
#nav2 .n5 {
	background: url(../images/sitenav2.gif) no-repeat -400px 0; 
	width: 137px;
}
#nav2 .n6 {
	background: url(../images/sitenav2.gif) no-repeat -537px 0; 
	width: 120px;
}
#nav2 .n7 {
	background: url(../images/sitenav2.gif) no-repeat -657px 0; 
	width: 118px;
}
/* Nav 2 Hover */
#nav2 .n1 A:hover,
#nav2 .n1 A:active {
	background: url(../images/sitenav2.gif) no-repeat 0 -22px;
}
#nav2 .n2 A:hover,
#nav2 .n2 A:active {
	background: url(../images/sitenav2.gif) no-repeat -68px -22px;
}
#nav2 .n3 A:hover,
#nav2 .n3 A:active {
	background: url(../images/sitenav2.gif) no-repeat -179px -22px;
}
#nav2 .n4 A:hover,
#nav2 .n4 A:active {
	background: url(../images/sitenav2.gif) no-repeat -278px -22px;
}
#nav2 .n5 A:hover,
#nav2 .n5 A:active {
	background: url(../images/sitenav2.gif) no-repeat -400px -22px;
}
#nav2 .n6 A:hover,
#nav2 .n6 A:active {
	background: url(../images/sitenav2.gif) no-repeat -537px -22px;
}
#nav2 .n7 A:hover,
#nav2 .n7 A:active {
	background: url(../images/sitenav2.gif) no-repeat -657px -22px;
}

/* =Footer */
#footer {
	clear: both; 
	padding: 15px 0 25px 0;
	margin: 0; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#footernav1 {
	float: left;
}
#footernav2 {
	float: right;
}
#footernav2 p {
	margin: 0;
	padding: 0;
}
#footernav2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footernav2 li {
	display: inline;
	margin-left: 10px;
}
#footer a img {
	vertical-align: middle;
}

/* hidden elements */
#home h1,
#home h2,
#home-ssl h3,
#home-comodo p {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* specific homepage styles */
#home #body {
	padding: 0;
}
#home #content {
	margin: 0;
	padding: 0;
}
#home div.highlight {
	background: #eff6ef url(/_assets/images/home-servers.png) no-repeat;
	height: 212px;
	position: relative;
	border-bottom: 1px solid #999;
}
#home div.highlight p {
	margin: 0;
	padding: 0;
}
#home-hosting {
	position: absolute;
	top: -1px;
	left: 17px;
}
#home-domains {
	position: absolute;
	top: -1px;
	right: 17px;
}
#home-feedback {
	float: left;
	width: 485px;
	font-size: 0.85em;
	padding: 0 15px;
}
#home-feedback p {
	margin: 0 0 10px 0;
	padding: 0;
}
#home-feedback blockquote {
	margin: 10px 0;
}
#home-feedback blockquote cite {
	display: block;
	text-align: right;
}
#home-ssl {
	margin: 15px 0;
	width: 245px;
	float: right;
}
#home-comodo {
	float: left;
}
#home-payoptions {
	float: right;
	margin-right: 15px;
}


/* general styles */

.service-plan {
	width: 189px;
	float: left;
	height: 155px;
	border-right: 1px solid #d3eed3;
}
#content .service-plan h3 {
	margin: 0;
}
.service-plan p {
	margin: 0;
	padding: 0 10px;
}

#content .moneyback {
	margin: 10px 0 0;
	width: 550px;
}
#content .moneyback h3 {
	margin: 10px 0;
}

p.note {
	margin: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* is this bad practice? */
#content div.center {
	text-align: center;
}

/* whois styles */
#content ul.whois-results {
	border: 1px solid #CCC;
	list-style-type: none;
	margin-left: 0;
}



ul.whois-results div {
	padding: 5px;
}

.whois-row1 {
}
.whois-row2 {
	background: #EEE;
}
.available {
	color: #006600;
}
.unavailable {
	color: #CC0000;
}

/* website creation services list styles - e.g., http://www.webporter.com/web-development/ */

#wclist h4 { 
	color: #000000;
	margin-bottom: 5px;
}

#wclist h4 a {
	color: #336633;
}
#wclist h4 a:link,
#wclist h4 a:visited {
	text-decoration: none;
}
#wclist h4 a:hover,
#wclist h4 a:active {
	text-decoration: underline;
}

#wclist ul {
	list-style: circle outside url(/_assets/images/bl-square-grn.gif);
}

#wclist li {
	padding-bottom: 5px;
	clear: both;
}

#wclist img {
	border: 0;
	float: left;
	margin: 4px 10px 0 0; 
	width: 75px;
	height: 75px;
}

#wclist dl {
	clear: both;
}

#wclist dl dt {
	padding: .1em;
}

#wclist dl dd {
	padding: .3em 0 .3em 2em;
	font-style: italic;
/*	border-top: 1px solid #ded; */
}