* { padding: 0; margin: 0; }
html, body { color: white; font-size: 0.88em; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: black; height: 100%; margin: 0; padding: 0; }
strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.serif_font { font-family: Georgia, "Times New Roman", Times, serif; }
.h3_title_box { background-color: #4e82b4; padding: 5px; display: block; }
p { margin-top: 0.3em; margin-bottom: 0.8em; }
h1 { font-size: 2.5em; font-weight: normal; line-height: 1.3em; text-align: left; margin: 0.33em 0 0.66em; }
h2 { font-size: 1.8em; font-weight: normal; line-height: 1.3em; text-align: left; margin: 0.33em 0 0.66em; }
h3 { font-size: 1.4em; font-weight: normal; line-height: 1.3em; text-align: left; margin: 0.33em 0 0.66em; }
h4 { font-size: 1.2em; font-weight: normal; line-height: 1.3em; text-align: left; margin: 0.33em 0 0.66em; }
hr { width: 100%; padding-top: 5px; padding-bottom: 5px; border-color: #89baec transparent transparent; border-style: solid; border-width: 1px; }
.line { border-top: 1px solid #75a0cd; }
table { margin: 0; padding: 10px; }
td { padding: 2px; }
.input { color: #254b72; font-size: 1em; background-color: #b9dafb; margin: 2px; padding: 3px; border-color: #1e3b57 #c2dffc #c2dffc #1e3b57; border-style: solid; border-width: 1px; }
.form_button { color: white; font-size: 1.1em; font-weight: bold; background-color: #568abc; text-align: center; margin-top: 5px; margin-bottom: 5px; padding: 3px 5px; width: auto; border-style: solid; border-width: 1px; border-color: #b9daf9 #274d74 #274d74 #b9daf9; cursor: pointer; }
.justify { text-align: justify; }
.text_left { text-align: left; }
.text_right { text-align: right; }
li { text-align: left; margin-top: 0.5em; }
ol { text-align: left; margin-top: 0.3em; margin-bottom: 1em; margin-left: 1em; padding-left: 0.75em ; }
ul { text-align: left; margin-top: 0.3em; margin-bottom: 1em; margin-left: 0.5em; padding-left: 1em ; list-style-type: square; list-style-image: url(../graphics/moon_bullet.gif); }
/*----- LINKS -----*/
a:link { color: #ffd75e; text-decoration: none; }
a:visited { color: #ffd75e; text-decoration: none; }
a:hover { color: white; text-decoration: underline; }
a:active { color: orange; }
/*----- IMAGES -----*/
img { border-width: 0; }
.img_border { border-style: solid; border-width: 1px; }
.img_float_left_wpad { float: left; margin-top: 0.5em; margin-right: 10px; margin-bottom: 5px; }
.img_float_right_wpad { float: right; margin-top: 0.5em; margin-bottom: 5px; margin-left: 10px; }
/*---- This is for sticky footer ----*/
#container  /*  This is for sticky footer - contains everything except footer  */ { min-height: 100%; position: relative; width: 100%; margin: 0 auto -100px; }
.clearfooter  /*  This is for sticky footer  */ { height: 100px; clear: both; }
#footer  /*  This is for sticky footer  */ { background-color: #535450; height: 94px; position: relative; border-top: 6px solid #231f20; }
#footer_content  /*  This is for sticky footer  */ { color: #b9c099; width: 800px; height: 74px; margin: 0 auto; padding-top: 20px; }
/*---- End sticky footer ----*/
#wrapper { width: 980px; margin: 0 auto; }
/*----- HEAD -----*/
#head { background-image: url(../graphics/head_980x300.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; width: 980px; height: 300px; margin: 0 auto; padding: 0; }
#head h1 { display: none; }
#head h2 { display: none; }
#head h3 { display: none; }
/*----- MENU -----*/
#menu { background: #336799 url(../graphics/menu_CSS_ground.jpg) repeat-x left 0; text-align: left; width: 860px; height: 30px; margin: 0 auto; padding-left: 20px; }
/*----- CONTENT -----*/
#content { background-color: #336799; width: 800px; margin: 0 auto; padding: 20px 40px 40px; }
.titles { width: 800px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding: 0; }
.title h2 { color: white; margin: 0.1em 1em; }
.title h1 { color: white; margin: 0.1em 1em; }
.warranty { background-color: #588bbc; margin: 0 auto; position: relative; width: 760px; height: auto; padding: 20px; }
.announcement { background-color: black; text-align: center; width: 358px; padding: 10px; border: solid 1px white; }
.announcement h4 { font-weight: bold; text-align: center; margin: 0 0 0.33em; }
/*---- ANIMATION BOX ----*/
#animation_box { background-color: black; text-align: center; width: 360px; padding: 10px; }
#animation_box h3 { text-align: center; margin: 0; }
.animation_box_two_col { text-align: left; width: 340px; height: auto; margin-right: auto; margin-left: auto; }
.animation_box_left_col { width: 47%; float: left; }
.animation_box_right_col { width: 47%; float: right; }
/*----- TWO COL -----*/
.two_col { margin: 0 auto; width: 800px; height: auto; }
.left_col { text-align: left; padding: 0; width: 380px; height: auto; float: left; }
.right_col { text-align: left; padding: 0; width: 380px; height: auto; float: right; }
.clear { clear: both; }
/*---- FORM STUFF ----*/
.text_field { background-color: #89baec; width: 80%; margin-top: 0; margin-bottom: 10px; padding: 2px; border-color: #89baec #4982bb #4982bb #89baec; border-style: solid; border-width: 1px; }
.submit { color: #1c4682; background-color: #c7e4ff; text-align: center; margin-top: 5px; margin-bottom: 5px; padding: 3px 5px; width: auto; border-style: solid; border-width: 2px; border-color: #89baec #4982bb #4982bb #89baec; cursor: pointer; }
/*--- Footer stuff ---*/
#content_footer { color: #78b6f4; font-size: 0.93em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #23486c; width: 800px; margin: 0 auto 60px; padding: 10px 40px; }
#web_design { text-align: right; float: right; }
#copyright { text-align: left; float: left; }
#web_design a { color: #b9c099; }
/*---- GALLERY ----*/
.gallery_wrapper { width: 800px; margin: 0 auto; }
.gallery_column { margin: 0; padding: 0 10px 10px; width: 180px; float: left; }
#rotate150px_div { background-image: url(../graphics/rotate150px_div_ground.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left 0; text-align: left; width: 372px; height: 100px; padding: 0; border: solid 4px white; }
.link_finger { cursor: pointer; }
