/* CSS Document */

* { margin:0; padding:0;}

html, body { height:100%; }

body {font-size:100%; line-height:1.0625em; background: url(images/bg.gif) }

html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 

		color:#777777;	}	



object { vertical-align:top; outline:none}

.alignMiddle{ vertical-align:middle}

.alignCenter{ text-align: center}

.container1{ width:100%}

.clear { clear:both;}

.fleft{ float:left}

.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0}

img{ vertical-align:top;  }

fieldset{ border:none}



a{color:#777; text-decoration:underline; outline:none} 

a:hover{text-decoration:none}



.link{text-decoration:none; }

.link:hover{text-decoration:underline }



.button{color:#726f68; background:url(images/but.gif) top left no-repeat; width:49px; padding-top:5px; text-align:center; height:44px; display:block; text-decoration:none; font-size:17px  }

.button span{ font-size:24px; display:block; margin-bottom:-5px }



#content ul{margin:0; padding:0; list-style:none;}

#content ul .li{background:none; margin:0; padding-left:0; text-decoration: underline; } 

#content ul .li a:hover { text-decoration:none; }

#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:20px; }

#content ul li a{color:#777777; text-decoration:none ; line-height:2em} 

#content ul li a:hover { text-decoration:underline; }



.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }

.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}

.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}

.link-1:hover{ text-decoration:none; color:#000000}





/*header*/

#header {
	font-size:0.75em; 
	color:#FFFFFF;
	padding: 100px 0 0;
	box-sizing: border-box;
 }

#header .logo{ 
	float: left;
}

#header .phone-number {
	float: right;
}



.m{ margin:0 14px 14px 0 }

.row{ height:149px; margin-bottom:16px; color:#626161}

.mobile-menu {
	display: none;
	margin-bottom: 20px;
}
.mobile-menu a {
	width: 100%;
	line-height: 40px;
	display: inline-block;
    margin-bottom: 1px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #706d66;
    color: #fff;   
    box-sizing: border-box;
}

.about .about-link,
.services .services-link,
.broken .broken-link,
.replacements .replacements-link
 {
 	background-color: #c2c5ba;
 	color: #706d66;
 	cursor: default;
 } 

/*content*/

#content{ font-size:12px; width:100%; text-align:left;}

#content .indent-main{padding:0 0 20px 0}

#content .indent-main1{padding:0 0 80px; text-align: center;}

#content .title{  margin-bottom:16px}

#content .img-left{ float:left; margin:0 15px 0 0}

#content .img-indent{ margin:0 0 16px 0}

#content p{ margin:0 0 17px 0}

#content .p{ margin:0}

#content .p1{ margin:0 0 17px 0}

#content h2{color:#7c816b; font-size:24px; font-weight:normal; margin-bottom:15px; line-height:1em;}

#content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }

#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}



#content .indent{padding:0 0 0 65px}



/*box*/

.box{ background:#fff; width:100%;}

.box .border-top {background:url(images/border_top.gif) top repeat-x;}

.box .border-bottom {background:url(images/border_bottom.gif) bottom repeat-x;}

.box .border-left {background:url(images/border_left.gif) left repeat-y;}

.box .border-right {background:url(images/border_right.gif) right repeat-y;}

.box .corner-top-left {background:url(images/corner_top_left.gif) left top no-repeat;}

.box .corner-top-right {background:url(images/corner_top_right.gif) right top no-repeat;}

.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) left bottom no-repeat;}

.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }

.box .indent-box{ padding:50px 80px 0 80px; }

.box .indent-box1{ padding:50px 80px 0 80px; }

.box .indent-box2{ padding:50px 80px 0 80px; }

.box .indent-box .col-1, .box .indent-box .col-2 {
	margin-bottom: 50px;
}



/*box1*/

.box1{ background:#c2c5ba; width:100%;}

.box1 .corner-top-left {background:url(images/corner_top_left1.gif) left top no-repeat;}

.box1 .corner-top-right {background:url(images/corner_top_right1.gif) right top no-repeat;}

.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) left bottom no-repeat;}

.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) right bottom no-repeat; width:100%; }

.box1 .indent-box{ padding:17px 20px 17px 20px; }



/*footer*/

#footer { color:#6e6f6b; font-size:0.6875em; }

#footer .indent-footer{ padding:0 2px 10px 2px ;}

#footer a {color:#6e6f6b; text-decoration:underline}  

#footer a:hover {  text-decoration:none}



#footer ul{margin:0; padding:0; list-style:none; overflow: hidden;}

#footer ul li{ margin:0; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}

#footer ul li a{color:#fff; font-weight:bold; text-decoration:none; display:block; float:left; padding:2px 10px 2px 10px; font-size:1.16em; text-shadow: 0.1em 0.1em #818577} 

#footer ul li a:hover { text-decoration: none; color:#818577; text-shadow: 0.1em 0.1em #fff }

#footer ul .first{background:none;}

#footer ul .first a{ padding-left:0}



.jamp{ width:40px; margin-left:6px}

select{font-size:.84em; color:#2d3331; height:20px}

	

.indent-2{ position:relative; padding-left:20px; float:left}

.h{ height:26px; background:url(images/bg_input.gif) top left no-repeat}

.h1{ height:62px; background:url(images/bg_input1.gif) top left no-repeat}

.block-contact span{ float:right; margin-right:220px}

.input{

   	border:none; 

	background:none;

	width:220px; height:20px;

	font-size:1em;

	color:#000;

	padding-left:5px;

	padding-top:2px;

	padding-bottom:2px;

}input{

   	border:none; 

	background:none;

	width:164px; height:18px;

	font-size:1em;

	padding-left:5px;

	padding-top:2px

}

textarea{

   	border:none; 

	background:none;

	width:185px; height:46px;

	font-size:1em;

	padding-left:5px;

	margin-bottom:11px;

	overflow:auto
}


@media (max-width: 503px) { 
	.menu {
		display: none;
	}
	.mobile-menu {
		display: block;
	}
}

@media (max-width: 676px) {
	#header .logo, #header .phone-number {
		float: none;	
		margin-bottom: 20px;	
	}
	#header .logo img {
		width: 100%;
		max-width: 332px;
	}	
	#header .phone-number img {
		width: 100%;
		max-width: 219px;
	}
	#content .indent-main1 {
		padding-bottom: 20px
	}
	#content .indent-main1 img {
		width: 100%;
		max-width: 301px;
		margin-right: 0;		
	}

	.box .indent-box {
		padding: 30px 30px 0;
	}
	.box .indent-box .col-1, .box .indent-box .col-2 {
		width: 100% !important;
		padding-right: 0 !important;
		margin-bottom: 30px;
	}

	#footer {
		text-align: center;
	}	
	#footer ul li {
		float: none;
		display: inline-block;
		line-height: 12px;
	}
	.fright {
		float: none;
		margin-bottom: 15px
	}
}