@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; border:0;}
img {border:0;}
input {vertical-align:middle;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/img/page/elementmail-bg.png) no-repeat top right #e7e7e7;
}

/* MAC FONT SIZES ----------------------*/
.mac body {
	font-size: 71.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/img/page/elementmail-bg.png) no-repeat top right #e7e7e7;
}

a:link		{color:#223351; text-decoration:none;}
a:visited	{color:#223351; text-decoration:none;}
a:hover		{color:#90ddf7; text-decoration:none;}
a:active	{color:#90ddf7; text-decoration:none;}

.wrap		{width: 848px; height: 620px; margin:30px auto 0px auto;}
.content	{width: 848px; height: 310px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(/img/page/elementmail-bottom.jpg) no-repeat top;}
.header		{width: 848px; height: 200px;}		
.banner		{width: 848px; height: 332px; background:url(/img/page/elementmail-banner.jpg) no-repeat top;}
	
.column		{height: 100%; float:left; width: 375px; height:250px;}
.left		{margin: 20px 0px 0px 32px; background:url(/img/page/column-bg.png1);}
.right		{margin: 20px 0px 0px 32px; background:url(/img/page/column-bg.png1);}
.footer		{width: 848px; height: 25px; float:left; margin:-20px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#0c527a; }
.footer p	{text-align:center; font-size:1em; color:#5384a1; margin:6px 0px 0px 0px;}
.footer a:link		{color:#5384a1; text-decoration:none;}
.footer a:visited	{color:#5384a1; text-decoration:none;}
.footer a:hover		{color:#90ddf7; text-decoration:none;}
.footer a:active	{color:#90ddf7; text-decoration:none;}

p			{margin: 0px 10px 15px 10px; font-size:1.2em; line-height: 1.2em; color:#efefef;}
h1			{margin: 10px 0px 0px 10px; font-size:1.6em; font-weight:bold; line-height: 1.5em; color:#01436d;}
h2			{margin: 0px 0px 10px 0px; font-size:1.2em; font-weight:bold; line-height: 1.5em; color:#90ddf7;}
ul			{}

.smalltext {color: #1b9bc7}
.bigtext {color: #90ddf7}


.nav				{height: 87px; margin:52px 20px 0px 0px; float:right;}
.nav	ul			{width:100%;}
.nav	li			{width:66px; height: 87px; display:block; list-style:none; float:left; margin: 0px 1px 0px 1px; padding:0px 0px 0px 0px; text-align:center; font-size:1.1em; font-weight:bold; text-transform:uppercase;}

.nav	a:link		{color:#ffffff; text-decoration:none; background: url(/img/page/nav-blue.png) no-repeat top;}
.nav	a:visited	{color:#ffffff; text-decoration:none; background: url(/img/page/nav-blue.png) no-repeat top;}
.nav	a:hover		{color:#ffffff; text-decoration:none; background: url(/img/page/nav-green.png) no-repeat top;}
.nav	a:active	{color:#ffffff; text-decoration:none; background: url(/img/page/nav-green.png) no-repeat top;}
.nav	a:focus		{outline:none;}

					#home-nav:link, #home-nav:visited {background: url(/img/page/nav-blue.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
body#home			#home-nav	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
					#home-nav:hover, #home-nav:active	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
					
					#features-nav:link, #features-nav:visited	{background: url(/img/page/nav-blue.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
body#features		#features-nav	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
					#features-nav:hover, #features-nav:active	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}

					#faq-nav:link, #faq-nav:visited	{background: url(/img/page/nav-blue.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
body#faq			#faq-nav	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
					#faq-nav:hover, #faq-nav:active	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}

					#contact-nav:link, #contact-nav:visited	{background: url(/img/page/nav-blue.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
body#contact		#contact-nav	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}
					#contact-nav:hover, #contact-nav:active	{background: url(/img/page/nav-green.png) no-repeat top; display:block; width: 66px; height:87px; padding-top:38px;}



form		{font-family:Arial, Helvetica, sans-serif;}
label		{width:80px; display:block; float:left;}
#form1		{}
#submit		{float:right; margin: 0px 30px 0px 0px; background:url(../img/page/send-up.png) no-repeat; width:64px; height:27px;}
#submit:hover		{float:right; margin: 0px 30px 0px 0px; background:url(../img/page/send-over.png) no-repeat; width:64px; height:27px;}
.send-email	{margin:0px 0px 15px 30px;}
input		{width:250px;}
textarea	{width:250px;}




/* FADE IN ---------------------------------------------------- */

	
.button {}
#linktracking {display: block;}
#linktracking-button {opacity: 1.0;}
#managesubscribers {display: none;}
#managesubscribers-button {opacity: 0.5;}
#createnewsletters {display: none;}
#createnewsletters-button {opacity: 0.5;}
#newslettercustomisation {display: none;}
#newslettercustomisation-button {opacity: 0.5;}
#anywhere {display: none;}
#anywhere-button {opacity: 0.5;}

#faqone {display: block;}
#faqone-button {opacity: 1.0;}
#faqtwo {display: none;}
#faqtwo-button {opacity: 0.5;}
#faqthree {display: none;}
#faqthree-button {opacity: 0.5;}
#faqfour {display: none;}
#faqfour-button {opacity: 0.5;}
#faqfive {display: none;}
#faqfive-button {opacity: 0.5;}


#screatenewsletters {display: block;}
#screatenewsletters-button {opacity: 0.5;}
#slinktracking {display: none;}
#slinktracking-button {opacity: 0.5;}
#smanagesubscribers {display: none;}
#smanagesubscribers-button {opacity: 0.5;}

ul	{}
li	{margin: 0px 10px 15px 10px; font-size:1.2em; line-height: 1.2em; color:#efefef; list-style:none;}
li:hover	{cursor:pointer;}




/* IE HACKS ----------------------------------------------------- */

.ie .nav	{height: 87px; width:275px; margin:52px 20px 0px 0px; float:right;}