img {
border: 1px solid #fe9196;
margin-left: 5px;
}

body {
background: url(images/global/topbg.jpg) repeat-x top left;
background-color: #a30001;
font-family: bookman, garamond, times, serif;
font-size: 13px;
text-align: center;
margin-top: 0px;
}



#container {
width: 683px;
position: relative;
margin: 0px auto;
text-align: left;
}

h1 span, h2 span {
visibility: hidden;
}

#logo {
position: relative;
z-index: 2;
}

#logo h1 a {
width: 100%;
height: 100%;
text-decoration: none;
display: block;
}


#logo h1 {
margin: 0px;
margin-top: 0px;
font-size: 40px;
text-align: center;
}

div.home h1 {
background: url(images/global/logo.jpg) no-repeat center left;
width: 236px;
height: 99px;
}


#nav {
height: 50px;
width: 100%;
position: absolute;
top: 0px;
left: 250px;
z-index: 5;
}

#nav ul {
margin: 0;
padding: 0;
border: 0;
width: 412px;
height: 49px;
background: url(images/global/nav.png) no-repeat;
position: relative;
 }

#nav li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
 }

#nav a {
height: 49px;
display: block;
margin: 0;
padding: 0; }




#nav ul li a {
text-indent: -9999em;
text-decoration: none; 
margin: 0;
padding: 0;
}


#nav ul li#nav1 {
height: 49px;
left: 2px;
width: 70px;
}

#nav ul li#nav2 {
left: 86px;
width: 80px;
}

#nav ul li#nav3 {
height: 50px; 
left: 180px;
width: 70px;
}

#nav ul li#nav4 {
height: 50px; 
left: 262px;
width: 49px;
}

#nav ul li#nav5 {
height: 50px; 
left: 325px;
width: 80px;
}


#nav1 a:hover {background: transparent url(images/global/nav.png) -2px -49px no-repeat; }
#nav2 a:hover {background: transparent url(images/global/nav.png) -86px -49px no-repeat; }
#nav3 a:hover {background: transparent url(images/global/nav.png) -180px -49px no-repeat; }
#nav4 a:hover {background: transparent url(images/global/nav.png) -262px -49px no-repeat; }
#nav5 a:hover {background: transparent url(images/global/nav.png) -325px -49px no-repeat; }




#toppicture {
width: 683px;
height: 171px;
margin-top: -20px;
position: absolute;
}

#toppicture img {
border: none;
margin: 0px;
}

#wholething {
background: url(images/global/topheader.jpg) no-repeat;
background-color: white;
width: 683px;
margin-top: 151px;
padding-top: 40px;
position: absolute;

}

#sidebar {
float: left;
width: 160px;
font-family: arial, sans-serif;
}

#sidebar ul {
padding-top: 5px;
margin-left: 10px;
list-style: none;
}


html>body #sidebar ul {
margin-left: -50px;
}


.small {
font-size: 11px;
}


.smalltight {
font-size: 11px;
line-height: 12px;
padding-left: 10px;
color: #8b0100;
margin-top: 0px;
}


#sidebar ul li {
background: url(images/global/bullet.gif) no-repeat;
padding-left: 30px;
line-height: 26px;
margin-bottom: 5px;
}

#sidebar h3 {
text-indent: -999em;
background: url(images/global/favorites.gif) no-repeat;
width: 157px;
height:  35px;
margin-left: 25px;
margin-top: 15px;
}

html>body #sidebar h3 {
margin-left: -10px;
}

html>body #sidebar {
margin-left: 35px;
}

#sidebar a {
color: #e40005;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}

#content a {
color: #8b0100;
text-decoration: underline;

}

#content a:hover {
color: #e40005;
}

#sidebar a:hover {
color: #8b0100;
}

#content {
margin-left: 200px;
margin-right: 20px;
border-left: 2px solid #fdbca6;
color: #e40005;
letter-spacing: 1px;
line-height: 22px;
padding-left: 20px;
padding-bottom: 20px;
}

#content p {
padding-bottom: 10px;
}


#header h2 {
margin: 0px;
width: 200px;
height: 100%;
display: block;
padding-top: 10px;
padding-bottom: 20px;
width: 359px;
text-indent: -999em;
height: 37px;
}

div.index#header h2 {
background: url(images/titles/home.gif) no-repeat center left;
width: 359px;
height: 40px;
margin-left: 30px;
}


.ruidoso {
margin-left: 35px;
}

div.about h2 {
background: url(images/titles/aboutus.gif) no-repeat center left;
}

div.error h2 {
background: url(images/titles/error.gif) no-repeat center left;
}



div.aboutpinons h2 {
background: url(images/titles/about_pinons.gif) no-repeat center left;
}

div.brittles h2 {
background: url(images/titles/brittles.gif) no-repeat center left;
}

div.caramelcorn h2 {
background: url(images/titles/caramelcorn.gif) no-repeat center left;
}

div.chocolates h2 {
background: url(images/titles/chocolates.gif) no-repeat center left;
}


div.candy h2 {
background: url(images/titles/candy.gif) no-repeat 0px 10px;
}


div.contact h2 {
background: url(images/titles/contactus.gif) no-repeat center left;
}

div.links h2 {
background: url(images/titles/links.gif) no-repeat center left;
}


div.order h2 {
background: url(images/titles/order.gif) no-repeat center left;
}

div.pinoncandies h2 {
background: url(images/titles/pinoncandies.gif) no-repeat center left;
}

div.pinons h2 {
background: url(images/titles/pinons.gif) no-repeat center left;
}



#footer {
margin-top: -12px;
clear: both;
width: 687px;
padding-top: 130px;
padding-bottom: 40px;
background: url(images/global/footer.jpg) top right no-repeat;
background-color: #a30001;
padding-right: 0px;
}

html>body #footer  {
margin-left: -4px;
}

#footer h3, #footer h4 {
display: inline;
}

#footer ul {
list-style: none;
color: #fa6a6a;
text-align: center;
}

#left {
margin-left: 120px;
width: 150px;
padding-top: 10px;
}

html>body #left {
margin-left: 100px;
padding-top: 0px;
}

#candy h3 {
margin-top: 0px;
}


#right {
border-left: 1px solid #620c0b;
float: right;
margin-right: 50px;
padding-bottom: 10px;
padding-left: 90px;
}

html>body #right {
padding-left: 80px;
margin-right: 100px;
}

.tight {
margin-top: -10px;
}

#candy img {
margin-right: 10px;
}

#candy p {
line-height: 18px;
}

form {
margin-top: -15px;
margin-bottom: 0px;

}