@charset "UTF-8"; 

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

body {background: #E1E2E3 url("../gfx/bg_repeat.jpg") repeat-x top center; font: 11px/1.7em "Lucida Grande", helvetica, arial, verdana, sans-serif; color: #575757; line-height: 17px; text-align: center;}

* {margin: 0; padding: 0;}

img {border: 0; display: block;}

strong {color: #000000;}

a:focus {outline-style: none;}

p a,
p a:visited,
p a:hover {border-bottom: 1px #7C7C7C dotted; text-decoration: none;}

/***********************************************************************
	LAYOUT
************************************************************************/

#container {position: relative; margin: 0 auto; width: 100%; height: 100%; text-align: center; z-index: 0;}

* html #container {z-index: 0;}

#header { margin:0px auto; margin-top:25px; background: url("../gfx/header_v3.png") no-repeat; height: 85px; width: 990px; text-align: left; z-index: 10;}

#nav {padding:58px 0px 0px 15px}

#content {background: transparent url("../gfx/content.png") repeat-y; width: 990px; margin: 0 auto 0 auto; text-align: left; z-index: 1;}

#content-top {background: transparent url("../gfx/content-top.png") no-repeat top left; width: 990px; height: 25px; margin: 20px auto 0 auto; z-index: 0;}

#content-bottom {background: transparent url("../gfx/content-bottom.png") no-repeat top left; width: 990px; height: 25px; margin: 0 auto 0 auto; z-index: 0;}

#main {padding:0px 25px 0px 25px}

#mainLeft {float:left; width:25%}

#mainRight {float:right; width:75%}

#panel-features {position: relative; background: transparent url("../gfx/panel-features.png") no-repeat top left; width: 990px; height: 177px; margin: 20px auto 0 auto; list-style: none; z-index: 0;}

#panel-features li {position: relative; float: left; width: 201px; height: 131px; padding: 23px; text-align: left; font-size: 11px; color: #8E8E8E; line-height: 18px;}

#panel-features li.end {width: 180px;}

#panel-features li a {display: block; height: 0px !important; height /**/: 131px; padding: 131px 0 0 0; text-decoration: none; overflow: hidden; width: 201px;}

#panel-features li h4 {display: none;}

#panel-features li#feature-one {background: transparent url("../gfx/feature-one.png") no-repeat;}

#panel-features li#feature-two {background: transparent url("../gfx/feature-two.png") no-repeat;}

#panel-features li#feature-three {background: transparent url("../gfx/feature-three.png") no-repeat;}

#panel-features li#feature-four {background: transparent url("../gfx/feature-four.png") no-repeat;}

#footer {position: relative; background: transparent url("../gfx/footer.png") no-repeat top left; text-align: center; margin: 0 auto 0 auto; height: 100px; width: 900px;}

/***********************************************************************
	HEADERS
************************************************************************/

h1 {display: none;}

h2 {font-size: 26px; color: #000000; line-height: 26px;}

h3 {font-size: 26px; color: #000000; line-height: 20px; margin-bottom: 10px;}

h3.medium {font-size: 30px; line-height: 30px;}

h3.large {font-size: 34px; line-height: 34px;}

h4 {font-size: 15px; color: #000000; line-height: 15px;}

.footer {font-size: 9px; color: #666; line-height: 40px; text-align:center; padding-left:25px;}

/***********************************************************************
	NAVIGATION
************************************************************************/

.topnav {font: bold 11px "Lucida Grande", tahoma, arial, verdana, sans-serif; color:#FFF; font-weight: bold; overflow: hidden; width:750px; padding:59px 0px 0px 15px}

.topnav ul {margin:0; color:#859150; padding: 0px 0px 0px 0px; float: left; width:750px;}

.topnav ul li {display: inline; width:750px;}

.topnav ul li a {float: left; padding: 3px 11px; text-decoration: none; color:#FFF;}

.topnav ul li a:visited {color: #859150;}

.topnav ul li a:hover, .topnav ul li .current {color: #859150 !important;}
