@import url('button.css');
/*


fhdMail - an elegantly simple email service from Flint Hills Design, LLC

Flint Hills Design
Author: Joel Gaeddert
http://www.flinthillsdesign.com
Copyright 2010 Flint Hills Design, LLC


*/





/*==============  Browser reset as recommended by Eric Meyer  ========== */
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, 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-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: none; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ===========================  End of Reset  ==============================*/

/* Lavender: #6A6DBA; */


body { background: #2f2018; font-family: Verdana, sans-serif; font-size:12px; color:#2f2018; color:#666;}
#container { width:960px; margin:30px auto; position: relative; }
.mainimg { margin:20px auto;}



#header { width:960px; margin:0 auto; overflow:auto; background-color:#82AAFB; background-image: url('images/website-header.png'); height:350px; }
#header #nav { float:right; margin-top:40px; }
#header #nav li { float:left; margin:20px; font-size:15px; font-weight:bold;}

#header #features { position: absolute; top:137px; left:163px; }
#header #howitworks { position: absolute; top:146px; left:308px; }
#header #contact { position: absolute; top:137px; left:649px; }

#header #logo { position: absolute; left:30px; top:0; }
#header #nav-helper { position: absolute; left:690px; top:90px;}


#content { width:960px; background:white; position: relative; overflow: auto; }

#main-content-left { width:590px; float:left; padding:30px 30px 60px 30px; }
#main-content-left #MainTitle { margin:0 0 10px 0; }
#main-content-left .MainTitleTypefaceJS { font-size:60px; color:#66CC00; }

#main-content-right { width:280px; float:right; padding:95px 30px 60px 0;  }

#main-content-centered { width:600px; margin:auto; }

.thirds { padding-left:30px; width:280px; float:left; }

.highlight-box { background: #eee; border:1px solid #ccc; padding:15px;}
	
#footer { width:960px; min-height: 150px; margin:auto; clear:both; background: #D9B579; color:#2f2018; }
#footer .columns { width:280px; margin-left:30px; float:left;}
#footer h2 { color:#2f2018; border-bottom: 1px solid #2f2018; text-transform: uppercase; font-size: 11px; padding:10px 0 2px 0; margin:0; }


/*---------------- General Font Styles ---------*/	
h1 {font-size:36px; font-weight: normal; color:#6a6dba; margin-bottom: 12px; }
		
h2 { font-size:30px; font-weight:lighter; color:white; padding:14px 0 4px 20px; border-bottom: 1px solid #ccc; margin-bottom: 6px; }

h3 { margin-bottom:8px; border-bottom: 1px dotted #ccc; padding-bottom: 4px; color: #6C0;}
h4 { font-size:18px; font-weight: bold; color:#312B09;}
h5 { }
h6 { }
p { line-height: 1.5em; }

p.small-text { font-size: .8em; color:#999;}

.PDFDownload { vertical-align: middle; }
.PDFSize { font-size: .8em; color:#666; font-family: Verdana, Arial, sans-serif;}


/*----------------------- Forms ----------------------*/
#subForm { background: none; border:none; padding:10px; }
	#subForm label { line-height:28px; width:50px; float:left; }
	#subForm #name, #subForm #kyutdy-kyutdy { background:#fff; border:1px solid #ccc; padding:6px; color:#333; width:170px; }
	#subFormSubmit { margin-left:56px; margin-top:10px;  }
	
#loginForm { background: #eee; border:1px solid #ccc; padding:20px; }
	#loginForm label{ line-height:28px; width:80px; float:left; }
	#loginForm #username, #loginForm #password { background:#fff; border:1px solid #ccc; padding:6px; color:#333; width:120px; }
	#loginFormSubmit { margin-left:86px; margin-top:10px;  }
	
.field { display: block; clear:both; vertical-align: middle; padding:4px; }


/*----------------------- Lists ----------------------*/		
ul.BasicList { padding-left:4px; line-height: 1.4em;}
ul.BasicList li { list-style-type: disc; margin-left:16px;}
ul.BasicList ul { margin-left:16px; margin-bottom:12px;}
ul.BasicList ul li { list-style-type:disc; }
ul.BasicList ul ul { margin-left:16px; margin-bottom:6px;}
ul.BasicList ul ul li { list-style-type:disc; }

ol.BasicList { padding-left:.25em;}
ol.BasicList li { list-style-type:decimal; margin-left:2em;}
ol.BasicList ol { margin-left:1.5em; margin-bottom:1em;}
ol.BasicList ol li { list-style-type:disc; }
ol.BasicList ol ol { margin-left:1.5em; margin-bottom:.5em;}
ol.BasicList ol ol li { list-style-type:disc; }


/*--------------------- General Styles ----------------*/
.floatRight { float:right; }
.floatLeft { float:left; }
.clearer { clear:both; }
strong { font-weight:bold; }


/*--------------------- Footer -----------------------*/
#copyright { font-size:.8em; color:#D9B579; margin:6px auto; text-align: center;}
#copyright a:link, #copyright a:visited { color: #D9B579; }