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


/* GENERAL + LAYOUT */
html, body {background: #e5e6e8 url(images/bg-white.png) center top repeat-y; margin: 0; padding: 0;}
#header-background {width: 100%; height: 165px; background: url(images/bg-header.png) center top repeat-x;}
#header-wrapper {width: 930px; height: 165px; margin: 0 auto 0 auto; padding: 0 26px 0 26px;}
#nav-container {width: auto; height: 50px; float: right; display: block; margin: 10px 0 0 0;}
#wrapper {width: 900px; margin: 0 auto 0 auto; padding: 5px 41px 0 41px;}
#footer {width: 900px; margin: 10px 0 0 0; padding: 10px 0 5px 0; border-top: 1px #dddddd solid; text-align: center;}
#twocol {width: 320px; margin: 0 30px 0 0; float: left;}
#animations {display: block; width: 400px; margin: 10px 0 15px 50px; float: right; border: 4px #72b64a solid; clear: both; background: #000000;}
#flash {display: none; width: 400px; margin: 10px 0 15px 50px; float: right; border: 4px #72b64a solid; clear: both; background: #000000;}

#floatclear {width: auto; clear: both;}

.button {margin: 16px 0 16px 0;}

#flash {display: none; width: 400px; margin: 10px 0 15px 50px; float: right; border: 4px #72b64a solid; clear: both; background: #000000;}



/* TYPE */

p {font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; margin: 4px 0 20px 0; color: #515151;}

h1 {font-family: 'BebasNeueRegular', "Trebuchet MS", Trebuchet, sans-serif; font-size: 44px; line-height: 44px; margin: 20px 0 12px 0; color: #333333;}
h2 {font-family: 'BebasNeueRegular', "Trebuchet MS", Trebuchet, sans-serif; font-size: 40px; line-height: 44px; margin: 20px 0 12px 0; color: #80c656;}
h3 {font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; margin: 6px 0 12px 0; color: #333333;}
h4 {font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; margin: 6px 0 12px 0; color: #333333;}
h5 {font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; margin: 6px 0 12px 0; color: #333333;}
h6 {font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; margin: 6px 0 12px 0; color: #333333;}

.heading2 {font-family: 'BebasNeueRegular', "Trebuchet MS", Trebuchet, sans-serif; font-size: 40px; line-height: 44px; margin: 20px 0 12px 0; color: #80c656;}
.footer-text {font-family: Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; margin: 6px 0 12px 0; color: #72b64a;}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?iefix') format('eot'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#webfontjVvOCur0') format('svg');
    font-weight: normal;
    font-style: normal;}
	

/* LINKS */

a:link {text-decoration: underline; color: #72b64a; font-weight: bold;}
a:visited {text-decoration: underline; color: #72b64a; font-weight: bold;}
a:hover {text-decoration: none; color: #72b64a; font-weight: bold;}
a:active {text-decoration: underline; color: #72b64a; font-weight: bold;}


/* NAVIGATION */

#navList {list-style-type:none; width: auto;} 
#navList li
{display: inline; list-style-type: none; float: left; width: auto;}

#navHome
{display: block; width: 123px; height: 50px; border: 0; background: url("images/nav_01.png") no-repeat 0 0;}
#navHomeCurrentPage
{display: block; width: 123px; height: 50px; border: 0; background: url("images/nav_01.png") no-repeat 0 0; background-position: 0 -100px;}
#navHomeCurrentPage span
{display: none;}
#navHome:hover
{background-position: 0 -50px;}
#navHome:active
{background-position: 0 -100px;}
#navHome span
{display: none;}

#navAbout
{display: block; width: 138px; height: 50px; background: url("images/nav_02.png") no-repeat 0 0;}
#navAboutCurrentPage
{display: block; width: 138px; height: 50px; border: 0; background: url("images/nav_02.png") no-repeat 0 0; background-position: 0 -100px;}
#navAboutCurrentPage span
{display: none;}
#navAbout:hover
{background-position: 0 -50px;}
#navAbout:active
{background-position: 0 -100px;}
#navAbout span
{display: none;}

#navContact
{display: block; width: 155px; height: 50px; background: url("images/nav_03.png") no-repeat 0 0;}
#navContactCurrentPage
{display: block; width: 155px; height: 50px; border: 0; background: url("images/nav_03.png") no-repeat 0 0; background-position: 0 -100px;}
#navContactCurrentPage span
{display: none;}
#navContact:hover
{background-position: 0 -50px;}
#navContact:active
{background-position: 0 -100px;}
#navContact span
{display: none;}