/* Global Styles 
------------------------ */
* { margin:0; padding:0; }
body { background:#025277 url(../images/bggradient.gif) 0 0 repeat-x; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; }
h3 { font-size: 130%; font-weight: bold; text-align: center; }
h4 { background-color: inherit; color: #f5df4b; font-size: 110%; font-weight: bold; text-align: center; }
h5 { background:transparent url(../images/project_hr.jpg) 0 100% no-repeat; color: #f5df4b; font-size: 110%; font-weight: bold; text-align: left; }
ul, li { list-style: none; }
p { margin: 15px 0; }
a { background-color:inherit; color:#f5df4b; font-weight:bold; text-decoration:none; }
a:hover { background-color:inherit; color:#fff; }

/* Main Wrapper
------------------------ */
#wrapper { margin:0 auto; width:784px; }

/* Logo, Header, and Main Nav 
------------------------ */
#logo { background:url(../images/logo.jpg) center top no-repeat; height:118px; margin:9px 0 0 0; }
#logo a { display:block; height:118px; text-indent:-10000px; width:300px; }
#header { background:url(../images/header.jpg) 0 0 no-repeat; height:380px; }
#nav { background:url(../images/navbg.gif) 0 0 no-repeat; height:22px; margin:0 0 20px 0; padding:7px 0 0 0; text-align:center; }
#nav ul { list-style:none; }
#nav li { display:inline; border-right:2px solid #FFF; padding:0 22px; }
#nav li.last { border-right:0; }
#nav a { background-color:inherit; color:#fff; font-size:0.9em; }
#nav a:hover { background-color:inherit; color:#f5df4b; }


/* Main Body Text 
------------------------ */
#inav { background:url(../images/vertline.jpg) 100% 35px no-repeat; float: left; width: 170px; }
#inav ul { margin: 25px 20px 0 20px; }
#inav li { list-style: none; padding: 10px 0; text-align: right; }

#content { font-size:0.88em; float: left; line-height:1.48em; margin:0 auto; padding: 30px 0 20px 30px; width:570px; }
#bodytext { font-size:0.88em; line-height:1.48em; margin:0 auto; padding:0 0 20px 0; width:525px; }
#gallery { margin: 10px; }
.remodels { margin: 10px 40px; }
.remodels li { background: url('../images/bullet.gif') no-repeat 0 2px; padding: 0 0 5px 25px;}
.process { font-weight: bold; }


.productlist { margin: 5px 10px; }
.productlist li { padding: 0 0 5px 10px;}
.products { background: inherit; color: #f5df4b; font-weight: bold; }

#contactlist { margin: 15px; }
#contactlist li { padding: 10px 0; }


.portthumbs li { display:inline; padding:0 10px; }

/* Main Body Text 
------------------------ */
img { border: 0; }
img.portthumb { width: 103px; height: 103px; padding: 5px; }
img.map { border: 1px solid #fff; float: right; margin: 15px 0 20px 15px; width: 324px; height: 324px; }
img.dclogo { border: 1px solid #fff; float: left; margin: 15px 15px 20px 0; width: 91px; height: 91px; }

/* Footer
------------------------ */
#footernav { padding-top:7px; text-align:center; width: 784px; }
#footernav ul { list-style:none; margin-bottom:7px; }
#footernav li { display:inline; border-right:1px solid #FFF; padding:0 17px; }
#footernav li.last { border-right:0; }
#footernav a { font-size:0.88em; font-weight:normal; }
#footer { background-color:inherit; color:#abc7d4; font-size:0.8em; line-height:1.4em; margin:0 0 15px 0; text-align:center; width: 784px;}
#footer a { background-color:inherit; color:#abc7d4; font-weight:normal; text-decoration:underline; }
#footer a:hover { background-color:inherit; color:#FFF; }

/* Self Cleared Float
----------------------------------------- */
#logo:after,
#header:after,
#nav:after,
#inav:after,
#content:after,
#bodytext:after,
#gallery:after,
#footer:after,
#footernav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }