/***********
MAIN LAYOUT OF SITE
***********/

html, body { margin: 0px; padding: 0px; width: 100%; text-align: left; background-color: #fff; }

#project { margin:0px; padding:0px; width: 670px; height: 100%; margin-left: auto; margin-right: auto; font-family: helvetica, arial, helvetica, sans-serif; font-size: 12px; color: #999; }

.projectImage { margin:0px; padding:0px; padding-bottom: 20px; width: 670px; float: left; }

.projectOverview { margin:0px; padding:0px; width: 670px; height: 165px; float: left; }

.projectText { margin:0px; padding:0px; padding-top: 15px; width: 665px; float: left; }

#hwiNav { width: 667px; height: 27px; padding: 0px; margin: 0px; }
#hwiNav ul { float: left; width: 667px; padding: 0px; margin: 0px; list-style-type: none; }
#hwiNav li { display: inline; list-style-type: none; }
#hwiNav li a { float: left; background-image: url(../images/hwdNav.jpg); background-repeat: no-repeat; height: 0px !important; height /**/:27px; padding-top: 27px; overflow: hidden; }


/* OFF STATES */
#hwiNav li#hwiNav_step1 a { width: 118px; background-position: 0px -27px !important; }
#hwiNav li#hwiNav_step2 a { width: 137px; background-position: -118px -27px !important; }
#hwiNav li#hwiNav_step3 a { width: 137px; background-position: -255px -27px !important; }
#hwiNav li#hwiNav_step4 a { width: 137px; background-position: -391px -27px !important; }
#hwiNav li#hwiNav_step5 a { width: 137px; background-position: -528px -27px !important; }


/* HOVER STATES */
#hwiNav li#hwiNav_step1 a:hover { width: 118px; background-position: 0px 0px !important; }
#hwiNav li#hwiNav_step2 a:hover { width: 137px; background-position: -118px 0px !important; }
#hwiNav li#hwiNav_step3 a:hover { width: 137px; background-position: -255px 0px !important; }
#hwiNav li#hwiNav_step4 a:hover { width: 137px; background-position: -391px 0px !important; }
#hwiNav li#hwiNav_step5 a:hover { width: 137px; background-position: -528px 0px !important; }

/* ON STATES */
#hwiNav li#hwiNav_step1ON a { width: 118px; background-position: 0px 0px !important; }
#hwiNav li#hwiNav_step2ON a { width: 137px; background-position: -118px 0px !important; }
#hwiNav li#hwiNav_step3ON a { width: 137px; background-position: -255px 0px !important; }
#hwiNav li#hwiNav_step4ON a { width: 137px; background-position: -391px 0px !important; }
#hwiNav li#hwiNav_step5ON a { width: 137px; background-position: -528px 0px !important; }


#project h1 { margin:0px; padding:0px; padding-bottom: 5px; color: #000; font-size: 21px; text-transform:uppercase; font-weight:normal; height:21px; line-height:21px; overflow:hidden; }

#project h3 { margin:0px; padding:0px; padding-bottom: 5px; color: #000; font-size: 13px; }

#project p { margin:0px; padding:0px; color: #434343; font-size: 12px; line-height:18px; }

#project .projectText p { overflow:hidden; }

#project .projectDetails p { }