/* CSS Document */

/* makes all link borders invisible */
a img {border:none;}
/* makes all link borders invisible */





#banner img, #banner span {
position:absolute;
top:0;
left:0;

}

#wrapper{ 
	    background: none;
	    padding: 0px 0 0 0px;
	    text-align:left; /* leave unchanged */ 
   		width: 788px;
		height: 100%;
	 	position:static;
		margin-left: auto;
		margin-right: auto;
		
	} 
	

body {
	background: url(../img/wood.png) repeat;
    margin-bottom:20px;
    width: 100%;
	height: 100%;
}


.header{
border:none;
background: url(../img/storefront-day.png) no-repeat;
width:888px;
height:550px;
*height:550px;
padding 10px 0 0 0:
position:relative;
min-width:180px;
z-index: 1;
}

.headtxt{
  	color:#FFFFFF;
	font-size:14px;
	padding:2em 2em 4em;
}

/* ----------------------------- head begins ---------------------------*/

.friends{
border:none;
background: url(../img/goodfriends.png) no-repeat;
width:788px;
height:650px;
*height:550px;
padding 10px 0 0 0:
position:relative;
min-width:180px;
z-index: 1;
}

.story{
border:none;
background-color: #111;
background: url(../img/story-back.png) no-repeat;
width:788px;
height:650px;
*height:550px;
padding 10px 0 0 0:
position:relative;
min-width:180px;
z-index: 1;
}

.storytxt{
border:none;
background-color: #111;
background: none;
width:388px;
height:650px;
*height:550px;
padding 10px 0 0 0:
position:relative;
min-width:180px;
z-index: 1;
}

#directions{
background-color: #8A8863; 
background: none;
width:370px;
height:475px;
padding:0px 0 0 0;
font-family: Verdana, Arial, Helvetica;
font-size:12px;
color: #333;
position:relative;
z-index: 2;
}

#txttxt{
background-color: #fff; 
line-height: 180%; 
border: 1px solid #aaa;
margin-top: -510px; 
*margin-top: -550px; 
margin-left: 55px;
width:480px;
min-height:370px;
height:100%;
padding:10px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica;
font-size:13px;
color: #333;
position:relative;
z-index: 2;
}

#cart{
background-color: #fff; 
line-height: 180%; 
border: 1px solid #aaa;
margin-top: -570px; 
*margin-top: -550px; 
margin-left: 85px;
width:440px;
min-height:370px;
height:100%;
padding:10px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica;
font-size:12px;
color: #333;
position:relative;
z-index: 2;
}

/* ----------------------------- friendstxt begins ---------------------------*/
#friendstxt ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:0px;
height:0px;
font-size: 15px;
font-family: Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 3;
}

#friendstxt ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: none;
color: #FFF;
text-decoration: none;
width:0px;
height:0px;
margin-top:0px;
}

html>body #friendstxt ul a {  }

#friendstxt ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #b3b3b3;
background: none;
color: #4bc6ff;
width:0px;
height:0px;
}

/* ----------------------------- head begins ---------------------------*/

#head{
background-color: #8A8863; 
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:none;
margin-bottom: 10px;
background: url(../img/hdr.gif) repeat-x;
width:680px;
height:0px;
padding:0px 0 0 0;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #FFF;
position:relative;
z-index: 2;
}


#head ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
}

#head li
{
border-bottom: none;
margin: 0;
}

#head li a
{
display: auto;
padding: none;
border-right:none;
background-color: none;
color: #ccc;
text-decoration: none;
margin-top: none;
}

html>body #head li a { width: auto; }

#head li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}




#slogan {
width: 340px;
height: 20px;
position:relative;
background:none;
padding: 10px 0px 0 20px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:15px;
color: #ddb429;
}




#items {
width: 640px;
height: 250px;
position:relative;
background:none;
padding: 10px 0px 0px 20px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:18px;
*font-size:20px;
color: #2b8099;
}


#items2 {
width: 640px;
height: 0px;
position:relative;
background:none;
padding: 10px 0px 0 20px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:26px;
color: #715320;
}


#items3 {
width: 640px;
height: 0px;
position:relative;
background:none;
padding: 10px 0px 0 20px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:12px;
color: #FFF;
z-index: 1;
}


/* ----------------------------- tt1 begins ---------------------------*/


#menus ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:185px;
*height:185px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 1000;

}


#menus ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/menu.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:185px;
margin-top:0px;
}

html>body #menus ul a {  }

#menus ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/menu2.png) no-repeat;
color: #FFF;
width:140px;
height:185px;
z-index: 1000;
}


/* ----------------------------- tt1 begins ---------------------------*/


#bridge ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:65px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;


}


#bridge ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/bridge.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:65px;
margin-top:0px;
z-index: 1;
}

html>body #bridge ul a {  }

#bridge ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/bridge2.png) no-repeat;
color: #FFF;
width:140px;
height:65px;
z-index: 1;
}




/* ----------------------------- tt1 begins ---------------------------*/


#tour ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:80px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 4;

}


#tour ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/tour.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:80px;
margin-top:0px;
}

html>body #tour ul a {  }

#tour ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/tour2.png) no-repeat;
color: #FFF;
width:140px;
height:80px;
}


/* ----------------------------- press begins ---------------------------*/
#press ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 4;

}


#press ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/press.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:70px;
margin-top:0px;
}

html>body #press ul a {  }

#press ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/press_hover.png) no-repeat;
color: #FFF;
width:140px;
height:70px;
}

/* ----------------------------- blog begins ---------------------------*/
#blog ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:60px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 4;

}


#blog ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/blog.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:60px;
margin-top:0px;
}

html>body #blog ul a {  }

#blog ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/blog2.png) no-repeat;
color: #FFF;
width:140px;
height:60px;
}

/* ----------------------------- story begins ---------------------------*/
#story ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:70px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 4;

}


#story ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/story.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:70px;
margin-top:0px;
}

html>body #story ul a {  }

#story ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/story2.png) no-repeat;
color: #FFF;
width:140px;
height:70px;
}

/* ----------------------------- friends begins ---------------------------*/
#friends ul {
background:none;
border: 0px solid #666;
margin:0px 0px 0px 0px;
width:140px;
height:63px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow: visible;
z-index: 4;
}

#friends ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background: url(../img/friends.png) no-repeat;
color: #3C5776;
text-decoration: none;
width:140px;
height:63px;
margin-top:0px;
}

html>body #friends ul a {  }

#friends ul a:hover {
padding: 0px 0px 0px 0px;
border-top: 0px solid #3E5777; 
border-left: 0px solid #3E5777; 
border-right: 0px solid #3E5777; 
border-bottom: 0px solid #3E5777;
background-color: #464D5B;
background: url(../img/friends2.png) no-repeat;
color: #FFF;
width:140px;
height:63px;
}

/* ----------------------------- graphic begins ---------------------------*/
#goodtalk_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 64px;
height: 78px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#goodtalk_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/goodtalk_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 64px;
height: 156px;
margin-top:0px;
overflow:hidden;
}

html>body #goodtalk_hover ul a {  }

#goodtalk_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/goodtalk_hover.png) no-repeat;
color: #FFF;
width: 64px;
height: 156px;
margin-top:-78px;
overflow:hidden;
z-index: 1000;
}


/* ----------------------------- graphic begins ---------------------------*/
#goodshop_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 64px;
height: 78px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#goodshop_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/goodshop_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 64px;
height: 156px;
margin-top:0px;
overflow:hidden;
}

html>body #goodshop_hover ul a {  }

#goodshop_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/goodshop_hover.png) no-repeat;
color: #FFF;
width: 64px;
height: 156px;
margin-top:-78px;
overflow:hidden;
z-index: 1000;
}



/* ----------------------------- graphic begins ---------------------------*/
#aa_shirts ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 125px;
height: 174px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#aa_shirts ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/aa_shirts.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 125px;
height: 348px;
margin-top:0px;
overflow:hidden;
}

html>body #aa_shirts ul a {  }

#aa_shirts ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/aa_shirts.png) no-repeat;
color: #FFF;
width: 125px;
height: 348px;
margin-top:-174px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- graphic begins ---------------------------*/
#bynight_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 130px;
height: 80px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#bynight_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 130px;
height: 160px;
margin-top:0px;
overflow:hidden;
}

html>body #bynight_hover ul a {  }

#bynight_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/) no-repeat;
color: #FFF;
width: 130px;
height: 160px;
margin-top:-80px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- graphic begins ---------------------------*/
#byday_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 130px;
height: 80px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#byday_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/byday_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 130px;
height: 160px;
margin-top:0px;
overflow:hidden;
}

html>body #byday_hover ul a {  }

#byday_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/byday_hover.png) no-repeat;
color: #FFF;
width: 130px;
height: 160px;
margin-top:-80px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- graphic begins ---------------------------*/
#new_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 140px;
height: 300px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#new_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/new_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 140px;
height: 600px;
margin-top:0px;
overflow:hidden;
}

html>body #new_hover ul a {  }

#new_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/new_hover.png) no-repeat;
color: #FFF;
width: 140px;
height: 600px;
margin-top:-300px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- graphic begins ---------------------------*/
#awards_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 100px;
height: 170px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#awards_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/awards_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 100px;
height: 340px;
margin-top:0px;
overflow:hidden;
}

html>body #awards_hover ul a {  }

#awards_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/awards_hover.png) no-repeat;
color: #FFF;
width: 100px;
height: 340px;
margin-top:-170px;
overflow:hidden;
z-index: 1000;
}
/* ----------------------------- footer begins ---------------------------*/

#footer{
margin-left: -30px;
margin-top:0px;
margin-bottom:5px;
background-color: none;
width:785px;
height:20px;
padding:0px 20px 0px 5px;
font-family: Verdana, Arial, Helvetica;
font-size:12px;
color: #FFF;
position:relative;
float: left;
z-index: 100;

}

#footer ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:15px;
}

#footer li
{
border-bottom: none;
margin: 0;
}

#footer li a
{
display: auto;
padding:5px 5px 5px 5px;
border-right:none;
background-color: none;
color: #ddb429;
text-decoration: none;
margin-top: none;
}

html>body #footer li a { width: auto; }

#footer li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}


/* ----------------------------- footer begins ---------------------------*/


#menu{
margin-left: 0px solid #F7F6F1;
margin-top:0px;
margin-bottom:0px;
padding:50px 0px 0px 0px;
background: url(../img/menu.png) no-repeat;
background-color: none;
width:142px;
height:226px;
padding:0px 0px 0px 0px;
position:relative;
float: left;
opacity:0.85;
}