* { padding: 0; margin: 0; }

body
{
    font-family: Arial, Helvetica, sans-serif;
	background: url(/client/images/bg.body.gif) repeat-x;
    color: #000000;
    font-size: 13px;
	line-height: 150%;
}

a
{   
	position: relative;                         
    -moz-outline-style: none;   
	color: #007842;
	outline: none;
}

a:active
{
  outline: none;
}

       
a:hover
{     
    text-decoration: none;                         
}                                

a img
{
    border: none;
}

fieldset
{
	border: none;
}


/* ###################################################################################### */

#container
{
    position: relative; 
    width: 810px;  
    margin: 0 auto;
}

/* ###################################################################################### */

#top
{
	position: relative;
	float: left;
	width: 810px;
	height: 30px;
}

#top ul
{
	float: right;
	list-style: none;
}

#top ul li.login
{
	float: left;
	display: inline;
	background: url(/client/images/login.right.gif) no-repeat top right;
	height: 30px;
	display: none;
}

#top ul li.login a
{
	float: left;
	display: block;
	background: url(/client/images/login.left.gif) no-repeat top left;
	padding: 0px 20px 0px 20px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
}

/* ###################################################################################### */

#header
{
	position: relative;
	float: left;
	width: 810px;
	margin-bottom: 30px;
	margin-top: 20px;
}

#header_promo
{
	position: relative;
	float: left;
	width: 810px;
	margin-bottom: 25px;
	height: 100px;
}

#header div.nav
{
	float: right;
	clear: right;
	width: 600px;
}


#header ul.navigation
{
	float: right;
	list-style: none;
	clear: right;
}


#header ul.login
{
	float: right;
	list-style: none;
	margin-bottom: 20px;
}

#header ul.login li
{
	float: left;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

#header ul.login li a
{
	text-decoration: none;	
}

#header ul.login li a:hover
{
	text-decoration: underline;	
}

#header ul.login li.or
{
	padding: 0px 10px;
	font-size: 11px;
	font-weight: normal;
}

#header ul.login li.signup a
{
	color: #016293;
}

#header ul.login li.login a
{

}

#header ul.navigation li
{
	float: left;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
	margin-left: 20px;
}

#header ul.navigation li a
{
	display: block;
	float: left;
	color: #666666;
	text-decoration: none;
}

#header ul.navigation li a:hover
{
	text-decoration: underline;	
}

#header ul.navigation li.sel
{
	background: url(../images/navigation.right.gif) no-repeat top right;
}

#header ul.navigation li.sel a
{
	background: url(../images/navigation.left.gif) no-repeat top left;
	padding: 0px 20px 0px 20px;
	color: #039655;
	font-weight: bold;
	-moz-outline-style: none;  
}

#header ul.navigation li.sel a:hover
{
	text-decoration: none;	
}

#header h1
{
	position: relative;
	float: left;
	width: 210px;
	height: 40px;
	text-indent: -1000em;
	background: url(../images/mailerlite_logo.gif) no-repeat;
	margin-top: 10px;
}

#header h1 a
{
	position: relative;
	float: left;
	width: 210px;
	height: 40px;
}

/* ###################################################################################### */

#title
{
	position: relative;
	float: left;
	width: 810px;
	margin-bottom: 30px;
}

div.not_found
{
	margin-top: 70px;
	padding-bottom: 80px;
}

#title h2
{
	position: relative;
	float: left;
	width: 810px;
	height: 40px;
	font-size: 42px;
	font-weight: normal;
	text-align: center;
}

#title h3
{
	position: relative;
	float: left;
	width: 810px;
	height: 27px;
	line-height: 27px;
	margin-top: 15px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #666666;
}

/* ###################################################################################### */


#intro
{
	position: relative;
	float: left;
	width: 750px;
	height: 300px;
	padding: 0px 30px 0px 30px;
	background: url(/client/images/intro.bg.gif) no-repeat;
	margin-bottom: 30px;
}

#intro div.text
{
	position: relative;
	float: left;
	width: 280px;
	padding-top: 40px;
}

#intro div.text p
{
	padding-bottom: 20px;	
}
 
#intro div.text strong span
{
	color: #007842;
}

#intro div.text h3
{
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 140%;
	color: #333333;
}

#intro div.text a
{
	position: relative;
	float: left;
	width: 160px;
	height: 40px;
	background: url(/client/images/view_features.gif) no-repeat;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#intro div.text a:hover
{
	color: #e1ffd1;
	text-decoration: underline;
}

#intro ul
{
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 50px;
}


#intro ul li
{
	font-size: 16px;
	padding-bottom: 10px;
}

#intro img
{
	position: relative;
	float: right;
}

/* ###################################################################################### */


#signup
{
	position: relative;
	float: left;
	width: 750px;
	height: 50px;
	padding: 30px;
	background: url(/client/images/bg.signup.gif) no-repeat;
	margin-bottom: 30px;
}

#signup div.text
{
	position: relative;
	float: left;
	width: 470px;
}

#signup a
{
	position: relative;
	float: right;
	width: 235px;
	background: url(/client/images/signup.button.gif) no-repeat;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

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

#signup div.text h5
{
	font-size: 18px;
	color: #016293;
	margin-top: 7px;
	margin-bottom: 5px;
}

#signup div.text p
{
	font-size: 11px;
}

/* ###################################################################################### */

#buttons
{
	position: relative;
	float: left;
	width: 810px;
	padding-bottom: 30px;
}

#buttons a
{
	position: relative;
	float: left;
	width: 200px;
	height: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 50px;
}

#buttons a.button2
{
	background: url(/client/images/intro.button2.gif) no-repeat;
}

#buttons a.button1
{
	background: url(/client/images/intro.button1.gif) no-repeat;
	margin-left: 190px;
	margin-right: 20px;
}

/* ###################################################################################### */

#title_green
{
	position: relative;
	float: left;
	width: 660px;
	padding: 0px 20px 0px 20px;
	height: 100px;
	background: url(../images/title.bg.gif) repeat-y;
}

/* ###################################################################################### */

div.display_none
{
	display: none;	
}

/* ###################################################################################### */

#content
{
	position: relative;
	float: left;
	width: 810px;
	margin-bottom: 30px;
}

#content h2
{
	font-size: 24px;
	margin-bottom: 20px;
	color: #00874b;
}

#content h3
{
	font-size: 16px;
	color: #666666;
	margin-bottom: 15px;
	line-height: 150%;
}

#content h4
{
	font-size: 14px;
	color: #000000;
	margin-bottom: 10px;
}

#content p
{
	padding-bottom: 10px;
}

#content ul
{
	margin-left: 30px;
	padding-bottom: 10px;
}

#content ul li
{
	padding-bottom: 5px;
}

#content div.left
{
	position: relative;
	clear: left;
	float: left;
	width: 330px;
}

#content div.right
{
	position: relative;
	clear: right;
	float: right;
	width: 330px;
}

#content table
{
	position: relative;
	float: left;
	width: 810px;
}

#content table td
{
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	background: #eeeeee;
	padding: 10px 0px;
}

#content table td.small
{
	font-size: 11px;
	border-bottom: none;
}

#content table td.credits
{
	font-weight: bold;
	color: #19a165;
}

#content table td.price
{
	font-weight: bold;
	font-size: 16px;
}

#content table td.price span
{
	font-size: 11px;	
}

#content table th
{
	padding: 10px 0px;
	border-bottom: 1px solid #007c3d;
	text-align: left;
	background: #19a165;
	color: #ffffff;
	width: 130px;
}

#content table th.bottom
{
	border-bottom: none;	
}

#content table td.left
{
	background: #19a165;
	width: 10px;
	border-bottom: none;
}

#content table td.left_top
{
	background: url(../images/cg1.gif) no-repeat top left #19a165;
	width: 10px;
	border-bottom: none;
}

#content table td.left_bottom
{
	background: url(../images/cg2.gif) no-repeat bottom left #19a165;
	width: 10px;
	border-bottom: none;
}

#content table td.right
{
	background: #eeeeee;
	width: 10px;
	border-bottom: none;
}

#content table td.right_top
{
	background: url(../images/cg3.gif) no-repeat top left #eeeeee;
	width: 10px;
	border-bottom: none;
}

#content table td.right_bottom
{
	background: url(../images/cg4.gif) no-repeat bottom left #eeeeee;
	width: 10px;
	border-bottom: none;
}

/* ###################################################################################### */

#content #video
{
	position: relative;
	float: left;
	width: 640px;
	margin-left: 85px;
}

/* ###################################################################################### */

#content div.about
{
	position: relative;
	float: left;
	width: 530px;
	margin-left: 140px;
	margin-bottom: 30px;
}

#content div.about h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

/* ###################################################################################### */

#content form
{

}

#content form fieldset
{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#content div.form
{
	position: relative;
	float: left;
	width: 530px;
	margin-left: 140px;
	margin-bottom: 30px;
}

#content div.no_margin
{
	margin-bottom: 0px;
}

#content div.form div.form_top
{
	position: relative;
	float: left;
	width: 530px;
	height: 30px;
	background: url(/client/images/form.top.gif) no-repeat top;
}

#content div.form div.form_middle
{
	position: relative;
	float: left;
	width: 530px;
	background: url(/client/images/form.middle.gif) repeat-y;
}

#content div.form div.form_contact
{
	position: relative;
	float: left;
	width: 530px;
	background: url(/client/images/form.middle.gif) repeat-y;
	padding: 40px  0px  70px 0px;
	text-align: center;
}

#content div.form div.form_title
{
	position: relative;
	float: left;
	width: 470px;
	background: url(/client/images/form.middle.gif) repeat-y;
	padding: 0px 30px 10px 30px;
}

#content div.form div.form_title h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#content div.form div.form_title p
{
	color: #333333;
	font-size: 13px;
}

#content div.form div.form_contact h4
{
	color: #007842;
	font-size: 20px;
	margin-top: 0px;
}

#content div.form div.form_contact p
{
	color: #333333;
	font-size: 13px;
}


#content div.form div.form_bottom
{
	position: relative;
	float: left;
	width: 530px;
	height: 20px;
	background: url(/client/images/form.bottom.gif) no-repeat bottom;
}

#content form fieldset input
{
	position: relative;
	float: left;
	padding: 3px;
	width: 220px;
}

#content form fieldset select
{
	position: relative;
	float: left;
	padding: 3px;
	width: 300px;
}

#content form fieldset input.subdomain
{
	width: 160px;
	margin-right: 5px;
}

#content form fieldset span
{
	position: relative;
	float: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	margin-right: 15px;
}

#content form fieldset span.no
{
	color: #F00000;	
	display:none;
}

#content form fieldset span.yes
{
	color: #009754;	
	display:none;
}

#content form fieldset label
{
	position: relative;
	float: left;
	width: 120px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

#content form fieldset.error label
{
	color: #F00000;	
}

#content form fieldset.error input
{
	border: 2px solid #F00000;
}

#content div.form div.form_middle a.signup
{
	position: relative;
	float: left;
	width: 235px;
	height: 50px;
	background: url(/client/images/signup.button.gif) no-repeat;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 147px;
}

#content div.form div.form_middle a.signup:hover
{
	color: #d3f1fd;
	text-decoration: underline;
}

#content form fieldset.login
{
	margin-bottom: 20px;
}

/* ###################################################################################### */

#content div.right_info
{
	position: relative;
	float: right;
	width: 250px;
}

/* ###################################################################################### */

#content div.feature
{
	position: relative;
	float: left;
	width: 810px;
	margin-bottom: 30px;
}

#content div.feature_no_margin
{
	margin-bottom: 0px;	
}

#content div.feature div.text
{
	position: relative;
	float: left;
	width: 250px;
}

#content div.feature div.text h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 20px;
}

#content div.feature div.text p
{
	padding-bottom: 15px;
}

#content div.feature img
{
	position: relative;
	float: right;
}

#content div.feature ul
{
	
}

/* ###################################################################################### */

#content div.columns
{
	position: relative;
	float: left;
	width: 810px;
	margin-bottom: 20px;
}

#content div.columns div.col1
{
	position: relative;
	float: left;
	width: 250px;
	margin-right: 30px;
}

#content div.columns div.right
{
	margin-right: 0px;
}

/* ###################################################################################### */

#content div.intro_columns
{
	position: relative;
	float: left;
	width: 810px;
}

#content div.intro_columns div.col1
{
	position: relative;
	float: left;
	width: 250px;
	margin-right: 30px;
}

#content div.intro_columns div.right
{
	margin-right: 0px;
}

#content div.intro_columns div.col1 a img
{
	position: relative;
	float: left;
	margin-right: 15px;
}

#content div.intro_columns div.col1 div.text
{
	position: relative;
	float: left;
	width: 175px;
}

#content div.intro_columns div.text p
{
	padding-bottom: 0px;
}

#content div.intro_columns div.text h4
{

}

/* ###################################################################################### */

#content div.media
{
	position: relative;
	float: left;
	width: 810px;
	text-align: center;
	margin-bottom: 30px;
}

#content div.media object
{
	position: relative;
	float: left;
	margin-left: 85px;
}

/* ###################################################################################### */

#content div.portfolio
{
	position: relative;
	float: left;
	width: 810px;

}

#content div.portfolio a img
{
	position: relative;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 30px;
	margin-bottom: 30px;
	font-size: 11px;
	width: 178px;
	height: 218px;
}

#content div.portfolio a img.no_margin
{
	margin-bottom: 0px;	
}

#content div.portfolio a img.right
{
	margin-right: 0px;
}

#content div.portfolio a:hover img
{
	border: 1px solid #018f50;
}

/* ###################################################################################### */

#newsletter_content
{
	position: relative;
	float: left;
	padding-top: 20px;
}

#newsletter_content h2
{
	font-size: 16px;
	color: #019554;
	margin-bottom: 10px;
}

#newsletter_content p.error
{
	font-size: 13px;
	font-weight: bold;
}

#newsletter_content input
{
	padding: 5px;
	width: 270px;
	color: #6d6d6d;
	margin-right: 10px;
}

#newsletter_content button
{
	background: url(/client/images/bg.subscribe.gif) no-repeat;
	line-height: 30px;
	width: 100px;
	height: 30px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}

/* ###################################################################################### */


#footer
{
	position: relative;
	float: left;
	width: 810px;
	height: 120px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}

#footer div.facebook
{
	position: relative;
	float: left;
	width: 110px;
}

#footer div.facebook label
{
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 100%;
	color: #016293;
	margin-bottom: 12px;
	font-weight: bold;
}

#footer div.facebook a
{
	position: relative;
	float: left;
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: url(/client/images/facebook.gif) no-repeat;
	width: 100px;
	text-align: center;
}

#footer div.newsletter
{
	position: relative;
	float: left;
	margin-right: 30px;
	width: 310px;
}

#footer div.newsletter form label
{
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 100%;
	color: #007842;
	margin-bottom: 12px;
	font-weight: bold;
	width: 310px;
}

#footer div.newsletter form input.email
{
	position: relative;
	float: left;
	clear: left;
	width: 190px;
	padding: 0px 5px;
	line-height: 24px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 10px;
	background: url(/client/images/newsletter.input.gif) no-repeat;
	border: none;
}

#footer div.newsletter form input.button
{
	position: relative;
	float: left;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 0px 4px 0px;
	height: 24px;
	cursor: pointer;
	background: url(/client/images/subscribe.gif) no-repeat;
	color: #ffffff;
	border: none;
	width: 100px;
	text-align: center;
	font-weight: bold;
}

#footer div.copy
{
	position: relative;
	float: right;
	width: 340px;
}

#footer div.copy ul
{
	position: relative;
	float: right;
	list-style: none;
	margin-bottom: 10px;
}

#footer div.copy ul li
{
	position: relative;
	float: left;
	display: inline;
	margin-left: 10px;
	font-size: 12px;
	color: #666666;
	line-height: 100%;
}

#footer div.copy ul li a
{
	color: #333333;
	text-decoration: underline;
}

#footer div.copy ul li a:hover
{
	text-decoration: none;
}

#footer div.copy span
{
	position: relative;
	float: right;
	clear: right;
	color: #666666;
	font-size: 12px;
	line-height: 28px;
}

/* ###################################################################################### */

#error
{
	display: none;
	padding: 10px 0px;
	color: #e8122e;
}

div.habla_panel_border
{
	font-size: 11px;	
}