body 
{
    text-align:center;
    background-color: #eeeeee;
}
#container
{
    margin: 1em auto;
    width: 100%;
    text-align:left;
    min-width: 900px;
}
#header
{
    padding: 5px;
}
#mainnav
{
    padding: 5px;
    margin-bottom: 5px;
}
#mainnav li { 
display:inline; 
padding:0; 
margin:0; 
}
#mainnav a:link, 
#mainnav a:visited { 
color:#000; 
width:auto;
padding:15px;
border-left:1px dashed #42432d; 
text-decoration:none; 
font:bold 1.2em Arial, Helvetica, sans-serif; 
text-transform:uppercase; 
text-shadow: 2px 2px 2px #555; 
}
#mainnav li:first-child a { 
border-left:none; 
}
#mainnav a:hover { 
color:#fff; 
background:#b72; 
}
#mainnav a:active { 
background:#FF8800; 
color:#fff; 
} 
#menu
{
    padding: 5px;
    margin: 0px;
    float:right;
    width: 200px;
}
#contents
{
    position:relative;
    margin-right: 210px;
    margin-left: 0px;
    padding: 5px;
}
#footer
{
    padding: 5px;
    clear: both;
}
#vibram
{
    padding: 10px;
}
#store
{
 float:left;
 width:220px;
}
#flash
{
 float:left;
 width:400px;
 text-align:center;
}
#crispin
{
 float:left;
 width:180px;
}
#serviceLeft
{
    left: 0;
    top: 0;
    width: 260px;
}

#serviceRight
{
    float:right;
    left: 305px;
    top:0;
    width: 280px;
}

/*rounded corner */
.bl {background: url("images/bl.gif") 0 100% no-repeat}
.br {background: url("images/br.gif") 100% 100% no-repeat}
.tl {background: url("images/tl.gif") 0 0 no-repeat}
.tr {background: url("images/tr.gif") 100% 0 no-repeat; padding:10px;height:251px;text-align:center;} 
.t {background: url("images/2x2.gif") 0 0 repeat-x;background-color: #bb7722;}
.b {background: url("images/2x2.gif") 0 100% repeat-x}
.l {background: url("images/2x2.gif") 0 0 repeat-y}
.r {background: url("images/2x2.gif") 100% 0 repeat-y}
.bl4 {background: url("images/4bl.gif") 0 100% no-repeat}
.br4 {background: url("images/4br.gif") 100% 100% no-repeat}
.tl4 {background: url("images/4tl.gif") 0 0 no-repeat}
.tr4 {background: url("images/4tr.gif") 100% 0 no-repeat; padding:10px;text-align:center;} 
.t4 {background: url("images/2x2.gif") 0 0 repeat-x;background-color: #eeeeee;}
.b4 {background: url("images/2x2.gif") 0 100% repeat-x}
.l4 {background: url("images/2x2.gif") 0 0 repeat-y}
.r4 {background: url("images/2x2.gif") 100% 0 repeat-y}
.bl5 {background: url("images/5bl.gif") 0 100% no-repeat}
.br5 {background: url("images/5br.gif") 100% 100% no-repeat}
.tl5 {background: url("images/5tl.gif") 0 0 no-repeat}
.tr5 {background: url("images/5tr.gif") 100% 0 no-repeat; padding:10px;margin-left:20px} 
.t5 {background: url("images/2x2.gif") 0 0 repeat-x;background-color: #FFFFFF;}
.b5 {background: url("images/2x2.gif") 0 100% repeat-x}
.l5 {background: url("images/2x2.gif") 0 0 repeat-y}
.r5 {background: url("images/2x2.gif") 100% 0 repeat-y}
.bl3 {background: url("images/3bl.gif") 0 100% no-repeat}
.br3 {background: url("images/3br.gif") 100% 100% no-repeat}
.tl3 {background: url("images/3tl.gif") 0 0 no-repeat}
.tr3 {background: url("images/3tr.gif") 100% 0 no-repeat; padding:10px;text-align:center;} 
.t3 {background: url("images/2x2.gif") 0 0 repeat-x;background-color: #ddb17a;color:#8C4C36;}
.b3 {background: url("images/2x2.gif") 0 100% repeat-x}
.l3 {background: url("images/2x2.gif") 0 0 repeat-y}
.r3 {background: url("images/2x2.gif") 100% 0 repeat-y}
.bl2 {background: url("images/2bl.gif") 0 100% no-repeat}
.br2 {background: url("images/2br.gif") 100% 100% no-repeat}
.tl2 {background: url("images/2tl.gif") 0 0 no-repeat}
.tr2 {background: url("images/2tr.gif") 100% 0 no-repeat; padding:10px;text-align:center;} 
.t2 {background: url("images/2x2.gif") 0 0 repeat-x;background-color: #dda155;}
.b2 {background: url("images/2x2.gif") 0 100% repeat-x}
.l2 {background: url("images/2x2.gif") 0 0 repeat-y}
.r2 {background: url("images/2x2.gif") 100% 0 repeat-y}
.container{display:block}
.container *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#8c6636}
.container1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c3b39e;
  border-right:1px solid #c3b39e;
  background:#a48864}
.container2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e4e0db;
  border-right:1px solid #e4e0db;
  background:#9e7f58}
.container3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9e7f58;
  border-right:1px solid #9e7f58;}
.container4{
  border-left:1px solid #c3b39e;
  border-right:1px solid #c3b39e}
.container5{
  border-left:1px solid #a48864;
  border-right:1px solid #a48864}
.containerfg
{
  background:#8c6636;
  padding: 5px;
}
.vibram
{
    display:block;
}
.vibram *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffe035}
.vibram1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5e79e;
  border-right:1px solid #f5e79e;
  background:#fae363}
.vibram2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #efecdb;
  border-right:1px solid #efecdb;
  background:#fbe258}
.vibram3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fbe258;
  border-right:1px solid #fbe258;}
.vibram4{
  border-left:1px solid #f5e79e;
  border-right:1px solid #f5e79e}
.vibram5{
  border-left:1px solid #fae363;
  border-right:1px solid #fae363}
.vibramfg
{
  text-align:center;
  background:#ffe035;
  padding:0px 0px 0px 0px;
  background-image:url("images/vibdg.gif");
  background-repeat:no-repeat;
  background-position:bottom left;
}