/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *

 */

/*===================================
	GLOBAL
===================================*/
@import "reset.css"; 

html {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: #464748; text-align: center; height: 100%; /* for older browsers */}

#main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 1100px;}

#header, #content, #modules, #affiliates, #footer {position: relative;}

a { color:#9BB771; text-decoration:underline; }
a img {border: none;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #8aaa5b; font-size: 24px; line-height:24px;}
p {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom:15px;}

.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/*===================================
	HEADER
===================================*/
#header {height: 188px; background: url(../img/header_bkg.jpg) repeat-x left top;}
#header .inside {height: 188px;}
#header .logo {position: absolute; top: 10px; left: 10px;}
.logo h1 {color: #dadada; font-family: Georgia1, Georgia, serif; font-size: 40px; padding-left: 77px; font-weight: normal;}
.logo h1 span {padding:3px 0 10px; display: block; font-size: 20px; font-weight: normal; color: #949595; font-family: Helvetica, Arial, sans-serif;}
.login {position: absolute; top: 0; right: 5px; width: 440px; height: 38px; overflow: hidden; display: block; background: url(../img/login2.png) no-repeat left top;}
.login a {width: 120px; height: 38px; display: block; overflow: hidden; float: right; text-indent: -99999px;}
.login a:hover {background: url(../img/login2.png) no-repeat right -38px;}
.call_us {position: absolute; top: 70px; color: #c3c3c3; right: 263px; text-transform: uppercase; text-align: right; font-size: 11px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
.call_us span {display: block; text-align: right;}
.phone {position: absolute; top: 64px; right: 40px; font-size: 30px; color: #9bb771; font-family: Helvetica, Arial, sans-serif;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#header .inside .main_nav_container {height: 46px; width: 941px; position: absolute; top: 133px;}
	ul.main_nav {padding: 0 20px; margin: 0 auto; width: 950px; height: 46px;}
	ul.main_nav li {float: left; list-style: none; display: inline-block; padding-right: 1px; height:46px; background: url(../img/divider.jpg) no-repeat left top;}
	ul.main_nav li a {text-decoration:none; height: 31px; display: block; color: #fff; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; padding: 15px 19px 0 19px;}
	ul.main_nav li a:hover, ul.main_nav li a.current {color: #e2e2e2;}
	ul.main_nav li.last a {background: url(../img/divider.jpg) no-repeat right top;}	
				
/*===================================
	MAIN CONTENT
===================================*/
#main #content {min-height: 365px; height: auto !important; height: 365px; background: #fff url(../img/content_top.jpg) repeat-x left top;}
#main #content .inside {min-height: 365px; height: auto !important; height: 365px; background: #fff url(../img/content_top_middle.jpg) repeat-x left top;}

.photo {float: left; width: 490px; padding: 21px 50px 0 10px;}
.billboardhome {float: right; width: 325px; height:350px; padding-left:10px; margin-bottom:10px;}
.billboardhome h2 {padding: 0 0 15px 5px;}
.billboard {float: left; width: 500px; padding: 50px 0 0 0;}
.billboard h1 {padding: 0 0 15px 5px; color: #8aaa5b; font-size: 34px; font-weight: normal; font-family: Georgia1, Georgia, serif;}
.billboard p {color: #8f8f8f; font-size: 14px; padding: 0 0 0px 0px; font-family: Arial, Arial, Helvetica, sans-serif; line-height: 18px;}
.button_wrap {padding-top: 15px;}
a.button_arrow {display: inline-block; height: 25px; padding: 10px 30px 0 0; background: url(../img/button_arrow_bkg.jpg) no-repeat right top; color: #fff; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
a.button_arrow:hover {background-position: right -36px;}
a.button_arrow span {padding: 11px 5px 10px 20px; background: url(../img/button_arrow_bkg.jpg) no-repeat left 0;}
a.button_arrow:hover span {background-position: left -36px;}

a.button {padding:7px 12px 5px; text-decoration:none; background: url(../img/button_bkg.jpg) repeat-x left top; overflow: hidden; height: 28px; color: #fff; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
a.button:hover {background-position: left -28px;}

	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules {min-height: 235px; height: auto !important; height: 235px; background: #767676 url(../img/module_bkg.jpg) repeat-x left top;}
	#main #modules .inside {padding: 30px 0; background: #767676 url(../img/module_bkg.jpg) repeat-x left top; min-height: 175px; height: auto !important; height: 175px;}
	#main #modules .module_footer {height: 7px; width: 100%; background: url(../img/module_bkg_bottom.jpg) repeat-x;}
	ul.modules_container li {min-height: 195px; height: auto !important; height: 195px; list-style: none; width: 260px; float: left; padding: 0 23px; background: url(../img/modules_divider.jpg) no-repeat right top;}
	ul.modules_container h2 {color: #9bb771; font-size: 25px; font-family: Tahoma, Geneva, sans-serif; line-height: 30px; font-weight: normal; margin-bottom: 13px;}
	ul.modules_container li p {color: #fff; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 10px;}
	ul.modules_container li.last {background: none;}
	ul.modules_container li.first {width: 400px;}
	
	/*----------------------------------
		AFFILIATES
	----------------------------------*/
	#main #affiliates {min-height: 158px; height: auto !important; height: 158px; background: url(../img/affiliates_bkg.jpg) repeat-x left top;}
	#main #affiliates .inside {min-height: 158px; height: auto !important; height: 158px;}
	#main #affiliates .call_out {position: absolute; top: 27px; left: 20px;}
	#main #affiliates .call_out h2 {color: #575757; font-size: 18px; text-transform: uppercase; font-family: Tahoma, Geneva, sans-serif;}
	.affiliate_list_wrapper {position: absolute; top: 45px;}
	ul.affiliate_list li {padding: 0 25px; display:inline-block; min-height: 45px; height: auto !important; height: 85px;background: url(../img/affiliate_divider.jpg) no-repeat right 13px;}
	ul.affiliate_list li.first {padding-left: 21px;}
	ul.affiliate_list li.last {background: none;}
	
/*===================================
	FOOTER
===================================*/
#footer {height: 100px;}
#footer .inside {height: 100px; padding: 23px 0 0 0;}
#footer ul li {display: inline; background: url(../img/footer_divider.jpg) no-repeat right 2px; padding: 0 11px;}
#footer ul li a {font-size: 11px; color: #ffffff; font-family: Verdana, Geneva, sans-serif; text-decoration: none;}
#footer ul li a:hover, #footer ul li a.current {text-decoration: underline;}
#footer ul li.first {padding-left: 20px;}
#footer ul li.last {background: none;}

.page_title {color: #9bb771; font-size: 20px; text-transform: uppercase; font-weight:bold; font-family: Verdana, Geneva, sans-serif;}

.paragraph_title {color: #9bb771; font-size: 16px; text-transform: uppercase; font-family: Verdana, Geneva, sans-serif;}

.table_form {
	font-family:Verdana, Geneva, sans-serif; color:#828b71; font-size:12px;
}

.reg_text {
	font-family:Verdana, Geneva, sans-serif; color:#828b71; font-size:12px;
}

.select_box {
	font-family:Verdana, Geneva, sans-serif;font-size:12px;border:1px solid #828b71;
	background:#828b71;color:#ffffff;
}
.select_box_required {
	font-family:Verdana, Geneva, sans-serif;font-size:12px;border:1px solid red;
	background:#828b71;color:#ffffff;
}
.text_box {
	font-family:Verdana, Geneva, sans-serif;font-size:12px;border:1px solid #828b71;
}

.text_box_required {
	font-family:Verdana, Geneva, sans-serif;font-size:12px;border:1px solid red;
}

.button2 {
	cursor: hand;
	font-family:Verdana, Geneva, sans-serif; 
	background:#828b71; 
	font-size:12px; 
	color:#ffffff;
	height:20px;
	border:1px solid #000000; 
	padding-left:6px; 
	padding-right:6px;
}

.myBox
{
    margin: 0 auto;
    width: 280px;
    padding: 10px;
    text-align: left;
    border: 1px solid #828b71;
}

.twitter {font-family:Verdana, Geneva, sans-serif; color:#828b71; font-size:12px;}
.twitter a {color: #9bb771;}
.twitter a:hover {color: #3333ff;}
#twitter_update_list li { margin-bottom:10px; }