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

html {margin:0; background:url(images/bg-top2.jpg) repeat-x scroll left top transparent;}
body {margin:0;}
/*#mainContent {float:none; display:block; background:url(images/bg-bottom.jpg) repeat-x scroll left bottom transparent; padding-bottom:20px;}*/
#mainContent {float:left; width:99%; display:block; background:url(images/bg-bottom3.jpg) repeat-x scroll left bottom transparent; padding-bottom:20px;}

img, div, ul, li, h1, h2, h3, h4, h5, p, a, form {float:left; display:block; text-align:left; text-decoration:none;}
a img {border:none;}
a:hover {text-decoration:underline;}

#container {float:none; display:block; width:1024px; height:100%; margin: 0 auto; text-align:center;}

#container #header {display:block; width:1024px;}
#container #header .banner {height:130px; width: 1024px; background-color:#FFF;}
#container #header .banner img {margin:20px 5px;}
#container #header .banner a {float:right; margin:5px 25px 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#039e58;}
#container #header .phone {float:right; clear:right; width:320px; text-align:right; margin-top:15px;}
#container #header .phone img {float: left; text-align:left; margin:5px 0 0 0;}
#container #header .phone .details {}
#container #header .phone p {height:20px; margin:-2px 0 0 0; font:normal 22px Arial, Helvetica, sans-serif; color:#1f2c5a;}
#container #header .phone p.number {clear: left; width:250px; font:normal 36px Arial, Helvetica, sans-serif; color:#039e58;}
#container #header ul {clear: left; height:60px; width:1024px; background-image:url(images/menu2.png); margin:0; padding:0;}
#container #header ul li {font:normal 18px Arial, Helvetica, sans-serif; margin:18px 55px; list-style:none;}
#container #header ul li a {color:#FFF; text-decoration:none;}

#container #main {display:block; width:1024px; height:auto;}
#container #main .picture {clear:left; width:1024px; height:247px; margin:10px 0 0 0; background-image:url(images/main-pic3.jpg);}
#container #main .picture .headline {width:350px; height:247px; background-image:url(images/black-transparent-20.png)}
#container #main .picture .headline h1 {font:normal 34px Arial, Helvetica, sans-serif; margin:30px 0 20px 40px; color:#FFF;}
#container #main .picture .headline p {clear:left; width:220px; font:normal 16px Arial, Helvetica, sans-serif; margin:0 40px; color:#FFF;}
#container #main h3 {clear: left; width:400px; color:#039e58; margin:8px 0; font:bold 18px Arial, Helvetica, sans-serif;}
#container #main ul {clear:left; width:1024px; margin:0; padding:0;}
#container #main ul li {display: block; width:250px; list-style:none; margin:0 7px 0 0; padding:0;}
#container #main ul li h2 {width:238px; height:20px; background-image:url(images/info-strip.jpg) left; font:normal 14px Arial, Helvetica, sans-serif; color:#1f2c5a; margin:0; padding:5px; border:#CCC 1px solid; border-bottom:none;}
#container #main ul li a {clear:left; display:block; width:238px; height:20px; background-image: url(images/info-strip.jpg); padding:5px; border: #CCC 1px solid; border-top:none;}

/*#footer-bg {display:inline; float:left; clear:left; height:320px; width:99%; background:url(images/bg-bottom.jpg) repeat-x bottom;}*/
#footer {display:block; float:left; clear:left; width:1024px; margin:0 auto;}
#footer {width:1024px; height:auto;}
#footer .infoBar {clear:left; height:200px; width:1024px; display:block; border-top: #CCC 1px solid; margin-top: 20px; background-color:#FFF;}
#footer .about, #footer .why, #footer .nationwide {width:320px; margin:0 10px;}
#footer .about p {width:270px;}
#footer .why ul {float:left; clear:left; width:230px; margin-top:5px; padding-left:0px; margin-left:10px; list-style-image:url(images/arrow.png);}
#footer .why ul li {float:none; clear:none; padding-left:0px; margin-left:10px; display:list-item; font:normal 12px Arial, Helvetica, sans-serif; color:#666; list-style-position:outside;}
#footer h3 {color:#1f2c5a; margin: 15px 0; font:normal 22px Arial, Helvetica, sans-serif;}
#footer p {clear:left; font:normal 12px Arial, Helvetica, sans-serif; color:#666;}
#footer .nationwide p {clear:left; width:160px;}
#footer .nationwide img {float:right; clear:none; margin-top:-14px;}
#footer .footerMenu {clear:left; height:60px; width:1024px; background-color:#FFF; margin-top:20px;}
#footer .footerMenu p {height:30px; width: 600px; margin:10px 0 0 10px;}
#footer .footerMenu ul {height:30px; margin: 10px 0 0 0;}
#footer .footerMenu ul li {height:30px; margin: 0 20px; font:normal 12px Arial, Helvetica, sans-serif; color:#666;}



/*Content pages-----------------------------------------------------------------------------*/

#main .content {width:1024px; background-color:#FFF; margin-top:20px; padding-bottom:20px;}
#main .content .leftCol {height: 450px; width: 300px;}
#main .content .centreCol {float:left; clear:none; height:auto; width:300px;}
#main .content h1 {margin: 20px 0; color:#1f2c5a; font:normal 32px Arial, Helvetica, sans-serif;}
#main .content p {clear:left; height:200px; width:450px; color:#666; font:normal 12px Arial, Helvetica, sans-serif;}
#main .content .contactBox {clear: left; height:249px; width:404px; margin:10px 0 0 0; padding:10px; background-image:url(images/quoteBoxSideBySide.png)}
#main .content form {margin-left:5px; width:200px;}
#container #main .content .contactBox h3 {margin:4px 0 7px 30px; color:#1f2c5a;}
#container #main .content .contactBox h5 {font:normal 24px Arial, Helvetica, sans-serif; color:#333;}
#container #main .content .contactBox p {clear:left; height:auto; width: 190px; margin:5px 0 0 0;}
#container #main .content .contactBox input {margin-top:3px;}
#main .content form input {clear:left;}
#main .content .contact {height:240px; width:180px; border-left:#999 1px solid; padding-left:15px;}