
/* top elements */
* { padding: 0; margin: 0; outline: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 13px/1.6em  verdana, tahoma, sans-serif;	 
	text-align: center;
	background: #1a1a1a ;
	color: #ccc; 	
}

/* links */
a {
	color: #000;		
	background-color: inherit;
	text-decoration: none;			
}

#footer-bottom a, .twitter a{
	color: #fff;
}
#footer-bottom a:hover {	
	color: #FF8B04;
	background-color: inherit;	
}

a:hover {	
	color: #FF8B04;
	background-color: inherit;	
}

/* headers */
h1, h2, h3, h4 {
	font: normal 1em verdana, Tahoma, Arial, Sans-serif;
	color: #000;
	letter-spacing: -1px;
    
}
h1 { font-size: 3em; color: #fff; letter-spacing: -2px;	} 
h2 { font-size: 2.5em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.5em; }

p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0px;
       
}



ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
}

/* images */
img {
	background: transparent;
   border: none;	
}
img.float-right {
   margin: .5em 0 1em 1em;   
}
img.float-left {
   margin: .5em 1em 1em 0;
}

img.no_border
{
    border : none;
}
img.right_image
{
    margin: .5em 0 1em 1em;  
    float: right;
    border: none;
}
img.right_padding{
padding-right : 25px;    
}
img.left_image
{
    margin: .5em 0 1em 1em;  
    float: left;
    border: none;
    
}

code {
  margin: .5em 0;
  display: block;
  padding: 20px;
  text-align: left; 
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  /* white-space: pre; */
  background: transparent;
  border: 1px solid #211E20;   
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #8F8F8E;
}
blockquote {
	margin: 10px;
	padding: 0px ;
	padding-top: 20px;  
	background: transparent;
	font: normal 1.6em/1.5em helvetica, verdana, "Times New Roman", Times, serif;
	font-style: italic;
	color: #000;
	text-align: right;
	text-shadow: 0px 1px #fff;
	letter-spacing: -1px;
	font-weight: bold;
}
.full_body blockquote {
		margin-right: 20px;
}
.full_body blockquote p{
	font-style: normal;
	font-family : verdana;
	letter-spacing: -1px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;

	line-height: 1;
	color: #749632;
	text-shadow: 0px 1px #fff;

}
/* start - table */
table {
   
	border-collapse: collapse;			
}
th strong {
	color: #000;
	text-shadow: 0px 1px #fff;
}
th {
	background: #EEEEEE;
	color: #000;
	text-shadow: 0px 1px #fff;
	height: 3em;
	padding-left: 5px;
	padding-right: 5px;	
	text-align: left;
	border-left: none;
	border-right: none;
	border: none;
	border-bottom: 2px solid #779A34;    
	
	border-top: 2px solid #779A34;
        white-space: nowrap;
        text-align: center;
}
tr {
	color: #000;
	text-shadow: 0px 1px #fff;
	height: 2.5em;	
}
td {
	padding-left: 2px;
	padding-right: 2px;
	border: none;  
    text-align: center;	        
  

}

.row
{
    
}

.alt_row
{

}

/* end - table */

/* form table */


table.form_layout_table {
	margin: 0px; 
	border-collapse: collapse;
        border: none;			
}
table.form_layout_table th strong {
	color: #fff;
}
table.form_layout_table th {
	background: #090807;
	color: #fff;
	height: 3em;
	padding-left: 0px;
	padding-right: 0px;	
	text-align: left;
	border: none;
	
}
table.form_layout_table tr {
	color: #000;
	height: 2.5em;	
}
table.form_layout_table td {
	padding-left: 0px;
	padding-right: 0px;
	border: none;	
     
}



table.button_bar_home {
	margin: 0px; 
	border-collapse: collapse;
        border: none;	
        text-align:center; 
        margin-left: auto;
        margin-right: auto;
        		
}
table.button_bar_home th strong {
	color: #fff;
}
table.button_bar_home th {
	background: #090807;
	color: #fff;
	height: 3em;
	padding-left: 0px;
	padding-right: 0px;	
	text-align: left;
	border: none;
	
}
table.button_bar_home tr {
	color: #707070;
	height: 2.5em;	
}
table.button_bar_home td {
	padding-left: 10px;
	padding-right: 10px;
	border: none;
        vertical-align: top;
        width: 33%;
}
table.button_bar_home td img
{
    border : none    ;
}
.right_align{
    text-align: right;
}
/* end form table */
/* form elements */
form {
	padding: 10px;
	background: transparent;	
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
label {
	display:block;
	font-weight:bold;
	margin: .4em 0;	
}        

input {
	padding: .3em;
	border: 1px solid #779A34;
	font: normal 1em Verdana, sans-serif;
	color:#000;                       
	width: 400px;
      
} 

.form_layout_table input {
	width: 300px; 
}

textarea {
	width: 400px;
	padding: .3em;
	font: normal 1em/1.5em Verdana, sans-serif;
	border: 1px solid #779A34;
	height: 10em;
	display:block;
	color:#777;
}
input.button { 
/*	font: bold 1em Arial, Tahoma, Sans-serif; */
	margin: 0;
	padding: .25em .3em;
	color: #000;
	background: #000;
	border: 2px solid #211E20; 
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 10px; padding: 0 0 1.5em 0;	
	width: 20em;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 11em;
	color: #777; 
	padding: .4em; 
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 80px;
	vertical-align: top;
}

.formError
{
    color : #C50000;
}

.left_align
{
text-align  : left;    
}

.top_align
{
    vertical-align: top;
}

.right_align
{
    text-align: right;
}


/***********************
	  LAYOUT
************************/

div.container{
	margin: 0px auto;
	width: 980px;
	clear: both;
	position: relative;
}

#header, #nav, #content, #footer-wrap {
	
}

#header .container
{
		background:  url(../images/screen_top.png) no-repeat bottom right;
		height: 240px;
}
/* header */
#header {
	clear: both;
	position: relative;
	margin: 0 auto; padding: 0;
	background: #eee url(../images/body_back.png) ;

	text-align: left;
	border-bottom: 1px solid #D5D5D5;
	/*border-bottom: 1px solid #D5D5D5;*/
}

#header #sign_up
{
	font: normal 21px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #fff;
	margin: 0; padding: 0;
	z-index: 2;
	
	/* change the values of left and top to adjust the position of the slogan
	 */

        width: 350px;
}

#header #sign_up_now a {
    position :relative;
	

}
#header #sign_up_now {
    float: right;
    clear: none;
    border: none;
    }
#header #clouds {

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/codespaces.png');
	float: left;
	width: 309px;
	height: 86px;
        border: none;
}

#header #sign_up_now img
{
    display: none;
    
}

#header #sign_up_now a div
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/sign_up_now.png');
   position : relative;
    width: 309px;
    height: 203px;
    cursor: hand;
}

html>body #header #sign_up_now img
{
 display : block;    
}



html>body #header #clouds {

	background: transparent url(../images/codespaces.png) no-repeat;
	top: 10px;
	left: 10px;
	width: 309px;
	height: 86px;
        border: none;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	letter-spacing: -3px;
	color: #0a1e53;
	text-decoration: none;
	z-index: 2;
	background: transparent;
	text-shadow : #fff 1px 1px 21px;
	/* change the values of top and left to adjust the position of the logo*/
	top: 33px; left: 10px;	
}
#header p#slogan {

	font: normal 20px verdana, Sans-serif;
	text-transform: none;
	color: #000;
	margin: 0; padding: 0;

	letter-spacing: -1px;
	/* change the values of left and top to adjust the position of the slogan */
	margin-left  : 12px;
    width: 330px;
    text-shadow : #fff 0px 1px;
}

#header blockquote#slogan2 {
	border: none;
	font: normal 16px helvetica, Arial, Sans-serif;
	text-transform: none;
	font-weight: normal;
	text-align: right;
	margin: 0; padding: 0;
	color: #666;
	margin-left  : 12px;
	margin-top: 26px;
    width: 300px;
    text-shadow : #fff 0px 1px;
	line-height: 1;
	letter-spacing: -1px;
		font-style: italic;
}

#header blockquote#slogan2 p{
	font-size: 0.7em;
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
		letter-spacing: 0px;
			font-style: normal;
}

/* Navigation */
#nav {
	clear: both;	
	margin: 0 auto;
	padding: 0;		
	background: #1a1a1a;
	height: 36px;
	vertical-align: center;
}
#nav ul {
	float: left;
	list-style: none;
	text-transform: uppercase;
	margin: 0;	padding: 0;	
		margin-top: 8px;
        	
}
#nav ul li {
	float: left;
	margin: 0; padding: 0;
	display: inline;
	color: #999;

}
#nav ul li a {

	width: auto;
	margin: 0;
	padding: 0 10px;
	color: #fff;
	font: normal 12px verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;	
	letter-spacing: 0px;	
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff;		
}
#nav ul li a:hover {
text-shadow : #fff 0px 0px 10px;    
}
#nav ul li#current a {	
	color: #FF8B04;	
}

#header .logo{
	margin-top: 10px;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #fff ;

}

#content-wrap .container_home{
/*	background:  url(../images/screen_bottom.png) no-repeat top right;*/
}

#content {
	text-align: left;	
	padding: 0; 
	margin: 0 auto;		
}

/* sidebar */
#sidebar {
	float: right;
	width: 24em;
	margin: 10px 0 10px -21em; 
	padding: 0;		
}
#sidebar h3 {
	font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: .3em 0 .5em 10px; 
	color: #99CC33;			
	text-transform: none;
	letter-spacing: -1px;	
        
        /*border-bottom: 1px solid #211E20; */
}

#sidebar ul.sidemenu {
	margin: 0 0 0 15px;
	padding: .1em 0 1em 0;		
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	
}
#sidebar ul.sidemenu li {
	padding: 0; 
	background: url(../images/bullet.jpg) no-repeat .5em .6em;		
	border-bottom: 1px solid #211E20; 
	list-style:none;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	display: block;
	font-weight: bold;
	color: #d3d0cc;
	text-decoration: none;
	padding: .2em 0 .2em 30px;
	line-height: 1.5em;
	font-size: 1.25em;
}
#sidebar ul.sidemenu li a:hover {
	color: #FF8B04;				
}
#sidebar ul.sidemenu ul { margin: 0 0 0 15px; }
#sidebar ul.sidemenu ul li { border: none; }

/*  */


#main {
	margin: 0px; 
	padding-top: 20px;		
}
#main.full
{
    margin: 10px 40px 10px 0; 
}


#footer-wrap {	
	clear: both;
	padding: 0;	margin: 0 auto; 
		background: #1a1a1a;
}

/* columns */
#columns {
	clear: both;
	text-align: left;
	color: #5B9CFF;
	margin: 0 auto; 
	padding: 1.6em 0 .5em 0;
	width: 95%;	
}
#columns h3 {
	color: #99CC33;	
	margin: 0;
	padding: 0 10px; 	
	font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;	
	text-transform: uppercase;
}

#columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 1px solid #111;	
}
#columns li {
	border-bottom: 1px solid #111;		
}
#columns li a {
	display: block;
	padding: .5em 0 .5em 1em;
	color: #8F8F8E;
}
#columns li a:hover {
	color: #fff;	
}

#columns .col3, .col3-center {
	float: left;
	width: 31%;
}
#columns .col3-center { 
	margin: 0 15px; 
}

/* footer */
#footer-bottom {
	clear: both;
	margin: 0 auto; 
	padding: 1em 0 1.5em 0;
	text-align: center;
	font-size: .85em
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.grey {	color: #8F8F8E; }

.post-by {
	font-size: .9em;	
	padding-top: 0;
}

.post-footer { 
	text-align: right; 
	background: transparent;
	border: 1px solid #211E20; 
	padding: 5px 10px;
	margin: 20px 15px 10px 15px;
}
.post-footer .date, 
.post-footer .comments,
.post-footer .readmore {
	padding-left: 20px; margin: 0 3px 0 3px;
}
 
.hig   {}
 
.errorExplanation h2
{
    color : #C50000;
    font-size : 16px;
}

#errorExplanation p
{
    color: fff;
}

#errorExplanation ul li
{
    
color: #C50000;

}

.index_content
{
    
    padding-top : 0px;
    padding-bottom : 20px;
}

.signup_speech
{
    position: relative;
    clear: both;
    width : 320px;
    left: 10px;   
	top : -10px;
    
}
.signup_speech.hdr
{
    background:  url(../images/signup_speech_top.png) no-repeat;
    height: 35px;
}
.signup_speech.bdy
{
    text-align: left;
    margin:0px;
    padding:0px; 
    
    background:  url(../images/signup_speech_middle.png) repeat-y;
}
.signup_speech.ftr
{
    top : -25px;
    height: 20px;
    background:  url(../images/signup_speech_bottom.png) no-repeat;
}

.signup_speech.bdy div
{
    padding: 0px;
    margin: 0px;
    position : relative;
    top: -15px;
    text-align: left;
    left: 30px;
    width: 290px;
    
}

.fieldWithErrors {
 display : inline;    
}

.flash_message
{
    color : red;
}

.quote_from
{
    text-decoration : none;
    font-style : normal;
    font-weight : normal;
    font-size : smaller;
/*    font-family : arial;*/
    padding:0px;
    margin: 0px;
    
}
div.full_body{
	position: relative;
	clear: both;
	padding: 0px;
	margin: 0px;

	
}

div.right_body{
	width: 630px;

	float :right;
	clear: none;
	
}

div.left_body{
	width: 320px;
	
	float :left;
	clear: none;
}

div.right_body h3, .full_body h3 {
	color: #000;
	font-size: 20px;
	letter-spacing: -1px;
	text-shadow: 0px 1px #fff;
	line-height: 1.1;
	font-weight: bold;
	margin-top: 8px;

}
div.right_body h3 b{
	color: #779A34;
	
	font-weight: normal;

}

div.right_body h4{
	font-size: 14px;
	letter-spacing: -1px;
	text-shadow: 0px 1px #fff;
	margin-top : 4px;
	color: #000;
	text-align: left;
}

a.plans_button {

	background:transparent url(../images/see_plans.png) no-repeat scroll 0 0;
	clear:both;
	display:block;
	height:68px;
	margin-top : 2px;
	text-indent:-9990px;
	width:304px;
}

div.info_nugget{
	margin: 6px;
	margin-left: 10px;
	margin-right: 2px;
	margin-top : 20px;
	width: 314px;	
	float: left;
}

div.info_nugget h2, div.image_nugget h2{
	border: none;
	color: #000 ;
	letter-spacing: -1px;
	font-family : verdana;
	font-size: 20px ;
	font-weight: bold;
	text-shadow: 0px 1px #fff;
	margin-bottom: 6px;
}

div.info_nugget p, .full_body p{
/*	font-family: arial;*/
	color: #000;
	text-shadow: 0px 1px #fff;

}

div.info_nugget p b, .full_body p b{
 color: #9AC745;	
}

div.info_nugget a, .full_body a{
/*	color: #FF8B04;*/
	color: navy;
	text-decoration: none;
	border-bottom: 1px dotted navy;
}

a.plans_button{
	border : none;
}

div.info_nugget a:hover, .full_body a:hover{
	text-decoration: none;

			border-bottom: 1px dotted red;
}



div.image_nugget{
	background:#292929 none repeat scroll 0 0;
	border:2px solid #292929;
	float:left;
	height:210px;
	margin:6px;
	width:220px;
	margin-left: 14px;
	margin-top: 20px;
}

html > body div.image_nugget p {
	padding-top:5px;
}

div.image_nugget p {
	color:#FFFFFF;
	font-size:0.8em;
	padding:3px;
	text-align:center;
	text-shadow: none;
}

div.image_nugget img
{
	border: none;
	width: 100%;
}
                  

.full_body p{
/*	font-family: arial;*/
	color: #000;
	text-shadow: 0px 1px #fff;
}
     
.price_plan table{
	margin-top: 40px;   
	clear: both;       
	width: 960px;
}

.price_plan table tr th{ 
	width: 132px;
}  

.price_plan table tr th.features{ 
	width: 200px;          
	text-align: left;
}
     
.price_plan table tr td.feature{ 
	font-weight: bold;  
	text-align: left; 
}    
.price_plan table tr tr.signup           {
	                   
}
.price_plan table tr td.signup
{
	padding: 10px;  
	text-align: center;  
	border-top: 1px solid #779A34;    
   
}            

div.twitter
{
	float: right;
        background:  url('../images/twitter.png') no-repeat ; 
        
 height: 30px;
	  padding-top: 6px;
	            margin-right: 10px;
}
     
div.twitter a
{            
	padding-left: 40px;
    margin: 6px; 
}           


.full_body li{
	
	color: #000;
	
}

ul.ticks{
	list-style: none;
}

ul.ticks li{
	padding: 0; 
	background: url(../images/accept.png) no-repeat 0px 2px;		
	padding-left: 20px;
	list-style:none;
	font-weight: bold;
	text-shadow : 0px 1px #fff;
	padding-bottom: 10px;
}