/*
Basic CSS file for main NeetSites pages
*/
body {
	background: url(../images/steel_bg.jpg);
	margin: 0px;
	padding: 0 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	line-height: 2em;
	z-index: auto;
}
p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.2em;
	padding: 0;
}
a {
	text-decoration:none;
	font-weight: bold;
}
a:link {color:#648bb2;}
a:visited {color:#648bb2;}
a:hover {color: #aa55aa;}

/* Banner related styles */
#banner {
	position: relative;
	left:0px;
	top:0px;
	width: 100%;
	z-index:1;
	background: url(../images/steel_blue.jpg) repeat top left;
	padding-top: 25px;
	padding-bottom: 25px;
}
#logo {
	margin: auto;
	text-align: center;
	background: url(../images/logo_nosteel.png) no-repeat center center;
	height: 80px;
}

/* Main Content Area Styles */
#main {
	position:relative;
	background: url(../images/ns_splash.gif) no-repeat top left;
	width: 100%;
	margin: 0px;
	left: 0px;
	z-index: 3;
}
#PageTitle {
	position:relative;
	left:31%;
	width:69%;
	top:1.8em;
	clear:both;
	z-index:2;
	height: auto;
}
#PageTitle h1 {
margin: 0 0 0 0px;
z-index: 2;
}
#PageSubTitle {
	position:relative;
	left:40%;
	width:60%;
	top:2em;
	margin-bottom: 2em;
	clear:both;
	z-index:2;
}
#livehelp {
	position: absolute;
	top: 0;
	right:0;
	z-index: 2;
	padding:10px 10px 0 0;	
}

/*********************************/
/* Sub Banner is optional        */

#SubBanner {
	position: relative;
	left: 22%;
	width: 75%;
	top: 2em;
	clear:both;
	z-index: 2;
}
#SubBanner p {
	margin:0 0 1em 0px;
	padding:0 0 0 0em;
	line-height:1.2em;
}
#SubBanner h1 {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#SubBanner h2 {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}

/* use this style to center something in the main content area */
#CenterList {
	position:relative;
	padding: 20px;
	margin-top: 2em;
	margin-left: 22%;
	width: 65%;
	text-align: center;
	z-index:2;
}
.Story {
	position:relative;
	padding: 0;
	margin-top: 1em;
	margin-left: 120px;
	margin-right: 120px;
	text-align: center;
	z-index:2;
}
.Story p {
	margin:0 0 0 0px;
	padding:0 0 0 0em;
	line-height:1.1em;
}
.Story h1 {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
.Story h2 {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}
.Story h3 {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.2em;
}
#footer {
	height: 100px;
	background: #000;
	padding: 25px;
	font-size: 1em;
	color: #fff;
	line-height: 1.2em;
	z-index: 2;
	background: #000 url(/images/footer_bg.jpg) repeat-x top left;
}
#validators img {
	border: none; 
	padding: 3px;
}

/* styles for services page */
#Details {
	background:url(/images/plan_page.png) top center no-repeat;
	margin: auto;
	padding-top: 20px;
	width:412px;
	height:465px;
	z-index:4;
}
#Details table, #Details2 table {border: 1px solid #000;}
#Details table tr td, #Details2 table tr td {
	padding: 5px;
	margin: 0;
	font-size: 11px;
	line-height: normal;
}
#Details2 {
	background:url(/images/plan_page2.png) top center no-repeat;
	margin: auto;
	padding-top: 20px;
	width:800px;
	height:500px;
	z-index:4;
}
#Details3 {
	background: #e7edef url(../images/package_bg.png) no-repeat bottom right;
	border: 1px solid #000;
	margin: 20px auto;
	padding: 20px;
	width:500px;
	z-index:4;
}
ul.boxed {
	margin: auto;
	text-align: left;
}
#Details3 ul {
	padding: 0px;
	margin-left: 50px;
}

#Details3 ul li, ul.boxed li {
	list-style: url(../images/boxbullet.png) none;
	margin: 0px;
	padding: 0px;
}

#Details3 table tr td {
	background: url(../images/boxbullet.png) no-repeat top left;
	padding: 0px 25px 15px 25px;
	font-size: 12px;
	line-height: normal;
}

p.subtext {
	font-size: smaller;
	text-align: center;
}

p.price {
	color: #dd7700; 
	font-weight: bold; 
	font-size:20px;
}
.white {background: #fff;}
.plan_header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
}

/* styles for contact page */
.bird {background: url(../images/bird.png) no-repeat bottom right}
.Contact {
	position: relative;
	padding: 0;
	margin-top: 1em;
	margin-left: 50px;
/*	margin-right: 120px;*/
	z-index:2;
	line-height: 1.5em;
	text-align: left;
	font-size: small;
}
div.Contact p {margin: 0px;}
div.Contact iframe {
	float: left;
	margin-right: 10px;
}

/*********************************/
/* 	Bullet Lines are optional
		They create areas to the right of the curve
		that can be used for any purpose.
		They are included in the Template Editable
		Region because they vary from page to page.
		Use them to position text or othe elements
		near the curve, remembering to check the spacing
		at 800x600. */

#Bullet1 {
	position: relative;
	left: 28%;
	width: 72%;
	top: 2em;
	clear: both;
	z-index: 1;
}
#Bullet1 p{
	margin:0 0 0 0px;
	padding:0 0 0 2em;
	line-height:1em;
}
#Bullet1 h1{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#Bullet1 h2{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}
#Bullet2 {
	position: relative;
	left: 20%;
	width: 80%;
	top: 2em;
	clear:both;
	z-index: 1;
}
#Bullet2 p{
	margin:0 0 0 0px;
	padding:0 0 0 2em;
	line-height:1em;
}
#Bullet2 h1{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#Bullet2 h2{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}
#Bullet3 {
	position: relative;
	left: 14%;
	width: 86%;
	top: 2em;
	clear:both;
	z-index: 1;
}
#Bullet3 p{
	margin:0 0 0 0px;
	padding:0 0 0 2em;
	line-height:1em;
}
#Bullet3 h1{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#Bullet3 h2{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}
#Bullet4 {
	position: relative;
	left: 12%;
	width: 88%;
	top: 2em;
	clear:both;
	z-index: 1;
}
#Bullet4 p{
	margin:0 0 0 0px;
	padding:0 0 0 2em;
	line-height:1em;
}
#Bullet4 h1{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#Bullet4 h2{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}
#Bullet5 {
	position: relative;
	left: 11%;
	width: 89%;
	top: 2em;
	clear:both;
	z-index: 1;
}
#Bullet5 p{
	margin:0 0 0 0px;
	padding:0 0 0 2em;
	line-height:1em;
}
#Bullet5 h1{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#Bullet5 h2{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}

#Bullet6 {
	position: relative;
	left: 10%;
	width: 90%;
	top: 2em;
	clear:both;
	z-index: 1;
}
#Bullet6 p{
	margin:0 0 0 0px;
	padding:0 0 0 2em;
	line-height:1em;
}
#Bullet6 h1{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.8em;
}
#Bullet6 h2{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:1.3em;
}

/* styles for the learning center tutorials */
div.code {
	margin: 20px 40px;
	clear: both;
	background: #e7edef;
	border: 1px solid #000;
	padding: 0px 30px;
}
div.step {margin-top: 50px;}
div.step img {float: left;}