/* ###########  header content #############  */

#logo
{
	text-align:left;
	z-index:0;
	float: left;
	width: 275px;
}

#logo img
{
	display:block;
}


#top_pic
{
	height: 160px;
	width: 665px;
	background: url(../image/main2010_06.jpg);
	background-position: right;
	border: 0;
	margin: 0 auto;
	padding: 0;
	float: left;
}

/* ################# top ################ */
#minitoolbar{
height: 50px;
width: 280px;
margin: 0 auto;
float: left;
}

#topmenu{
height: 50px;
width: 632px;
margin: 0 auto;
float: left;
}

#topmenu a{
border: 0;
height: 50px;
display: block;
float: left;
}

#topmenu a:hover{
background: none;
}

#topmenu span{
display: none;
}

a#about{
background: url(../image/toolbar_02.jpg) no-repeat;
width: 104px;
}

a#service{
background: url(../image/toolbar_03.jpg) no-repeat;
width: 104px;
}

a#estimate{
background: url(../image/toolbar_04.jpg) no-repeat;
width: 112px;
}

a#gallery{
background: url(../image/toolbar_05.jpg) no-repeat;
width: 109px;
}

a#testimonials{
background: url(../image/toolbar_06.jpg) no-repeat;
width: 106px;
}

a#contact{
background: url(../image/toolbar_07.jpg) no-repeat;
width: 97px;
}

#topmenu img{
float: left;
}

#topmenu img:hover{
background-image: url(../image/toolbar3_02.gif);
}

#top_line{
height: 35px;
width: 940px;
background: url(../image/under-toolbar.jpg) no-repeat;
text-align:left;
}

#top_line h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding: 3px 0 0 45px;

}


#realsearch{
width: 190px;
height: 30px;
font-size: 10px;
text-align: left;
color: #000000;
}

#realsearch_bottom{
width: 190px;
text-align: left;
color: #000000;
}

#toptext{
text-align: left;
height: 23px;
width: 900px;
color: #840B1D;
padding: 12px 0 0 25px;
font-family: x-files, arial;
font-size:15px;
text-transform: uppercase;
}

input#townsearch{
padding: 2px;
font-size: 13px;
}

#left_bottom{
width: 190px;
text-align: left;
color: #000000;
}

/* ################ main ######################## */

.front{
font-size: 12px;
text-align: left;
width: 300px;
padding: 10px 15px 15px 15px;
background-color: #D8E4F2;
border: 1px #BDD4EE solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 0 0 0 40px;
}

.front p{
font-size: 16px;
font-weight:bold;
text-decoration:underline;
text-transform: uppercase;
padding: 5px 0 10px 2px;
}

.front_add_pic1{
float: left;
}

.front_add_pic2{
float: left;
padding: 5px 0 0 40px;
}

.front_add{
font-size: 12px;
text-align: left;
width: 300px;
padding: 10px 15px 15px 15px;
background-color: #D8E4F2;
border: 1px #BDD4EE solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 10px 0 0 40px;
float: left;
}

.front_add p{
font-size: 16px;
font-weight:bold;
text-decoration:underline;
text-transform: uppercase;
padding: 5px 0 10px 2px;
}

/* ################ Service ######################## */

.service_left{
padding: 10px 0 10px 15px;
font-family: Arial, Helvetica, sans-serif;
color: #0A2A39;
font-size:13px;
background-color: #D8E4F2;
margin: 15px 0 30px 0;
width: 165px;
height: 240px;
}

.service_left p{
font-weight: bold;
padding: 0 0 10px 0;
}

.service_left ul{
padding: 0 0 0 20px;
}


.text-service{
font-size: 12px;
text-align: left;
width: 300px;
padding: 10px 15px 15px 15px;
background-color: #D8E4F2;
border: 1px #BDD4EE solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 0 0 0 30px;
}

.text-service a{
font-size: 16px;
font-weight:bold;
text-decoration:underline;
text-transform: uppercase;
padding: 20px 0 10px 2px;
text-decoration: none;
display: block;
color: #000000;
}

.service2{
font-size: 12px;
text-align: left;
width: 300px;
padding: 10px 15px 15px 15px;
background-color: #D8E4F2;
border: 1px #BDD4EE solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 0 0 0 30px;
}

.service2 p{
font-weight:bold;
font-size: 15px;
padding: 5px 0 20px 0;

}

.service2 p.service2_bottom{
font-size: 12px;
padding: 20px 0 0 0;
}

/* ################ About ######################## */

.about-us{

}


/* ###############  right #################  */

/* ###############  footer #################  */

#footer{
width: 940px;
text-align: right;
margin: 0 auto;
background: url(../image/footer.jpg) no-repeat;
background-position: top;
padding: 12px 0 0 0;
}

#footer p {
color:#9E9E9E;
margin: 0 20px 0 0;
font-size: 10px;
}

#footer p a{
color:#000000;
text-decoration: underline;
}

#menu_bottom{
color: #727272;
font-size: 12px;
margin: 0 0 0 0;
width: 720px;
float: left;
text-align: left;
}

#menu_bottom table{
margin: 0 0 5px 0;
}

#menu_bottom a{
color: #4D4D4D;
font-size: 12px;
text-decoration: none;
width: 200px;
padding: 0 10px 0 10px;
border-left: 1px #4D4D4D solid;
}

#menu_bottom a:hover{
color: #727272;
text-decoration: underline;
}


#towns{
margin: 20px 0 0 20px;
color: #000000;
font-size: 11px;
padding: 20px 20px 20px 5px;
border-top: 1px solid #9B9B9B;
width: 890px;
text-align: left;
}

#towns p{
padding: 10px 0 3px 0;
}

#partners{
float: left;
width: 190px;
color: #727272;
font-size: 12px;
text-align: left;
padding: 0 0 0 30px;
overflow: hidden;
height: 60px;
}

#partners a{
color: #4D4D4D;
font-size: 11px;
text-decoration: underline;
}

/* ###############  Recent Work #################  */

.recent_work_title{
margin: 20px 0 0 0;
width: 175px;
display: block;
float: none;
padding: 10px 0 10px 5px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #0A2A39;
height: 30px;
font-size:14px;
background-color: #D8E4F2;
}

.div_lnd_intro{
margin: -10px 0 10px 0;
width: 174px;
background: #D8E4F2;
font-size: 12px;
padding: 0 3px 5px 3px;
}

.div_lnd_intro span{
padding: 0 0 0 3px;
color:#666666;
}

.div_lnd_intro a.lndtitle{
display: block;
float: none;
padding: 0 0 0 5px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
background-color: #D8E4F2;
text-decoration: underline;
}

.div_lnd_intro a img{
border: 0;
display: block;
float: none;
padding: 0 0 3px 0;
}

.gk_news_image_main{
border: 1px solid #D7D7D7;
background-color:#F1F1F1;
}

.gk_news_image_3_tabsbar{
border: 1px solid #D7D7D7;
background-color:#F1F1F1;
}

/* ###############  Company Info #################  */

#company-info{
height: 100px;
width: 170px;
background: url(../image/comp-info.jpg);
color: #F9F6E7;
padding: 20px 0 0 10px;
margin: 0 0 20px 0;
}

#company-info-name{
font-size: 13px;
font-weight: bold;
padding: 0 0 0 5px;
}

#company-info-address{
padding: 2px 0 0 10px;
font-size: 12px;
}

#company-info-phone-name{
padding: 5px 0 0 5px;
font-size: 8px;
}

#company-info-phone{
padding: 0 0 0 5px;
font-size: 15px;
font-weight: bold;
}

/* ###############  Estimate - Contact #################  */

table#ckformcontainer{
font-size: 12px;
text-align: left;
background-color: #D8E4F2;
border: 1px #BDD4EE solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 0 10px 20px 20px;
}

table#ckformcontainer p.form_intro{
font-size: 13px;
padding: 0 0 10px 0;
}

table#ckformcontainer td{
padding: 10px 35px 15px 15px;
}

input.inputbox{
width: 250px;
margin: 0 0 0 3px;
}

SELECT.ckCSSinputnowidth{
margin: 0 0 0 3px;
}

TEXTAREA.ckCSSinputnormal{
width: 250px;
margin: 0 0 0 3px;
}

table#ckformcontainer LABEL{
width: 90px;
font-size:9px;
text-align: right;
margin: 0 0 2px 0;
}

table#ckformcontainer p.ckCSSclear{
border-top: 1px #BBCFD8 solid;
margin: 5px 5px 5px 0;
padding: 5px 0 0 0;
min-height: 20px;
}

.ckCSScenter{
padding: -20px 0 0 0;
margin: -20px 0 0 0; 
}

/* ###############  About Us #################  */

.about-us{
font-size: 12px;
text-align: left;
width: 300px;
padding: 10px 15px 15px 15px;
background-color: #FCFBF4;
border: 2px #F9F6E7 solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 0 0 0 30px;
}

#maintext maintext1 maintext2 maintext3 maintext4{
	margin: 0 auto; padding: 0; 
}

#maintext {
	height: 580px; width: 710px; background: url(main_11service.jpg) no-repeat; float: left; text-align: left;
}

.maintext1 {
	width: 650px; margin-top: 30px; margin-left: 20px; padding: 0; height: 500px; 
}

.maintext1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;
}

.maintext1 .maintext12{

}

.maintext1 .maintext12 h1{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; padding-left: 40px; text-decoration: underline;
}

.maintext1 .maintext13{

}

.maintext1 .maintext13 .maintext131{
	height: 280px; width: 240px; float: left; margin: 5px 0 0 0;
}

.maintext1 .maintext13 .maintext131 .maintext1311{
	margin: 0 auto; padding: 5px 0 0 0; font-size:11px;
}

.maintext1 .maintext13 .maintext131 .maintext1312 td{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #CDDEE5; padding: 0 0 0 5px;
}

.maintext1 .maintext13 .maintext131 .maintext1312 form{
	margin: 0 auto; padding: 10px 0 0 0; height: 162px;
}

.maintext1 .maintext13 .maintext132{
	height: 280px; width: 400px; float: right; margin: 5px 0 0 0;
}

.maintext1 .maintext13 .maintext132{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

.maintext1 .maintext13 .maintext132 .maintext1321 h3.three{
	margin: 0 auto; padding: 5px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  
}

.maintext1 .maintext13 .maintext132 .maintext13211{
	margin: 0 auto; padding: 15px 0 0 0; width: 40px; float: left; text-align:right; 
}

a.zip{
	padding: 3px 5px 3px 5px; float:left; display: block; background-color: #CEDFE5; width: 40px; text-decoration: underline;
}

.maintext1 .maintext13 .maintext131 .maintext1311 img.pics{
	padding: 5px 5px; border:solid; border-width: 1px; margin: 10px 0 0 0; 
}

.maintext1 .maintext13 .maintext132 .maintext13212{
	margin: 0 auto; padding: 15px 0 0 0; width: 345px; float: right; 
}

.maintext2 {
	width: 110px; margin-top: 50px; margin-left: 70px; padding: 0;  text-align: left; 
}

.maintext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify;  font-size: 12px; text-decoration: none;
}

.maintext3 {
	margin: 97px 470px 0 40px; padding: 0;
}

#lefttoolbar lefttoolbar1 lefttoolbar2 lefttoolbar3{
	margin: 0 auto; padding: 0;
}

#lefttoolbar {
	height: 580px; width: 210px; background: url(main_10.jpg) no-repeat; margin: 0 auto; padding: 0; float: left;
}

.lefttoolbar1{
	width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;  font-size: 10px; border-bottom-color:#000000; border-bottom-width: 1px; border-bottom-style: dotted; padding: 0 0 10px 5px; margin-top: 40px; margin-bottom: 10px; margin-left: 15px; margin-right: auto; color:#FFFFFF;
}

.lefttoolbar1 h2{
	padding: 0; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}

#lefttoolbar2{
	width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;  font-size: 10px; border-bottom-color:#000000; border-bottom-width: 1px; border-bottom-style: dotted; padding-bottom: 10px; margin-top: 15px; margin-left: auto; margin-right: auto;
}

#lefttoolbar3{
	width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;  font-size: 10px; border-bottom-color:#000000; border-bottom-width: 1px; border-bottom-style: dotted; padding-bottom: 10px; margin-top: 15px; margin-left: auto; margin-right: auto;
}

#maintext4{
	padding: 5px 0 0 10px;
}

a.zipcodes{
	text-decoration:underline;	
}

.maintext1 .maintext1list {
    width: 200px; font-size: 10px; float:left;
}

/* ############### Form all #################  */

#ckformcontainer {
	width: 100%;
}

.ck_mandatory {
	color:#FF0000;
	padding: 0px;
	font-size:0.83em;
	font-weight: bold;
}

.cktooltip {
	background-color:#FFFF99;
	margin-left:-10px;
	margin-right:-10px;
	padding: 5px;
}

#cktooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 3px;
	opacity: 0.85;
	font-size:11px;
	color:#333333;
}

#cktooltip h3 {
	font-size:12px !important;
}

#cktooltip h3, #cktooltip div { margin: 0; }

.ckform_tooltip {
	margin-top: 12px;
	margin-left: 5px;
}

#ckform {
	margin-top: 10px;
}

#ckform div.error {
	clear: both;
	color: #FF0000 !important;
	font-style: italic;
	display: none;
	padding: 0px !important;
}

#ckform div.error .ckCSSFloatLeft{
	width: 20%;
}
	
/*#ckform input { border: 1px solid black; }*/
#ckform input:focus { border: 1px dotted black; }
#ckform input.error {
	border: 1px dotted #FF0000 !important;
}
#ckform textarea.error { border: 1px dotted red; }

#ckpoweredby {
	text-align:center !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

#ckpoweredby a {color:#666666;}

/* CSS layout */

.ckCSSlabel {
	display: block;
	float: left;
	margin-top: 10px;
	width: 20%;
	font-size:1em;
}

.ckCSSinputnormal {
	display: block;
	float: left;
	margin-top: 10px;
}

.ckCSSinputnowidth {
	display: block;
	float: left;
	margin-top: 10px;
}

.ckCSSnoTip {
	width: 77%;
}

.ckCSSTip {
	width: 74%;
}

.ckCSSclear {
	margin: 0px;
	padding: Opx;
	clear: both;
}

.ckCSSFloatLeft {
	float: left;
}

.ckCSSbot10 {margin-bottom: 10px;}
.ckCSSbot5 {margin-bottom: 5px;}
.ckCSStop10 {margin-top: 10px;}

.ckCSScenter {
	text-align:center !important;
	margin-top: 10px !important;
}

.ui-datepicker-trigger {
	margin-top: 13px;
}

#submit_bt, #reset_bt{
	padding: 3px 5px;
}

/* ###############  Estimate - Contact #################  */

table#ckformcontainer{
font-size: 12px;
text-align: left;
background-color: #D8E4F2;
border: 1px #BDD4EE solid;
border-left: none;
border-top: none;
text-align: justify;
margin: 0 10px 20px 20px;
}

table#ckformcontainer p.form_intro{
font-size: 13px;
padding: 0 0 10px 0;
}

table#ckformcontainer td{
padding: 10px 35px 15px 15px;
}

input.inputbox{
width: 250px;
margin: 0 0 0 3px;
}

SELECT.ckCSSinputnowidth{
margin: 0 0 0 3px;
}

TEXTAREA.ckCSSinputnormal{
width: 250px;
margin: 0 0 0 3px;
}

table#ckformcontainer LABEL{
width: 90px;
font-size:9px;
text-align: right;
margin: 0 0 2px 0;
}

table#ckformcontainer p.ckCSSclear{
border-top: 1px #BBCFD8 solid;
margin: 5px 5px 5px 0;
padding: 5px 0 0 0;
min-height: 20px;
}

.ckCSScenter{
padding: -20px 0 0 0;
margin: -20px 0 0 0; 
}

/* ################# Photo - Towns ################ */

#left_photo{
	background: url(../image/left.jpg) repeat-y;
	float: left;
	width: 190px;
	min-height: 540px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	overflow:visible;
}