





html, body{
	height: 100%;
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	
}

body{
	background-image: url("/_img/bg.gif");
	background-position: center top;
	background-repeat: repeat-y;
	color: #666;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;

}

h1, h3, h4 { font-size: inherit;color: black;font-weight: normal;}

h1 span{
	display: block;
	width: 0px;
	overflow: hidden;
}

#sections ul ul li{
	padding-left: 1em;
}

h1{
background-image: url('/_img/ROSTIN_CAKE_CO.gif');
height: 175px;	
width: 140px;
background-position: -206px 0px;
background-position: 0px 0px;
position: absolute;
top: 25px;
left: 25px;
background-repeat: no-repeat;
}



#text{
	
	font-size: 11px;
	line-height: 15px;
}

#text h2{
	color: #000;
	font-weight: normal;
}

#text strong{
	color: #000;
	font-weight: normal;
}



#content #textsection{
	width: 280px;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 25px;
}

#textsection h2{
	color: #000;
	font-weight: normal;
	margin-bottom: 12px;
}

#textsection strong{
	color: #000;
	font-weight: normal;
}

#textsection p{
	width: 280px;
}

#textimg-container{
	position: absolute;
	top: 0px;
	left: 306px;
	width: 376px;
	height: 350px;

}

#img-container{
	position: absolute;
	top: 0px;
	left: 155px;
	overflow: hidden;
}

#thumbs{
	position: absolute;
	top: 370px;
	left: 155px;
}

a:link { text-decoration: none; color: #666;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; }

h1 a:link, h1 a:visited {
	color: black;
}





a img { border: none; }

#menu {

font-family: Arial;
font-size: 11px;
line-height: 15px;
width: 144px;
position: absolute;
top: 250px;
left: 80px;
}

#sections{
	
	padding: 8px 0 6px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	
}


#contact h4{

	font-weight: normal;
}

#contact{color: #666;padding: 8px 0;}

#menu ul {
	list-style: none;
	margin: 0;
}

#menu ul li.section-title{
	margin: 0;
}

#menu ul li.section-title:hover, #menu ul.selected li.section-title {
	cursor: pointer;
	background-position: 0px 0px;
}

#menu ul li a{

}

#menu ul li a:hover, #menu ul li.active a, #menu ul.selected li.section-title{
	text-decoration: none;
}

li.section-title{
	color: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

#content {
 position: absolute;
 top: 150px;
 left: 250px;
 height: 442px;

}

#container {
	position: relative;
	width: 960px;
	margin: 0px auto;
	height: 100%;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

#sticky{
	width: 73px;
	height: 73px;
	top: 277px;
	left: 0px;
	position: absolute;
}

#textsticky{
	width: 73px;
	height: 73px;
	float: left;
	clear: none;
}
       


#exhibits{
	//b/order-bottom: 1px solid #666;
	
}

#exhibits ul{
	border-bottom: 1px solid #666;
	padding:  8px 0;
}



p.nav{
	
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 11px;
	line-height: 15px;
}

#gallery	{
	position: absolute;
	left: 142px;
	top: -6px;
	background-image: url('/_img/img_frame.gif');
	padding: 6px 12px 12px 12px;
	width: 526px; 
	height: 350px;}

#img-frame{
	width: 526px; height: 350px;
	text-align: center;
}

#img-frame img{
	margin: 0 auto;
}

#once { clear: left; }



#img_caption{
	width: 125px;
}

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
	width: 526px; height: 350px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
	
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-next, .ad-prev, .ad-back, .ad-forward {
		cursor: pointer;
		float: left;
		clear: none;
		margin-right: 5px;
    }
    

.ad-next:hover, .ad-prev:hover, .ad-back:hover, .ad-forward:hover {
		color: #000;
	}
    
.ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }

.ad-image-description {
		display: none;
      }

     
.ad-controls {
     position: absolute;
     left: 12px;
	 top:  470px;
	 width: 526px;
  }

.ad-gallery .ad-info {
      float: left;
    }

.ad-gallery .ad-slideshow-controls {
    }
         
.ad-gallery .ad-nav {
    width: 526px;
    position: absolute;
	left: 12px;
	top: 395px;
	height: 70px;
	overflow: hidden;
  }

     .ad-forward, .ad-back {
     
    }

    .ad-gallery .ad-back {
      cursor: pointer;
      display: block;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 526px

    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 3px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 1px solid #fff;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 1px solid #fff;
            }

/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/*li.selected a {
	text-decoration: none;
	font-weight: normal;
	color: black;
}*/



#sections ul ul li a:hover, #sections ul ul li.selected a{
	color: black;
}

#sections li.section-title,  #sections li.section-title a{
	font-weight: bold;
}

/*#sections ul ul{
	border-bottom: 1px solid #666;
}

#sections ul ul{
	border-bottom: 1px solid #666;
}*/


#sections ul {
	
}

ul#s-0 li.section-title:hover, ul#s-0 li.section-title a:hover, ul#s-0.selected li.section-title a, #sections ul#s-0.selected li.section-title, #sections ul#s-0 ul li.selected a, #sections ul#s-0 ul  li a:hover {color: #eb3c96;text-decoration: none;}
ul#s-1 li.section-title:hover, ul#s-1 li.section-title a:hover, ul#s-1.selected li.section-title a, #sections ul#s-1.selected li.section-title, #sections ul#s-1 ul li.selected a, #sections ul#s-1 ul  li a:hover {color: #00baf2;text-decoration: none;}
ul#s-2 li.section-title:hover, ul#s-2 li.section-title a:hover, ul#s-2.selected li.section-title a, #sections ul#s-2.selected li.section-title, #sections ul#s-2 ul li.selected a, #sections ul#s-2 ul  li a:hover {color: #692d91;text-decoration: none;}
ul#s-3 li.section-title:hover, ul#s-3 li.section-title a:hover, ul#s-3.selected li.section-title a, #sections ul#s-3.selected li.section-title, #sections ul#s-3 ul li.selected a, #sections ul#s-3 ul  li a:hover {color: #0aaf4b;text-decoration: none;}


#sections li.section-title a, #sections li.section-title{
	color: #000;
}


