@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/images2/body_bkg.jpg) repeat-x center top; text-align: center; height: 100%; /* 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: 12px;
	left: 0;
}

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

ul.top_nav li a {display: block; text-transform:uppercase; height: 30px; padding-right:14px; color: #99ccff; font-weight: bold; font-size: 14px; font-family: Arial, "Helvetica", sans-serif;}
ul.top_nav li a:hover, ul.top_nav li.current_page_item a, ul.top_nav :hover > a,
ul.top_nav li.current_page_parent a {background: url(../images/images2/nav_item_bkg.gif) no-repeat right top; color: #003366;}

ul.top_nav li a span {display:block; height: 22px; padding: 8px 0 0 10px; cursor: pointer;}
ul.top_nav li a:hover span, ul.top_nav li.current_page_item a span, ul.top_nav :hover > a span,
ul.top_nav li.current_page_parent a span {background: url(../images/images2/nav_item_bkg.gif) no-repeat left -30px ; }

/* make the second level visible when hover on first level list OR link */
ul.top_nav li:hover .products_wrap	{ visibility:visible; }
ul.top_nav li:hover .faq			{ visibility:visible; }
ul.top_nav li:hover .company		{ visibility:visible; }	
ul.top_nav li:hover .results 		{ visibility:visible; }
ul.top_nav li:hover .contact 		{ visibility:visible; }

					
/*===================================
	CONTENT
===================================*/
#content {min-height:200px; height:auto !important; height:200px;}
#content .inside {background: url(../images/images2/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/images2/content_bkg_top.jpg) no-repeat left top; width: 979px;}
#content .flash_promo {padding: 30px 10px 0 10px;}

/*----BUCKETS----------------------*/
.buckets_container {background: url(../images/images2/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: Arial, 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/images2/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/images2/field_bkg.jpg) repeat-x left top; margin-bottom: 7px; width: 255px; padding: 5px; height: 18px; border: 1px solid #d3d3d3; color:#888888; font-size:12px;}
.request_proposal .submit {width: 133px; height: 30px; background: url(../images/images2/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_inner a {color: #336699; text-decoration: underline;}
.media_inner a:hover {text-decoration: none;}

.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: 2px 10px 10px 0;}

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



.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: 10px;}
.main_left p, .main_left {font-size: 13px; color: #888888; line-height: 18px; width:400px; 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/images2/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: #336699; text-decoration: underline;}
.main_left a:hover {text-decoration: none;}
.main_left h2, .main_left h2 a {color: #8FC33D; font-weight: bold; font-size: 18px; padding-bottom:3px;}
.main_left h2 span {color: #8FC33D; 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;}

.main_left h3, .main_left h3 a {color: #999; font-weight: bold; font-size: 14px; padding-bottom:6px; padding-top:6px; text-align: left;}


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

.promo_small p, .promo_small {color: #553b24; font-size: 18px; font-family: Arial, Georgia1, Georgia, serif; line-height: 30px; font-weight:500; text-align: right; margin-right: 50px;}

.promo_area2 {color: #6699ff; font-size: 25px; font-family: Arial, Georgia1, Georgia, serif; line-height: 30px; font-weight:500;}

/*----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;}
.main_right2 {width: 246px; float: right;}
.call_out {width: 212px; border: 1px solid #d4dcdf; margin-bottom: 25px;}
.call_out_inner {margin: 3px; background: #eef5ef; 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; }
.call_out_inner .field {background: url(../images/images2/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/images2/button_continue.jpg) no-repeat;
	margin-left: 5px;
	width: 92px;
	height: 30px;
	cursor: pointer;
	border: none;
}
.call_out_inner .submit {
	background: url(../images/images2/button_submit.png) no-repeat;
	margin-left: 5px;
	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/images2/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: Arial, 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/images2/footer_bkg.jpg) repeat-x left top; height:140px;}
#footer .inside {
	background: url(../images/images2/content_bkg_footer.jpg) no-repeat left top;
	height:80px;
	padding-top: 60px;
}

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

/*----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; margin-right:20px color:#FFF:;}
.tweets p {font-size: 12px; color: #fff; margin-bottom: 13px; line-height: 18px; padding-right:10px;}
.tweets p a {color: #fff}

/*----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/images2/icon_facebook.gif) no-repeat left 6px;}
a.flickr {background: url(../images/images2/icon_flickr.gif) no-repeat left 6px;}
a.feed {background: url(../images/images2/icon_feed.gif) no-repeat left 6px;}
a.linkedin {background: url(../images/images2/icon_linkedin.gif) no-repeat left 6px;}
a.delicious {background: url(../images/images2/icon_delicious.gif) no-repeat left 6px;}
a.digg {background: url(../images/images2/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/images2/search_field.jpg) no-repeat; border: none;}
.search_container button {background: url(../images/images2/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;}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.ls_text {
	color:#999;
	text-align: center;
	}
.ls_text a:hover {
	text-decoration:none;
	color:#999;
	}
.ls_text a {
	text-decoration:underline;
	color:#666 !important;
	}
	
h2 {
	font-size: 16px;
	margin-bottom: 2px;
	color: #98c63c;
	}
	
h5 {
	font-size: 16px;
	margin-bottom: 5px;
	color: #98c63c;
	}

h4 {
	font-size: 16px;
	margin-bottom: 2px;
	color: #003265;
	}
	

	
	
.text {
	font-size: 13px;
	line-height: 15px;
	color: #888888;
	margin-top: 10px;
}

/*CSS formatting for advertising page*/
.main_left2 {font-size: 13px; color: #888888; line-height: 18px; width:100%; float:left;}
.main_left2 img {float: right; margin: 25px 14px 4px 20px;}
.main_left2 ul {margin-bottom: 25px;}
.main_left2 li {font-size: 13px; background: url(../images/images2/li_check_white.jpg) no-repeat left 4px; padding: 0 0 5px 20px; line-height: 18px;}

.main_left2 a {color: #336699; text-decoration: underline;}
.main_left2 a:hover {text-decoration: none;}

.formspace {
	margin-top: 4px;
	}


.promo_area2 {color: #6699ff; font-size: 25px; font-family: Arial, Georgia1, Georgia, serif; line-height: 30px; font-weight:500;}

img.alignright {
	margin:18px 0 8px 11px;
	display: inline;
	}