/* commented backslash hack \*/
html, body { height: 100%; }
/* end hack */
html, body { margin: 0; padding: 0; }

.Wrapper, .HomeWrapper { background-color: #ffffff; background-repeat: repeat-y; width: 900px; min-height: 100%; margin: 0 auto; position: relative; }
*html .Wrapper, *html .HomeWrapper { height: 100%; }
.HomeWrapper { background-image: url('../Images/HomeProductMenuBackground.jpg'); }
.Wrapper { background-image: url('../Images/ProductMenuBackground.jpg'); }
#BackgroundOverlay { width: 100%; background-image: url('../Images/BackgroundOverlay.jpg'); height: 700px; position: absolute; top: 0; left: 0; }

#Footer { width: 894px; height: 15px; margin: -23px auto 0 auto; position: relative; font-size: 0.8em; border-top: solid 2px #ffffff; background-color: #ff0000; color: #ffffff; padding: 3px; }
#ClearFooter { clear: both; height: 20px; width: 100%; }

body { font-size: 0.8em; padding: 0; margin: 0; font-family: Verdana; height: 100%; background-color: #00008F; background-image: url('../Images/Background.jpg'); }
.Clear { clear: left; width: 100%; }
a { color: #000099; text-decoration: none; }
a:hover { text-decoration: underline; }

#Header { position: absolute; top: 0; left: 0; width: 100%; width: 100%; z-index: 10000; }
#HeaderContent { margin: 0 auto; width: 900px; height: 105px; background-color: #ffffff; }
#Header .Address { text-align: right; float: right; color: #666666; font-size: 1em; line-height: 1.4em; margin: 7px 12px 0 0; }

#Menu { position: absolute; top: 105px; left: 0; z-index: 8000; width: 100%; }
#Menu ul { margin: 0 auto; width: 672px; height: 35px; padding-left: 228px; background-color: #ff0000; background-image: url('../Images/MenuBackground.jpg'); }
#Menu li { float: left; list-style-type: none; }
#Menu a { color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 7px 0 7px; height: 35px; display: block; }
#Menu a:hover, #Menu a.Selected { background-image: url('../Images/MenuBackgroundSelected.jpg'); background-repeat: repeat-x; }

#ProductMenu { position: absolute; top: 165px; left: 0; margin: 1px; padding: 0; width: 226px; }
#ProductMenu li { list-style-type: none; }
#ProductMenu a { color: #000000; display: block; padding: 2px 0 2px 15px; }
#ProductMenu a:hover, #ProductMenu a.Selected { background-color: #ffffff; }

#Content { float: left; width: 637px; padding: 15px 15px 25px 15px; margin: 140px 0 0 228px; }
#Content h1 { font-size: 1.5em; font-weight: normal; }
#Content p { line-height: 1.5em; font-size: 0.9em; }
#Content img { border: solid 1px #DBDAFF; padding: 5px; }

#Content #MainProductImage { float: left; margin: 0 10px 0 0; color: #666666; display: block; }
#Content #MainProductImage img { margin-bottom: 5px; }

#Content .News { width: 200px; float: right; height: 100%; background-color: #cccccc; margin-right: -20px; margin-top: -19px; }
#Content .News h2 { display: block; color: #ffffff; background-color: #ff0000; font-size: 1.4em; margin: 0; padding: 5px 5px 2px 5px; font-weight: normal; }
#Content .News p { margin: 0.5em 5px 2em 5px; }