@charset "utf-8";

/* Main Page Styles */
body {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000 }
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; } /* this overrides the text-align: center on the body element. */
#mainContent { 
	padding: 0; }

/* General Link Styles */
a:link { color: #0000ff; text-decoration: underline }	
a:visited { color:#0000ff; text-decoration: underline }	
a:hover { color: #cc0000; text-decoration: underline }

/* Banner Section Styles */
#bannersection { 
	width: 100%;
	height: 75px;
	background: #cccccc url(images/bannerbackground.jpg) center no-repeat;
	color: #000000;
	border: 0px solid #aaaaaa;
	margin-top: 5px; }
#bannersection h1 {
	font-size: 1px;
	margin-left: -1000px }
#bannersection .support {
	text-align: left;
	line-height: 18px;
	margin: 0 0 0 600px; }
#bannersection .support ul {
	list-style-type: disc; }

/* Main Menu Section Styles */
#mainmenusection { 
	position: relative;
	width: 100%;
	height: 27px;
	border: 0px;
	margin: 0;
	padding: 0;
	background-color: #ffffff; }
#tabs ul { position:absolute; left:auto; top: 5px; z-index: 1; margin: 0 5px 0 20px; padding: 5px 0 5px 0; display: inline; font-size: 12px; font-weight: bold; } 	
#tabs ul li { margin: 0 2px 0 0px; list-style: none; display: inline; }
#tabs ul span {	background: #eeeeee; margin: 0; padding: 4px 10px 2px; border: 1px solid #aaaaaa; }
#tabs ul span.here { background: #fdfbff; border-bottom: 2px solid #fdfbff; } /* color must match tab background */
#tabs ul a { color: #000000; text-decoration: none; }
#tabs ul a:hover { color: #cc0000; text-decoration: none; }

/* Main Promo Section Styles */
#mainpromosection { 
	width: 100%;
	height: 350px;	
	position: relative;
	background: #eeeeee url(images/mainpromosectionbackground.jpg) center no-repeat;
	border: 1px solid #aaaaaa;
	margin: 0 0 10px 0; }
#mainpromosection h1 { 
	position: absolute;
	top: 25px;
	left: 35px;
	font: 24px bold Arial, Helvetica, sans-serif;
	color: #000000 }
#mainpromosection .promotext {
	position: absolute;
	left: 30px;
	top: 140px;
	width: 450px;
	background: #d0effb;
	border: 2px solid #ffffff;
	padding: 15px; }
#mainpromosection .emphasis { font-size: 16px; font-weight: normal; color: #cc0000 }

/* Packages Section Styles */
#packagessection { 
	width: 100%;
	border: 0;
	margin: 0 0 10px 0; }
#packagestable { 
	width: 100%; }
#packagessection td { 
	width: 25%;
	background: #d0effb;
	border: 1px solid #aaaaaa;
	vertical-align: top;
	padding: 10px; }
#packagessection h3 { 
	font-size: 12px;
	text-align: center; }
#packagessection .packagestext { 
	margin-left: 0px;
	font-size: 10px;
	text-align: left; }
#packagessection .packageslink { text-align: right }
#packagessection a:link { font-size: 12px; color: #0000ff; text-decoration: underline }	
#packagessection a:visited { font-size: 12px; color:#0000ff; text-decoration: underline }	
#packagessection a:hover { font-size: 12px; color: #cc0000; text-decoration: underline  }	
	
/* About Us  and Domain Name Search Section Styles */
#aboutussection { 
	width: 100%;
	border: 0;
	margin: 0 0 10px 0 }
#aboutustable {
	width: 100%; }
#aboutussection .aboutus {
	width: 75%;
	border: 1px solid #aaaaaa;
	vertical-align: top;
	padding: 10px; }
#aboutussection .domainsearch {
	width: 25%;
	background: #d0effb;
	border: 1px solid #aaaaaa;
	vertical-align: top;
	padding: 10px; }
#aboutussection h2 { 
	font-size: 14px }
#aboutussection h3 {
	font-size: 12px;
	text-align: center; }
#packagessection .domainsearchtext { 
	font-size: 10px; }
	
/* BOP Menu Section Styles */
#bopmenusection { 
	width: 100%;
	border: 0;
	margin: 0 0 10px 0;
	text-align: center; }	
.bopnav, .bopcurrent {
	background: transparent;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 0px 10px 0px 10px}
a.bopnav:link { color: #000000; text-decoration: none }		
a.bopnav:visited { color: #000000; text-decoration: none }		
a.bopnav:hover { color: #990000; text-decoration: none }		
.bopcurrent { color: #990000; text-decoration: none }				
	
/* Footer Section Styles */
#footersection { 
	width: 100%;
	border: 0;
	text-align: center; }
#copyright { 
	color: #aaaaaa;
	font-size: 10px;
	border: 0;
	margin: 0;
	padding: 5px 0px 20px 0px }
#copyright a:link { color: #aaaaaa; text-decoration: underline }	
#copyright a:visited { color: #aaaaaa; text-decoration: underline }		
#copyright a:hover { color: #990000; text-decoration: underline  }