/*
  Fourpoints styles
  Updated 10/3/2006
*/


/* --- Formatting --- */

BODY
{ color:#444; font:normal .7em/1.2em verdana,arial,helvetica,sans-serif }

P, TH, TD, LI, DT, DD
{ color:#444 }
TH, STRONG, B
{ font-weight:bold }
EM, I, CITE
{ font-style:italic }
SUP, SUB
{ font-size:75% }
BLOCKQUOTE
{ margin:0; padding:0 }
TABLE, TR, TD, TH /* IE5 font fix */
{ font-size:100% }


/* Links */
A:link
{ color:#206e81; padding:0 1px; text-decoration:none }
A:visited
{ color:#257f95; padding:0 1px; text-decoration:none }
A:hover, A:active
{ color:#fff; padding:0 1px; background-color:#999; text-decoration:none }


/* Paragraphs */
P
{ margin:0 0 1.3em 0; line-height:1.4em }

.small /* Fine print */
{ font-size:91% }
.big /* Large print */
{ font-size:110% }


/* Images */
A IMG
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }


/* Separators */
HR
{ color:#206e81; background-color:#206e81; height:1px; margin:1.2em 0; padding:0; border-style:none; overflow:hidden }
  * html HR /* IE margin fix */
  { margin:-.9em 0 .4em 0 }


/* Headings */
H1, H2, H3, H4, H5, H6
{ color:#000; margin:0 0 .7em 0; padding:0; font:bold 145%/1.3em verdana,arial,helvetica,sans-serif }
H2
{ font-size:125% }
H3
{ font-size:120% }
H4
{ font-size:110% }
H5, H6
{ font-size:105% }
H6
{ margin-bottom:.2em }


/* Lists */
UL
{ margin:0 0 1.3em 0; padding:0; list-style-type:none }
UL LI, OL LI UL LI
{ margin:0; padding:0 0 .4em 13px; line-height:1.4em; background:transparent url("../images/bullet_square.gif") no-repeat 2px .5em }
UL UL
{ margin:5px 0 2px 2px }

OL
{ margin:0 0 1.3em 33px; padding-left:0 }
OL LI, UL LI OL LI
{ margin-bottom:.5em; line-height:1.5em }

DL
{ margin:0 0 1em 0 }
DT
{ display:block; font-weight:bold; line-height:1.5em }
DD
{ margin:1px 0 .6em 0; line-height:1.5em }


/* Forms */
FORM
{ margin:0; padding:0 }
INPUT, SELECT, TEXTAREA
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }


/* Data Tables */
TABLE.data
{ clear:both; width:100%; margin:0 0 1.2em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show }
TABLE.data CAPTION
{ padding:0 0 .7em 0; margin:0; text-align:left; color:#000; font-weight:bold }

TABLE.data TH
{ color:#666; text-align:left; padding:2px 5px; vertical-align:top; line-height:1.4em }
TABLE.data TR, TABLE.data TR.data-odd
{ background-color:#fff }
TABLE.data TR.data-even
{ background-color:#eee }

TABLE.data TD
{ padding:4px 5px; vertical-align:top; line-height:1.4em }



/* --- Layout --- */

#skipnav, .hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }

BODY
{ width:900px; margin:0 auto; padding:10px; background-color:#282828 }
  * html BODY /* IE5 centering and box model fix */
  { text-align:center; width:920px; w\idth:900px }

#bottomwrapper
{ padding-bottom:4px; background:#fff url("../images/back_bodybottom.gif") no-repeat 0 100% }

#outerwrapper /* Repeating background */
{ background:url("../images/back_body.gif") repeat-y 0 0 }
  * html #outerwrapper /* IE5 centering fix */
  { text-align:left }

#topwrapper /* Background edges */
{ position:relative; padding:26px 36px 0 35px; background:url("../images/back_bodytop.gif") no-repeat }

#pole /* Stretched pole image (overlaps page) */
{ position:absolute; z-index:99; top:249px; right:105px; width:78px; height:343px; 
  background:url("../images/back_pole.gif") no-repeat }



/* - Header (replaced by Flash) - */
#header
{ width:829px; height:223px; margin-bottom:1px; 
  background:#fff url("../images/header.jpg") no-repeat }

#header A
{ padding:0 }

#logo
{ display:block; float:left; padding:7px 0 0 2px }
#tagline
{ display:block; padding:56px 0 0 50px }



/* - Navigation - */
#navigation
{ margin:0 0 2px 0; padding:0 0 0 2px; list-style-type:none; 
  border-bottom:1px solid #206e81; background:url("../images/nav_back.gif") no-repeat }

  #navigation:after /* Clear after floats */
  { content:"."; display:block; height:0; clear:both; visibility:hidden }

#navigation LI
{ float:left; margin:0; padding:0 4px 0 0;
  background:url("../images/nav_sep.gif") no-repeat top right }

/* Navigation images using Phark revised image replacement */
#navigation A
{ display:block; height:23px; padding:0 10px; background:none no-repeat 50% 0; 
  overflow:hidden; text-indent:-9999px; text-decoration:none }

/* Hover and active states */
#navigation A:hover, #navigation A.active
{ background-position:50% -23px; color:#000 }

/* Navigation images (with IE5 box model fix) */
#navigation A#navWelcome
{ width:54px; w\idth:44px; background-image:url("../images/nav_welcome.gif") }
#navigation A#navAbout
{ width:54px; w\idth:44px; background-image:url("../images/nav_about.gif") }
#navigation A#navDesign
{ width:110px; w\idth:100px; background-image:url("../images/nav_design.gif") }
#navigation A#navContact
{ width:62px; w\idth:52px; background-image:url("../images/nav_contact.gif") }
#navigation A#navInventory
{ width:56px; w\idth:48px; background-image:url("../images/nav_inventory.gif") }


/* Subnavigation */
#subnav UL
{ width:100%; margin:0; padding:0; list-style-type:none }

  #subnav UL:after /* Clear after floats */
  { content:"."; display:block; height:0; clear:both; visibility:hidden }

#subnav LI
{ float:left; margin:0; padding:0 1px 0 0; background:url("../images/nav_subnav_sep.gif") no-repeat center right }
  #subnav LI:last-child
  { padding-right:0; background-image:none }

#subnav A
{ display:block; padding:4px 15px; color:#fff }

#subnav A:hover
{ background-color:#999; color:#fff }
#subnav A.active
{ font-weight:bold }

/* No subnav links */
DIV#subnav
{ min-height:2.15em; margin:0 0 .9em 0; padding:0; background:#206e81 url("../images/nav_subnavback.gif") repeat-x bottom left; font-size:91% }
  * html DIV#subnav /* IE min-height fix */
  { height:2.15em }



/* - Content - */
#content
{ clear:both; padding:35px 185px 0 61px; min-height:200px; 
  border-top:1px dashed #d8d8d8 }
  * html #content /* IE min-height and box model fix */
  { height:245px; he\ight:210px }

#content H1
{ margin:-14px 0 .7em -28px; padding:14px 0 0 28px; min-height:26px; 
  background:url("../images/back_title.gif") no-repeat 0 0; line-height:1.2em }
  * html #content H1 /* IE min-height and box model fix */
  { height:40px; he\ight:26px }

#content H1 IMG
{ display:block }


/* Columns */
.columns:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .left
{ float:left; }
.columns .right
{ float:right; padding-left:4%; border-left:1px dashed #d8d8d8 }



/* - Footer - */

#footer /* Trees */
{ clear:both; margin:0 -36px 0 -34px; padding:96px 0 0 0; 
  background:url("../images/back_footertop.jpg") no-repeat 0 0 }

#footer P
{ margin:0; padding:2px 10px 4px 10px; background:#206e81 url("../images/back_footer.gif") repeat-y; 
  color:#fff; text-align:center; font-size:91% }



/* - IE hasLayout fixes - */

#topwrapper, #navigation, #subnav UL, .columns, #footer P
{ zoom:1 }