* {
margin: 0;
padding: 0;
}
body  { font: 12px "Helvetica Neue", Arial, sans-serif; background: #f8f4f4; margin: 0; padding: 20px }

#desc {
position:absolute;
width: 80px;
background-color: #010101;
padding: 2px;
margin: 0px;
}

#desc p {
background-color: #010101;
font-family: Helvetica;
color: #ccc;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -0.6px;
font-size: 1em;
padding: 0px;
margin: 0px;
}

.big {
font-family: Helvetica;
color: #fff;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -0.6px;
font-size: 1.2em;
font-weight:bold;
padding: 0px;
margin: 0px;
}


#nav1 {
  list-style: none;
  margin: 0 10px 10px;
  padding: 0 0 10px;
  /*border-bottom: 1px dotted #CCC;*/
  height: 20px;
}

#nav li {
  float: left;
  margin-right: 20px;
}

h1   { background-color: transparent; background-image: url("../images/header-logo.png"); background-repeat: no-repeat; background-position: 0 0; text-indent: -1000px; margin: 0; width: 640px; height: 130px }
* html h1  { background-color: transparent; background-image: url("../images/header-logo.gif"); background-repeat: no-repeat; background-position: 0 0 }

h1 a:hover {
  color:#bbb;
  text-decoration:underline;
}

h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
  font:14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
  margin: 5px 0px 0.5em 4px;
  color:#2A6BA9;
  letter-spacing: -0.6px;
  
  text-decoration:none;
}

html>body h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited {
font:13px "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

h2 a:hover, h3 a:hover {
  color:#bbb;
  text-decoration:underline;
}
h4, h4 a:link, h4 a:visited {
  font:12px "Helvetica", "Helvetica Neue", Arial, sans-serif;
  margin: 5px 0px 1em 4px;
  color:#0075aa;
  letter-spacing: -0.6px;
  
  text-decoration:none;
}


html>body h4, h4 a:link, h4 a:visited {
font:11px "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

p {
  font:12px "HelveticaNeue-UltraLight", "Helvetica Neue", Arial, sans-serif;
  margin: 0px;
  color:#a6c3cc;
  letter-spacing: -0.4px;
}

html>body p {
font:11px "HelveticaNeue-UltraLight", "Helvetica Neue", Arial, sans-serif;
}

p a:link, p a:visited {
  color:#a6c3cc;
  text-decoration: none;
}

p a:hover{
  color:#a6c3cc;
  text-decoration: none;
}

#instruction {
  margin: 4px;
  width: 428px;
}
#instruction p {
  line-height: 1.4em;
  font-size: 12.5px;
}

pre {
  background: #FFB;
  padding: 10px;
  border: 1px solid #DDA;
}

#footer  { color: #a6c3cc; font: 11px "Helvetica Neue", Arial, sans-serif; text-decoration: none; text-transform: lowercase; letter-spacing: -0.2px; margin: 20px 0; clear: both }

#footer a:link, #footer a:visited
{
color:#fff;
text-decoration:none;
}

#footer a:hover
{
color:#fff;
text-decoration:underline;
}

#box p
{
font-family: 'Helvetica Neue', Helvetica;
background-color: #fff;
color: #e3ecef;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -1px;
font-size: 1.2em;
}

#top
 { margin: 0; height: 180px }

#nav
 { font-family: HelveticaNeue-UltraLight, "Helvetica Neue", Arial, sans-serif; text-transform: lowercase; letter-spacing: -0.6px; float: left }

#nav a:link, #nav a:visited
 { font-family: HelveticaNeue-UltraLight, "Helvetica Neue", Arial, sans-serif; font-variant: normal; text-decoration: none; text-transform: lowercase; letter-spacing: -0.6px }

#nav a:hover
{
  color:#fff;
}

.product { color: #2a6ba9; font: 13px HelveticaNeue-UltraLight, "Helvetica Neue", Arial, sans-serif; text-transform: lowercase; letter-spacing: -0.6px; margin: -20px 0 0 }

#wrap   { background-color: #f8f4f4 }
 
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.box  { background: #eee; margin: 5px 10px 5px 0; padding: 5px 5px 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
 
.box p { color: #88775c; font: 12px/1.5em HelveticaNeue-Light, "Helvetica Neue", Arial, sans-serif; letter-spacing: -0.2px; margin: 0 0 4px 4px; padding: 0}
html>body .box p {font: 11px/1.5em HelveticaNeue-Light, "Helvetica Neue", Arial, sans-serif;}

.box a:link, .box a:visited{
  color:#88775c;
  text-decoration: none;
}

.box a:hover{
  color:#b9a88d;
  text-decoration: none;
}

.col0 { width: 640px; }
.col1 { width: 540px; }
.col2 { width: 480px; }
.col3 { width: 320px; }
.col4 { width: 280px; background: #F8F4F4; }
.col5 { width: 200px; }

.col1 img,
.col2 img,
.col3 img,
.col4 img {
    max-width: none;
}

p.caption{
  font:11px "HelveticaNeue-Light", "Helvetica Neue", Arial, sans-serif;
  margin:1em 0 1em 4px;
  color:#88775c;
  letter-spacing: 0px;
}

