@charset "UTF-8";
/* CSS Document */
* {
margin:0;
padding:0;
}
body {
text-align:center;
background:#D2BA57;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:20px;
line-height:1.4em;
}
p {
margin-bottom:13px;
}
#wrapper {
width:620px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#left-col {
float:left;
width:150px;
}
#left-col h1 {
text-indent:-9999px;
background:url(images/let-it-bee-local-honey.gif) no-repeat;
height:194px;
}
#content {
float:right;
width: 620px;
}
#content.home, #footer.home {
float:none;
margin-left:auto;
margin-right:auto;
width: 620px;
}
#footer {
float:right;
width: 620px;
text-align:center;
margin-top:20px;
color:#333;
}
.box {
background:#FFFFFF;
border:2px solid #2484A2;
}
#nav {
width:100%;
height:50px;
background:#2484A2;
}
#text {
width:370px;
margin:20px 0 0 0;
float:left;
}
#text p, #text h2, #text dl {
margin:0 20px 14px 20px;
}
#text dt {
color:#333333;
font-weight:bold;
}
#text dd {
margin:0 10px 10px 10px;
}
#text a, #footer a {
color:#2484A2;
text-decoration:none;
}
#text a:hover, #footer a:hover {
background:#2484A2;
color:#FFFFFF;
}
#text h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:16px;
color:#2484A2;
border-bottom:1px solid #2484A2;
margin-bottom:7px;
}
#photos {
width:210px;
float:right;
margin:20px 0 0 0;
font-size:10px;
}
#photos img {
margin:0 20px 20px 0;
}
#home-photos {
background:url(images/landing_top.jpg) no-repeat top;
}
#home-label {
background:url(images/landing_bottom.jpg) no-repeat bottom;
}
#home-label img {
margin-top:144px;
margin-left:189px;
margin-bottom:139px;
}
ul#image-nav {
height:50px;
list-style:none;
}
ul#image-nav li, ul#book-nav li {
display: inline;
}
ul#image-nav li a {
display: inline;
height:50px;
float:left;
text-indent:-9999px;
outline:none;
}
ul#image-nav li#home a {
width:73px;
background:url(images/nav/home.jpg) no-repeat;
} 
ul#image-nav li#letitbee a {
width:160px;
background:url(images/nav/letitbee.jpg?c=1) no-repeat;
} 
ul#image-nav li#about a {
width:132px;
background:url(images/nav/about.jpg) no-repeat;
} 
ul#image-nav li#merits a {
width:187px;
background:url(images/nav/merits.jpg) no-repeat;
} 
ul#image-nav li#links a {
width:58px;
background:url(images/nav/links.jpg) no-repeat;
} 
ul#image-nav li#home a.active, ul#image-nav li#letitbee a.active, ul#image-nav li#about a.active, ul#image-nav li#merits a.active, ul#image-nav li#links a.active  {
background-position:0 -50px;
}  
ul#image-nav li#home a:hover, ul#image-nav li#letitbee a:hover, ul#image-nav li#about a:hover, ul#image-nav li#merits a:hover, ul#image-nav li#links a:hover {
background-position:0 -100px;
}