/**********************************************************************************************

	Title: 15SEO.com
	Author: Colorado Web Solutions
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global 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, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
	background: #fff;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {color: #0000ff;
text-decoration: none;}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 825px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#header {
	height: 145px;
	overflow: hidden;
	margin: 0 auto 0;
	position: relative;
	background: url(../images/header_bg.gif) repeat-x top;
}
	#header .container{
		height: 145px;
	}

#content {
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	margin: 0 auto;
	background: url(../images/content_bg.gif) repeat-x top;
	padding: 40px 0 0;
}

#content-light {
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	margin: 0 auto;
	background: url(../images/content_bg2.gif) repeat-x top;
	padding: 40px 0 0;
}
	
#footer {
	clear: both; 
	width: 825px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 0;
	margin: 0 auto 50px;
	color: #666;
	text-align: center;
	font-size: 11px;
}
	


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo -> Image replacement. */
#header h1, #header h1 a, #header h1 a span {
	display: block;
	width: 271px;
	height: 96px;
	overflow: hidden;
}

#header h1 {
	position: absolute;
	top: 28px;
	left: 0;
}

#header h1 a { /* style the text covered by image */ }

#header h1 a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/logo2.png) no-repeat;
}
#header .ads{
	float: right;
	width: 235px;
	padding: 30px 0 0;
	margin: 0 0 20px;
}

#navigation{
	position: absolute;
	top: 119px;
	left: 305px;
	width: 520px;
	clear: right;
	font-size: 12px;
	border-left: 1px solid #999;
}
	#navigation li{
		float: left;
		border-right: 1px solid #999;
		height: 26px;
	}
	#navigation li a{
		text-decoration: none;
		font-weight: bold;
		color: #333;
		float: left;
		display: block;
		padding: 8px 13px 0;
		height: 18px;
		text-transform: uppercase;
	}
	#navigation li.signup a{
		color: #9c0000;	
	}
	#navigation li a:hover{
		background: url(../images/menu_bg.gif) repeat-x top;
	}


/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
#content .section{
	width: 825px;
	overflow: hidden;
	margin: 0 0 30px;
	clear: both;
}
#content .col-left{
	float: left;
}
#content .col-right{
	float: right;
}
#content h2{
	color: #fff;
	padding: 13px;
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 1em;
	background-image: url(/_ui/images/h2-bg.jpg);
	background-color: #660000;
}
#content h3{
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 0 20px;
	font-weight: bold;
}
#content p{
	margin: 0 0 15px;
}
#content-light .section{
	width: 825px;
	overflow: hidden;
	margin: 0 0 30px;
	clear: both;
}
#content-light .col-left{
	float: left;
}
#content-light .col-right{
	float: right;
}
#content-light h2{
	color: #fff;
	background-image: url(/_ui/images/h2-bg.jpg);
	
	padding: 13px;
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 1em;
	background-color: #660000;
}
#content-light h3{
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 0 20px;
	font-weight: bold;
}
#content-light p{
	margin: 0 0 15px;
}
#overview{
	color: #fff;
}
#content .container #overview .col-right p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}
#content .container #overview .col-left p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: normal;
}
#content .container #overview .col-left p a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
	#overview .col-left{
		width: 500px;
	}
	#overview .col-right{
		width: 295px;
	}
	#overview h2{
	background: none;
	color: #fff;
	font-size: 16px;
	padding: 0;
	line-height: 1.3em;
	margin: 0 0 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}
	#overview .action, #signup .action{
		padding-top: 20px;
	}
	#overview .btn-signup, #signup .btn-signup{
		display: block;
		margin: 0 auto;
		width: 244px;
		height: 64px;
		text-align: center;
		font-size: 18px;
		position: relative;
		padding-top: 3px;
	}
		#overview .btn-signup span, #signup .btn-signup span{
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
			background: url(../images/btn_signup_big3.png) no-repeat;
			cursor: pointer;
		}
		#overview a.help{
		font-size: 11px;
		text-decoration: none;
	}
	#overview li{
	line-height: 1em;
	font-size: 12px;
	background-image: url(../images/bullet-question.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	}
	#overview a.thickbox{
		font-size: 11px;
		text-decoration: none;
	}

#signup .col-left{
	width: 400px;
}
#signup .col-right{
	width: 375px;
}
	#signup .month{
		font-weight: bold;
		font-size: 20px;
	}
	#signup li{
		background: url(../images/bullet_checked.gif) no-repeat left;
		padding: 0 0 0 30px;
		margin: 0 0 7px;
		line-height: 1em;
		padding: 7px 0 5px 30px;
		font-size: 16px;
	}
	#signup a.help{
		font-size: 11px;
		text-decoration: none;
	}
	#signup a.thickbox{
		font-size: 11px;
		text-decoration: none;
	}

#pricing table{
	border: 3px solid #ccc;
}
	#pricing table td, #pricing table th{
		padding: 5px 10px;
		border-bottom: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
	}
	#pricing thead th{
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		line-height: 1.4em;
		background: url(../images/thead_bg.gif) repeat-x bottom;
		padding: 10px;
	}
	#pricing .price{
		display: block;
		color: #9c0000;	
		font-size: 14px;
	}
	#pricing .component{
		width: 250px;
		background: #fff;
	}
	#pricing tbody td, #pricing tfoot td{
		text-align: left;
	}
	#pricing tfoot td{
		padding: 15px 10px;
	}
	#pricing .available{
		display: block;
		margin: 0 auto;
		width: 14px;
		height: 14px;
		position: relative;
		overflow: hidden
	}
		#pricing .available span{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: url(../images/available.gif) no-repeat;
		}
	#pricing .btn-signup{
		display: block;
		margin: 0 auto;
		width: 64px;
		height: 21px;
		position: relative;
		overflow: hidden;
		font-size: 11px;
	}
	#pricing .btn-signup-started{
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 45px;
	position: relative;
	overflow: hidden;
	font-size: 11px;
	text-align: center;		
	}
		#pricing .btn-signup span{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: url(../images/btn_signup.png) no-repeat;
			cursor: pointer;
		}
		
			#pricing .btn-signup-started span{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: url(../images/btn_signup-started.png) no-repeat;
			cursor: pointer;
		}
	#pricing a.help{
		font-size: 11px;
		text-decoration: none;
	}
	#pricing a.thickbox{
		font-size: 11px;
		text-decoration: none;
	}
	
	

#contact{
	margin: 0 0 60px;
}

#testimonial ul, #about ul, #contact ul{
	border-top: 1px solid #e0e0e0;
	margin: 0 0 20px;
}
	#testimonial ul li, #about ul li, #contact ul li{
		border-bottom: 1px solid #e0e0e0;
		width: 825px;
		overflow: hidden;
		clear: both;
		padding: 10px 0 0;
		margin: 0 0 10px;
	}
	#testimonial ul li .logo, #about ul li .logo, #contact ul li .logo{
		float: left;
		width: 230px;
	}
	#testimonial ul li blockquote{
		float: right;
		width: 540px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 14px;
		line-height: 1.4em;
		color: #666;
		background: url(../images/quote.gif) no-repeat left top;
		padding: 0 0 0 35px;
	}
	
	#about ul li .desc, #contact ul li .desc{
		float: right;
		width: 565px;
	}

#help-page{
	padding: 20px;
	font-family: Arial, sans-serif
}
	#help-page h2{
	font-size: 14px;
	margin: 0 0 2px;
	
	color: #603;
	text-align: left;
	}
	#help-page a{
	color: #603;
	font-weight: bold;
	text-decoration: none;
	}
	#help-page h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #666;
	text-align: left;
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
	#help-page .content{
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
	width: 600px;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
	#help-page .close{
		font-size: 11px;
		
	}
		#help-page .close a{
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
		}
	#help-page .nav{
	font-size: 12px;
	text-align: center;
	}


/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	

/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	

/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	
#footer a{
	color: #666;
	text-decoration: none;
}
	#footer a:hover{
		text-decoration: underline;
	}



/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



#help-page .content p img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#signupform {
	width: 650px;
	margin:auto;
}