/* GENERAL STUFF */

body {
    margin: 0;
    padding: 0;

background-color: #bccad6;
background-image: url(http://www.iwearmanyhats.com/siteimg/manyhatsbg2.png);
background-repeat: repeat-y;
font-size: 11px;
line-height: 14px;
letter-spacing: normal;
  text-align: left;
font-family: komreg, Helvetica, sans-serif;
    color: #000000;
}


/* Link colors, img borders, etc */

a:link { 
text-decoration:none;
 color: #364755;
font-family: Helvetica, sans-serif;
font-weight:bold;

}
a:visited { 
 color: #364755;
text-decoration:none;
font-family: Helvetica, sans-serif;

}

a:hover { 
text-decoration: underline;
 color: #62707c;
font-family: Helvetica, sans-serif;

}


/* Linked images have no borders */
a img {
border: none; 

}


.fancy {
padding: 0 20 0 20px;
}

h1 {
font-family: komreg, Helvetica, sans-serif;
font-style: normal;
font-size: 40px;
}

.h1 {
font-family: komreg, Helvetica, sans-serif;
font-style: normal;
font-size:35px;
line-height:24px;
font-weight: 0;
}

.h2 {
font-family: komkaps, Helvetica, sans-serif;
font-style: normal;
font-size:20px;
line-height:24px;
font-weight: 0;
}


p {
font-family: Helvetica, sans-serif;
font-style: normal;
font-size:12px;
line-height:16px;
}




#bgcontainer {
position: absolute;
top: 0px;
left: 0px;
  width: 1100px;

  }

#logo {
  }

#logobg {
  width: 1100px;
height: 100%;


  }

#maintext {
position:absolute;
top:280px;
left:190px;
width: 730px;
  }

#thehats {
position:absolute;
top:70px;
left:80px;
}


#slogan {
position:absolute;
top:20px;
left:430px;
}





#controls li {
    display: block;
}

#controls .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}
#controls li .hover_controls {
    float: right;
    display: none;
}
#controls li:hover .hover_controls {
    display: block;
}