* { margin:0; padding:0; }
body { font: 15px Helvetica, Arial, sans-serif; }

/* LAYOUT */

#page-wrap { margin:0 auto; width:800px; height:auto; }
#container { margin:55px 35px 0 35px; border:2px solid #333; width:716px; min-height:460px; height:auto !important; height:460px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; }

#nav { float:left; width:190px; height:auto; margin:0 0 0 -45px; }
#nav.home { width: 100px; }
#main { float:left; margin:10px 0; width:550px; height:auto; font: 13px Helvetica, Arial, sans-serif; color: #333; }
#main.home { width: 640px; }

#footer { margin:0 0 0 35px; width:720px; height:50px; background: url(../images/bg-footer.png) top no-repeat; }

/* HEADERS */

h1 { margin:-38px 0 0 68px; }
h1 a { display:block; width:224px; height:95px; background:url(../images/logo.png) center no-repeat #fff; text-indent:-9999px; padding: 0 10px; }
h3 { font: 18px Helvetica, Arial, sans-serif; color: #333; margin: 0 0 10px 0; }
h4 { font: 18px Helvetica, Arial, sans-serif; color: #333; margin: 0 0 0 20px; }
h5 { font: bold 14px Arial, sans-serif; color: #333; margin: 0; padding: 0; }

/* NAVIGATION */

#nav ul.subnav { background:#fff; list-style-type:none; margin:15px 0 0 30px; width:150px; font-size: 13px; }
#nav ul.subnav li a { display:block; padding:5px 0 5px 10px; color:#666; text-decoration:none; }
#nav ul.subnav li a:hover { color:#000; }

#nav ul.subnav-commercial { background:#fff; list-style-type:none; margin:15px 0 0 30px; width:150px; font-size: 13px; }
#nav ul.subnav-commercial li { padding:5px 0 5px 10px; color:#666; }

#nav ul.mainnav { background:#fff; list-style-type:none; margin:45px 0 0 0px; width:100px; text-align:right; }
#nav ul.mainnav li a { display:block; padding:10px; color:#000; text-decoration:none; }
#nav ul.mainnav li a:hover { color:#ccc; }

#nav ul.homenav { background:#fff; list-style-type:none; margin:168px 0 0 0px; width:100px; text-align:right; }
#nav ul.homenav li a { display:block; padding:10px; color:#000; text-decoration:none; }
#nav ul.homenav li a:hover { color:#ccc; }

/* HOME */

#home-left { float: left; width: 208px; text-align: right; margin: 70px 0 0 0; }
#home-right { float: right; width: 400px; margin: 20px 10px 0 0; }

/* SECONDARY */

#secondary-head { margin: 50px 0 20px 0; text-align: right; width: 550px; }
#secondary-head .slideshow { float: right; width: 215px; }
#secondary-head.commercial { margin: 0 0 20px 0; }
#secondary-head.residential { margin: 0 0 20px 0; background: url(../images/logo-closets-white.jpg) no-repeat 5% 95%; height: 230px; overflow: hidden; }
#secondary-head ul { list-style: none; color: #666; margin: 10px 10px 0 0; text-align: right; float: right; font-size: 12px; }
#secondary-head ul li { padding: 0 0 5px 0; }
#secondary-head ul li a { color: #666; text-decoration: none; }
#secondary-head ul li a:hover { text-decoration: underline; }
#secondary-head .wirephotos { display: none; }
#secondary-head .garagephotos { display: none; }

#secondary-main { margin: 0 0 20px 0; padding: 10px 0; background: #e5e5ff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -khtml-border-radius: 14px; }
#secondary-main.green { background: #e5e5cc; }
#secondary-main p { margin: 0 20px; }

#secondary-main ul { float: left; list-style: none; padding: 0 40px 0 0; color: #666; }
#secondary-main ul.first { padding: 0 40px 0 20px; }
#secondary-main ul.last { padding: 0; }
#secondary-main ul li { padding: 0 0 2px 0; }
#secondary-main ul li a { color: #666; text-decoration: none; }
#secondary-main ul li a:hover { text-decoration: underline; }
#secondary-main ul.showers { padding: 0 40px 0 20px; display: inline; }
#secondary-main ul.showers li { float: left; padding-right: 40px; }

/* CONTACT */

#contact-left { float: left; width: 160px; text-align: right; margin: 330px 0 0 0; font: 12px Arial, sans-serif; }
#contact-left .closed { font: 10px Arial, sans-serif; color: #666; }
#contact-left p { padding: 0; }
#contact-right { float: left; width: 370px; min-height: 421px; _height: 421px; height: auto; margin: 20px 0 0 10px; }
#contact-right.directions { background: url(../images/directions-bg.jpg) no-repeat; text-align: center;  }
#contact-right.directions p.top { padding: 135px 0 0 0; }
#contact-right.forms { background: url(../images/contact-bg.jpg) no-repeat; padding: 15px 0 0 0; position: relative }
#contact-right.forms p { margin: 0 0 0 45px; font-size: 12px; padding: 0 0 5px 0; }
#contact-right.forms input { width: 250px; }
#contact-right.forms p.submit input { float: right; position: absolute; top: 325px; left: 300px; width: 45px !important; }

/* MAIN EXTRAS */

#main-extras { margin: 0 20px 20px 20px; }
#main-extras ul { float: left; list-style: none; padding: 0 40px 20px 0; color: #666; }
#main-extras ul.last { padding: 0; }
#main-extras ul li { padding: 0 0 2px 0; }
#main-extras ul li a { color: #666; text-decoration: none; }
#main-extras ul li a:hover { text-decoration: underline; }

/* FOOTER */

#footer p { padding: 35px 0 0 0; text-align: center; font: 10px Verdana, Arial, sans-serif; color: #666; }
#footer a { text-decoration: none; color: #666; }
#footer a:hover { text-decoration: underline; }

/* GENERAL */
.clear { clear: both; }
a { color: #333; }
a:hover { color: #666; }
a img { border: none; }
p { padding: 10px 0; }
.center { text-align: center; }
.gray { color: #666; }
.red { color: red; }