@charset "utf-8";
/* CSS Document */
body
{
	color:#5a5a5a;
	max-width:980px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px auto;
	background-color: #EBEFE4;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
}
img
{
	border:none;
}
a
{
	outline:none;
	color:#5a5a5a;
	text-decoration:none;
}
.clearboth
{
	clear:both;
}
h1
{
	margin:0px;
	padding:0px;
	font-size:24px;
	color:#474747;
	font-weight:normal;
}
h2
{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#060;
	
	}

#outer
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#links
{
	height:42px;
}
#links ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#links ul li
{
	float:left;
	display: inline;
	text-transform:uppercase;
	padding-top:15px;
	padding-bottom:15px;
	margin-right:1px;
}
#links ul li a
{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;
}
#links ul li a:hover
{
	background:url(../images/links-bg-hover.gif) repeat-x;
	color:#1c2f00;
}
#header
{
	height:70px;

	*height:119px;
	width:100%;
	position:relative;
}
.logo
{
	width:40%;
	height:50px;
	margin-top:55px;
}
.freequote
{
	position:absolute;
	width:256px;
	height:91px;
	left: 726px;
	top: 0px;
	*top: 19px;
}

#content
{
	border:1px solid #d8d8d8;
	background:#ffffff;
	min-height:300px;
}
.banner
{
	margin-top:16px;
	width:97%;
	height:263px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/banner.jpg) no-repeat;
	position:relative;
}
.banner-aboutus
{
	position:absolute;
	width:376px;
	left: 572px;
	top: 0px;
	color:#666666;
	text-align:justify;
}

.text
{
	width:97%;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
.text ul li
{
	list-style-image:url(../images/arrow.png);
	padding-left:5px;
	padding-bottom:5px;
}
.left-text
{
	width:65%;
	float:left;
	text-align:justify;
}
.right-text
{
	width:30%;
	float:right;
}
.services-top
{
	width:100%;
	height:17px;
	background:url(../images/services-top.gif) no-repeat;
}
.services-center
{
	width:92%;
	background:url(../images/services-center.gif) repeat-y;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	font-size: 14px;
}
.services-bottom
{
	width:99%;
	height:17px;
	background:url(../images/services-bottom.gif) no-repeat;
}

#footer
{
	height:70px;
	color:#ffffff;
	text-align:center;
	padding-top:15px;
	background-color: #C99501;
	font-size:11px;
}
#footer a
{
	color:#ffffff;
}


@media screen and (max-width: 700px) {
	.left-text, .right-text { float:none; width:100%; display:block; }
	.banner, #footer {display:none;}
	table { width: 100%; }
	table td {display:block; width:100%;}
	.services-top { background:none;  }
	.services-bottom { background:none;   }
	.services-center { background:none;  }
	.right-text { background:none; background-color:#ebefe4; border-radius: 10px; border-color: #eaeaea; border-width:2px; border-style: solid; }
	
	.left-text > h1:nth-child(1), .left-text > p { float:left;}
	#links { height:100%; background-color: #579727; }
	#links ul li, #links ul li a{ display:block; float:none; width:100%; padding: 5px 10px;}
	#header {display:block;}
	#content > div > div > p > img { display:none; }
	.logo { width:100%; }
	#header > div > a > img { width: 100%; height: 100%; }
	.citylink { line-height:32px; }
}

@media screen and (max-width: 430px) {
	#header > div > a > img { width: 100%; height: 100%; }
	#links { height:100%; background-color: #579727; }
	
	}