body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background: url(../images/bg.jpg) repeat-x #62ACDF;
	margin: 0;
	padding: 0;
}
#masthead {
	background: url(../images/masthead.jpg) no-repeat #005FAD;
	color: #000;
	height: 240px;
	padding: 0px;
	margin: 0;
}
#wrapper {
	width: 985px;
	margin: 0 auto;
	background: url(../images/wrapper.jpg) repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#header {
	height: 175px;
	background: url(../images/armor_roofing_springfield_mo.jpg) top left no-repeat;
}
#header h2 {
	margin: 0;	
}
#header h2 a {
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	width: 500px;
	height: 120px;
	text-indent: -9999px;
}
#header h3 {
	visibility: hidden;
	font-size: 7px;
}
#navbar {
	margin: 0;
	padding: 6px 0 0 25px;
	font-size: 0.9em;
	position: relative;
	z-index: 9999;
}
#center {
	width: 985px;
}
#top {
	background: url(../images/top.jpg) no-repeat;
}
#center .content {
	padding: 0px 40px 20px 35px;
	font-size: 0.8em;
	line-height: 1.65em;
}
#masthead .content {
	padding: 12px 20px;
}
#footer .content {
	padding: 25px 20px 0 20px;
}
#footer {
	background: url(../images/footer.jpg) no-repeat #62ACDF;
	color: #FFF;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
}
#center a:link {
	color: #669999;
}
#center a:visited {
	color: #333333;
}
#center a:hover {
	color: #000000;
}
#first-row{
	padding: 1px 0 0 230px;
	margin: 0;
	height: 230px;
	overflow:hidden;
}
#first-row h2 {
	color: #322f30;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 15px;
}
#first-row h2 strong {
	font-size: 26px;
}
#intro {
	margin: 0;
	padding: 0;
}
#second-row{
	padding: 0;
	margin: 0 auto;
	height: 375px;
}
#storm{
	background: url(../images/roofing_logos.jpg) no-repeat;
	width: 260px;
	float: left;
	height: 375px;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
}
#storm h4 {
	font-size: 20px;
	text-transform: uppercase;
}
#storm h4 strong {
	display: block;
	font-size: 25px;
}
#storm p {
	font-size: 12px;
	line-height: 13px;
	margin: 8px 0;
}
#storm a {
	display: block;
	height: 39px;
	text-indent: -9999px;
}	
#storm p.button {
	width: 115px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 145px;
}
#storm p.button a {
	background: url(../images/request.jpg) top left no-repeat;
}
#storm p.button a:hover {
	background-position: 0 -39px;
}
#promo {
	background: url(../images/promo.jpg) no-repeat;
	width: 265px;
	float: left;
	height: 375px;
	padding-left: 30px;
	padding-right: 15px;
}
#promo h4 {
	font-size: 20px;
	text-transform: uppercase;
}
#promo h4 strong {
	display: block;
	font-size: 25px;
}
#promo p {
	font-size: 12px;
	line-height: 13px;
	margin: 8px 0;
}
#promo a {
	display: block;
	height: 39px;
	text-indent: -9999px;
}	
#promo p.button {
	width: 120px;
	height: 39px;
}
#promo p.button a {
	background: url(../images/more.jpg) top left no-repeat;
}
#promo p.button a:hover {
	background-position: 0 -39px;
}
#col-right{
	width: 310px;
	float: left;
	height: 375px;
}
#quote {
	background: url(../images/quote.jpg) no-repeat;	
	height: 178px;
}
#quote h4 {
	font-size: 16px;
	padding: 10px 0 0 23px;
	margin: 0;
	color: #FFF;
	text-transform: uppercase;
}
#quote h4 strong {
	display: block;
	font-size: 22px;
}
#quote p {
	color: #FFF;
	line-height: 13px;
	margin-left: 120px;
}
#quote a {
	display: block;
	height: 39px;
	text-indent: -9999px;
}
#quote p.button {
	width: 115px;
	height: 39px;
	position: relative;
	top: 0px;
	left: 45px;
}
#quote p.button a {
	background: url(../images/estimate.jpg) top left no-repeat;
}
#quote p.button a:hover {
	background-position: 0 -39px;
}
#call {
	background:url(../images/call.jpg) no-repeat;
	height: 197px;
}
#call h4 {
	font-size: 18px;
	padding: 30px 0 0 23px;
	margin: 0;
	color: #FFF;
	text-transform: uppercase;
}
#call h4 strong {
	display: block;
	font-size: 16px;
}
#call p {
	padding: 30px 0 0 23px;
	margin-top: 0;
	color: #FFF;
	font-size: 22px;
}
#call p strong {		
	display: block;
	font-size: 25px;
	margin-top: 15px;
}	
#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #008131;
}
h1 {
	font-size: 1.8em;
	margin: 0;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
#footer h2  {
	margin: 12px 0;
	font-size: 1em;
	font-weight: normal;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}
.frml {
	float: right;
	margin-left: 10px;
}
img.center {
	display: block;
	margin: 0 auto;
}
.mt {
	margin-top: 10px;
}
.flmr {
	display: inline;
	float: left;
	margin: 10px 10px 0 0;
}
#dropinbox2cover {
	width: 640px; /*change width to desired */
	position:absolute; /*Don't change below 4 rules*/
	z-index: 99999;
	overflow:hidden;
	visibility: hidden;
}
#dropinbox2 {
	width: 620px; /*change width to above width-20. */
	border: 1px solid black; /*Customize box appearance*/
	background-color: #FFFFFF;
	padding: 4px;
	position:absolute; /*Don't change below 3 rules */
	left: 0;
	top: 0;
}
.telephone {
	float: right;
	background: url(../images/call-armor-roofing-springfield-mo.gif) top left no-repeat;
	width: 130px;
	height: 110px;
	overflow: hidden;
	margin: 0 0 0 5px;
	padding: 30px 0 0 0;
	font-size: 1.15em;
	color: #FFF;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}