/* Content row styles
=======================================================================================================*/

.contentrow h2  {
display:block;
width:100%;
background:url(../img/small_line.gif) repeat-x bottom;
height:2em;
line-height:2em;
}


.leftnav h2  {
display:block;
width:100%;
background:url(../img/small_line.gif) no-repeat bottom;
height:2em;
line-height:2em;
}


.mid h2  {
background:url(../img/small_line_black.gif) no-repeat bottom;
}


.contentrow p {
	padding:0 6px 6px 0;
}


a.top {
float:right;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
}


#content ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content li{
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	background-image: url(../img/featuresmarker.gif);
	background-position: 0 0.6em;
   	background-repeat: no-repeat;
	padding:0 0 0 12px;
	line-height:1.5em;
	margin:0.5em 0 0 0;
	color: #999;/*grey*/
}


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


/*logo ---------------- */
.logo{
	float:left;
	display: block;
	width: 102px;
	height: 70px;
	overflow: hidden;
	padding: 0px 0 0 0px;
	background: url(../img/logo.jpg) no-repeat;
}

.logo a{
	display: block;
	width: 71px;
	height: 70px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat;
}



/* page title ---------------- */

.page-title{
	width:400px;	
}

.titlelinks{
	position:relative;
}



/* title area ---------------- */

.titlearea li{
font: 0.9em Helvetica Neue, Arial, Helvetica, sans-serif;
color:#666666;
float:left;
padding: 0 0.5em 0 0;
}

.titlearea a.download {
padding-left:15px;
background: url(../img/icon_download.gif) no-repeat left;
}

.titlearea h1{
	text-indent: -9999px;
	background-repeat: no-repeat !important;
	float: left;
	width: 100%;
}

.titlearea h1.home{
	height: 70px;
	background: url(../img/titles/pgTitle_home.gif);
}


.titlearea h1.casestudies{
	height: 70px;
	background: url(../img/titles/pgTitle_casestudies.gif);
}

.titlearea h1.expertmailer{
	height: 70px;
	background: url(../img/titles/pgTitle_expertmailer.gif);
}

.titlearea h1.clients{
	height: 70px;
	background: url(../img/titles/pgTitle_clients.gif);
}

.titlearea h1.playground{
	height: 70px;
	background: url(../img/titles/pgTitle_playground.gif);
}

.titlearea h1.contact{
	height: 70px;
	background: url(../img/titles/pgTitle_contact.gif);
}

.titlearea h1.services{
	height: 70px;
	background: url(../img/titles/pgTitle_services.gif);
}


/* --------- end header section  ---------------- */




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


#rightnav h1{
font: 1.4em Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
background: url(../img/rightnav_bg.jpg) no-repeat;/*
background-position:0 0;*/
padding:4px 0 0 6px;
width:196px;
margin:0 0 12px 0;
color:#FFFFFF;
border-color: #666;
border-style: solid;
border-width:0 0 1px 0;
}

#rightnav h3 {
padding:8px 0 0 8px;
}

#rightnav p {
padding:0px; /* to clear the padding on the mid-div  ----------------------*/
}


#rightnav li{
	font: 1em Georgia, "Times New Roman", Times, serif;
	line-height:1.2em;
	color: #fff;/*white*/
	padding:0;
	background:0;
	margin:0;
}


#rightnav li a{
display:block;
width:188px;
padding:8px 8px 8px 6px;
}


#rightnav li a:hover{
	background-color:#101010;
	text-decoration:none;
}


#rightnav ul.inpage li a{
display:block;
padding:4px 14px 4px 6px;
text-decoration:underline;
}


#rightnav ul.inpage li a:hover{
	text-decoration:none;
	background-color:transparent;
}



/* Expertmailer rightnav active states   ----------------------*/

body.createsend #rightnav li.createsend a{
color:#fff;
background-color:#1A1A1A;
}

body.subscribers #rightnav li.subscribers a{
color:#fff;
background-color:#1A1A1A;
}

body.reports #rightnav li.reports a{
color:#fff;
background-color:#1A1A1A;
}

body.delivery #rightnav li.delivery a{
color:#fff;
background-color:#1A1A1A;
}




/* Home Page
=======================================================================================================*/

body{
  background: black url("../img/bg-pattern-blob.gif") no-repeat 900px 0;
  background-attachment: fixed;
}

/* Services  list --------------*/

#content  ul.highlight li{
color: #fff;/*white*/
}

.mid {
background:#1A1A1A; /* grey */
min-height:292px;
}


/* Project Playground
=======================================================================================================*/


/* Expertmailer pages
=======================================================================================================*/


.mailermid {
background:#1A1A1A; /* grey */
}

.mailermid h1{
font: 1.8em Georgia, "Times New Roman", Times, serif;
line-height:1.8px;
background: url(../img/h1_bg.jpg) repeat-y;/*
background-position:0 0;*/
padding:4px 0 0 6px;
width:196px;
margin:0;
color:#FFFFFF;
}


.mailermid h2{
padding:12px 0 0 0px;
font: 1.4em Georgia, "Times New Roman", Times, serif;
background:none;
margin:0;
}


.mailermid p{
font: 1.2em Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
padding:0 40px 1em 0px;
}

#content ul.yes li{
background-image: url(../img/icon-tick.gif);
background-position: 0 0em;
padding:0 80px 0 26px;
}

#content ul.no li{
background-image: url(../img/icon-cross.gif);
background-position: 0 .2em;
padding:0 80px 0 26px;
}


.faq .col02 p,  .noimage .col02 p, .spam .col02 p,{
padding:0 30px 1em 0px;
}


hr
{
  border-color: #666;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}

div.clear {
clear:both;
}

.features hr, .faq hr, .price hr, .privacy hr, .noimage hr, .spam hr{
  margin:8px 0 16px 0;
}


/* Expertmailer signup button   ----------------------*/

div#signup{
margin:20px 0px 8px 0;
/*width:202px;*/
}

div#signup.clear{
margin:0px 0px 8px 0;
/*width:202px;*/
}

div#signup p a{
display:block;				
height:45px;
overflow:hidden;
text-indent:-9999px;
width:202px;
background:url(../img/signup_expertmail.jpg);
background-position:0 0;
}


div#signup p a:hover{
background-position:0 -45px;
}


.price img{
float:left;
clear:inherit;
padding:4px 18px 0 65px;
}


/*
.price h3{
padding:0 100px 1em 226px;
}

.price p{
padding:0 100px 1em 226px;
}
 ------------*/


/* features  ------------*/

.features img{
float:left;
clear:inherit;
padding:0 0 0 0px;
margin:0 0 18px 0;
}

.features h3, .price h3{
padding:0 100px 0 230px;
}

.features p, .price p{
padding:0 30px 1em 230px;
}




/* Project playground
=======================================================================================================*/

div.playground h2{
font: 1.4em Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
background: url(../img/h1_bg.jpg) repeat-x;
padding:4px 0px 0px 8px;
margin:0;
width:430px;
margin:0;
color:#FFFFFF;
}

div.playground img{
padding:8px 0 8px 0;
}



/* Case studies
=======================================================================================================*/
div.cs h1{
font: 1.4em Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
background: url(../img/h1_bg.jpg) repeat-x;
padding:2px 0px 0px 0px;
margin:0 0 1em 0;
width:438px;
color:#FFFFFF;
border-color: #666;
border-style: solid;
border-width:0 0 1px 0;
}


div.signup h1{
font: 1.4em Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
background: url(../img/rightnav_bg.jpg) no-repeat;/*
background-position:0 0;*/
padding:4px 0 0 6px;
width:196px;
margin:0 0 12px 0;
color:#FFFFFF;
border-color: #666;
border-style: solid;
border-width:0 0 1px 0;
}



/* contact page form elements
=======================================================================================================*/


div.formright {
float:right;
width:192px;

}

div.formleft {
float:left;
width:222px;
}


select.dropdown_contactpg {
width:192px;
}

input.input_contactpg {
width:222px;
}


textarea.text_contactpg{
width:438px;
}

div.contactcheckinfo {
margin-top:18px;
width:170px;
float:right;
}

input.contactcheck {
margin-top:18px;
float:left;
}

/* Subscribe Form
=======================================================================================================*/


.nonono {
display:none;
}

#subscribe {

width:318px;
/**/
}

.inputholder {
	float:left;
	overflow:hidden;
	/*width:460px;*/
}

.form p {
color:#CCCCCC;
padding:0;
}

/*
input:hover, input:active{
	background-color:#dbdbdb;
	color:#000000;
}

*/

.form input{
	float:left;
	/* width:210px; */
	width:206px;
	border:0px;
	margin:6px 0 6px 0;
	padding:4px 0 4px 6px;
	/* background-color:#666;  grey */
	color:#000000;
}

.newssubmit input{
	float:left;
	width:80px;
	border:0;
	margin:6px 0 6px 4px;
	padding:4px 0 4px 6px;
	background-color:#666;
	}


.newssubmit .button {
font: 0.95em Georgia, "Times New Roman", Times, serif;
color:#000; 
line-height:1.3em;
text-align:left;
}


.newssubmit .button:hover, .newssubmit .button:active{
	background-color:#8bc541; /* green */
	color: #000; /* black */
}


/* contact us page
=======================================================================================================*/

.contactsubmit input{
	float:left;
	width:200px;
	border:0;
	margin:6px 0 6px 0px;
	padding:4px 0 4px 6px;
	background-color:#666;
	}


.contactsubmit .button {
font: 0.95em Georgia, "Times New Roman", Times, serif;
color:#000; 
line-height:1.3em;
text-align:left;
}


.contactsubmit .button:hover, .contactsubmit .button:active{
	background-color:#8bc541; /* green */
	color: #000; /* black */
}



/* alert
=======================================================================================================*/


.alert p {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	color: #ffcb05; /* yellow */
	line-height:1.4em;
	text-decoration: none;
	
}


.alert h2 {
	color: #ffcb05; /* grey */
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}



.alert h3 {
	background-color:#FF0000;
	color:#FFFFFF;
}


/* --------- FOOTER ---------------- */

#footer p {
	font: 0.9em Helvetica Neue, Arial, Helvetica, sans-serif;
	color: #999; /* grey */
	line-height:1.5em;
	text-decoration: none;
	
}

/* expertmailer footer
=======================================================================================================*/

#content .mailfooter {
background:#1A1A1A; /* grey */
padding:4px 0 8px 0;
}


#content .mailfooter ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content .mailfooter li{
	float:left;
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	background: none;
	padding:0 0 0 12px;
	line-height:1.5em;
	margin:0.5em 0 0 0;
	color: #999;/*grey*/
}


#footer h3{
	font: 1.0em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}

#footer li{
	float:left;
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	background: none;
	padding:0 24px 0 0px;
	line-height:1.5em;
	margin:0.5em 0 0 0;
	color: #999;/*grey*/
}

#footer a{
	text-decoration:underline;
	color: #999;/*grey*/
}

#footer a:hover{
	text-decoration:none;
	color: #999;/*grey*/
}