/*begin reset css*/
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*end reset css*/

body {
background:#424242;
color:#333333;
text-align:center;
font-family: Arial, 'Sans Serif';
font-size:14px;
}


/* STYLING */
h2,h3 {
font-family: "Myriad Pro", Arial, 'Sans Serif';   
}


table td {
vertical-align:top;   
}

.alignleft {
float:left;
display:block;
margin:0 20px 20px 0;
}

.alignright {
float:right;
display:block;
text-align: right;
margin:0 0 20px 20px;
}

h2 {
font-size:22px;
margin:0 0 10px 0;
}

h3 {
font-size:36px;
line-height:35px;
margin:0;
}

h3 span {
font-size:14px;
font-weight: normal;
color:#9f9f9f;
text-transform:uppercase;
}

h4 {
font-size:22px;
line-height:20px;
margin:0 0 20px 0;
}

h4 span {
font-size:14px;
font-weight: normal;
color:#b09b7c;
text-transform: uppercase;
}

h5 {
font-size:15px;
line-height:24px;
margin:0 0 20px 0;
}

h6 {
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}

p {
line-height:24px;
margin:0 0 20px 0;
font-family:"Arial";
}

ul {
line-height:24px;
}

ol  {
line-height:24px;
}

a {
color:#dfdfdf;
text-decoration: none;
}

a:hover {
color:#b7c1ff;
text-decoration:underline;
}



/* MAIN STRUCTURE */

#page {
width:100%;
clear:both;
overflow: hidden;
padding:50px 0 0 0;
display:block;
}

.container {
clear:both;
overflow: hidden;
position:relative;
display: table;
height:1%;
width:100%;
}

.container .inner {
padding:10px 0;
width:960px;
margin:auto;
text-align:left;
}



/* HEADER */

#header {
overflow: hidden;
position:fixed;
display: block;
height:50px;
width:100%;
z-index:10;
background-color:#000;
}

#header .inner {
padding:0px;
width:960px;
margin:auto;
text-align:left;
}

#header .inner h1 {
padding:10px 0px 0px 0px;
line-height:50px;
height:50px;
float:left;
display:block;
}

#header .inner h1 a {
color:#FFFFFF;
margin:0px;
text-decoration: none;
padding:0px;
float:left;
display:block;
font-size:30px;
}

#header .inner ul.nav {
display:block;
float:right;
margin:15px 0 0;
}

#header .inner ul.nav li {
float:left;
display:block;
line-height:20px;
margin:0 0 0 30px;
}

#header .inner ul.nav li a {
color:#e5ddd0;
text-decoration: none;
}

#header .inner ul.nav li a:hover {
color:#FFFFFF;
}

#header .inner ul.nav li.active a {
color:#FFFFFF;
font-weight:bold;
}

#header .logo {
background:url(images/epay.png) top left no-repeat;
width:152px;
height:50px;
}

#header .logo span {
display:none;
}

/* BANNER */
#banner {
background-color:#bdbdbd;
height:278px;
}


#banner .icon {
float:right;
display:block;
width:587px;
height:357px;
/*margin:40px 80px 0 0;*/
overflow: hidden;
}

#banner p {
font-size:24px;
line-height:1.4;
color:#6d6c6c;
float:left;
}

#banner h2 {
font-size:32px;
line-height:35px;
}

#banner h2 span {
font-size:14px;
color:#5d5d5d;
font-weight: normal;
}




/* FEATURES */
#features {

height:441px;
}

#features h2 {
color:#dfdfdf;
}

#features h3 {
color:#dfdfdf;
}

#features h4 {
color:#dfdfdf;
}

#features h3 span {
color:#9f9f9f;
text-transform:uppercase;
}

#features p {
color:#ababab;
}

.featureArea {
clear:both;
position:relative;
overflow: hidden;
display:block;
height:400px;
width:1000px;
}


ul.featureSlider {
display:block;
width:1000px;
position:absolute;
top:20px;
left:0px;
}

ul.featureSlider li {
display:block;
float:left;
width:300px;
margin:0 30px 0 0px;
}



span.icon1 {
    background-position:-11px -5px;
}
span.icon2 {
    background-position:-83px -5px;
}
span.icon3 {
    background-position:-225px -5px;
}
span.icon4 {
    background-position:-285px -5px;
}
span.icon5 {
    background-position:-348px -5px;
}
span.icon6 {
    background-position:-153px -5px;
}
span.icon7 {
    background-position:-531px 5px;
    margin-bottom:15px;
    width:50px;
}
span.icon8 {
    background-position:-353px -80px;
    width:50px;
}
span.icon9 {
    background-position:-355px -138px;
    width:50px;
}
span.icon10 {
    background-position:-540px top;
}
span.icon11 {
    background-position:-600px top;
}

/* Pricing */
#pricing {
background-color:#bdbdbd;
height:370px;
}


#pricing .icon {
float:right;
display:block;
width:165px;
height:164px;
margin:40px 80px 0 0;
overflow: hidden;
}

#pricing p {
font-size:24px;
line-height:1.4;
color:#6d6c6c;
width:630px;
float:left;
}

#pricing h2 {
font-size:32px;
line-height:35px;
}

#pricing h2 span {
font-size:14px;
color:#5d5d5d;
font-weight: normal;
}

#pricing h3 span {
color: #5D5D5D;
}

/* CONTACT US */
#contact {
height:441px;
}

#contact h2 {
color:#dfdfdf;
}

#contact h3 {
color:#dfdfdf;
}

#contact h4 {
color:#dfdfdf;
}

#contact h3 span {
color:#9f9f9f;
text-transform:uppercase;
}

#contact p {
color:#ababab;
}

.contactArea {
clear:both;
position:relative;
overflow: hidden;
display:block;
height:260px;
width:1000px;
}


ul.contactSlider {
display:block;
width:100000px;
position:absolute;
top:20px;
left:0px;
}

ul.contactSlider li {
display:block;
float:left;
width:300px;
margin:0 30px 0 0px;
}

#contact .left {
width:630px;
display:block;
float:left;
margin:20px 0;

}

#contact .center {
width:630px;
display:block;
margin:20px auto;
overflow: hidden;
}

#contact .right {
width:300px;
display:block;
float:right;
margin:20px 0;
overflow: hidden;
}


#contact .links h4 {
margin:0;
padding:0;

}

#contact .links h4 span {
font-size:10px;
color:#9f9f9f; 
}

#contact .links h2 {
margin:-2px 0 0 0;
padding:0;
}

#contact .links h2 a {
font-size:18px;
}

#contact .links .url {
font-size:11px;
color:#878787;
margin:5px 0 0 0;
display:block;
}

#contact .links td {
padding:0 0 10px 0;   
}

#contact .copyright {
color:#dfdfdf;   
}

#contact .poweredby {
display:block;
margin:5px 0 0 0;
color:#969696;
font-size:11px;
}

#contact .logos img {
margin: 0 20px 0 0;   
}




/* FOOTER */
#footer {
margin-top:30px;
background:#433a2d;
}

#footer p {
color:#f7f2ea;
font-size:13px;
line-height:20px;
margin:0px;
}

#footer p a {
color:#ffefd8;
}

#footer p a:hover {
color:#FFFFFF;
}


.jacket {
	height: 350px;
	width:909px;
	margin: 0 auto;
	font-family: 'Lucida Grande', 'Lucida Grande Unicode', Helvetica, Verdana, sans-serif;
}
.pricingcontainer {
  padding: 0px;
  text-align: center;
  background-color: transparent;
  margin: 30px auto 0 auto;
  width: 909px;
}

div.short {
	height: 270px;
	border: 1px solid #999;
	float: left;
	margin-top: 20px;
	text-align: center;
	padding: 10px;
	background-color: #fff;
	width:200px;
	
}

div.tall {

	height: 310px;
	border: 3px solid #3671A1;
	float: left;
	text-align: center;
	padding: 8px 10px 10px 10px;
	background-color: #fff9df;
	width:300px;
}

div.no-r {
	border-right: 0;
}



 div.short h1 {
	margin: 0;
	padding: 0;
	font-size: 34px;
	font-weight: bold;
}

 div.short h1,  div.short h1 a,  div.short h2 {
	color: #333;
	text-decoration: none;
}

 div.tall h1,  div.tall h1 a {
	margin: 0;
	padding: 0;
	font-size: 42px;
	color: #000;
	line-height: 1em;
	text-decoration: none;
	font-weight: bold;
}

 div.short h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: normal;
}

 div.tall h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #000;
	letter-spacing: normal;
}

 div.short h3 {
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font-family: Helvetica, Verdana, sans-serif;
	color: #73a1c7;
}

 div.tall h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: #4582b5;
}

 div.tall li strong,  div.short li strong {
	color: #c33700;
}

 div.under_chart_right {
	float: right;
}

 div.under_chart {
	font-size: 10px;
	font-family: verdana;
	margin: 0 0 20px 0;
	padding-left:200px;
	text-align:left;
}

 div.under_chart a {
	color: #000;
}

 div.actionsignup {
  background-color: #3671A1;
  padding: 15px 0;
  margin: -30px;
	text-align: center;
	border: 0;
	color: #D5E9F6;
}


a.button {

				font-family: 'Yanone Kaffeesatz', arial, serif;

				font-size:30px;

				color:#fff;

				text-decoration:none;

				display:block;

				width:320px;

				padding:10px;

				border:1px solid #3278BE;

				text-align:center;



				-moz-border-radius:5px;

				-webkit-border-radius:5px;

				-o-border-radius:5px;

				border-radius:5px;



				background:#003C82;

				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4195DD), to(#003C82));

				background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);



				-webkit-transition: all .4s ease-in-out;

				-moz-transition: all .4s ease-in-out;

				-o-transition: all .4s ease-in-out;

				transition: all .4s ease-in-out;

			}

			a.button:hover {

				color:#fff;

				border-color:#000;



				background:#98ba40;

				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#98ba40), to(#6c9d2c));

				background:-moz-linear-gradient(0% 90% 90deg, #98ba40, #6c9d2c);

			}

			a.button:active {

				background:#4195DD;

				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003C82), to(#4195DD));

				background:-moz-linear-gradient(0% 90% 90deg, #003C82, #4195DD);

			}



			a.button.notransitions {

				-webkit-transition: none;

				-moz-transition: none;

				-o-transition: none;

				transition: none;

			}