/* --------- Reset Browser Defaults ---------------- */

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;
}

/* --------- END Reset Browser Defaults ---------------- */


*{
font-size: 100.01%;
margin: 0;
}

html{
font-size: 62.5%;
height: 100%;
}

form{display: inline;}

input[type=text]:focus, textarea:focus{outline: none;}


/* remember to define focus styles! */
img:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

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


/* -------- text styles -------- */

body{
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	line-height: 1;
	background: black;
	height: 100%;
	letter-spacing: .03em;
}


blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


a{
	color: #8bc541; /* green */
	text-decoration: none;
}

a:hover{text-decoration: underline;}

p {
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	color: #999; /* grey */
	line-height:1.5em;
	text-decoration: none;
	padding:0 0 1em 0;
	/*letter-spacing: .03em;*/
}


h2  {
color: white; 
font: 0.9em Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 1.4em;
margin-bottom:0.9em;
}

h3  {
color: white; 
font: 0.9em Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 1.4em;
margin-bottom:0.9em;
}


h4  {
font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	color: white; /* grey */
	line-height:1.5em;
	text-decoration: none;
	padding:0 ;
}




/* wrap for sticky footer
=======================================================================================================*/
#wrap {
width:912px;
background:black;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -160px 0px; /* the bottom margin is the negative value of the footer's height */
clear:both;
}




/* header
=======================================================================================================*/

#header {
position:relative;
float:left;
overflow: hidden;
/*margin: 0 0 50px 0px;*/
display: inherit;
clear:both;
width:894px;
padding-left:18px;
height:12em;
}


.titlearea {
float:right;
display:inline;
width:666px;
position:relative;
}



/* content
=======================================================================================================*/

#content {
float:right;
display:inline;
width:666px;
}


/* content rows
=======================================================================================================*/

.contentrow {
float:left;
overflow: hidden;
margin: 0 0 18px 0px;
display: inherit;
clear:both;/*
width:100%;*/
}


#content .contentrow {
width:100%;
}



/* left-nav
=======================================================================================================*/

#leftnav {
float:left;
display:inline;
width:228px;
}

.leftnav {/**/
padding:0 0px 0px 18px; 
width:210px; 
}


/* right-nav
=======================================================================================================*/

#rightnav {
float:left;
display:inline;/*
margin:0px 16px 8px 0px
width:210px;*/
}


/* content columns
=======================================================================================================*/

.col01, .col02, .col03, .col04{
float:left;
display:inline;
width:210px;
padding:0 18px 12px 0;
}

.end {
padding:0 0px 12px 0;
}


.mid .col01{
width:438px;
padding:0 18px 0px 0;
}

.mid .col02{
padding:14px 0px 12px 0;
float:right;
}

.noimage .col01{
float:right;
}

/* case study pages --------*/
.cs .col01 {
width:438px;
padding:0 0px 12px 0;
}

.cs .col02 {
float:right;
padding:0 0px 12px 0;

}

/* expert mailer pages --------*/


div.noimage .col01,{
width:438px;
padding:0;
}

.mailermid .col01{
padding:8px 0px 12px 8px;
margin:0;
}

.mailermid .col02{
float:right;
width:438px;
padding:0px 0px 12px 0px;
margin:0;/*
background-color:#CC3366;*/
}

.mailermid .intro{
width:438px;
padding:8px 0 0 8px ;
margin:0;/*
background-color:#CC3366;*/
}

/* faq pages --------*/

.faq .col01, .signup .col01{
padding:0px 0px 12px 0px;
margin:0;
}

.faq .col02, .privacy .col02, .playground .col02, .signup .col02, .spam .col02{
float:right;
width:438px;
padding:0px 0px 12px 0px;
margin:0;
}

.playground .col01{
padding:0px 0px 12px 0px;
margin:0;
}





/* flash content
=======================================================================================================*/
#flashcontent {
float:left;
display:inline;
}





/* footer
=======================================================================================================*/
#footer{
background: #222;
padding-left:18px;
padding-top:18px;
height: 142px; /* .push must be the same height as #footer */
clear:both;
display:block;
}

.push {
clear:both;
height: 160px; /* .push must be the same height as #footer */
}