@import url('reset.css');



body {background:#00529b url(../images/core/background.jpg) repeat-x center top;font:normal 62.5%/2em arial;padding:20px 0;}

#container {background:#fff;width:940px;padding:135px 10px 10px;margin:0 auto;position:relative;}
#logo {position:absolute;top:14px;left:23px;}



/* BANNER */
#banner {background:url(../images/core/banner-gradient.gif) repeat-x 0 0;height:280px;padding:10px 0;color:#fff;font-size:1.2em;}
#banner #image {width:630px;float:left;}
#banner #copy {width:270px;float:left;padding:40px 20px 0;}
#banner #copy h2 {margin:0 0 1em;}



/* NAVIGATION */
#navigation ul {height:34px;padding-top:20px; margin-bottom: 10px;}
#navigation ul li {float:left;padding:0 15px;}
#navigation ul li a {display:block;text-indent:-999px;overflow:hidden;height:30px;border-bottom:4px solid #fff;}
#navigation ul li a:hover {border-bottom:4px solid #00529c;}

#navigation ul li#home a {background:url(../images/navigation/home.gif) no-repeat 0 0;width:42px;}
#navigation ul li#residential a {background:url(../images/navigation/residential.jpg) no-repeat 0 0;width:96px;}
#navigation ul li#commercial a {background:url(../images/navigation/commercial.jpg) no-repeat 0 0;width:97px;}
#navigation ul li#projects a {background:url(../images/navigation/projects.jpg) no-repeat 0 0;width:74px;}
#navigation ul li#services a {background:url(../images/navigation/services.gif) no-repeat 0 0;width:70px;}
#navigation ul li#maintenance a {background:url(../images/navigation/maintenance.gif) no-repeat 0 0;width:101px;}
#navigation ul li#contact a {background:url(../images/navigation/contact.gif) no-repeat 0 0;width:66px;}
#navigation ul li#faqs a {background:url(../images/navigation/faqs.gif) no-repeat 0 0;width:39px;}

/* nav/page states */
#p-home #navigation ul li#home a,
#p-residential #navigation ul li#residential a,
#p-commercial #navigation ul li#commercial a,
#p-projects #navigation ul li#projects a,
#p-services #navigation ul li#services a,
#p-maintenance #navigation ul li#maintenance a,
#p-contact #navigation ul li#contact a,
#p-faqs #navigation ul li#faqs a {border-bottom:4px solid #00529c;}



/* CONTENT */
#column1 {padding:30px 30px 15px 15px;width:585px;float:left;color:#7f7f7f;font-size:1.2em;}
#column2 {padding:30px 20px 15px 20px;width:270px;float:left;background:#f9f9f9;color:#444;font-size:1.4em;}

#google-map {width:583px;border:1px solid #00529b;background:#00529b;text-align:center;padding-bottom:3px;}
#google-map a {color:#fff;}

#column1 ul#faqs {margin:0;}
#column1 ul#faqs li {border-bottom:1px solid #eee;margin:0 0 10px 0;padding:0;background:none;}



/* FOOTER */
#footer {padding:30px 20px 0;color:#fff;width:920px;margin:0 auto;}
#footer a {color:#fff;text-decoration:none;padding:0 5px;}
#footer a:hover {text-decoration:underline;}
#footer p {float:right;padding:10px 40px 0 0;}
#footer ul {padding:10px 0 0 0;float:left;}
#footer ul li {float:left;}
#footer img {float:right;}



/* STYLE */
p, h1, h2, h3, h4 {margin:0 0 1em 0;}
h1, h2 {text-transform:uppercase;}

h3 {font-size:1.6em;font-weight:normal;color:#444;}
h4 {font-size:1.4em;font-weight:normal;color:#444;}

strong {color:#444;}

#column1 ul {margin:0 0 1em 0;}
#column1 ul li {padding:0 0 0 20px;background:url(../images/content/li.gif) no-repeat 5px 7px;}

dl.contact-info {width:270px;}
dl.contact-info dd, dl.contact-info dt {float:left;display:block;margin:0 0 1em;}
dl.contact-info dd.phone, dl.contact-info dt.phone {font-size:1.5em;margin:0 0 1.5em;}
dl.contact-info dt {width:70px;}
dl.contact-info dd {width:200px;}

a {color:#ff6600;}
a:hover {text-decoration:none;}

span.orange {color:#ff6600;font-style:italic;}

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

.right{float: right;}