@charset "UTF-8";
/* CSS Document */

/* Heritage Roofing */
/* Site build and seo by Creare */

/* text */

p				{ font-size: 1.2em; line-height: 1.5em; }
h1				{ font-size: 1.6em; margin: 0 0 3px 0; text-decoration: underline; }
h2				{ font-size: 1.4em; text-decoration: underline; }
h3				{ font-size: 1.3em; text-decoration: underline; }

.title			{ font-size: 1.4em; }
.tel			{ color: #000; font-size: 1em; }
.tel1			{ color: #666; font-size: 1em; }
.number			{ font-size: 1.3em; margin: 0 3px 0 0; }
.number1		{ font-size: 1.3em; margin: 0 43px 0 0; }
.info			{ font-size: 2em; text-align: center; }
.formtext		{ font-size: 1.6em; margin: 0 0 5px 3px; }
.footlinks a	{ color: #FFF; border-bottom: 1px dotted #FFF; margin: 0 4px 0 0; text-decoration: none; }
.name			{ border-bottom: 1px dashed #FFF; font-size: 1em; margin-bottom: 40px; }
.test			{ font-size: 1em; }
.valid a		{ border-bottom: 1px dotted #FFF; text-decoration: none; }
.underline		{ text-decoration: underline; }
.h-areas		{font-size: 0.8em;}
.areastext		{font-size: 1.5em;}	

/* Structure */

.clear			{ clear: both; }

body			{ margin: 0; padding: 0; font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; color: #FFF; background-color: #a90a0f; }

a				{ border: none; text-decoration: underline; color:#FFF; }
a:hover			{ color: #0a0d12; }
a img			{ border: none; outline: none; }

#topwrap		{ width: 100%; height: 639px; background-image: url(images/top-bg.jpg); background-repeat: repeat-x; }
#bottomwrap		{ width: 100%;  height: 465px; background-color: #a90a0f; }
#headerwrap		{ width: 924px; height: 639px; margin: 0 auto; clear: both; }
#bodywrap		{ width: 924px; margin: 0 auto; }

#header			{ width: 924px; height: 161px; clear:both; }

#logo			{ width: 349px; height: 52px; float: left; margin: 84px 0 0 0; }

#phonenumber	{ width: 510px; height: 25px; float:right; margin: 99px 0 0 0; }

#mainnav		{ width: 924px; height: 28px; clear: both; }

#flash			{ width: 668px; height: 371px; float: left; margin: 27px 0 0 0; background-image: url(images/flash-holder.jpg); }

#extranumbers	{ width: 668px; padding: 8px 0 0 40px; }

#boxcontainer	{ width: 924px; height: 67px; margin: 38px 0 0 5px; clear: both; }
.linkbox		{ width: 223px; height: 67px; margin: 0 8px 0 0; float: left; }

#form			{ width: 194px; height: 187px; float: right; padding: 20px; margin: 30px 0 0 0; background-image:url(images/form-bg.jpg); background-repeat: no-repeat; }

#maincontent	{ width: 640px; min-height: 200px; padding: 15px; float:left; }

#contactleft	{ width: 492px; min-height: 200px; margin: 12px 0 0 0; padding: 15px; float:left; clear: both; }
#contactright	{ width: 349px; height: 327px; margin: 0; padding: 15px; float:right; }

#seperator		{ width: 100%; text-align: center; font-size: 1em; background-color: #0a0d12; margin-top: 3px; clear: both; }
#seperator a	{ margin-top: 3px; text-decoration: underline; }
#seperator a:hover	{ color: #a90a0f; text-decoration: underline; }

#footer			{ width: 100%; height: 257px; background-color: #0a0d12; padding: 10px 0; clear: both; }
.footerimg		{ padding: 0 0 0 10px; }
#footer a:hover	{ color: #a90a0f; }
#footercontain	{ height: 200px; margin: 0 auto; clear: both; }
#sitemap		{ float: left; padding: 0 0 0 300px; float: left; }
#copyright		{ height: 178px; padding: 0 0 0 100px; float: left; }

/* lists */

ul.list			{ font-size: 1.2em; }
ul.list li		{ margin: 0 0 3px 0; }

ul.linkslist	{ width: 200px; list-style-type: none; }
ul.linkslist li	{ margin-bottom: 3px; border-bottom: 1px dotted #FFF;}
ul.linkslist li a	{ text-decoration: none; }
ul.linkslist li.listtitle	{ font-size: 1.6em; margin: 0 0 20px 0; }

ul.leftnav		{ float: left; font-size: 1.2em; padding: 12px 0 0 0; margin: 0; }
ul.leftnav li	{ list-style-type: none; display: inline; }
ul.leftnav li a	{ padding: 13px 4px 4px 4px; }
ul.leftnav li a:hover	{ background-color: #a90a0f; color:#000; }

ul.rightnav		{ float: right; font-size: 1.2em; padding: 12px 0 0 0; margin: 0; }
ul.rightnav li	{ list-style-type: none; display: inline; }
ul.rightnav li a	{ padding: 13px 4px 4px 4px; }
ul.rightnav li a:hover	{ background-color: #a90a0f; color:#000; }

ul.factslist	{ font-size: 1.2em; margin: 4px 0px 0px 9px; padding: 24px 0 0 0; }
ul.factslist li	{ margin: 0px 0px 3px 42px; padding: 1px; }
ul.factslist li.factstitle	{ font-size: 1.8em; list-style-type: none; margin: 0px 0px 20px 15px; }

ul.arealist		{ font-size: 1.4em; }
ul.arealist li	{ margin: 0px 0px 2px 13px; padding: 1px; }
ul.arealist li.areatitle	{ font-size: 1.7em; list-style-type: none; margin: 0px 0px 16px -13px; }

/* form */

#mainform		{ width: 295px; margin: 0 0 0 45px; }
.formstyle		{ width: 180px; padding: 2px; margin: 0 0 7px 0; color:#999; }
.formstyle2		{ width: 188px; font-family: Arial, Helvetica, sans-serif;  }
.fieldstyle		{ width: 190px; padding: 2px; margin: 0 0 7px 0; }
.button			{ margin: 0 0 0 2px; }

.style3			{ font-size: 1.2em; }
.style4			{ font-size: 1.2em; }

/* jquery */

#rotator1		{ overflow: hidden; } 

#facts			{ width: 234px; height: 371px; float: right; background-image: url(images/facts-bg.jpg); margin: 27px 0 80px 0; padding: 0 8px 0 8px; }

.testimonials	{ width: 232px; height: 260px; float: right; padding: 0; font-size: 1em; }

/* areas */

#areas			{float:left; padding:45px 0 0 20px; width:200px;}

#areas ul li 	{margin: 15px 5px 15px 0; }