/* body bg......coffee & cream.....#E6D699 body color...dark brown.........#4B0202 content bg...dirty white........#f8f8d5 borders......coffee.............#CC9150 */ /* default text font size = 16px */ HTML {font-size: 100%} /* set default text font for body to 80% of = 11px */ /* other elements will inherit from body unless explicitely specified */ BODY{ FONT: normal 0.80em/1em Verdana,Helvitica,sans-serif; PADDING: 0px; MARGIN: 0px; COLOR: #4B0202; BACKGROUND-COLOR: #E6D699} a:link {text-decoration: underline; color: blue} a:visited {text-decoration: underline; color: #97295E} a:active {text-decoration: underline; color: blue} a:hover {text-decoration: none; color: red} /* IMG.screenshot{margin: 0px; PADDING: 20px} */ H1 {FONT-SIZE: x-large; PADDING: 10px 0px 0px 20px} H2 {FONT-SIZE: large; PADDING: 0px 20px} P {FONT-SIZE: 0.80em/1em; PADDING: 0px 10px 10px 20px} strong {MARGIN: 0px 0px 20px 0px} #container{ WIDTH: 798px; MARGIN-TOP: 25px; MARGIN-BOTTOM: 25px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto} #banner img{} .pageheader{ FONT-SIZE: large; FONT-WEIGHT: bold; TEXT-ALIGN: left; PADDING: 5px 5px 5px 5px; MARGIN: 0px 0px 20px 0px; BACKGROUND-COLOR: white; BORDER: solid 1px #CC9150; WIDTH: 746px} .content{ TEXT-ALIGN: left; PADDING: 20px; MARGIN: 0px; BACKGROUND-COLOR: #f8f8d5; BORDER: solid 1px #CC9150; BORDER-TOP: 0px; WIDTH: 758px} .footer{ TEXT-ALIGN: center; PADDING: 3px 0px 5px 0px; MARGIN: 0px; BACKGROUND-COLOR: #f8f8d5; BORDER: solid 1px #CC9150; BORDER-TOP: 0px; WIDTH: 798px} #nav{ MARGIN-TOP: -2px; POSITION: relative; DISPLAY: block; HEIGHT: 42px; WIDTH: 800px; FONT: bold 0.85em/1em Verdana,Helvitica,sans-serif; BACKGROUND: transparent url(../img/menu_redslate.gif) repeat-x top left;} #nav ul{ PADDING: 0px; /* 10px moves pic & menu text down */ MARGIN: 0px; /* 10px moves pic down */ WIDTH: auto;} /* full width of #nav */ #nav ul li{ DISPLAY: block; /* blocks */ FLOAT: left; /* left justified menu */ MARGIN: 0 1px 0 0;} /* 1px between menu options */ #nav ul li a{ DISPLAY: block; /* blocks */ FLOAT: left; /* left justified menu - IE */ COLOR: #FECCC3; /* menu text color */ TEXT-DECORATION: none; /* none, underline etc */ PADDING: 14px 20px 0 20px; /* alighnment inside a block */ HEIGHT: 28px;} #nav ul li a:hover, /* set menu state for hover efect */ #nav ul li a.current, /* set menu state for curent page */ body#home a#homenav, /* set menu state for curent page */ body#products a#prodnav, /* set menu state for curent page */ body#quickpick a#qpnav, /* set menu state for curent page */ body#download a#dlnav, /* set menu state for curent page */ body#register a#regnav, /* set menu state for curent page */ body#faq a#faqnav, /* set menu state for curent page */ body#contact a#contactnav{ /* set menu state for curent page */ COLOR: #ffffff; font-weight:bold; BACKGROUND: transparent url(../img/menu_redslate_active.gif) no-repeat top center;}