/* reset styles */
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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	font-size: 12px;
	line-height: 1.5em;
	color: #252525;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

a {color: #8dc73f; text-decoration: none;}
a:hover {text-decoration: underline;}

/* container - place inside each section or around the entire page depending on your layout */
.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* for clearing any floats */
.clear { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*--- content section - put whatever you want here ---*/
#page {
	font: 1.2em Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
}

/* --- HEADER --- */
#header {height: 57px; background: transparent url(images/header_bg.jpg) no-repeat center top; color: #d7d7d7; font-size: 13px; font-weight: bold; line-height: 57px; margin: 0 0 73px 0;}

#header #logo {width: 193px; margin: 18px 0 0 30px; float: left;}
#header #logo img {display: block;}
#header #contact-info {width: 700px; padding: 0 30px 0 0; float: right; text-align: right;}

/* --- CONTENT --- */
#content {padding: 0 0 132px 0;}

#main {width: 520px; float: right; padding: 0 32px 0 0;}

h1#page-title {margin: 0 0 26px 0;}
h1#page-title img {display: block;}

#main p {padding: 0 0 20px 0; font-size: 12px;}

span.green {color: #8dc73f;}

#sidebar {width: 385px; float: left; padding: 0 23px 0 0;}

img#sidebar-pic {display: block; margin: 0 0 12px 0;}

.tweet-btn {display: inline-block; position: relative; top: 3px;}

/* --- MAILCHIMP FORM --- */
#mc_embed_signup {padding: 25px 0 0 0;}
h2#newsletter-title img {display: block; margin: 0 0 10px 0;}
.mc-field-group {float: left;}
.mc-field-group input {display: block; margin: 0; padding: 8px 6px; width: 299px; height: 20px; line-height: 20px; font-size: 14px; border: 1px solid #8C8C8C;}
.mc-submit-btn {float: left;}
.mc-submit-btn #mc-embedded-subscribe {display: block; width: 101px; height: 38px; background: transparent url(images/newsletter_submit.png) no-repeat center top; border: 0 none; font-size: 0; line-height: 0; text-indent: -9999px; float: left; cursor: pointer; padding: 0; margin: 0;}
.mc-submit-btn #mc-embedded-subscribe:hover {background-position: center bottom;}

/* --- FOOTER --- */
#footer {color: #d7d7d7; font-weight: bold; background-color: #111111; padding: 18px 0;}
#footer .container {width: 940px;}