/* General styles */
BODY { color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: small; margin: 0px; padding: 0px; }
BODY { margin-left: auto ; margin-right: auto; }
A:link, A:visited { color: #898989; font-weight: bold; text-decoration: none; }
A:hover, A:active { color: #898989; font-weight: bold; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #1c1c1c; border: 0px; color: #1c1c1c; height: 1px; }
H1 { color: #1c1c1c; font-family: 'Arial Narrow', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #1c1c1c; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: underline; }
H3 { color: #1c1c1c; font-family: 'Arial Narrow', Arial, sans-serif; font-size: small; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H1, H2, H3 { text-align: left; }


/* Layout */
.body { width: 750px; margin-left: auto ; margin-right: auto; }

.lines { background: url(/images/lines.gif) repeat-x; height: 6px; }

#title { background: #1c1c1c; padding: 0px; height: 100px; }
#title TD { height: 100px; }
#title H1 { color: #ffffff; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 40px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none; }
#title H2 { color: #515151; font-family: 'Arial Narrow', Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px; text-decoration: none; }

#header-top { background: #1c1c1c; padding: 0px; height: 40px; }

#menu { width: 625px; }
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { border-left: solid 1px #1c1c1c; display: block; line-height: 40px; padding: 0px 20px; }
#menu a:link, #menu a:visited { background: #ffffff; color: #000000; font-weight: bold; text-decoration: none; }
#menu a:hover, #menu a:active { background: #3c3c3c; color: #ffffff; font-weight: bold; text-decoration: none; }

#index-only { background-color: #898989; }
#header-bottom { padding: 0px; height: 300px; width: 750px; margin-left: auto; margin-right: auto; }
#header-bottom TD { background-color: #1c1c1c; }
#header-bottom-leftcol { padding: 0px; width: 150px; }
#header-bottom-rightcol { padding: 0px; width: 600px; }

#main { background: #1c1c1c; padding: 0px; }

#leftcol { background: #282828; padding: 0px; width: 150px; }
TD#leftcol { padding: 0px; } /* not really need since the link is left padded and carries a line-height to valign middle.  Just here to match TD#rightcol */
#menu-side a:link, #menu-side a:visited, #menu-side a:hover, #menu-side a:active { display: block; line-height: 25px; padding: 0px 0px 0px 10px; }
#menu-side a:link, #menu-side a:visited { color: #727272; font-weight: normal; text-decoration: none; }
#menu-side a:hover, #menu-side a:active { background: #3c3c3c; color: #ffffff; font-weight: normal; text-decoration: none; }

#space {}

#rightcol { background: #ffffff; padding: 0px; width: 600px; }
TD#rightcol { padding: 5px 10px; }
#rightcol IMG { padding: 0px 10px; }

#footer { background: #1c1c1c; height: 50px; }
#footer TD {padding: 15px 0px 10px 0px; }
#footer { color: #ffffff; font-size: 10px; }
#footer a:link, #footer a:visited { color: #898989; font-weight: bold; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ffffff; font-weight: bold; text-decoration: underline; }


/* Page-specific styles */
#index {}
#about_us {}
#services {}
#products HR { clear: all; }
#products IMG { padding: 10px 5px; }
#photo_gallery TR { vertical-align: top; }
#contact_us {}
#thanks {}


/* Common Classes */
.form { border: 1px #1c1c1c; border-style: solid; }
.form-left { background: #898989; padding: 5px; }
.form-right { padding: 0px 5px; }
.form-right INPUT, .form-right SELECT, .form-right SUBMIT, .form-right TEXTAREA { font-family: sans-serif; font-size: 11px; }


/* Display */
@media print { .noprint { visibility: hidden; position: absolute; left: 0px; top: 0px; } }

/*
Colors:

black: #000000; 
grey28: #1c1c1c; 
grey60: #282828; 
grey43: #2b2b2b; 
grey40: #3c3c3c; 
grey81: #515151; 
grey92: #5c5c5c; 
grey137: #898989; 
white: #ffffff; 
*/