body {

	margin: 100px 0px 0px 0px;

	padding: 0;

	border: 0;

	text-align: center;

	font-family:"Tahoma", Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#container {

	width: 906px;

	margin: 0px auto;

	text-align: left;

	position:relative;

}



#header {}



#content { width: 906px; }



#dynamic_box_left {

	margin: 0;
    
    width: 150px;

	float: left;

}



#dynamic_box_center {

	float: left;

}



#dynamic_box_right {

	margin: 0;

	float: right;

}



#content_footer {clear: both;}



#footer {clear:both;}





/*********homepage layout**********/

#container_home {

	width: 906px;

	height:632px;

	margin: 0px auto;

	text-align: left;

	position:relative;

	background: url(../img/home_page.png) top left no-repeat;

}





#layout_homepage div#dynamic_box_left {

	width: 250px;

	position:absolute;

	top:135px;

	left:15px;

}



#layout_homepage div#dynamic_box_center {

	background:#fff url(../img/body_bg.gif) top right no-repeat;

	position:absolute;

	left:268px;

	top:37px;

	width:638px;

	height:500px;

}



/********* Article layout green left **********/

#container_green_left {

	width: 906px;

	height:531px;

	margin: 0px auto;

	text-align: left;

	position:relative;

	background: url(../img/green_left.png) top left no-repeat;

}





#layout_green_left div#dynamic_box_left {

	width:170px;

	position:absolute;

	top:125px;

	left:15px;

}



#layout_green_left div#dynamic_box_center {

	background:#fff url(../img/body_bg.gif) top right no-repeat;

	position:absolute;

	left:268px;

	top:37px;

	width:638px;

	height:480px;

}





/*********deafault layout**********/

/*#layout_default div#dynamic_box_right        {width: 260px;}*/

#layout_default div#dynamic_box_left         {width: 295px;}

#layout_default div#dynamic_box_center       {width: 610px;}



/********** two column *************/

#layout_two_column div#dynamic_box_right     {width: 320px;}

#layout_two_column div#dynamic_box_left      {display:none;}

#layout_two_column div#dynamic_box_center    {width: 670px;}



/************ three columns ***************/

#layout_three_columns div#dynamic_box_right  {width: 190px;}

#layout_three_columns div#dynamic_box_left   {width: 190px;}

#layout_three_columns div#dynamic_box_center {width: 610px;}



/************ equal ***************/

#layout_equal div#dynamic_box_right   {width: 330px;}

#layout_equal div#dynamic_box_left    {width: 330px;}

#layout_equal div#dynamic_box_center  {width: 330px;}



/************ equal rights ***************/

#layout_equal_rights div#dynamic_box_right   {width: 260px;}

#layout_equal_rights div#dynamic_box_left    {width: 470px;}

#layout_equal_rights div#dynamic_box_center  {width: 260px;}



/************ non equal ***************/

#layout_non_equal div#dynamic_box_right      {width: 320px;}

#layout_non_equal div#dynamic_box_left       {width: 420px;}

#layout_non_equal div#dynamic_box_center     {width: 250px;}


body { background: #99cc66;}

/*************** GLOBAL STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/



#container {}



#content {width:100%; overflow:hidden;}



/*** Global anchor styles ***/



a {color:#000; text-decoration: none;}



a:hover {text-decoration: underline;}



a img {border: none;}



/*** Global list styles ***/



ul { padding: 0; margin: 0;}



ul li { list-style-type: none;}



/*** Global heading styles ***/



h1, h2, h3, h4 {margin: 0px;}



h1 { font-size: 18px; font-weight: normal; }



h1 a { color: #C90404;}



h2, h3 {font-size: 12px; padding-bottom: 4px;}



h2 a:hover, h3 a:hover {color: #C90404;}



h4 {}



h4 a {}



/*** Global box styles ***/

.box .box_title { 

	font-size: 16px;

	font-weight: normal;

}



/*************** HEADER STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/



#header .logo {position:absolute; top:0; left:0; z-index:999;}



/*************** CONTENT STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

/*** Article styles ***/

#article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;}



#article_holder div#article_body h1, 

#article_holder div#article_body h2, 

#article_holder div#article_body h3, 

#article_holder div#article_body h4, 

#article_holder div#article_body h5, 

#article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;}



#article_holder div#article_body a { color: #002BB8;}



/*** Tabs ***/

.tabs {

	line-height:normal;

	width:100%; 

	overflow:hidden;

}



ul.tabs{

	margin:0 0 10px 0;

	padding:4px 0 4px 0px;

	list-style:none;

}

.tabs li {

	display:inline;

	margin:0;

	padding:0;

}

	  

.tabs a {

	display:block;

	float:left;

	margin: 0px 2px 0px 0px;

	width:150px;

	height:25px;

	line-height:25px;

	text-decoration:none;

	text-align:center;

	color:#004C37;

	background:#FEE5C3 url(../img/tabs_corners.gif) 0 -25px no-repeat;

}



.tabs a:hover {text-decoration: none; background:#CCE5B2 url(../img/tabs_corners.gif) 0 0 no-repeat;}



.tabs a.active {background:#CCE5B2 url(../img/tabs_corners.gif) 0 0 no-repeat;}

.stage_next { position:absolute; left:600px; top:280px; }



/*** Stages ***/

#stage_one, #stage_two, #stage_three, #design_preview {padding-right:10px;}



#stage_one h2, #stage_two h2, #stage_three h2, #design_preview h2 {

	text-indent:-9999px; float:left; width:500px;

}

	

h2.One {background: url(../img/title_stage_one.png) top left no-repeat; height:22px}

h2.Two {background:url(../img/title_stage_two.png) top left no-repeat; height:22px;}

h2.Three {background:url(../img/title_stage_three.png) top left no-repeat; height:24px;}

h2.Preview {background:url(../img/title_design_preview.png) top left no-repeat; height:24px;}



.stage_next {position:absolute; right:15px;}



.stage_next a {background:url(../img/next_step_button.gif) 0 0 no-repeat; width:80px; height:20px; display:block; text-indent:-9999px;}



.stage_next a:hover {background:url(../img/next_step_button.gif) 0 -20px no-repeat;}



/*************** HOMEPAGE STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

#container_home h1 {

	background:url(../img/home_title.png) top left no-repeat;

	position:absolute;

	left:15px;

	top:20px;

	width:344px;

	height:52px;

	text-indent:-9999px;

}



#container_home p {

	font-size:13px;

	position:absolute;

	width:595px; 

	top:80px;

	left:15px;

}

#contact_home {

    position:absolute;

    right:0;
    
    left:300px;

    top:575px;

}

#container_home .featured {

	position:absolute;

	right:0;

	top:270px;

}



#container_home .go_green {

	position:absolute;

	top:330px;

	left:15px;

	width:290px;

}



#container_home .go_green .box_small {float:left; width:145px;}



.go_green .box_small h3 { 

	background:url(../img/home_go_green_box_title.png) top left no-repeat;

	text-indent:-9999px;

}



.go_green .box_small .box_content {padding:5px 0px;}



.go_green .box_small a {color:#FDCB88;}



/*** Left nav ***/

#layout_homepage div#dynamic_box_left .service_row {width:100%; overflow:hidden; margin:30px 0px;}



#layout_homepage div#dynamic_box_left h3 { 

	background:url(../img/home_services.png) top left no-repeat;

	text-indent:-9999px;

}


#menu-text {
    position: absolute;
    left: 87px;
    top: 0px;
    width:100;
}

#layout_homepage div#dynamic_box_left .service_row a {

	float:left; 

	width:120px; 

	height:104px; 

	text-indent: -99999px;

}



#layout_homepage div#dynamic_box_left .service_row a.Exteriors, 

#layout_homepage div#dynamic_box_left .service_row a.Rooftops, 

#layout_homepage div#dynamic_box_left .service_row a.Holiday {margin-right:10px;}



#layout_homepage div#dynamic_box_left .service_row a.Exteriors {background:url(../img/service_exterior_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Interiors {background:url(../img/service_interior_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Rooftops {background:url(../img/service_rooftop_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Lighting {background:url(../img/service_lighting_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Holiday {background:url(../img/service_holiday_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}

#layout_homepage div#dynamic_box_left .service_row a.Portfolio {background:url(../img/service_portfolio_large.gif) top left no-repeat; opacity:0.5; filter:alpha(opacity=50);}



#container_home #footer {

	background:url(../img/home_plant.png) top left no-repeat;

	position:absolute;

	top:421px;

	right:6px;

	width:175px;

	height:254px;

}



/*************** GREEN LEFT STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/

#container_green_left h1 {

	position:absolute;

	left:15px;

	top:20px;

	text-indent:-9999px;

}

	

h1.Company {background: url(../img/title_company_overview.png) top left no-repeat; width:297px; height:41px;}

h1.Associations {background:url(../img/title_associations.png) top left no-repeat; width:231px; height:38px;}

h1.Credentials {background:url(../img/title_credentials.png) top left no-repeat; width:210px; height:42px;}

h1.Testimonials {background:url(../img/title_testimonials.png) top left no-repeat; width:231px; height:43px;}



h1.Health {background:url(../img/title_health_benefits.png) top left no-repeat; width:222px; height:56px;}

h1.Trends {background:url(../img/title_trends.png) top left no-repeat; width:121px; height:41px;}



h1.Planning {background:url(../img/title_planning.png) top left no-repeat; width:174px; height:52px;}



h1.Features {background:url(../img/title_features.png) top left no-repeat; width:148px; height:38px;}

h1.Acknowledgments {background:url(../img/title_acknowledgements.png) top left no-repeat; width:368px; height:50px;}



h1.Exterior {background:url(../img/title_exterior_plantscapes.png) top left no-repeat; width:299px; height:57px;}

h1.Interior {background:url(../img/title_interior_plantscapes.png) top left no-repeat; width:287px; height:58px;}

h1.Rooftop {background:url(../img/title_rooftop_plantscapes.png) top left no-repeat; width:287px; height:59px;}

h1.Lighting {background:url(../img/title_lighting_design.png) top left no-repeat; width:231px; height:60px;}

h1.Holiday {background:url(../img/title_holiday_decor.png) top left no-repeat; width:222px; height:52px;}

h1.Portfolio {background:url(../img/title_gallery.png) top left no-repeat; width:201px; height:53px;}



h1.Contact {background:url(../img/title_contact.png) top left no-repeat; width:295px; height:37px;}



/*** Summary positioning ***/

#container_green_left .green_summary {

	font-size:13px;

	position:absolute;

	width:595px; 

	top:80px;

	left:15px;

}



/*** Body positioning ***/

#container_green_left .green_body {

	font-size:13px;

	position:absolute;

	width:715px; 

	top:180px;

	left:-80px;

}



/*** Category Gallery Body positioning ***/

#container_green_left .gallery_body {

	font-size:13px;

	position:absolute;

	width:600px; 

	top:90px;

	left:-30px;

}



/*** Article Gallery Body positioning ***/

#container_green_left #gallery_article_body {

	font-size:13px;

	position:absolute;

	width:500px; 

	top:100px;

	left:50px;

}



/*** Left menu ***/

#layout_green_left div#dynamic_box_left h3 { 

	background:url(../img/services_small.png) top left no-repeat;

	text-indent:-9999px;

}



#layout_green_left div#dynamic_box_left .service_row {width:100%; overflow:hidden; margin:8px 0px;}



#layout_green_left div#dynamic_box_left .service_row a {

	float:left; 

	width:61px; 

	height:53px; 

	background-position: 0 0;

	text-indent: -99999px;

}



#layout_green_left div#dynamic_box_left .service_row a:hover, 

#layout_green_left div#dynamic_box_left .service_row a.selected {background-position: 0 -53px;}



#layout_green_left div#dynamic_box_left .service_row a.Exteriors, 

#layout_green_left div#dynamic_box_left .service_row a.Rooftops, 

#layout_green_left div#dynamic_box_left .service_row a.Holiday {margin-right:8px;}



#layout_green_left div#dynamic_box_left .service_row a.Exteriors {background-image:url(../img/service_exterior_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Interiors {background-image:url(../img/service_interior_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Rooftops {background-image:url(../img/service_rooftop_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Lighting {background-image:url(../img/service_lighting_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Holiday {background-image:url(../img/service_holiday_small.gif);}

#layout_green_left div#dynamic_box_left .service_row a.Portfolio {background-image:url(../img/service_portfolio_small.gif);}



/*** Go green box ***/

#container_green_left #footer {

	background: url(../img/go_green_small.png) top left no-repeat;

	color:#fff;

	position:absolute;

	top:374px;

	left:0;

	width:151px;

	height:193px;

}



#container_green_left #footer h3 { 

	background:url(../img/go_green_small_title.png) no-repeat; 

	text-indent:-999999px;

	height:38px;

}



#container_green_left #footer .box_content {padding:0px 12px;}



/********** Gallery **********/

#container_green_left .gallery_row {width:100%; overflow:hidden; margin-bottom:5px;}



#container_green_left .gallery_item {

	width:180px; 

	float:left;

	margin:0px 5px; 

	padding:5px; 

	background:#B9D379;

	font-size:11px;

	text-align:center;

}



#container_green_left .gallery_item a {color:#004C37;}



/********** Press **********/

#container_green_left .press_title {position:absolute; top:145px; left:-83px;}



#container_green_left .short {padding-bottom:10px;}



#container_green_left .short .title {font-weight:bold; padding-bottom:4px;}



#container_green_left .download_link {text-transform:uppercase; padding:3px 0px}



#container_green_left .download_link a {color:#99CC66; text-decoration:underline;}



/********** Contact **********/

#container_green_left a.mail_to {color:#99CC66;}



/********** Scrollbars **********/

#scrollbar_container {  

	position:relative;  

	width:705px;

	height:300px; 

	float:right;   

	margin-right:10px;

	display:inline;

}



#scrollbar_track {  

	position:absolute;  

	top:0;  

	right:0;  

	height:100%;  

	width:10px;  

	background:#B9D379;

} 

  

#scrollbar_handle {  

	width:10px;  

	background-color:#F4D69E;  

} 



#scrollbar_content {  

	overflow:hidden;  

	width:695px;  

	height:300px;  

}  



/********** Scrollbars body lists **********/

#scrollbar_content ul {margin: 12px 0px; padding-left: 40px;}



#scrollbar_content ul li { list-style-type:disc; list-style-position:inside;}

#contact_form { float:left; width:500px; }

#contact_image { float:right; padding-right:10px; }
/* Styles for forms */

form { /******* Used for all forms in Vivvo *********/
	padding: 0px;
	margin: 0px;
}

input, select, textarea { }

select  {}

textarea  {border: 1px solid #7F9DB9;}

.form_line {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 100%;
	overflow: hidden; /* if used, needs to be hidden because of Opera */
}

*:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;}


input.text {border: 1px solid #7F9DB9;}

select.options { border: 1px solid #7F9DB9;}



input.submit_button, button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.formElement p { margin-top: 0;}

/***************** Box forms *******************/

#dynamic_box_right .form_line label {}

#dynamic_box_right .form_line div.submit { text-align: right;}

#dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;}

/*************** CONTENT FORMS *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#dynamic_box_center div.form_line label {
	text-align: right;
	padding: 3px 0px 3px 3px;
	display: block; 
	float: left;
	width: 30%;
	font-size: 12px;
	font-weight:bold;
}

#dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;}

#dynamic_box_center div.formElement label {
	padding: 0px;
	width: auto;
	text-align: left;
	float: none;
	display: block;
	font-weight: normal;
}

/***************** User registration form (ajax validations) *******************/

.tos_label {color:#666666;}

.tos_label a {color:#C90404;}

.tos_box {border: 1px solid #7F9DB9; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;}

.tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;}

#error_message {background:#FCD6D4; margin-bottom: 6px;}

#error_message p {margin: 2px 0px; padding: 4px; color: #555555;}

.validation {
	padding: 2px 0px 2px 18px; 
	font-size: 11px; 
	font-weight:bold;
}

.not_valid {background: url(../img/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;}

.checking {background: url(../img/validation_info.gif) 0 0 no-repeat; color:#6b99c5;}

.valid {background: url(../img/validation_valid.gif) 0 0 no-repeat; color:#80CA73;}