@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; 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: 44px; 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: 19px;}
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 :hover > 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 :hover > a span,
ul.top_nav li.current_page_parent a span {background: url(../images/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/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: 14px; font-family: Arial, Georgia1, Georgia, serif; line-height: 20px; text-align: justify}
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:12px;}
.request_proposal .submit {width: 133px; height: 30px; background: url(../images/button_submit.png) 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: #ff9900; 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;}

h2.h2_blog, h2.h2_blog a {
	font-size:18px;
	font-weight:500;
}

.inner {
	padding:0;
}

	.calendar {
		background:url('../images/icon_calendar.gif') top left no-repeat;
		width:75px;
		float:left;
		height:75px;
	}
		 p.month {
			color:#fff;
			font-size:11px;
			font-weight:bold;
			padding:4px 0 0 0;
			text-align:center;
			width:56px;
		}
		
		p.day {
			color:#2e2e2e;
			font-weight:bold;
			text-align:center;
			margin:8px 0 0 0;
			width:56px;
			font-size:20px;
		}
	
	.post_content {
		float:left;
		width:390px;
	}
		.entry {
			margin:15px 0 0 0;
		}
		
		.post_content small {
			font-size:11px;
			font-weight:normal;
		}
		
h2.pagetitle {
	text-align:right;
	font-size:10px;
	border:none;
	margin:0 0 30px 0;
}

.current-cat {
	background:#ff9900; 
	color: #fff;
	border:3px solid #fff;
}
	.current-cat a, .current-cat a:visited {
		color:#fff;
		display:block;
		font-size:12px;
		padding:10px 15px;
		text-decoration:none;
	}

.blog_content {
	font-size: 13px; 
	color: #888888; 
	line-height: 18px; 
	width:470px; 
	float:left;
}

.blog_content h2 {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #dbdbdb;
	line-height:23px;
}

.blog_content a {
	color:#98c63c;
}
	
.entry p {
	line-height:18px;
	margin:0 0 25px 0;
	font-size:13px;
}



/*----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: #777777; font-size: 25px; font-family: Arial, Georgia1, Georgia, serif; line-height: 37px; font-weight:500;}

/*----LEFT SIDE BAR---------------*/
.extend {overflow:hidden; float:left; background: url('../images/side_nav_cap.gif') bottom center no-repeat; padding-bottom:1px;}
.side_nav {width: 168px; float: left; border: 1px solid #d8d8d8; margin-bottom:-2000px; padding-bottom:2000px;}
.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: #ff9900; 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: 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;}
.main_right a {color:#ff9900;}

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

/*----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; text-align:left;}
ul.social li a:hover {color: #ff9900; background-position: 0 -28px;}
ul.social li a div {position: absolute; top: 8px; right: 0; color: #868686;}
ul.social li a:hover div {position: absolute; top: 8px; right: 0; color: #ff9900;}

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;}

/*--------------------------------------------------------------------
	Clearfix
--------------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/*--------------------------------------------------------------------
	GALLERY
--------------------------------------------------------------------*/

.gallery {margin:0; padding:0; float:left;}

.gallery .gallery-item {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; padding-bottom:0; border:0;}
dl.gallery-item a {border:0;}
dt.gallery-icon {margin:0; padding:0;}

dt.gallery-icon  a {border:0;}
.gallery .gallery-item .gallery-icon a img {border:1px solid #D4DCDF; padding:3px; margin-bottom:10px; width:145px; margin-right:350px; background-color:#fff;}

/*--------------------------------------------------------------------
	HORIZONTAL RULE
--------------------------------------------------------------------*/
hr { border: 1px solid #dedede;}
blockquote a {
	color: #ff9900;
}