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


/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http://www.thewebdeveloperguy.com/
 * @copyright	2009 Will Robertson. All Rights Reserved.
 *
 */
 

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

html {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: url(../images/body_bkg.jpg) repeat-x center top; text-align: center; /* for older browsers */}

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

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

/*------ GLOBAL SETTINGS ------*/
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
a img {border: none;}
a {outline: none;}

/*===================================
	HEADER
===================================*/
#header {height:117px;}
#header .inside {height:117px;}
.logo {position: absolute; top: 28px; left: 0;}

/*----NAVIGATION-------------------*/
ul.top_nav {position: absolute; top: 43px; right: 0;}
ul.top_nav li {list-style: none; display: inline-block; float: left; margin-right: 25px;}
ul.top_nav li.last {margin-right: 0 !important;}

ul.top_nav li a {display: block; text-transform:lowercase; height: 30px; padding-right:14px; color: #fff; font-weight: bold; font-size: 14px;}
ul.top_nav li a:hover, ul.top_nav li.current_page_item a, 
ul.top_nav li.current_page_parent a {background: url(../images/nav_item_bkg.gif) no-repeat right top; color: #000;}

ul.top_nav li a span {display:block; height: 22px; padding: 8px 0 0 13px; cursor: pointer;}
ul.top_nav li a:hover span, ul.top_nav li.current_page_item a span,
ul.top_nav li.current_page_parent a span {background: url(../images/nav_item_bkg.gif) no-repeat left -30px;}
					
/*===================================
	CONTENT
===================================*/
#content {min-height:200px; height:auto !important; height:200px;}
#content .inside {background: url(../images/content_bkg.jpg) repeat-y left top; min-height:200px; height:auto !important; height:200px;}
#content .content_wrapper {padding: 20px 30px 0 30px;}
#content .content_top {background: url(../images/content_bkg_top.jpg) no-repeat left top; width: 979px;}
#content .flash_promo {padding: 30px 10px 0 10px;}

/*----BUCKETS----------------------*/
.buckets_container {background: url(../images/buckets_bkg.gif) repeat-y center top;}
ul.buckets li {float: left;}

/*----BUCKET WIDTHS----------------*/
ul.buckets li.left {width: 290px; padding-right: 20px;}
ul.buckets li.middle {width: 279px; padding: 0 20px;}
ul.buckets li.right {width: 268px; padding-left: 20px;}

/*----BUCKET STYLES----------------*/
ul.buckets blockquote {color: #888888; font-size: 17px; font-family: Georgia1, Georgia, serif; line-height: 26px;}
ul.buckets blockquote span {display: block; float: right; font-size: 13px; padding-top: 15px;}
ul.buckets h2 {color: #555555; font-size: 22px; font-weight: normal; line-height: 28px; padding-bottom: 15px;}
ul.buckets p {font-size: 13px; color: #888888; line-height: 18px; margin-bottom: 15px;}

/*----BUCKET LIST------------------*/
ul.bullets li {border-top: 1px solid #dedede; display: block; width: 279px;}
ul.bullets li.last {border-bottom: 1px solid #dedede;}
ul.bullets li a {background: url(../images/arrow.gif) no-repeat left -1px; padding: 10px 0 9px 15px; font-size: 12px; color: #888888; text-decoration: none; display: block;}
ul.bullets li a:hover {background-position: left -34px; text-decoration: none;}

/*----REQUEST FORM----------------*/
.request_proposal .field {background: url(../images/field_bkg.jpg) repeat-x left top; margin-bottom: 7px; width: 255px; padding: 5px; height: 18px; border: 1px solid #d3d3d3; color:#888888; font-size:14px;}
.request_proposal .submit {width: 133px; height: 30px; background: url(../images/button_submit.jpg) no-repeat; cursor: pointer; border: none; margin-top: 13px;}

/*----MEDIA FOOTER----------------*/
.media_footer {border: 1px solid #dedede; margin-top: 30px;}
.media_inner {background: #f0f0f0; margin: 3px;}
.media_footer ul li {float: left; width: 425px; padding: 15px;}
.media_footer h3 {font-size: 16px; color: #616568; font-weight: bold; line-height: 20px; margin-bottom: 13px;}
.media_footer ul li p {font-size: 13px; color: #888888; line-height: 18px; margin-bottom: 15px;}
.media_footer ul li img {float: left; margin: 5px 10px 10px 0;}

/*===================================
	CONTENT
===================================*/
.title {width: 919px; height: 72px; background: url(../images/title_bkg.jpg) no-repeat; margin: 0 auto; position:relative;}
.inner_top {padding-top: 30px;}
.main_content {width: 729px; padding-left: 20px; float: left;}
.main_content_expaned {width: 897px;}

/*----GENERAL---------------------*/
.title h1 {font-size: 30px; color: #fff; font-weight: normal; padding: 20px 0 0 20px;}
.breadcrumbs {text-transform:capitalize; font-size: 12px; color: #fff; float: right; position:absolute; top: 30px; right: 24px;}
.breadcrumbs a {font-size: 12px; color: #fff; text-decoration: none;}
.breadcrumbs a:hover, .breadcrumbs a.selected {text-decoration: underline;}
.main_left p {margin-bottom: 25px;}
.main_left p, .main_left {font-size: 13px; color: #888888; line-height: 18px; width:480px; float:left;}
.main_left_expanded p, .main_left_expanded {width: 648px !important;}
.main_left ul {margin-bottom: 25px;}
.main_left li {font-size: 13px; background: url(../images/li_check_white.jpg) no-repeat left 4px; padding: 0 0 5px 25px; line-height: 18px;}
.main_left li a {font-size: 13px; color: #888888; text-decoration: none;}
.main_left li a:hover {text-decoration: underline;}
.main_left a {color: #888888; text-decoration: underline;}
.main_left a:hover {text-decoration: none;}
.main_left h2, .main_left h2 a {color: #98c63c; font-weight: bold; font-size: 14px; padding-bottom:3px;}
.main_left h2 span {color: #888888; display: block; padding-top: 8px; font-size: 12px;}
p.postmetadata {font-size: 11px; border-bottom: 1px solid #D4DCDF; margin-bottom:13px; padding: 8px 0 10px 0;}
.search_result {border-bottom: 1px solid #D4DCDF; margin-bottom:13px; padding-bottom: 13px;}

/*----PROMO AREA------------------*/
.promo_area {padding: 10px 0 25px 0;}
.promo_area img {float: left; margin: 8px 30px 0 0;}
.promo_area p {color: #777777; font-size: 25px; font-family: Georgia1, Georgia, serif; line-height: 37px;}

/*----LEFT SIDE BAR---------------*/
.side_nav {width: 168px; float: left; border: 1px solid #d8d8d8;}
.side_nav a {color: #888888; font-size: 12px; text-decoration: none; padding: 10px 15px; display: block; margin: 3px;}
.side_nav a:hover, .side_nav li.current_page_item a {background: #98c63c; color: #fff;}

/*----RIGHT SIDE BAR--------------*/
.main_right {width: 220px; float: right; padding-left: 25px;}
.call_out {width: 212px; border: 1px solid #d4dcdf; margin-bottom: 25px;}
.call_out_inner {margin: 3px; background: #f0f0f0; padding: 15px;}
.call_out_inner h3 {font-size: 21px; font-weight: normal; color: #555555; line-height: 25px; padding-bottom: 13px;}
.call_out_inner p {font-size: 13px; color: #888888; line-height: 18px; margin-bottom: 20px !important;}
.call_out_inner .field {background: url(../images/field_sidebar_bkg.jpg) no-repeat; padding: 7px 7px 0 10px; margin-bottom: 5px; width: 163px; height: 22px; border: none; font-size: 13px; color: #909090;}
.call_out_inner .continue {background: url(../images/button_continue.jpg) no-repeat; margin-left: 44px; width: 92px; height: 30px; cursor: pointer; border: none;}
.call_out_inner ul {margin-bottom: 0 !important;}
.call_out_inner li {color: #888888; font-size: 13px; background: url(../images/li_check.jpg) no-repeat left 4px; padding: 0 0 5px 25px; line-height: 18px;}
.call_out_inner li a {font-size: 13px; color: #888888; text-decoration: none;}
.call_out_inner li a:hover {text-decoration: underline;}
.main_right blockquote {color: #888888; font-size: 17px; font-family: Georgia1, Georgia, serif; line-height: 26px;}
.main_right blockquote span {color: #888888; display: block; float: right; font-size: 13px; padding: 15px 0 25px 0;}

/*----TWO COLUMN LIST-------------*/
ul.two_col li {background: none !important; padding: 0 !important; clear: left;}
ul.two_col li img {float: left; margin: 20px 20px 0 0;}
ul.two_col li p {float: left; width: 390px;}
ul.two_col li h2 {color: #98c63c; font-weight: bold; font-size: 14px; padding-bottom:3px;}

/*===================================
	FOOTER
===================================*/
#footer {background: url(../images/footer_bkg.jpg) repeat-x left top; height:295px;}
#footer .inside {background: url(../images/content_bkg_footer.jpg) no-repeat left top; height:235px; padding-top: 60px;}

/*----FOOTER GENERAL--------------*/
#footer ul {padding: 0 10px;}
#footer ul li {width: 315px; float: left;}

/*----TWEETIN---------------------*/
.twitter_container {padding-right: 15px;}
.twitter {float: left; margin: 0 15px 0 0;}
#footer h3 strong {font-size: 21px; display: block; padding-bottom: 3px;}
#footer h3 {font-size: 16px; color: #fff;}
.tweets {margin-top: 15px;}
.tweets p {font-size: 13px; color: #7c7c7c; margin-bottom: 13px; line-height: 18px;}

/*----SOCIAL NETWORKS-------------*/
ul.social {padding: 0 !important;}
ul.social li {border-top: 1px solid #383838; width: 300px !important; display: block; position: relative;}
ul.social li.last {border-bottom: 1px solid #383838;}
ul.social li a {padding: 8px 0 8px 25px; font-size: 12px; color: #dfdfdf; text-decoration: none; padding-left: 28px; display: block;}
ul.social li a:hover {color: #fff; background-position: 0 -28px;}
ul.social li a div {position: absolute; top: 8px; right: 0; color: #868686;}
a.facebook {background: url(../images/icon_facebook.gif) no-repeat left 6px;}
a.flickr {background: url(../images/icon_flickr.gif) no-repeat left 6px;}
a.feed {background: url(../images/icon_feed.gif) no-repeat left 6px;}
a.linkedin {background: url(../images/icon_linkedin.gif) no-repeat left 6px;}
a.delicious {background: url(../images/icon_delicious.gif) no-repeat left 6px;}
a.digg {background: url(../images/icon_digg.gif) no-repeat left 6px;}

/*----LEGAL-----------------------*/
.legal {width: 300px !important;}
.search_container {width: 181px; height: 28px; float: right;}
.search_container .search_field {float:left; font-size: 12px; color: #7c7c7c; padding: 6px 6px 0 6px; width: 134px; height: 22px; background: url(../images/search_field.jpg) no-repeat; border: none;}
.search_container button {background: url(../images/button_search.gif) no-repeat; cursor: pointer; border: none; height: 28px; text-indent: -9999px; width: 35px;}
.copyright {font-size: 12px; color: #c2c2c2; margin-top: 20px; padding-top: 20px; float: right; text-align: right; border-top: 1px solid #393939; width: 280px;}
.copyright p {font-size: 12px; color: #7c7c7c; margin-bottom: 7px;}
.copyright a {color: #c2c2c2; font-size: 12px; text-decoration: none;}
.copyright a:hover {color: #fff; text-decoration: underline;}
.footer_logo {width: 280px; float: right; text-align: right; margin-top: 20px;}


.thumbnail
{
float: left;
width: 117px;
border: 0px solid #999;
margin: 0 3px 3px 0;
padding: 0px;
}

.clearboth { clear: both; }