@charset"UTF-8";

/*_ _ _ Layout _ _ _ */

*{
	margin:0px;
	padding:0px;
}

body{
	/*background: #d0f1f8 url(../images/back_tile_main.gif) repeat-x center top;*/
	/*behavior: url(hover.htc);*/
	background-color: #eee;
}

#header{
	background: url(../images/header_tile.gif) repeat-x center top;
	height: 160px;
	/*border: solid red 3px;*/
}

#header h1 {
	padding: 38px 0px 0px 35px;
	font: normal 22px Verdana;
	color: #fff;
	/*border: solid green 1px;*/
}


#site-title {
	width: 900px;
	margin: 0px auto;
	height: 119px;
	font: normal 22px Verdana;
	color: #fff;
	/*border: solid green 1px;*/
}

#site-title h1 {
	padding-top: 50px;
	font: normal 24px Verdana;
	color: #fff;
	/*border: solid green 1px;*/
}

#navigation{
	width: 900px;
	margin:0px auto;
	padding: 0px 0px 0px 68px;
	/*background: url(../images/nav_tile_selected.gif) repeat-x center top;*/
	/*border: solid blue 1px;*/
}

#maincontent {
	background: url(../images/main_tile.gif) repeat-y center top;
	background-color: #fff;
	width:900px;
	margin: 0px auto 0px auto;
	padding:0px 36px;
	min-height:500px;
	/*border: solid yellow 3px;*/
}

#sub-footer {
	/*background: url(../images/subfooter_tile.gif) repeat-x center top;*/
	background-color: #ccc;
	height:100px;
}

a.upper-small-link:link{
font:normal 12px arial;
color: #888888;
text-decoration:none;
outline:none;
}

a.upper-small-link:active{
font:normal 12px arial;
color: #888888;
text-decoration:none;
outline:none;
}

a.upper-small-link:visited{
font:normal 12px arial;
color: #888888;
text-decoration:none;
outline:none;
}

a.upper-small-link:hover{
font:normal 12px arial;
color: #888888;
text-decoration:underline;
outline:none;
}

a.upper-large-link:link{
font:normal 15px arial;
color: #999999;
font-weight:bold;
text-decoration:none;
outline:none;
}

a.upper-large-link:active{
font:normal 15px arial;
color: #999999;
font-weight:bold;
text-decoration:none;
outline:none;
}
a.upper-large-link:visited{
font:normal 15px arial;
color: #999999;
font-weight:bold;
text-decoration:none;
outline:none;
}
a.upper-large-link:hover{
font:normal 15px arial;
color: #999999;
font-weight:bold;
text-decoration:underline;
outline:none;
}
a.upper-large-link-selected{
font:normal 15px arial;
color: #999999;
font-weight:bold;
text-decoration:underline;
outline:none;
}

td.nav-cell {
	height: 41px;
	padding: 5px 10px 5px 10px;
}
td.nav-cell-selected {
	background: url(../images/nav_tile_selected.gif) repeat-x left top;
	padding: 5px 10px 5px 10px;
}
a.nav-link:link{
	font:normal 15px arial;
	color: #ffffff;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}

a.nav-link:active{
	font:normal 15px arial;
	color: #111111;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}
a.nav-link:visited{
	font:normal 15px arial;
	color: #ffffff;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}
a.nav-link:hover{
	font:normal 15px arial;
	color: #111111;
	font-weight:normal;
	text-decoration:underline;
	outline:none;
}
a.nav-link-selected{
	font:normal 15px arial;
	color: #111111;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}







#footer {
	background: url(../images/footer.gif) repeat-x center top;
	height: 50px;
}

#footerinner{
	width:900px;
	margin:0px auto;
}

#footerleft{
font: normal 11px verdana;
padding: 30px 0px 0px 0px;
margin:0px auto;
float:left;
}

#footerleft .main{
color: #e5f7fb;
font-weight:bold;
}

#footerleft .regular{
color: #c1ced1;
}

#footerleft a.regular:link{
color: #c1ced1;
outline:none;
text-decoration:none;
}

#footerleft a.regular:hover{
color: #c1ced1;
outline:none;
text-decoration:underline;
}

#footerleft a.regular:active{
color: #c1ced1;
outline:none;
text-decoration:none;
}
#footerleft a.regular:visited{
color: #c1ced1;
outline:none;
text-decoration:none;
}
#footerright{
font: normal 10px verdana;
padding: 30px 0px 0px 0px;
margin:0px auto;
color:#656262;
text-align:right;
float:right;
}

#footerright a:link, a:visited {
color: #656262;
outline:none;
text-decoration:none;
}

#footerright a:hover{
color: #656262;
outline:none;
text-decoration:underline;
}

#footerright a:active{
color: #656262;
outline:none;
text-decoration:none;
}

.clearer {
clear: both;
}


/* _ _ _ Home Layout _ _ _ */

.inner {
width: 900px;
margin: 0px auto;
}

/* _ _ _ Links _ _ _ */
.inner a:link, .inner a:visited, .inner a:active {
color:#5aa9f0;
text-decoration: underline;
}
.inner a:hover {
color:#5aa9f0;
text-decoration: none;
}

#topbox {
background: url(../images/heroimg.jpg) no-repeat right bottom;
height: 311px;
/*border-bottom: 1px solid #e4e4e4;*/
}

.inner h1 {
color: #000000;
/*width:340px;*/
font: bold 21px/23px verdana;
padding-top: 26px;
padding-left: 37px;
}

/*
.inner h2 {
color: #badeff;
width:340px;
font: normal 13px/18px verdana, sans-serif;
padding-top: 0px;
padding-left: 37px;
}

.inner h3 {
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
padding-left: 37px;
}

.inner h4 {
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
padding-left: 37px;
}
*/
.inner p {
color: #333333;
font: normal 13px/18px verdana;
padding: 10px 0px 10px 37px;
}


h2 {
color: #3d97e0;
font: normal 16px/20px verdana, sans-serif;
padding-top: 25px;
}

a.product{
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
}

a.product:link{
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
text-decoration:none;
}

a.product:active{
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
}

a.product:visited{
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
text-decoration:none;
}

a.product:hover{
color: #ffffff;
width:300px;
font: normal 12px/14px arial, sans-serif;
padding-top: 10px;
text-decoration:underline;
}

#boxwrap {
margin-top: 0px;
margin-bottom: 0px;
border-bottom: 0px solid #e4e4e4;
}

/*
#boxwrap h2 {
color: #666;
font: normal 16px/18px verdana, sans-serif;
margin-top: 10px;
}

#boxwrap p {
color: #aeb0af;
font: normal 11px/16px verdana, sans-serif;
margin-top: 12px;
margin-bottom: 25px;
}
*/

.boxleft {
background: url(../images/onePageWonder_back.gif) no-repeat left bottom;
width: 300px;
margin-right: 0px;
float: left;
height: 122px;
}

.boxcentre {
background: url(../images/ioMail_back.gif) no-repeat left bottom;
width: 300px;
margin-right: 0px;
float: left;
height: 122px;
}

.boxright {
background: url(../images/mailMonitor_back.gif) no-repeat left bottom;
width: 300px;
float: left;
height: 122px;
}

a.request {
display: block;
width: 204px;
height: 37px;
background-image: url(../images/request_account.gif);
background-repeat: no-repeat;
margin-top: 20px;
margin-left: 55px;
}
	 
a.request:hover {
background-image: url(../images/request_account_hover.gif)
}

.number {
margin-right: 10px;
}


.text-block {
color: #666;
font: normal 16px/18px verdana, sans-serif;
margin-top: 10px;
margin-left: 55px;
}

/* _ _ _ Features Layout _ _ _ */

#innerleft {
width: 600px;
margin-right:20px;
float: left;
margin-bottom:65px;
padding-top: 25px;
}

* html #innerleft {
margin-right: 15px;
}

#innerleftSpam {
width: 820px;
margin-right:20px;
float: left;
margin-bottom:65px;
padding-top: 25px;
}

#innerleft h1 {
color: #3d97e0;
font: normal 23px/25px verdana, sans-serif;
width:100%;
margin-bottom: 12px;
padding-top:0px;
}

#innerleftSpam h2 {
color: #666;
padding:0px;
margin:0px;
margin-top: 20px;
font: normal 18px/18px verdana, sans-serif;
margin-bottom:2px;
}

#innerright {
width: 200px;
float: left;
padding-top: 25px;
}

.nnfeatures {
border-bottom:1px solid #e4e4e4;
float:left;
width:600px;
padding-bottom:10px;
margin-top:10px;
}

.nnfeatures img {
float:left;
width:209px;
/*margin-right: 16px;*/
}

.nnfeatures h2 {
color: #666;
padding:0px;
margin:0px;
font: normal 18px/18px verdana, sans-serif;
margin-bottom:2px;
}

.nnfeatures * {
width:375px;
float:right;
}
.nnfeatures * * {
width:auto;
float:none;
}

/*
#fcontainer {
width: 204px;
background-image: url(../images/boxback.jpg);
}

#ftop {
background-image: url(../images/boxtop.jpg);
background-repeat: no-repeat;
padding: 21px 0px 13px 0px;
min-height:132px;
}

*html #ftop {
height:132px;
}

#fbottom {
width: 204px;
height: 8px;
background-image: url(../images/boxbot.jpg);
}
*/

#features_subnav {
width: 204px;
height:170px;
background: url(../images/features_back.jpg) no-repeat top left;
}


dl#subnav {
margin:0px;
padding:15px;
list-style-type: none;
padding-top:14px;
}

dl#subnav dt {
color: #fff;
font: normal 18px/18px verdana, sans-serif;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 8px;
width: 100%;
display: block;
}


dl#subnav dd {
font: normal 11px/27px arial, sans-serif;
border-bottom: 1px solid #d9d9d9;
}

dl#subnav dd a {
padding-left: 15px;
color: #fff;
text-decoration: none;
}

dl#subnav dd a:hover, .active {
background-image: url(../images/featuresarrow.png);
background-repeat: no-repeat;
background-position: 0px -7px;
text-decoration: none;
color: #fff;
}

a.requestfeatures {
display: block;
width: 204px;
height: 37px;
background-image: url(../images/request_account.gif);
background-repeat: no-repeat;
margin-top:5px;
}
	 
a.requestfeatures:hover {
background-image: url(../images/request_account_hover.gif)
}


/*_ _ _ Pricing _ _ _ */


.nnpricing {
border-bottom:1px solid #e4e4e4;
float:left;
width:600px;
padding-bottom:15px;
margin-top:17px;
}

.nnpricing img {
float:left;
width:101px;
/*margin-right: 16px;*/
}

.nnpricing h2 {
color: #666;
padding:0px;
margin:0px;
margin-bottom:2px;
font: normal 18px/20px verdana, sans-serif;
}

.nnpricing p {
margin:0px;
padding:0px;
}

.nnpricing * {
width:480px;
float:right;
}
.nnpricing * * {
width:auto;
float:none;
}


/*_ _ _ FAQ _ _ _ */


.nnfaq {
border-bottom:0px solid #e4e4e4;
float:left;
width:600px;
padding-bottom:30px;
margin-top:0px;
}


.nnfaq h2 {
color: #666;
padding:0px;
margin:0px;
margin-bottom:2px;
font: normal 18px/20px verdana, sans-serif;
}

.nnfaq p {
margin:0px;
padding:0px;
}

.nnfaq * {
width:600px;
float:right;
}
.nnfaq * * {
width:auto;
float:none;
}



/*_ _ _ Signup _ _ _ */

form div {clear:both; margin:5px 0 10px 0; font: normal 11px/18px verdana, sans-serif;color: #a2a2a2;}

#login-newsletter div, .extras-form #newsletter div {margin-bottom:0;}

#signupform {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 20px 15px 20px; margin:24px 0 0px 0;}
#signupform fieldset {padding:0 0 0 120px; border:0px;}
#signupform fieldset label {float:none;}

label {float:left; width:120px; padding:5px 0 0 0; }

.text {border: 1px inset #787878; padding:5px 3px; width:290px; font: normal 11px/18px verdana, sans-serif;color: #666;}
.textselect {border: 1px inset #787878; padding:5px 3px; width:298px; font: normal 11px/18px verdana, sans-serif;color: #666;}
.first-item {margin:0 10px 0 0;}


.alt {width:40px;}
.alt2 {width:200px;}

#mailcheck { display:none; margin:0; }

.submit {
width: 101px;
height: 27px;
text-indent:-3000em;
background: url("../images/sign_up.gif") no-repeat left top;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
display:block;
}

a.submit:hover { background: url("../images/sign_up_hover.gif") no-repeat left top; }

form>.submit { /* For non-IE browsers*/
height: 0px;
}

.required {background:#fdf5f5;}

.terms {
margin:0px;
padding:0px;
vertical-align: text-top;
}



/* _ _ _ Anti Spam _ _ _ */

ul#tickbox {
margin:0px;
list-style-type: none;
padding:15px 0px;
}


ul#tickbox li {
background-image: url(../images/tick.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
color: #aeb0af;
font: normal 11px/20px verdana, sans-serif;
padding-left:22px;
}

ul#crossbox {
margin:0px;
padding:15px 0px;
list-style-type: none;
}


ul#crossbox li {
background-image: url(../images/cross.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
color: #aeb0af;
font: normal 11px/16px verdana, sans-serif;
padding-left:22px;
}


/*_ _ _ Nav _ _ _ */

#nav {
height:28px;
width:527px;
background-image: url(../images/nav-back.gif);
text-align:center;
height:28px;
margin-top: 62px;
padding:0px;
float:right;
}

#nav ul {
list-style-type: none;
margin:0px;
padding:0px;
margin-left: 45px;
}

#nav li {
float:left;
}

#left {
margin-left:-6px;
padding-left:-6px;
}

#nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 28px; }

#nav li a:hover{ background-position: 0px -28px;}

/* #home.active, #features.active { background-position: 0px -28px;} */
 
#home { background: url(../images/nhome.gif); width: 60px; }
#features { background: url(../images/nfeatures.gif); width: 76px; }
#pricing { background: url(../images/npricing.gif); width: 64px; }
#signup { background: url(../images/nsignup.gif); width: 68px; }
#about { background: url(../images/nabout.gif); width: 61px; }
#faq { background: url(../images/nfaq.gif); width: 48px; }
#signin { background: url(../images/nsignin.gif); width: 60px; }

/* _ _ _ _ Page Location _ _ _ _ */

body.home #nav ul li #home { background-position: 0px -28px; }
body.feature #nav ul li #features { background-position: 0px -28px; }
body.pricing #nav ul li #pricing { background-position: 0px -28px; }
body.signup #nav ul li #signup { background-position: 0px -28px; }
body.about #nav ul li #about { background-position: 0px -28px; }
body.faq #nav ul li #faq { background-position: 0px -28px; }
body.signin #nav ul li #signin { background-position: 0px -28px; }

.clear{
overflow:hidden;
width:100%;
}


/* Testimonials */
div.testimonial {
	background: url(../images/testimonials_back.gif) repeat-y center top;
}
div.testimonial-bottom {
	background: url(../images/testimonials_bottom.gif) no-repeat center top;
	padding-top: 30px;
	padding-right: 30px;
	height: 44px;
	font: italic 11px verdana;
	text-align: right;
}
.testimonial-text {
	font: italic 11px/15px verdana;
	color: #398dda;
	padding: 4px 20px 4px 20px;
	display: block;
}
.testimonial-name {
	font: bold 12px verdana;
	color: #333333;
}
.testimonial-position {
	font: normal 10px verdana;
	color: #333333;
}
.testimonial-bottom a:link, .testimonial-bottom a:visited, .testimonial-bottom a:active {
	font: normal 10px verdana;
	color: #333333;
	text-decoration: underline;
}
.testimonial-bottom a:hover {
	font: normal 10px verdana;
	color: #333333;
	text-decoration: none;
}