/* CSS Document */
body, html {
	color: #fff;
	background: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 100%;
	background: #000 url(../images/elements/bg2.png) repeat-x top;
}
#container-nobg {
	width: 100%;
	background: #000;
}
#inner-container {
	text-align: left;
	width: 970px;
	margin: 0 auto;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #67af1d;
	font-size: 42px;
}	
h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	color: #67af1d;
	font-size: 20px;
	font-weight: bold;
}	
h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	color: #67af1d;
	font-size: 20px;
	font-weight: bold;
}	
h3 {
	color: #67af1d;
	font-size: 14px;
}


#header {
	width: 928px;
	height: 54px;
	padding: 0 0 0 4px;
	border-bottom: 1px solid #4d4d4d;
	clear: both;
}
#header #logo {
	float: left;
	width: 250px;
	margin-top: 0px;
	padding-left: 13px;
}
#header #nav {
	float: right;

	text-align: right;

}

#nav {
	margin: 23px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}
#nav li.current a {
	color: #66cc33;
}
/*
#nav li {
	float: left;
	margin-right: 0px;
	color: #000;

}
#nav li.last {
	margin: 0px;
}
#nav a, #nav a:visited {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#nav a:hover {
	color: #66cc33;
}
*/
#homepage-main {
	width: 966px;
	padding: 0 0 0 4px;
	position: relative;
}
#homepage-main .leftcol {
	float: left;
	width: 512px;
	padding: 100px 0 0 0;
}
#homepage-main .rightcol {

}
#homepage-main #superflash {

	width: 625px;
	left: 330px;

	position: absolute;	
	display: block;
	height: 476px;
	margin-top: 17px;
	z-index: 0;
}

#homepage-main .leftcol p.brief {
	font-size: 14px;
	margin: 5px 0 0 3px;
	width: 330px;
	line-height: 24px;
}
#homepage-main .leftcol p.brief a {
	color: #66cc33;
}
#testimonial2 {
	font-size: 12px;
	padding: 0;
	height: 165px;
	margin-bottom: 40px;
	width: 500px;
	color: #666666;
}
.leftcol #moostick strong, #testimonial2 li strong {
	color: #66cc33;
}
#homepage-main .leftcol li {

}
#moostick,
	.moostick
{
	display: block;
	margin: 150px 0 20px 0;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	padding: 0 0 0 0;
	height: 75px;
	overflow: hidden;       /* used in css check */
}
#homepage-main #moostick, #homepage-main .moostick  {
	color: #666666;
	margin: 100px 0 0 0;
	width: 423px;
	height: 120px;
	padding: 0 0 30px 0;
}

#interior-main #moostick, #interior-main .moostick  {
	color: #666666;
	margin: 0;
	padding: 0 0 80px 0;
	width: 410px;
}
#moostick li,
	.moostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;

}

#moostick .show,
	.moostick .show
{
	visibility: visible;
	opacity: 1;
}

#redTab, #redTab2, #redTab3 {
	cursor: pointer;
	height: 63px;
	width: 290px;
/*	position: absolute;
	bottom: 0;
	right: 0;*/
}
#homepage-tabs {
	width: 966px;
/*	visibility: hidden;
	background: #FFFFFF;*/
	padding: 0 0 0 4px;
	z-index: 1;	
	margin: -250px 0 -25px 0;
/*	top: 405px;*/
	display: table;
	height: 290px;
}
#homepage-tabs ul {
	list-style: none;
}
#homepage-tabs .residential, #homepage-tabs .commercial, #homepage-tabs .green {
	position: relative;
/*	top: 465px;
	height: 285px;
	position: relative;
    vertical-align: bottom;
	background:#000033;*/
}
#homepage-tabs div.residential, #homepage-tabs div.commercial, #homepage-tabs div.green {
	width: 290px;
	float: left;
	margin-right: 29px;
}
#homepage-tabs .interior {
	margin-left: 2px;
	width: 288px;
}
#homepage-tabs .interior .readmore {
	width: 243px;
	padding-top: 10px;
	text-align: right;
}
.interior .top {
	background: url(../images/elements/module-fade-bg.jpg) repeat-x;
}
.interior .content {
	background: url(../images/elements/module-bg.jpg);
	width: 258px;
	padding: 0px 15px 10px 15px;
}
.interior .content li {
	font-size: 12px;
	color: #000;
	width: 253px;
	padding: 10px 0;
	border-bottom: 1px dotted #000;
}
.interior .content li.last {
	border-bottom: 0px;
}
#footer-slider {
	padding: 0 0 50px 0;
	margin-top: 100px;

	height: 200px;
}
#footer-slider .about, #footer-slider .about a, #footer-slider .about a:visited {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
#inner-container #footer-slider {
	position: inherit;
	display: block;
	top: 0;
	background: #000;
	height: 200px;
}


#empty-space {
	margin: 81px 0 0 0;
}

#dropbox-interior {
	width: 932px;
	margin: 0 auto;
}
#dropbox-interior #close-window {
	font-size: 11px;
	cursor: pointer;
	font-weight: bold;
	width: 912px;
	text-align: right;
	color: #291b03;
	padding: 10px 10px;
}
#dropbox-interior strong {
	font-weight: bold;
}
#dropbox-interior h4 {
	color: #291900;
	font-weight: bold;
	font-size: 16px;
}
#dropbox-interior .col1 label {
	display: inline;
	width: 60px;
	float: left;
}
#dropbox-interior .col1 label.qa {
	display: inline;
	margin-top: 10px;
	width: 250px;
	float: none;
}
#dropbox-interior .col1 h4 {
	margin-bottom: 23px;
}
#dropbox-interior .col1 .send {
	width: 278px;
	text-align: right;
	margin: 3px 0;
}
#dropbox-interior .col1 .send {
	color: #557a0e;
	text-decoration: none;
	font-weight: bold;
}
#dropbox-interior .col1 .textbox {
	background: #a48b60;
	color: #291900;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 3px;
	border: 0;
	float: left;
	width: 210px;
}
#dropbox-interior .col1 textarea {
	background: #a48b60;
	color: #291900;
	height: 118px;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 3px;
	border: 0;
	width: 270px;
}
#dropbox-interior .col1, #dropbox-interior .col2, #dropbox-interior .col3 {
	float: left;
	font-size: 14px;
	color: #5e3e0e;
	text-align: left;
}
#dropbox-interior a, #dropbox-interior a:visited {
	color: #557a0e;
	text-decoration: none;
	font-weight: bold;
}
#dropbox-interior .col1 {
	width: 295px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 30px;
}
#dropbox-interior .col2 {
	width: 250px;
}
#dropbox-interior .col3 {
	width: 293px;
	margin-left: 55px;
}
#dropbox-interior .col2 p {
	margin-bottom: 28px;
	line-height: 19px;
}
#dropbox-interior .map a {
	font-size: 12px;
	color: #3e6b08;
}
#dropbox-interior .map {
	width: 293px;
	text-align: right;
}
#dropbox-interior .logo {
	margin: 2px 0 8px 0;
}
#dropbox-tab {
	text-align: right;
	width: 932px;
	background: #000;
	padding: 0 34px 0 4px;
	margin: 0 auto;
	z-index: 9998px;
	cursor: pointer;
}
#dropbox {
	height: 0;
	width: 100%;
}






#interior-main {
	width: 966px;
	padding: 0 0 0 4px;
	position: relative;
}
#interior-main .leftcol {
	float: left;
	width: 590px;
	padding: 100px 0 0 0;
}
#interior-main .newleft {
	float: left;
	width: 590px;
	padding: 63px 0 0 0;
}
#interior-main .rightcol {
	float: left;
	width: 344px;
	padding: 100px 0 0 0;
}
#interior-main #superflash {
/*
	width: 625px;
	position: absolute;
	margin-left: 330px;
	display: block;
	height: 476px;
	margin-top: 17px;
	z-index: 0;
*/
}

#interior-main .leftcol p.brief {
	font-size: 14px;
	margin: 5px 0 0 3px;
	width: 340px;
	height: 135px;
	line-height: 24px;
}
#interior-main .leftcol p.brief a {
	color: #66cc33;
}
#interior-main .leftcol .moretall {
	padding-top: 20px;
}
#interior-main .leftcol .post h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#interior-main .leftcol .post p {
	margin-bottom: 10px;
	font-weight: 100;
}
#interior-main .leftcol .diagram, #interior-main .rightcol .machine, #interior-main .rightcol .video {
	margin-top: -54px;
}
#interior-main .rightcol .machine {
	padding-top: 8px;
	height: 409px;
}
#interior-main .tags {
	margin-top: -74px;
	margin-bottom: 20px;
}
#interior-main .leftcol a, #interior-main .leftcol a:visited {
	color: #66cc33;
	text-decoration: none;
}
#interior-main .leftcol .diagram {
	height: 230px;
}
#interior-main .leftcol div.post {
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin: 70px 0 50px 0;
	padding: 0 94px 0 0;
	text-align: justify;
}
#interior-main .leftcol div.postnewsmain {
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin: 70px 0 10px 0;
	padding: 0 94px 0 0;
	text-align: justify;
}
#interior-main .leftcol .newsmain {
	margin-bottom: 0;
	padding-bottom: 0;
}
#interior-main .leftcol div.newspost h3 {
	font-size: 16px;
	margin-bottom: 4px;
}
#interior-main .leftcol div.newspost {
	font-size: 11px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0 0 30px 0;
	padding: 0 24px 0 0;
	text-align: justify;
}
#interior-main .leftcol div.newspost a, #interior-main .leftcol div.newspost a:visited {
	font-size: 12px;
	text-decoration: none;
}
#interior-main .leftcol div.newspost a:hover {
	text-decoration: underline;
}
#interior-main .leftcol div.newspost h3 {
	font-size: 12px;
	color: #fff;
}
#interior-main .leftcol div.newspost .readmore a {
	color: #fff;
	font-size: 11px;
}
#interior-main .nothinguphere {
	margin-top: 240px;
}
#interior-main .leftcol div.post strong {
	color: #66cc33;
}
#interior-main .leftcol ul {
	list-style-type:disc;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	color: #fff;
	list-style-image: url(../images/icons/plus.gif);
}
#interior-main .rightcol ul {
	list-style: none;
}
#interior-main ul.white {
	list-style-type:disc;
	margin-left: 0;
	color: #fff;
	margin-bottom: 15px;
}
#interior-main li {
/*	color: #fff;*/
}
#interior-main .rightcol .floorplan-text {
	font-size: 12px;
	color: #999999;
	padding: 0 10px;
	margin: 20px 0 60px 0;
}
#interior-main .rightcol .map-text a, #interior-main .rightcol .map-text a:visited {
	color: #66cc33;
	text-decoration: none;
}

#interior-main .rightcol .map-text {
	font-size: 12px;
	color: #999999;
	padding: 0 10px;
	margin: 20px 0 40px 0;
}
#interior-main .rightcol .floorplan-text a, #interior-main .rightcol .floorplan-text a:visited{
	color: #66cc33;
	text-decoration: none;
}
#interior-main .rightcol li .icon {
	float: left;
	width: 38px;
	margin-bottom: 15px;
}
#interior-main .rightcol li .menutext {
	float: left;
	width: 250px;
	color: #66cc33;
	font-size: 14px;
	cursor: pointer;
	padding: 4px 0 0 5px;
}
#interior-main .rightcol li .grey a, #interior-main .rightcol li .grey a:visited {
	color: #999999;
}
#interior-main .rightcol ul#group0 li {
	margin-top: 30px;
	margin-bottom: 30px;
	
}
#interior-main .rightcol li {
	clear: both;
}
#interior-main .rightcol ul#group1 {
	margin-bottom: 60px;
}
#interior-main .rightcol li a, #interior-main .rightcol li a:visited {
	color: #66cc33;
	font-size: 14px;
	text-decoration: none;
}
.rightcol #flashmapcontainer {
	margin-left: -80px;

}


.disclaimer {
	font-size: 11px;
	color: #999999;
	margin: 10px 0 40px 25px;
}
#chart {
	margin: 30px 0 0 0;
}



#solutions-container {
	width: 934px;
	margin: 50px 0;
	background: url(../images/solutions/solutions-bg.jpg) repeat-x top;
	height: 516px;
	display: block;
}
#solutions-container .leftcol {
	margin: 10px 0 10px 10px;
	background: #515151 url(../images/solutions/solutions-small-bg.jpg) repeat-x ;
	padding: 10px 10px 10px 25px;
	height: 367px;
	width: 265px;
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#solutions-container .rightcol {
	margin: 10px 10px 10px 0;
	float: left;
	background: #646464;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 580px;
	height: 387px;
	padding-left: 30px;
}
#solutions-container .leftcol .interior h2 {
	color: #fff;
	margin-bottom: 10px;
}
#solutions-container .leftcol .interior {
	width: 245px;
	height: 355px;
/*	overflow: auto;*/
	color: #66cc33;
	font-size: 12px;
}
#solutions-container .leftcol .interior p {
	margin: 0 0 10px 0;
	padding: 0;
	width: 220px;
}
#solutions-container .leftcol .interior p.title {
	color: #fff;
	margin: 0 0 0 0;
	width: 210px;
}
#solutions-container .leftcol .interior ul {
	margin-bottom: 10px;
	margin-left: 0px;
	width: 230px;
	list-style: none;
}
#solutions-container .bottomleft {
	float: left;
	margin: 22px 0 0 35px;
}
#solutions-container .bottomright {
	float: right;
	padding: 22px 0 0 0;
	margin: 0 10px 0 0;
	width: 570px;
	height: 80px;
	background: url(../images/solutions/logo.gif) no-repeat right top;
	text-align: left;
}
#solutions-container .bottomright a, #solutions-container .bottomright a:visited {
	color: #66cc33;
	text-decoration: none;
	padding-right: 30px;
}
#solutions-container .bottomright a:hover {
	text-decoration: underline;
}





/* Scrollbar & content css */						
#content1, #content2, #content3{
	height: 335px;
	width: 320px;
	float:left;
	overflow:hidden;
}
#content1 p{
	margin: 10px;
}
.scrollbar-vert{
	background: url(../images/solutions/blackline.gif) repeat-y;
	height: 335px;
	padding-bottom: 20px;
	width: 15px;
	float:left;
}
.handle-vert{
	height: 42px;
	width: 8px;
	background: #00CC33 url(../images/solutions/bar-bg.gif) repeat-y ;
}


.scrollbar-hor{
	background-color: #00CC33;
	height: 20px;
	width: 300px;
	float:left;
}
.handle-hor{
	height: 20px;
	width: 15px;
	background-color: #00CC33;
}




.grey a, .grey a:visited, .grey {
	color: #bbbbbb;
}


#interior-main .leftcol div.notop {
	padding-top: 0;
	margin-top: 15px;
}




#upslide { width: 290px; height: 250px; position: absolute; 	}
#contient { width: 290px; height: 350px; margin: 0 auto; position: relative; overflow: hidden; }
#upslide2 { width: 290px; height: 250px; position: absolute; 	}
#contient2 { width: 290px; height: 350px; margin: 0 auto; position: relative; overflow: hidden; }
#upslide3 { width: 290px; height: 250px; position: absolute; 	}
#contient3 { width: 290px; height: 350px; margin: 0 auto; position: relative; overflow: hidden; }






#contact_new .col1 label {
	display: inline;
	width: 60px;
	float: left;
}
#contact_new .col1 label.qa {
	display: inline;
	margin-top: 10px;
	width: 250px;
	float: none;
}
#contact_new .col1 h4 {
	margin-bottom: 23px;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	color: #67af1d;
	font-size: 20px;
	font-weight: bold;
}
#contact_new .col1 .send {
	width: 278px;
	text-align: right;
	margin: 3px 0;
}
#contact_new .col1 .send {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#contact_new .col1 .textbox {
	background: #a48b60;
	color: #fff;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 3px;
	border: 0;
	float: left;
	width: 210px;
}
#contact_new .col1 textarea {
	background: #a48b60;
	color: #fff;
	height: 118px;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 3px;
	border: 0;
	width: 270px;
}
#contact_new .col1, #contact_new .col2, #contact_new .col3 {
	float: left;
	font-size: 14px;
	color: #fff;
	text-align: left;
}
#contact_new a, #contact_new a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#contact_new .col1 {
	width: 295px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 30px;
}