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

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
img {
	border-style: none;
	display: block;
}
p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
p {
	padding-bottom: 10px;
}

body {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS";
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}
.main_text {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	font-style: normal;
	margin-left: 0px;
}
.text_small {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
a:link {
	color: #FFCC00;
	text-decoration: none;
	font-style: italic;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
a:active {
	color: #FFCC00;
}
.small_heading {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #618F37;
	padding-bottom: 20px;
}
h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 22px;
	line-height: normal;
	font-weight: bold;
	color: #3A5E18;
	font-style: normal;
	padding-top: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9AB883;
	padding-bottom: 7px;
	margin-bottom: 10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	color: #78A900;
}
.box {
	background-color: #E2EADB;
	border: 1px solid #678E49;
	padding: 5px;
	margin: 5px;
}
.box_bottom {
	background-image: url(images/bottom_nav.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: center;
}
.box_latest {
	background-color: #FFFFFF;
	border: 1px solid #678E49;
	padding: 4px;
	margin-top: 5px;
	background-image: url(images/latest_project_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.box_portfolio {
	background-color: #D1DDC6;
	border: 1px solid #678E49;
	padding: 4px;
	margin-top: 5px;
}
.latest_project_text {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	color: #FFCC00;
	font-weight: bold;
	padding-bottom: 3px;
	font-variant: normal;
}
.box_heading_text {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #618F37;
	font-variant: normal;
	padding-bottom: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #558113;
}
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	margin-bottom: 5px;
	border: 1px solid #A2BA8D;
	margin-right: 11px;
	padding: 2px;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
.toggleborder:hover img{
border: 1px solid navy;
}
.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.toggleopacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	border: 1px solid #415E2B;
	padding: 2px;
	margin: 5px;
}
.toggleopacity2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
.toggleborder2:hover img{
	border: 1px solid #000000;
}
.toggleborde2r:hover{
color: red; /* Dummy definition to overcome IE bug */
}
.border {
	border: 1px solid #666666;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid #A5B498;
	padding: 3px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid #000000;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 30px;
	left: 210px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
.products_nav {
	border: 1px solid #A5C191;
	padding: 2px;
	margin-right: 18px;
	margin-bottom: 5px;
	margin-left: 7px;
}
#footer {
	background-color: #FFFFFF;
	background-image: url(images/bottom_nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 727px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 120px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
}
.class2 a:hover {
	color: #FFCC00;
}
.class2 a:visited {
	color: #FFFFFF;
}
.class2 a:link {
	color: #FFFFFF;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
}
.promo_top {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(images/promo_box_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.bottom_promo {
	background-color: #FFFFFF;
	background-image: url(images/promo_box_bottom.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 15px;
}
.main_text_white {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.promo_headings {
	font-family: Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS";
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.border_white {
	border: 1px solid #FFFFFF;
	padding: 5px;
	margin-bottom: 5px;
}
.main_text_small {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: right;
}
.border_left {
	border: 1px solid #666666;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	margin-right: 15px;
	text-align: left;
}
.sub_heading_green {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #5F8741;
	text-align: left;
}
.border_right {
	border: 1px solid #666666;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
	margin-left: 15px;
	text-align: left;
	text-indent: 0px;
	margin-right: 0px;
}
.promo_top_portfolio {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(images/promo_box_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	padding-top: 9px;
}
.border_white_portfolio {
	border: 1px solid #FFFFFF;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}
.main_text2 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.sub_heading_green2 {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 15px;
	font-style: normal;
	line-height: 23px;
	font-weight: normal;
	color: #415C2C;
	text-align: left;
}
.call_now_box {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #68A446;
	border: 1px solid #003300;
	padding: 10px;
	width: 220px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
	clear: both;
}
.product_style {
	border: 1px solid #CCCCCC;
}
.product_style_type {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	color: #000000;
	background-color: #D3DCCC;
	text-align: center;
}
.borderDetails {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-left: 0px;
}
.call_now_box2 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #68A446;
	border: 1px solid #003300;
	padding: 10px;
	width: 350px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
	clear: both;
}