@charset "utf-8";

/* common */
html, body, p, hr, ul, li, dt, dd, dl, sup, h1, h2, h3, h5, form, fieldset, legend, input.checkbox, input.radio, address {
	margin:0;
	padding:0;
}

a img, :link img, :visited img, fieldset, input.checkbox, input.radio {
	border:none
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
}

ol, ul {
	list-style:none;
}

address {
	font-style:normal;
}

a {
	color:#146d0b
}

a:hover {
	color:#333;
	text-decoration:none;
}

a:active, a:focus {
	outline:none
}

hr {
	border:none;
	border-top:#ddd 1px solid;
	height:0;
	clear:both;
	margin-bottom:15px;
}

hr.topm {
	margin-top:15px
}

hr.in {
	width:588px;
	clear:left
}

.clear {
	clear:both
}

.center {
	text-align:center
}

.small {
	font-size:10px
}

.header1 {
	font-size:14px;
	color:#469d33
}

/* layout*/
body {
	background:#5085bb url(i/bg.jpg) repeat-x 0 0;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin:9px auto
}

.b .c {
	width:900px;
	margin:0 auto;
	text-align:left
}

/* header */
#h {
	width:900px;
	height:345px;
	background: url(i/head.jpg) no-repeat 0 0;
	clear:both;
}

#head {
	clear:both;
	height:140px;
	overflow:hidden;
}

#head div, #head h1#logo {
	float:left;
	overflow:hidden;
	display:inline;
	height:140px;
	text-indent:-2000em
}

#head h1#logo {
	width:280px
}

#head h1#logo a {
	display:block;
	height:140px
}

#head div#licenced {
	display:none;
}

#vis {
	height:200px;
	overflow:hidden;
	clear:both;
	position:relative;
	padding:0 20px
}

#vis h2 {
	text-indent:-2000em;
	display:block;
}

#vis fieldset {
	float:right;
	display:inline;
	width:260px;
	margin-top:62px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

#vis fieldset div {
	margin:2px 0 3px;
	clear:both
}

#vis label {
	float:left;
	display:inline;
	width:80px;
	text-align:right;
	margin-right:4px;
	padding-top:3px
}

#vis input {
	width:142px;
	padding:2px;
	font-size:12px;
}

#vis .buts input {
	width:132px;
	text-align:center;
	text-indent:-3px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:2px 0 7px;
	display:block;
	margin:10px 0 0 67px;
	background:url(i/but_submit.gif) no-repeat 0 0;
	border:none;
	cursor:pointer
}

ul.dropdown {
	text-align:center;
	background:#fff;
	padding:0 20px 14px;
	height:40px;
	width:860px;
	position: relative;
}

ul.dropdown li {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	height:40px;
	zoom: 1;
}

ul.dropdown li a {
	display:block;
	height:40px;
	text-indent:-2000em;
	width:73px;
	background: url(i/menu.gif) no-repeat 0 0
}

ul.dropdown li#mServices a {
	background-position:-73px 0;
	width: 88px
}

ul.dropdown li#mGreen a {
	background-position:-161px 0;
	width: 97px
}

ul.dropdown li#mGallery a {
	background-position:-258px 0;
	width: 139px
}

ul.dropdown li#mTestimonials a {
	background-position:-397px 0;
	width: 127px
}

ul.dropdown li#mEstimate a {
	background-position:-524px 0;
	width: 125px
}

ul.dropdown li#mAbout a {
	background-position: -649px 0;
	width:94px
}

ul.dropdown li#mContact a {
	background-position:-743px 0;
	width: 117px
}

ul.dropdown li#mHome a:hover {
	background-position:0 -70px
}

ul.dropdown li#mServices a:hover {
	background-position:-73px -70px
}

ul.dropdown li#mGreen a:hover {
	background-position:-161px -70px
}

ul.dropdown li#mGallery a:hover, ul.dropdown li#mGallery.hover a, ul.dropdown li#mGallery:hover a {
	background-position:-258px -70px !important
}

ul.dropdown li#mTestimonials a:hover {
	background-position:-397px -70px
}

ul.dropdown li#mEstimate a:hover {
	background-position:-524px -70px
}

ul.dropdown li#mAbout a:hover {
	background-position: -649px -70px
}

ul.dropdown li#mContact a:hover {
	background-position:-743px -70px
}

ul.dropdown a:active {
	color: #ffa500;
}

ul.dropdown li.hover {
	position: relative;
}

/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width: 188px !important;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index:2000;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

/*ul.dropdown li#mGallery ul {
	width:188px !important;
}
*/
ul.dropdown ul li {
	border-left:none;
	float: none !important;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	text-align:left !important;
	text-indent:12px;
	width: 100% !important;
	height:28px !important;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background:#78b30d !important;
	text-indent:1em !important;
	display: inline-block;
	text-transform:capitalize !important;
	border-bottom:1px solid #fff
}

ul.dropdown ul li a:hover {
	background:#069 !important;
	color:#fff !important
}

/* ie lte 7 hacks */
*html ul.dropdown ul li {
	display: inline;
	width: 100%;
	height:29px;
}

*:first-child+html ul.dropdown ul li {
	display: inline;
	width: 100%;
	height:29px;
}

*html ul.dropdown ul li {
	text-indent:0 !important;
	padding-left:4%;
	width:96% !important
}

*:first-child+html ul.dropdown ul li a {
	text-indent:0 !important;
	padding-left:4%;
	width:96% !important
}

/* EOF Top MENU */

/* content */
#content {
	font-size:12px;
	line-height:14px;
	color:#333;
	background:#fff url(i/bg_content.gif) no-repeat 50% 100%;
	zoom:1;
	padding:0 40px 33px 40px;
	clear:both
}

#content h1, #content h2 {
	background-repeat:no-repeat;
	background-position:left top;
	/*text-indent:-2000px;       */
	height:31px;
	overflow:hidden;
}

#content h2 a, #content h1 a {
	display:block;
	height:31px;
	max-width:252px;
}

#content p {
	padding:16px 0 0 14px
}

#content #happyCustomers p {
	padding-left:0
}

#content img.i {
	padding:1px;
	border:#333 0px solid;
	margin-bottom:14px;
}

#content img.limg {
	float:left;
	margin:16px 14px 0 0
}

#content img.rimg {
	float:right;
	margin-left:11px
}

#content .pan {
	float:left;
	padding-bottom:14px;
	width:252px
}

#content .vertborder {
	float:left;
	border-left:#ddd 1px solid;
	padding-left:15px;
	margin-left:15px;
	height:90px;
	margin-top:48px;
}

#content #freeEstimate a {
	display:block;
	margin:32px auto 0 0;
	text-indent:-2000em;
	width:251px;
	height:86px;
	background:url(i/free_estimate.gif) no-repeat 0 0
}

#content #freeEstimate a:hover {
	background-position:0 100%
}

/* Member of */
/* Header Member */
ul#member {
	left:64px;
	margin:71px 0 0;
	position:relative;
}

ul#member li {
	float:left;
	display:inline
}

ul#member li a {
	display:block;
	width:34px;
	height:52px;
	text-indent:-2000em;
	overflow:hidden
}

ul#member li#mBIA a {
	width:54px
}

ul#member li#mNARI a {
	width:54px
}

ul#member li#mCSLB a {
	width:47px
}

/* Footer Member */

.member {
	clear:both
}

h4 {
	text-align:center;
	font-size:14px;
	color:#333;
	clear:both;
	margin:0 auto 8px
}

.member ul {
	clear:both;
	width:420px;
	display:block;
	margin:0 auto
}

.member ul li {
	float:left;
	display:inline
}

.member ul li a {
	display:block;
	height:76px;
	width:141px;
	margin:0 8px;
	background:url(i/member.gif) no-repeat 0 0;
	text-indent:-2000em;
	overflow:hidden
}

.member ul li#memberBIA a {
	width:69px;
	background-position:-154px 0
}

.member ul li#memberNARI a {
	width:83px;
	background-position:-237px 0
}

.member ul li#memberCSLB a {
	width:62px;
	background-position:-332px 0
}

/* inner pages */
#col_right, #col_rightL {
	float:right;
	min-height:12em;
	width:200px;
	text-align:right;
	padding-bottom:1em
}

#col_left, #col_leftL {
	min-height:12em;
	padding-bottom:1em;
	width:600px;
}

#col_rightL {
	width:268px;
	padding-top:16px;
}

#col_leftL {
	width:518px;
}

#col_leftL p {
	text-align:justify
}

/* #in h1, #in h2 {text-indent:0; font-size:25px; color:#ff0000; overflow:visible; line-height:28px;} delete later */
ul.one_col {
	margin:1.8em 0 0 28px
}

ul.one_col li {
	line-height:18px;
}

ul.two_cols {
	margin:1.8em 0 0 1em;
	display:block;
	width:604px;
}

ul.two_cols li {
	float:left;
	width:280px;
	height:28px;
	line-height:16px
}

ul.two_cols li a, ul.one_col li a {
	font-weight:bold
}

ul.inTxtUl {
	margin:1em 0 0 32px;
	list-style:disc
}

ul.inTxtUl li {
	margin:4px 0
}

.cntr {
	text-align:center;
	margin:12px auto
}

/* One Col Centered */

#col_centered {
	width:540px;
	margin:0 auto;
	padding-bottom:1em;
}

#content #col_centered h2, #content h2.txtHead2 {
	text-indent:0;
	text-align:center;
	font-size:24px;
	line-height:28px;
	color:#4d82b8;
	padding-top:.6em
}

#content h2.txtHead2 {
	text-align:left;
	padding-left:14px;
}

#col_centered ul {
	display:block;
	margin:1.6em auto
}

#col_centered ul li {
	display:inline;
	float:left;
	font-size:14px;
	height:27px;
	line-height:27px;
	margin:0 0 0 32px;
	width:148px;
	overflow:hidden
}

#col_centered ul li a {
	color:#333
}

#foot a {
	width:198px;
	height:52px;
	margin:0 auto;
	background:url(i/foot_estimate.gif) 0 0;
	display:block;
	text-align:left;
	text-indent:-2000em
}

#foot a:hover {
	background:url(i/foot_estimate_rollover.gif) 0 0;
}

#cform {
	margin:1em auto;
	width:348px;
	text-align:center;
}

.cntrl_tbl td {
	padding: 4px 18px;
	text-align:left;
}

.cntrl_tbl input {
	width:180px
}

.cntrl_tbl select {
	width:185px
}

.cntrl_tbl textarea {
	width:304px;
	height:120px;
}

.cntrl_tbl #Send {
	width:68px;
}

/* footer */
#footer {
	padding:6px;
	text-align:center;
	background:url(i/bg_footer.gif) no-repeat top;
}

#footer ul li {
	border-left:#fff 1px solid;
	margin-left:3px;
	padding-left:6px;
	display:inline
}

#footer ul li.first {
	margin-left:0;
	padding-left:0;
	border-left:none
}

#footer ul li a {
	color:#fff;
	font-size:14px;
	text-decoration:none
}

#footer ul li a:hover {
	color:#e8eff9;
	text-decoration:underline
}

#copy, #copy a {
	color:#e8eff9;
	font-size:12px;
	line-height:34px;
}

/* JS Gallery */
h3 {
	text-align:center;
	margin:1em auto;
	clear:both;
	font-size:18px;
}

#galRoot {
	clear:both;
	width:608px;
	margin:1em auto 2em;
	display:block
}

#galRoot li {
	float:left;
	display:inline;
}

#galRoot li a {
	display:block;
	width:183px;
	height:18px;
	padding-top:146px;
	margin:8px;
	background:url(i/gal_kitchen.jpg) no-repeat 50% 0;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-size:14px;
}

#galRoot li a:hover {
	color:#146d0b;
}

#galRoot li#galBathroom a {
	background-image:url(i/gal_bathroom.jpg)
}

#galRoot li#galRoom a {
	background-image:url(i/gal_room.jpg)
}

#galRoot li#galDoors a {
	background-image:url(i/gal_doors.jpg);
	margin-left:108px;
}

#galRoot li#galFlooring a {
	background-image:url(i/gal_flooring.jpg)
}

/* ===================== GENERAL FORMS ELEMENTS ========================== */

form {
	display: inline;
}

input, select, textarea {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle
}

.contact_tbl input, .contact_tbl select, .contact_tbl textarea {
	margin:4px;
}

.contact_det {
	width:36%;
	float:left;
	padding-left:14px;
}

.input {
	width: 200px
}

#contact_form, #contact_form table {
	width:488px;
	float:left
}

#contact_form textarea {
	width:468px;
	height:180px;
	margin:4px 0
}

.req {
	font-weight:bold;
	color:#900;
}

input.textbox_user
{
font-weight:normal;
font-size:12px;
color:#000000;
font-family:tahoma;
text-decoration:none;
background-color:#FFFFFF;
border:1px solid #DFE0E1;
width:170px;
height:20px;
}


 /* END FORM */

