/* CSS Document */

body {	
	/*font-family: "verdana";*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background:url(../images/bg_top.gif) top left repeat-x #fff;
	color:#757575;
	}
	
#wrapper {
	margin:0 auto;
	height:auto;
	padding:0;
	width:890px;
	}
	
/*-----------HEADER-----------*/
	
#header {
	width:870px;
	height:127px;
	margin:20px 0 0 10px;
	padding:0;
	}
	
#logo {
	width:277px;
	height:127px;
	margin:0;
	padding:0;
	float:left;
	}
	
#nav_top {
	width:587px;
	height:auto;
	margin:0;
	padding:58px 0 0 0;
	float:left;
	font-size:12px;
	}
	
#nav_top ul {
	width:548px;
	height:30px;
	margin:0 0 0 60px;
	padding:0;
	}
	
#nav_top li {
	width:auto;
	height:auto;
	margin:0 6px 0 6px;
	padding:0;
	list-style:none;
	float:left;
	}
	
#nav_top a {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	}
	
#nav_top a:hover {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:#8ccc42;
	}
	
/*--home nav--*/
	
#nav_top a.home {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	}
	
#nav_top a.home:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:url(../images/nav_home_ro.gif) top left no-repeat;
	}
	
#nav_top a.home_active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:url(../images/nav_home_active.gif) top left no-repeat;
	}
	
/*--about nav--*/

#nav_top a.about {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 7px 4px 6px;
	}
	
#nav_top a.about:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 7px 4px 6px;
	background:url(../images/nav_about_ro.gif) top left no-repeat;
	}
	
#nav_top a.about_active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 7px 4px 6px;
	background:url(../images/nav_about_active.gif) top left no-repeat;
	}
	
/*--nav services--*/

#nav_top a.services {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	}
	
#nav_top a.services:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:url(../images/nav_services_ro.gif) top left no-repeat;
	}
	
#nav_top a.services_active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:url(../images/nav_services_active.gif) top left no-repeat;
	}
	
/*-- nav portfolio --*/

#nav_top a.portfolio {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 7px 4px 6px;
	}
	
#nav_top a.portfolio:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 7px 4px 6px;
	background:url(../images/nav_portfolio_ro.gif) top left no-repeat;
	}
	
#nav_top a.portfolio_active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 7px 4px 6px;
	background:url(../images/nav_portfolio_active.gif) top left no-repeat;
	}
	
/*--toolbox--*/

#nav_top a.toolbox {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	}
	
#nav_top a.toolbox:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 8px 4px 6px;
	background:url(../images/nav_toolbox_sprite.gif) top left no-repeat;
	background-position:0 -21px;
	}
	
#nav_top a.toolbox_active {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 8px 4px 6px;
	background:url(../images/nav_toolbox_sprite.gif) top left no-repeat;
	background-position:0 -20px;
	}
	
/*-- nav contact--*/

#nav_top a.contact {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	}
	
#nav_top a.contact:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:url(../images/nav_contact_ro.gif) top left no-repeat;
	}
	
#nav_top a.contact_active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 6px;
	background:url(../images/nav_contact_active.gif) top left no-repeat;
	}
	
/*============BLOG=========*/
	
#nav_top a.blog {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 36px 4px 8px;
	background:url(../images/nav_blog.gif) top left no-repeat;
	}
	
#nav_top a.blog:hover {
	color:#616260;
	text-decoration:none;
	display:block;
	padding:4px 36px 4px 8px;
	background:url(../images/nav_blog_ro.gif) top left no-repeat;
	}
	
#nav_top a.blog_active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:4px 36px 4px 8px;
	background:url(../images/nav_blog_active.gif) top left no-repeat;
	}

	
/*-----------SERVICES----------*/

#services {
	width:817px;
	height:auto;
	margin:0;
	padding:22px 0 32px 0;
	clear:both;
	}
	
#services_column1 {
	width:240px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
#services_column2 {
	width:240px;
	height:auto;
	margin:0 0 0 48px;
	padding:0;
	float:left;
	}
	
#services_column3 {
	width:240px;
	height:auto;
	margin:0 0 0 48px;
	padding:0;
	float:left;
	}
	
.service_item {
	width:240px;
	height:auto;
	margin:16px 0 0 0;
	padding:0;
	}
	
.title_design {
	color:#4a8d24;
	font-weight:bold;
	width:240px;
	font-size:11px;
	}
	
.title_build {
	color:#6eab44;
	font-weight:bold;
	width:240px;
	font-size:11px;
	}
	
.title_market {
	color:#93c94d;
	font-weight:bold;
	width:240px;
	font-size:11px;
	}
	
.desc {
	font-size:11px;
	color:#757575;
	}
	
/*---------PAGE TITLES-----*/

.title {
	width:auto;
	margin:0 0 0 0;
	padding:26px 0 0 0;
	}

	
#landscape {
	width:870px;
	margin:0 0 0 16px;
	height:190px;
	padding:0;
	}
	
#flash {
	width:870px;
	height:190px;
	margin:0;
	padding:0;
	background:url(../images/header_city.gif) top left no-repeat;
	}
	
#curve_top {
	width:890px;
	height:19px;
	margin:0;
	padding:0;
	background:url(../images/curve_top.gif) top left no-repeat;
	}
	
#curve_bottom {
	width:890px;
	height:14px;
	margin:0 auto;
	padding:0;
	background:url(../images/curve_bottom.gif) top left no-repeat;
	}
	
#content_wrapper {
	width:890px;
	height:auto;
	background:url(../images/shadow_top.gif) top left no-repeat;
	padding:0;
	margin:0;
	}
	
#content_wrapper2 {
	width:890px;
	height:auto;
	background:url(../images/shadow_bottom.gif) bottom left no-repeat;
	padding:0;
	margin:0;
	}
	
#content1 {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:auto;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
#content1_services {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:150px;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
#content1_contact {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:160px;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
#content1_about {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:224px;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
#content1_pricing {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:110px;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
#content1_portfolio {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:130px;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
#content1_quote {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:110px;
	margin:0 0 0 10px;
	padding:0 26px 0 26px;
	}
	
.home_blocks {
	width:869px;
	height:100px;
	margin:8px 0 0 0;
	padding:0;
	}
	
.home_blocks ul {
	width:869px;
	height:auto;
	margin:0;
	padding:0;
	}
	
.home_blocks li {
	width:260px;
	height:94px;
	margin:0 18px 0 0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	}
	
.home_blocks li a {
	display:block;
	width:255px;
	height:40px;
	margin:0;
	padding:56px 0 0 14px;
	background:url(../images/home_block_sprite.gif) top left no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	font-weight:normal;
	}
	
.home_blocks li a:hover {
	display:block;
	width:255px;
	height:40px;
	margin:0;
	padding:56px 0 0 14px;
	background-position:0 -96px;
	color:#fff;
	text-decoration:none;
	}
	
#content2 {
	width:817px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	height:auto;
	margin:-12px 0 0 10px;
	padding:22px 26px 10px 26px;
	}
	
#footer_block_dark {
	width:100%;
	height:38px;
	margin:0;
	background:#4a7f10;
	}
	
/*-----FOOTER TEXT LINKS-----*/

#text_links {
	width:870px;
	height:18px;
	margin:0 auto;
	padding:0 0 0 4px;
	}
	
#links {
	width:730px;
	height:12px;
	margin:0;
	padding:4px 0 0 0;
	float:left;
	font-size:9px;
	color:#bacba7;
	}
	
#links ul {
	width:700px;
	height:18px;
	margin:0;
	padding:0;
	}
	
#links li {
	margin:0 5px 0 5px;
	padding:0;
	list-style:none;
	display:inline;
	}
	
#links li a {
	color:#bacba7;
	text-decoration:none;
	}
	
#links li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#acreds {
	width:120px;
	height:12px;
	padding:6px 4px 0 0;
	margin:0;
	float:right;
	text-align:right;
	}
	
#footer_contact {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:url(../images/bg_footer_contact.gif) top left repeat-x #8cc646;
	clear:both;
	}
	
#footer {
	width:870px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
	}
	
#footer_blog {
	width:276px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 0 38px;
	background:url(../images/footer_icon_blog.png) top left no-repeat;
	}
	
#footer_twitter {
	width:240px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 0 36px;
	background:url(../images/star_footer_twitter.png) top left no-repeat;
	
	}
	
.twitter_feed {
	width:208px;
	height:auto;
	margin:0;
	padding:2px 6px 0 25px;
	background:url(../images/twitter_bubble_bkgd.gif) top left repeat-y;
	color:#3a5d12;
	font-size:9px;
	}
	
#twitter_feed_top {
	width:239px;
	height:28px;
	margin:0;
	padding:2px 0 0 26px;
	background:url(../images/twitter_bubble_top.gif) top left no-repeat;
	}
	
#twitter_feed_btm {
	width:239px;
	height:12px;
	margin:0;
	padding:0;
	background:url(../images/twitter_bubble_btm.gif) top left no-repeat;
	}
	
#social_nets {
	width:auto;
	height:auto;
	margin:0;
	padding:0 0 0 30px;
	text-align:right;
	}
	
#social_nets ul {
	margin:10px 0 0 14px;
	padding:0;
	}
	
#social_nets li {
	width:auto;
	margin:4px 0 10px 0;
	padding:0;
	list-style:none;
	font-size:11px;
	color:#ffffff;
	}
	
#social_nets a{
	color:#ffffff;
	text-decoration:none;
	}
	
#social_nets a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
#footer_contact_form {
	width:223px;
	height:auto;
	float:left;
	padding:0 0 10px 47px;
	background:url(../images/paper_plane.png) top left no-repeat;
	margin:0 0 0 10px;
	color:#fff;
	}
	
.footer_contact_copy {
	width:223px;
	height:auto;
	padding:0 0 0 0;
	margin:0;
	color:#fff;
	}

.email_thankyou {
	width:179px;
	height:74px;
	padding:8px 40px 0 12px;
	margin:8px 0 0 0;
	color:#fff;
	background:url(../images/thankyou.gif) top left no-repeat;
	}
	
.thanks_header {
	font-size:16px;
	color:#4a7f10;
	font-weight:bold;
	height:20px;
	margin:0 0 10px 0;
	}
	
/*--------footer contact--------*/
	
.form_input {
	width:auto;
	height:auto;
	font-size:9px;
	color:#FFFFFF;
	margin:2px;
	}
	
.form_input_submit {
	width:auto;
	height:auto;
	font-size:9px;
	color:#FFFFFF;
	margin:2px;
	text-align:right;
	padding:2px 0 2px 0;
	}
	
.follow_links {
	width:auto;
	height:auto;
	margin:10px 10px 0 0;
	padding:0;
	text-align:right;
	float:left;
	}
	
.follow_links_new {
	width:auto;
	height:auto;
	margin:0 10px 0 4px;
	padding:0;
	text-align:right;
	float:left;
	}
	
.follow_us {
	width:206px;
	height:auto;
	margin:8px 0 0 0;
	padding:0 0 0 26px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	}
	
.footer_form_input {
	width:213px;
	margin:4px 0 0 0;
	padding:2px 4px 0 4px;
	height:22px;
	background:#aad07f; 
	border:1px solid #619329; color:#4a7f10;
	color:#4a7f10;
	}
	
.footer_text_area {
	width:213px;
	height:44px;
	margin:4px 0 0 0;
	padding:2px 4px 0 4px;
	background:#aad07f; 
	border:1px solid #619329; color:#4a7f10;
	color:#4a7f10;
	font-family: "verdana";	
	line-height:20px;
	font-size:12px;
	}
	
	
/*----------contact page enquiry form-----------*/
	
td.form {
	width:50px;
	margin:0;
	float:left;
	color:#6eab44;
	padding:6px 6px 6px 0;
	}
	
td.form_input {
	width:300px;
	margin:0;
	float:left;
	color:#6eab44;
	padding:2px 6px 6px 0;
	}
	
td.quote_form {
	width:auto;
	margin:0;
	float:left;
	color:#6eab44;
	padding:6px 6px 6px 0;
	}
	
.ver_code {
	border:1px solid #CCCCCC;
	padding:2px;
	}
	
/*hack*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

/*-----------HIGHLIGHT BOX----------*/

#bottom {
	width:auto;
	height:250px;
	margin:0;
	padding:0;
	clear:both;
	}
	
#bottom_portfolio {
	width:auto;
	height:234px;
	margin:0;
	padding:0;
	clear:both;
	}
	
#bottom_contact {
	width:auto;
	height:310px;
	margin:0;
	padding:0;
	clear:both;
	}
	
#bottom_quote{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	}

#highlight_box {
	width:537px;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	float:left;
	}
	
#highlight_header {
	width:519px;
	height:23px;
	margin:0;
	padding:12px 0 0 18px;
	background:url(../images/highlight_box_header.gif) top left no-repeat;
	color:#FFFFFF;
	}
	
#highlight_content {
	width:535px;
	height:auto;
	margin:0;
	padding:16px 0 16px 0;
	background:#f7f6f6;
	border:1px solid #ececec;
	}
	
.highlight_item {
	width:132px;
	height:auto;
	margin:0 30px 0 16px;
	padding:0;
	float:left;
	color:#8d8b8b;
	}
	
.item_head_blog {
	width:97px;
	height:34px;
	margin:0;
	padding:0 0 0 33px;
	background:url(../images/highlight_content_blog.gif) top left no-repeat;
	}
	
.item_head_twitter {
	width:97px;
	height:34px;
	margin:0;
	padding:0 0 0 33px;
	background:url(../images/highlight_content_twitter.gif) top left no-repeat;
	}
	
.item_head_flash {
	width:97px;
	height:34px;
	margin:0;
	padding:0 0 0 33px;
	background:url(../images/highlight_content_flash.gif) top left no-repeat;
	}
	
.item_head_email {
	width:97px;
	height:34px;
	margin:0;
	padding:0 0 0 33px;
	background:url(../images/highlight_content_email.gif) top left no-repeat;
	}
	
.item_copy {
	width:132px;
	height:100px;
	margin:0;
	padding:6px 0 0 0;
	font-size:10px;
	line-height:16px;
	}
	
a.highlight_btn {
	width:128px;
	height:18px;
	margin:0;
	padding:2px 0 0 8px;
	background:url(../images/highlight_btn.gif) top left no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	}
	
a.highlight_btn:hover {
	color:#4a8d24;
	text-decoration:none;
	}
	
a.quote_builder_btn {
	width:128px;
	height:18px;
	margin:4px 0 0 0;
	padding:2px 0 0 8px;
	background:url(../images/highlight_btn.gif) top left no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	}
	
a.quote_builder_btn:hover {
	color:#4a8d24;
	text-decoration:none;
	}
	
/*------portfolio----------*/

#portfolio_left {
	width:328px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
#portfolio_right {
	width:466px;
	height:auto;
	margin:0;
	padding:8px 0 0 16px;
	float:left;
	}
	
.portfolio_thumb {
	width:314px;
	height:172px;
	padding:6px;
	margin:0;
	background:#f7f6f6;
	border:1px solid #ececec;
	}
	
#numbers {
	width:304px;
	height:25px;
	margin:0;
	padding:6px 0 0 10px;
	}
	
a.numbers {
	width:19px;
	height:21px;
	margin:0 4px 0 0;
	padding:6px 0 0 8px;
	display:block;
	background:url(../images/portfolio_numbers.gif) top left no-repeat;
	float:left;
	color:#fff;
	text-decoration:none;
	}
	
a.numbers:hover {
	background-position:0 -27px;
	color:#fff;
	text-decoration:none;
	}
	
.green {
	color:#7dbc32;
	}
	
.green a {
	color:#7dbc32;
	}
	
.green a:hover {
	color:#7dbc32;
	text-decoration:underline;
	}
	
.green_large {
	color:#7dbc32;
	font-size:14px;
	}
	
/*------highlight costs-------*/

#highlight_cost {
	width:254px;
	height:auto;
	margin:20px 0 0 20px;
	padding:0;
	float:left;
	}
	
#higlight_cost_header {
	width:236px;
	height:23px;
	margin:0;
	padding:14px 0 0 18px;
	background:url(../images/cost_highlight_head.gif) top left no-repeat;
	color:#FFFFFF;
	}
	
#highlight_cost_content {
	width:234px;
	height:auto;
	margin:0;
	padding:14px 0 14px 18px;
	background:url(../images/cost_bkgd.gif) top right no-repeat #f7f6f6;
	border:1px solid #ececec;
	}
	
#highlight_cost_content h1 {
	font-size:14px;
	color:#5f9e1b;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
.highlight_cost_content_header {
	font-size:14px;
	color:#5f9e1b;
	font-weight:bold;
	margin:0;
	padding:0;
	}

#highlight_cost_content ul {
	margin:10px 0 0 14px;
	padding:0;
	}
	
#highlight_cost_content li {
	width:auto;
	margin:4px 0 0 0;
	padding:0;
	list-style:url(../images/bullet.gif);
	font-size:11px;
	color:#8d8b8b;
	}

a.cost_btn {
	width:206px;
	height:18px;
	margin:14px 0 0 0;
	padding:3px 0 0 8px;
	background:url(../images/cost_btn.gif) top left no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	}
	
a.cost_btn:hover {
	width:206px;
	height:18px;
	margin:14px 0 0 0;
	padding:3px 0 0 8px;
	background:url(../images/cost_btn.gif) top left no-repeat;
	color:#4a8d24;
	text-decoration:none;
	display:block;
	}
	
/*--------left and right float divs---------*/

.content_left {
	width:537px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
.content_right {
	width:255px;
	height:150px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	}
	
/*---- used in contact page----*/

.content_left_contact {
	width:530px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
.content_right_contact {
	width:255px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
.content_left_quote {
	width:400px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
.content_right_quote {
	width:408px;
	height:auto;
	margin:0;
	padding:28px 0 0 0;
	float:left;
	}
	
.quote_builder_container {
	width:378px;
	height:auto;
	margin:0 0 0 0;
	padding:15px 15px 15px 15px;
	float:left;
	background:#f7f6f6;
	border:1px solid #ececec;
	}
	
/*-----------highlight quote-------*/

#highlight_quote {
	width:254px;
	height:auto;
	margin:20px 0 0 20px;
	padding:0;
	float:left;
	}
	
#higlight_quote_header {
	width:236px;
	height:23px;
	margin:0;
	padding:12px 0 0 18px;
	background:url(../images/highlight_quote_header.gif) top left no-repeat;
	color:#FFFFFF;
	}
	
#highlight_quote_content {
	width:216px;
	height:auto;
	margin:0;
	padding:14px 18px 14px 18px;
	background:#f7f6f6;
	border:1px solid #ececec;
	}
	
#highlight_quote_content h1 {
	font-size:14px;
	color:#5f9e1b;
	font-weight:bold;
	margin:0;
	padding:0;
	}

#highlight_quote_content ul {
	margin:10px 0 0 14px;
	padding:0;
	}
	
#highlight_quote_content li {
	width:auto;
	margin:4px 0 0 0;
	padding:0;
	list-style:url(../images/bullet.gif);
	font-size:11px;
	color:#8d8b8b;
	}

a.quote_btn {
	width:206px;
	height:18px;
	margin:14px 0 0 0;
	padding:3px 0 0 8px;
	background:url(../images/cost_btn.gif) top left no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	}
	
a.quote_btn:hover {
	width:206px;
	height:18px;
	margin:14px 0 0 0;
	padding:3px 0 0 8px;
	background:url(../images/cost_btn.gif) top left no-repeat;
	color:#4a8d24;
	text-decoration:none;
	display:block;
	}
	
	
/*------------FONTS----------*/

#content_wrapper h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}

#content1 h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content1_contact h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content1_portfoio h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content1_quote h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content1_services h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content1_about h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content1_pricing h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content2 h1 {
	font-size:21px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
#content2 h2 {
	font-size:14px;
	letter-spacing:2px;
	color:#b1b1b1;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:10px 0 0 0;
	}

h2 {
	color:#FFFFFF;
	font-size:16px;
	margin:6px 0 6px 0;
	font-weight:normal;
	}
	
h3 {
	font-size:14px;
	font-weight:bold;
	color:#757575;
	}
	
	
#footer p {
	font-size:9px;
	color:#FFFFFF;
	margin:0 0 10px 0;
	}
	
a.footer_link {
	color:#aaf151;
	text-decoration:none;
	}
	
a.footer_link:hover {
	color:#3b6a07;
	text-decoration:none;
	}
	
a.footer_link_twitter {
	color:#224b0b;
	text-decoration:none;
	}
	
a.footer_link_twitter:hover {
	color:#224b0b;
	text-decoration:none;
	}
	
#twitter_feed_top h1 {
	color:#4a7f10;
	font-size:16px;
	margin:0 0 6px 28px;
	padding:0;
	font-weight:normal;
	}
	
#footer_twitter p {
	color:#2d2d2c;
	}
	
.footer_contact_copy h1 {
	color:#FFFFFF;
	font-size:16px;
	margin:6px 0 6px 0;
	font-weight:normal;
	}
	
	
/* -----Twitter------ */

#twitter_div {
	padding: 0;
 	margin: 0 0 0 2px;
 	width:200px;
	font-size:11px;
}

#twitter_div li{
	list-style: none;
	list-style-position:outside;
	color:#000000;
	padding:0 0 8px 0;
	margin:0;
}

#twitter_div a{
	color:#4a8d24;
	font-size:11px;
}

#twitter_update_list {
	padding: 0px;
	margin: 0 0 0 0;
	width:200px;
}

#content1 p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content1_portfolio p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content1_contact p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content1_about p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content1_pricing p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content1_quote p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content1_services p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

#content2 p {
	color:#757575;
	line-height:20px;
	font-size:12px;
}

a {
	color:#7dbc32;
	text-decoration:none;
	}
	
a:hover {
	color:#7dbc32;
	text-decoration:underline;
	}
	
/*--- PRICING TABLE --*/

table.pricing {
	width:750px;
	height:auto;
	margin:10px 0 20px 28px;
	padding:0;
	}
	
td.package {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#f9f9f9;
	}
	
td.option {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#fff;
	text-align:center;
	}
	
td.option_top {
	border-bottom:1px solid #9bc766;
	border-right:1px solid #9bc766;
	border-left:1px solid #9bc766;
	background:#fff;
	color:#9bc766;
	text-align:center;
	}
	
td.option_bottom {
	border-top:1px solid #9bc766;
	border-right:1px solid #9bc766;
	border-left:1px solid #9bc766;
	background:#fff;
	color:#9bc766;
	text-align:center;
	}
	
td.package_top {
	border-bottom:1px solid #9bc766;
	border-right:1px solid #9bc766;
	background:#fff;
	color:#9bc766;
	font-weight:bold;
	}
	
td.package_bottom {
	border-top:1px solid #9bc766;
	border-right:1px solid #9bc766;
	background:#fff;
	color:#9bc766;
	font-weight:bold;
	}
	
/*----JQUERY TABS----*/

div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:auto;
	font-size:11px;
	background:#f7f6f6;
	border:1px solid #ececec;
	width:396px;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #ececec;	
	width:418px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	font-family: "verdana";
	color:#fff;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 135px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px 0 0 2px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0 -30px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 -30px;		
	cursor:default !important; 
	color:#fff !important;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

a.quote_add {
	background:url(../images/quote_add.gif) center right no-repeat;
	padding:0 16px 0 0;
	height:16px;
	}
	
/*-----------JQUERY OVERLAY----------*/
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background:#ffffff;
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:620px;		
	
	/* some padding to layout nested elements nicely  */
	padding:10px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/close.gif);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:25px;
	width:25px;
}

div.apple_overlay.black {
	background-image:url(../images/portfolio_overlay_lime_bkgd.png);
	color:#fff;
}
 
div.apple_overlay h2 {
	margin:18px 0 10px 0;
	font-weight:bold;
	font-size:14px;
}
 
div.black h2 {
	color:#79bfec;
	font-weight:lighter;
	font-size:13px;
	font-style:normal;
	margin:8px 0 8px 0;
}

 
#portfolio_thumb img {
	cursor:pointer;
}

/*-----------JQUERY OVERLAY PORTFOLIO----------*/
/* the overlayed element */
.apple_overlay_port {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background:#ffffff;
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:638px;
	height:auto;		
	
	/* some padding to layout nested elements nicely  */
	padding:10px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay_port div.close {
	background-image:url(../images/close.gif);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:25px;
	width:25px;
}

div.apple_overlay_port.black {
	background-image:url(../images/portfolio_overlay_lime_bkgd_2.png);
	color:#fff;
}
 
div.apple_overlay_port h2 {
	margin:18px 0 10px 0;
	font-weight:bold;
	font-size:14px;
}
 
div.black h2 {
	color:#79bfec;
	font-weight:lighter;
	font-size:13px;
	font-style:normal;
	margin:8px 0 8px 0;
}

 
#numbers a {
	cursor:pointer;
}

/*--DROP DOWN----*/

#toolbox {
	width:539px;
	height:105px;
	background:url(../images/dd_bkgd.png) top left no-repeat #fff;
	z-index:100;
	display:none;
	position:absolute;
    margin:-40px 0 0 43%;
	padding:8px 0 0 0;
	}
	
.toolbox_header {
	color:#FFFFFF;
	width:529px;
	height:18px;
	padding:8px 0 0 10px;
	font-weight:bold;
	font-size:11px;
	}
	
.toolbox_header a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
.toolbox_header a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.toolbox_thumb {
	width:93px;
	height:59px;
	float:left;
	margin:10px 0 0 12px;
	}
	
.toolbox_thumb a img {
	border:1px solid #659d22;
	}
	
.toolbox_thumb a img:hover {
	border:1px solid #ffffff;
	}
	
.tb_close {
	width:auto;
	float:right;
	margin:0 16px 0 0;
	}
	
#block {
	width:122px;
	height:34px;
	background:#999999;
	}
	
	
#landscape_container {
	width:870px;
	margin:0;
	height:190px;
	padding:0;
	display:none;
	}
	
/*==================DEIGN SERVICE PAGE==================*/

.float_left {
	width:267px;
	height:200px;
	margin:0;
	padding:10px 0 0 0;
	float:left;
	text-align:right;
	}
	
#float_left_large {
	width:538px;
	height:572px;
	margin:0;
	padding:6px;
	border:1px solid #ececec;
	float:left;
	}
	
#design_left {	
	width:550px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
#design_right {	
	width:267px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
#design_left_large {	
	width:640px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
#design_right_small {	
	width:167px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	}
	
#design_pic {
	width:525px;
	height:572px;
	margin:0;
	padding:6px;
	border:1px solid #ececec;
	}
	
.design_list {
	padding:0 0 0 10px;
	}
	
.list_item {
	width:auto;
	height:auto;
	/*border-bottom:1px dotted #CCCCCC;*/
	padding:0 0 10px 0;
	margin:0 0 8px 0;
	}
	
.list_copy {
	padding:0 8px 0 8px;
	}
	
.grey_block {
	width:245px;
	height:18px;
	padding:4px 0 14px 10px;
	color:#888585;
	background:url(../images/design_arrow.gif) bottom left no-repeat #f2efef;
	}
	
.design_thumb {
	width:247px;
	height:151px;
	margin:0 0 0 0;
	padding:0;
	}
	
#design_three {
	width:797px;
	height:auto;
	margin:0;
	padding:20px 0px 20px 10px;
	background:#f7f6f6;
	border:1px solid #ececec;
	}
	
#design_three p {
	margin:0;
	}
	
.design_1 {
	width:195px;
	height:auto;
	margin:0 12px 0 0;
	padding:0 0 0 55px;
	float:left;
	background:url(../images/design_design.gif) top left no-repeat;
	}

.design_2 {
	width:195px;
	height:auto;
	margin:0 12px 0 0;
	padding:0 0 0 55px;
	float:left;
	background:url(../images/design_sell.gif) top left no-repeat;
	}
	
.design_3 {
	width:200px;
	height:auto;
	margin:0 12px 0 0;
	padding:0 0 0 55px;
	float:left;
	background:url(../images/design_standards.gif) top left no-repeat;
	}
	
.market_1 {
	width:714px;
	height:auto;
	margin:0 12px 20px 0;
	padding:0 0 0 55px;
	float:left;
	background:url(../images/market_seo.gif) top left no-repeat;
	}

.market_2 {
	width:714px;
	height:auto;
	margin:0 12px 20px 0;
	padding:0 0 0 55px;
	float:left;
	background:url(../images/market_ppc.gif) top left no-repeat;
	}
	
.market_3 {
	width:714px;
	height:auto;
	margin:0 12px 20px 0;
	padding:0 0 0 55px;
	float:left;
	background:url(../images/market_social.gif) top left no-repeat;
	}
	
.title {
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:30px 0 10px 0;
	clear: both;
	}
	
.title_large {
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:20px 0 30px 0;
	clear: both;
	}
	
.title_large2 {
	width:auto;
	height:auto;
	padding:0 0 0 0;
	margin:0px 0 30px 0;
	clear: both;
	}
	
#build_left {	
	width:535px;
	height:auto;
	margin:-10px 0 0 0;
	padding:0 15px 0 0;
	float:left;
	}
	
#build_right {	
	width:265px;
	height:auto;
	padding:32px 0 0 0 ;
	margin:0;
	float:left;
	}
	
	
/*============LOGIN=============*/

#login {
	width:100%;
	height:auto;
	background:#81b642;
	display:none;
	color:#fff;
	}
	
#login_inside {
	width:840px;
	height:auto;
	margin:0 auto;
	padding:8px 0 8px 0;
	}
	
.login_input {
	background:#a3d77e;
	border:1px solid #4d850a;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:4px;
	color:#fff;
	}

a img {
	border: none;
	}


	






