@charset "utf-8";
/* CSS Document */
@import url("../css/global.css");

/* INSIDE CONTAINERS
--------------------------------------------------------------------------------------------------- */
#inner_wrapper {
	width: 100%;
	background: url(../gfx/inside_greenline.jpg) repeat-x 0 180px;
}
body#projects #inner_wrapper {
	width: 100%;
	background: url(../gfx/inside_greenline.jpg) repeat-x 0 272px;
}
body#contact #inner_wrapper {
	width: 100%;
	background: url(../gfx/contact_midline.jpg) repeat-x 0 225px;
}
body#market #inner_wrapper {
	width: 100%;
	background: url(../gfx/inside_greenline.jpg) repeat-x 0 343px;
}



#wrapper {
	background: url(../gfx/inside_content_bg.jpg) no-repeat 0 393px #fff;
}
#wrapper.collapse {
	background: url(../gfx/inside_content_bg.jpg) no-repeat 0 273px #fff;
}
body#contact #wrapper {
	background: #fff;
}

#outer_container {
	position: relative;
	z-index: 1000;
	margin: 179px 0 0 0;
	padding: 0;
	background: url(../gfx/inside_greenline.jpg) repeat-x 0 0;
}

/* GLOBAL */
#inner_container {
	width: 990px;
	padding: 0 0 10px 0;
	background: url(../gfx/sub_bg.png) no-repeat 0 15px;
}
#inner_container #primary {
	width: 620px;
	padding: 0 30px 0 10px;
	float: right;
}
#inner_container #secondary {
	width: 330px;
	padding: 15px 0 0 0;
	float: left;
}
#tertiary {
	padding-top: 12px;
	background: url(../gfx/databox_shadowbg.jpg) no-repeat 0 0 #fff;
}



/* CONTACT */
body#contact #outer_container {
	position: relative;
	z-index: 1000;
	margin: 224px 0 0 0;
	padding: 0;
	background: url(../gfx/contact_midline.jpg) repeat-x 0 0;
}
body#contact #inner_container {
	width: 990px;
	padding: 0 0 10px 0;
	background: url(../gfx/sub_contact_bg.png) no-repeat 0 15px;
}
body#contact #inner_container #primary {
	width: 680px;
	padding: 0 30px 0 40;
	float: right;
}
body#contact #inner_container #secondary {
	width: 240px;
	padding: 15px 10px 0 0;
	float: left;
}

#contact_subnav {
	position: absolute;
	top: -30px;
}
#contact_subnav li {
	float: left;
	border-right: 1px solid #555;
	padding: 0 15px;
}
#contact_subnav li.last {
	border: none;
}
#contact_subnav li a {
	font-size: 14px;
	color: #888;
}
#contact_subnav li a:hover,#contact_subnav li.active a {
	color: #54B948
}


#contact_form #colA {
	padding: 20px 0 0 0;
}
#contact_form .field_box {
	padding: 0;
	margin: 0 0 25px 0;
}

#contact_form .field_box .field {
	width: 50%;
	float: left;
}
#contact_form .field_box .field label {
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 85px;
	padding: 0 15px 0 0;
	display: block;
	float: left;
	text-align: right;
	line-height: 30px;
}
#contact_form .field_box .field .medium_field {
	background: url(../gfx/field_custombg.jpg) repeat-x 0 100% #fff;
	border: none;
	padding: 8px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	width: 200px;
}

#contact_form #colB {
	padding: 25px 0;
}
#contact_form #colB p {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
#contact_form #colB .field_box {
	float: left;
	margin: 0 35px 0 0;
}
#contact_form #colB .field_box .field {
	width: 100%;
}
#contact_form #colB .field_box .field label {
	color: #666;
}
#contact_form #colB .field_box .field .medium_textarea {
	background: url(../gfx/textarea_bg.jpg) repeat-x 0 100% #fff;
	border: 1px solid #ccc;
	padding: 8px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	width: 350px;
	height: 80px;
}
#contact_form  #btn_submit {
	width: 82px;
	height: 29px;
	text-indent: -999em;
	border: none;
	cursor: pointer;
	background: url(../gfx/btn_submit.png) no-repeat 0 0;
	display: block;
}
#contact_form  #btn_submit:hover {
	background-position: 0 -29px;
}


#secondary .contact_info {
	padding: 15px 20px;
}
#secondary .contact_info p {
	margin: 0 0 10px 0;
}	
#secondary .contact_info strong {
	width: 60px;
	display: block;
	float: left;
}	
#secondary .contact_info h3 {
	height: 47px;
	width: 100%;
	background: url(../gfx/title_contact_info.gif) no-repeat 0 0;
	margin: 0 0 15px 0;
	text-indent: -999em;
}

#secondary .contact_map {
	border-top: 1px solid #ccc;
	background: url(../gfx/contact_map_bg.jpg) repeat-x 0 0;
	padding: 15px;
	font-size: 11px;
}


#secondary .contact_map .map_thumb {
	border: 1px solid #ccc;
	float: left;
	margin: 0 15px 0 0;
}

/* INSIDE CONTAINERS
--------------------------------------------------------------------------------------------------- */
#primary .content {
	padding: 140px 0 0 0;
}
#wrapper.collapse #primary .content {
	padding: 20px 0 0 0;
}


/* ------- PAGINATE ---------- */
#primary #paginate {
	position: absolute;
	top: 70px;
	right: 20px;
}
#primary #paginate strong {
	float: left;
	padding: 0 5px;
	color: #4FAF44;
	text-decoration: underline;
}
#primary #paginate a {
	float: left;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
}


/* FAQS
--------------------------------------------------------------------------------------------------- */
#primary #faq_list li {
	padding: 10px 0 10px 65px;
	background: url(../gfx/entry_shadow.jpg) no-repeat 0 100%;
	position: relative;
}
#primary #faq_list li.last {
	background: none;
}
#primary #faq_list li .faq_id {
	display: block;
	width: 59px;
	height: 27px;
	background: url(../gfx/faq_id_bg.png) no-repeat 0 0;
	color: #fff;
	text-indent: 22px;
	line-height: 27px;
	font-weight: bold;
	position: absolute;
	top: 15px;
	left: 0;
}

#primary .content #faq_list li h2 {
	color: #666;
	font: 25px "MankSans", Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	font-weight: normal;
}
#primary .content #faq_list li .answer {
	font-size: 10px;
	color: #999;
	font-weight: bold;
	display: block;
	margin: 0 0 10px;
	text-transform: uppercase;
}	
#primary .content .blog_entry p {
	margin: 0 0 10px 0;
}

#primary .content #faq_list li .read-more, #faq_list li .re-collapse {
	font-weight: bold;
}




/* INSIDE SIDE COLUMN
--------------------------------------------------------------------------------------------------- */
.sideColBt {
	width: 265px;
	background:url(../gfx/left_colum_bt.jpg) no-repeat 0 100%;
	margin: 0 0 20px 20px;
}
.sideColTop {
	background: url(../gfx/left_colum_top.jpg) no-repeat 0 0;
	padding: 15px;
	font-size: 11px;
}

/* ---- NOW SELLING-----*/
#now_selling .sideColTop {
	padding: 0;
	position: relative;
}
#now_selling h3 {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
}
#now_selling img {
	padding: 8px;
}
#now_selling .btn_more {
	width: 85px;
	height: 20px;
	background: url(../gfx/btn_more.png) no-repeat 0 0;
	text-indent: -999em;
	position: absolute;
	top: 7px;
	right: 5px
}
#now_selling .btn_more:hover {
	background-position: 0 -20px;v
}


/* ---- NEWSLETTER-----*/
#nletter_signup h4 {
	font-size: 12px;
	color: #45993B;
	font-weight: bold;
}
#nletter_signup p {
	margin: 0 0 15px 0;
}
#nletter_signup form {
	
}
#nletter_signup form input {
	width: 210px;
	background: url(../gfx/field_custombg.jpg) repeat-x 0 100%;
	border: 1px solid #ccc;
	padding: 5px 10px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0 0 10px 0;
}
#nletter_signup #btn_signup {
	width: 141px;
	height: 30px;
	border: none;
	text-indent: -999em;
	background: url(../gfx/btn_signup.png) no-repeat 0 0;
	display: block;
	cursor: pointer;
}
#nletter_signup #btn_signup:hover {
	background-position: 0 -30px;
}


/* BLOGS
--------------------------------------------------------------------------------------------------- */

#blog_utility {
	height: 35px;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

#blog_utility #sort_blogs {
	position: absolute;
	top: 8px;
	left: 0;
}
#blog_utility #sort_blogs dt {
	color: #53B647;
	float: left;
	padding: 0 15px 0 0;
}
#blog_utility #sort_blogs dd {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #666;	
}
#blog_utility #sort_blogs dd.lastFilter {
	border: none;
}
#blog_utility #sort_blogs dd a {
	color: #888;
}
#blog_utility #sort_blogs dd a:hover {
	color: #fff;
}
#blog_utility #search_blogs {
	position: absolute;
	right: -10px;
	top: 5px;
}
#blog_utility #search_blogs label {
	color: #53B647;
	display: block;
	float: left;
	padding: 0 10px 0 0;
	line-height: 25px;
}
#blog_utility #search_blogs .search_field {
	background: url(../gfx/field_custombg.jpg) repeat-x 0 100%;
	border: none;
	padding: 4px 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;
	float:left;
	margin: 0 5px 0 0;
}
#blog_utility #search_blogs #btn_search {
	width: 51px;
	height: 25px;
	text-indent: -999em;
	background:  url(../gfx/btn_search.png) no-repeat 0 0;
	border: 0;
	float: left;
	cursor: pointer;
}
#blog_utility #search_blogs #btn_search:hover {
	background-position: 0 -25px;
}

#blog_utility #btn_rss {
	width: 32px;
	height: 32px;
	display: block;
	background:url(../gfx/rss_icon.png) no-repeat 0 0;
	text-indent: -999em;
	cursor: pointer;
	position: absolute;
	top: -45px;
	right:-11px;
}


#primary .content .blog_entry {
	padding: 5px 0 30px 0;
	background: url(../gfx/entry_shadow.jpg) no-repeat 50% 100%;
}
#primary .content .blog_entry .thumb {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0 15px 15px 0;
}
#wrapper #primary .content p.entry_details {
	font-size: 11px;
	color: #555;
	font-weight: bold;
	margin: 0 0 5px;
}	
#primary .content .blog_entry p {
	margin: 0;
}
body#blog #primary .content .pagination li {
	background: none;
	padding: 0;
}
body#blog #primary .content .pagination .here {
	display: none;
}
body#blog #primary .content .pagination a {
	font-weight: bold;
}

#primary .content .videoPlayer {
	display: inline-block;
	padding: 5px;
	margin: 0 0 15px 0;
	border:1px solid #ccc;
	background: url(../gfx/pager_bg.jpg) repeat-x 0 100% #fff;
}

#primary .content .pager {
	padding: 10px;
	margin: 0 0 15px 0;
	border:1px solid #ccc;
	background: url(../gfx/pager_bg.jpg) repeat-x 0 100% #fff;
}
#primary .content .prev {
	float: left;
	background: url(../gfx/icon_entry_prev.png) no-repeat 0 50%;
	padding: 0 0 0 35px;
}
#primary .content .next {
	float: right;
	background: url(../gfx/icon_entry_next.png) no-repeat 100% 50%;
	padding: 0 35px 0 0;
}
body#blog #primary .content p.all a {
	display: block;
	font-weight: bold;
	width: 120px;
	height: 32px;
	background: url(../gfx/btn_viewall.png) no-repeat 0 0;
	text-indent: -999em;
	margin: 0;
}
body#blog #primary .content p.all a:hover {
	background-position: 0 -32px;
}

 #primary .content p.back a {
	background: url(../gfx/icon_entry_prev_bw.png) no-repeat 0 50%;
	padding: 0 0 0 35px;
}

/* -------------- GLOBAL CONTENT STYLES ------------------- */
#wrapper #primary h1.headline {
	font: 35px "MankSans", Arial, Helvetica, sans-serif;
	line-height: 60px;
	height: 60px;
	color: #fff;
}
#wrapper #primary h2.subheadline {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 35px;
	height: 35px;
	font-weight: bold;
	color: #54B948;
}

#primary .content h2 {
	color: #555;
	font: 27px "MankSans", Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	font-weight: normal;
}
#primary .content h3 {
	font-family: "MankSans", Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 25px;
	margin: 0 0 15px;
	color:#54B948;
	letter-spacing:-1px;
	font-weight: bold;
}
#primary .content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 15px;
	color:#666;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
}

#primary .content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 15px;
	padding:0 0 0 40px;
	color:#000;
	background: url(../gfx/list_icon.jpg) no-repeat 0 50%;
}

#primary .content h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	color:#54B948;
	font-weight: bold;
}

#wrapper #primary .content .mini_title {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 0 15px 0;
}

#wrapper #primary .content p {
	line-height: 20px;
	color: #666;
	margin: 0 0 20px 0;
}
#primary .content .img_left {
	border: 1px solid #ccc;
	padding: 3px;
	float: left;
	margin: 0 20px 15px 0;
}
#primary .content .img_right {
	border: 1px solid #ccc;
	padding: 3px;
	float: right;
	margin: 0 0 15px 20px;
}

#primary .content .blogImage {
	padding: 5px;
	border: 1px solid #ccc;
}
#primary .content .right {
	float: right;
	margin: 0 0 15px 15px;
}
#primary .content .left {
	float: left;
	margin: 0 15px 15px 0;
}

#primary .content ul {
	margin: 0 0 30px 15px;
}
#primary .content ul li {
	background: url(../gfx/list_icon.jpg) no-repeat 0 0;
	padding: 0 0 0 35px;
	margin: 0 0 15px 0;
}

#primary .content ol {
	margin: 0 0 30px 40px;
}
#primary .content ol li {
	list-style-type: upper-roman;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
}