@import url(reset.css);
@import url(typography.css);
@import url(form.css);
@import url(accordion.css);
@import url(multibox.css);

	
body{
	background:#223E0D ;
	font-size:62.5%;	font-family:Georgia, "Times New Roman", Times, serif;
	height:100%; overflow:inherit;
}

div#page_wrap{	
	width:860px;min-height:100%;
	  background:transparent url(../images/desktop.jpg) repeat-y scroll 0 0;
	margin:75px auto;  margin-bottom:10px;padding:10px 10px 20px 10px;
	overflow:visible; position:relative; z-index:3000; 

}

* html #page_wrap { 
height:100%; /* IE6 treats height as min-height */
}

div#header{height:100px;position:relative;}

div#container{
  width:860px; 
	padding:10px;
	position:relative;
    height:100%;
}

#social-links{position:absolute; top:10px; right:10px; z-index:3001; width:90px;}
#social-links a{float:left; width:32px; height:32px;}
#social-links img{float:left; margin-left:10px;}
#home div#container{	height:470px;}

/*navigation icons */

div#navigation{
	width:361px;height:50px;
	position:absolute; left:15px; top:10px;
	clear: both;
}

div#navigation ul{list-style-type:none; width:100%;}
	div#navigation ul li{float:left; display:inline;}

	div#navigation ul li a{ float:left; display:inline; padding: 2px; margin-right:5px; text-indent:-9999px;}

	div#navigation a.home{background: url('../images/home-icon.png') no-repeat; width:48px; height:49px;}
	div#navigation a.about{background: url('../images/about-icon.png') no-repeat; width:39px; height:46px;}
	div#navigation a.contact{background: url('../images/contact-icon.png') no-repeat; width:34px; height:46px;}
	div#navigation a.search{background: url('../images/search-icon.png') no-repeat; width:46px; height:46px;}
		div#navigation a.window{background: url('../images/window-icon.png') no-repeat; width:66px; height:46px;}
			div#navigation a.offers{background: url('../images/offer-icon.png') no-repeat; width:46px; height:46px;}

div#content{
	 width:640px; 
	 position:relative;
	 padding:10px; top:50px;
	 float:left;
	 margin-bottom:30px;
	 padding-top:30px;
	 
}

	div#content-title{
		 height:40px;
		 background:url('../images/white-transparent.png') 0 5%;
		display:block;
		margin-bottom:5px;
	}
	
	div#content-text{
		background:url('../images/black-transparent.png') 0 5%;
		 padding:15px; padding-top:5px;
		 font-family:Georgia, "Times New Roman", Times, serif ; font-size:1.8em; line-height:2em;
		 color:#fff;
		/*moz-opacity:.40; filter:alpha(opacity=40); opacity:.40;*/
		overflow:auto;
		display:block;
	}

div#sidebar{
 width:200px;
 height:350px;
 padding-bottom:50px;
 position:relative;
 float:left;
}

/*Events*/

div.event{margin-bottom:20px;}


/* Book recommendations*/

div.book-of-the-month{ width:290px; float:left; margin-right:10px;}
div.last{ margin-right:0;}

div#featurebook{
	 border:5px dotted #fff;
	 width:260px;
	 padding:10px;
	 height:auto;
	 margin-bottom:10px; padding-bottom:5px;
}
div#featurebook img{float:left; margin: 0 10px 10px 0;}
div#featurebook h3{float:right; width:150px; height:auto;} 
div#featurebook p{ }

div.book{margin-bottom:20px; width:100%;  padding:5px;}

div.book p img{ float:right; margin-left:20px;}

div.book p.first{width:50%; float:left; clear:both; margin-right:10px;}


/* Desktop Items*/
div#telephone{
background: url('../images/telephone.jpg'); width:148px; height:27px;
position:absolute; right:0; 
clear: both;
 }
   div#homepage-logo{
background: url('../images/baytree-logo-homepage.png' ) no-repeat ; width:600px; height:105px;
position:absolute; left:0px; top:-65px; z-index:0; 
clear: both;
 }
 
  div#logo{
background: url('../images/baytree-logo-normal.png' ) ; width:300px; height:105px;
position:absolute; right:-15px; top:-65px; z-index:1; 
clear: both;
 }
  div#homepage-branding{
background: url('../images/homepage-branding.png') no-repeat; width:498px; height:400px;
position:absolute; right:-140px; top:-150px; z-index:2999; 
clear: both;
 }
 
 div#branding{
background: url('../images/baytree-branding.png') no-repeat; width:300px; height:205px;
position:absolute; right:-160px; top:-65px; z-index:0; 
clear: both;
 }
 
div#post-it{
	width:215px;height:287px;
	position:absolute; left:-20px; top:5px;
	clear: both;
	background: url('../images/post-it.png')
}

	a.post-it{display:block; text-indent:-9999px; width:215px; height:157px; position:absolute; bottom:0;}
	
	a#contact-link{ display:block; width:215px; height:150px; position:absolute; top:0px; left:10px;}
	
div#polaroids{ width:300px; height:400px; position:absolute; left:340px; top:-40px; clear: both;}

		div#events{ width:250px; height:287px; position:absolute; top:0; left:-100px; z-index:1;	}		
		a.events{display:block; text-indent:-9999px;  width:250px; height:287px; position:relative;background: url('../images/events-link.png') no-repeat; z-index:1;}
		a.events:hover{background: url('../images/events-link-hover.png') no-repeat; }
		
		div#gifts{ width:250px; height:285px; position:absolute; top:0; right:0; z-index:3;	}
		a.gifts{display:block; text-indent:-9999px;  width:250px; height:285px; position:relative;background: url('../images/gifts-link.png') no-repeat; z-index:3;}
		a.gifts:hover{background: url('../images/gifts-link-hover.png') no-repeat; }
		
		div#book-service{width:250px; height:267px; position:absolute; top:150px; right:0; z-index:2;	}
		a.book-service{display:block; text-indent:-9999px;  width:250px; height:267px; position:relative;background: url('../images/book-service-link.png') no-repeat; z-index:2;}
		a.book-service:hover{background: url('../images/book-service-hover.png') no-repeat; }
		
div#reward-card{	background: url('../images/reward-card.png') no-repeat;
							width:177px;height:127px;
							position:absolute; left:15px; bottom:30px;
							clear: both;
							}

		a.reward-card{display:block; text-indent:-9999px; width:370px; height:160px;}

div#bookmark{
	background: url('../images/bookmark.png') no-repeat;
	width:310px;height:112px;
	position:absolute; left:70px; bottom:-10px;
	clear: both;
}

		a.bookmark{display:block; text-indent:-9999px; width:303px; height:164px;}


div#newsletter{
	background: url('../images/newsletter.png') no-repeat;
	width:220px;height:150px;
	position:absolute;right:15px; bottom:-10px;
	clear: both;
}

	div#newsletter-form{
		width:170px; height:40px;
		position:absolute; top:90px; left:5px;
	}

		input#email{ width:120px; height:20px; float:left; margin-top:5px; font-size:0.875em; }
		
		input#submit{ float:left; margin-left:5px; width:35px; height:20px;margin-top:5px;}

div#belles{
					width:180px;height:240px;
					position:absolute;right:15px; top:35px;
					clear: both;
}

	a.belles{display:block; text-indent:-9999px; width:180px; height:240px;background: url('../images/baytree-belles.png') no-repeat;}

	a.belles:hover{background:url('../images/belles-hover.png') no-repeat; background-position:0 0; z-index:50;}

div#footer{width:860px; height:20px;  margin:0 auto; padding:10px; }

.clearboth{ font-size:1px; clear:both; overflow:hidden;}

.floatl{ float:left; }
.floatr{float:right;padding-right:5px; }

.framed{
background:#FFF;
padding:5px;
border:1px solid #dcdcdc;

}

div#images img{

margin-right:10px;
float:left;
}

 #gifts-container{
 width:100%; margin-top:20px;
 
 }
 
 #gifts-container img, #belles-container img{
 padding:5px; background:#FFF; 
 }
 
 div.gift{
 width:190px; margin-right:12px; float:left; display:inline;
 
 }

 
  #belles-container{
 width:100%; margin-top:20px; height:100%;
 
 }
 
 div.belle{
 width:100%; margin-bottom:15px; float:left; display:inline; border-bottom:1px dashed #FFF; padding-bottom:10px;
 
 }
 
 #belles-container img{ float:right; margin-top:-30px;}
 
 
 div#stack-of-books{
 background:url(../images/books.png) no-repeat;
 width:200px; position:absolute; top:75px; height:254px; margin-bottom:50px;
 }
 
 
 div#stack-of-books ul{

 }
 
  div#stack-of-books ul li{
line-height:1em;
 }
 
   div#stack-of-books ul li a{
font-weight:350; font-size:14px; line-height:11px; padding:5px 10px; text-decoration:none; color:#FFFFFF; font-family:"Trebuchet MS", verdana;
 }
 
    div#stack-of-books ul li a:hover{
color:#003300; text-decoration:underline;
 }
 
    div#stack-of-books ul li a.selected{
color:#223E0D; text-decoration:underline;
 }
 
    div#stack-of-books ul li.home{
padding:20px 0 5px 59px;
 }
 
     div#stack-of-books ul li.about{
padding:10px 0 5px 58px;
 }
 
      div#stack-of-books ul li.books{
padding:10px 0 5px 35px;
 }
 
       div#stack-of-books ul li.gifts{
padding:9px 0 5px 35px;
 }
          div#stack-of-books ul li.gifts a{
 font-size:10px;
 } 
        div#stack-of-books ul li.events{
padding:8px 0 5px 60px;
 }
         div#stack-of-books ul li.recommendations{
padding:9px 0 5px 31px; 
 }
          div#stack-of-books ul li.recommendations a{
 font-size:10px;
 }
 
          div#stack-of-books ul li.belles{
padding:10px 0 5px 36px;
 }
 
           div#stack-of-books ul li.belles a{
 font-size:12px;
 }
 
           div#stack-of-books ul li.reward{
padding:9px 0 5px 39px;
 }
 
            div#stack-of-books ul li.reward a{
 font-size:12px;
 }
 
            div#stack-of-books ul li.contact{
padding:11px 0 5px 55px;
 }
 
 p.newspaper-cutting{background:url(../images/newspaper-cutting.png) no-repeat; height:100px; padding:35px 40px; font-size:11px;margin-bottom:10px;}
 
 div#events-gallery img{ padding:5px; background:#fff; }