*{margin: 0; padding: 0;  }

body {
	font-family: Georgia, "Times New Roman", Times, serif; /*fonts for the main document*/
	font-size: 11pt;
	color: #ffffcc;
	background-color: #6b4115;
}

.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*fonts for the main document*/
	font-size: 9pt;
	color: #ffffcc;
}

.text1 a:link, a:visited { color: #FFD400; text-decoration: none;	}

.text1 a:hover { color: #382514; text-decoration: none;	}

.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*fonts for the main document*/
	font-size: 9pt;
	color: #c4a276; 
}

.text2 a:link { color: #c4a276; text-decoration: none;	}

.text2 img{ border: 2px solid #382514; }

.ruler{
	display: block;
	position: relative;
	padding: 0;
	margin: 0px auto;
	height: 1px;
	max-height: 0;
	width: 100%;
	clear: both;
	border: none;
	border-top: 1px solid #ca9963;
	border-bottom: 1px solid #784d1c;
	font-size: 1px;
	line-height: 0;
}

/*CONTAINER STYLES*/
#container {width: 1024px; margin: 0; float:left; }

#container2 {width: 1024px; margin: 0; float:left; background-image: url(images/beecomb.png);
background-repeat: repeat-y;
background-position: 0 0;
}

#head_wrap {float: left;
			height: 165px; /*head wrap will be 91 px high*/
			width: 930px; /*head wrap will be 1024 px wide*/
			background-image: url(images/bee-header.png);
			background-repeat: no-repeat;
			background-position: 220px 41px;
}

#sidebar {
width: 200px;
height: 768px;
margin: 0px;
padding: 0px;
float: left;
background-image: url(images/beecomb.png);
background-repeat: repeat-y;
background-position: 0 0;
}

#sidebar2 {
width: 200px;
height: 919px;
margin: 0px;
padding: 0px;
float: left;
background-image: url(images/beecomb.png);
background-repeat: repeat-y;
background-position: 0 0;
}


#sidebar3 {
width: 200px;
height: 1112px;
margin: 0px;
padding: 0px;
float: left;
background-image: url(images/beecomb.png);
background-repeat: repeat-y;
background-position: 0 0;
}
		
/*LOGO STYLES*/

#logo {
	float: left; /*floats the logo to the left of our container*/
	width: 220px; /*width of our logo image*/
	height: 160px; /*height of our logo image*/
	margin-top: 15px;
	margin-left: 50px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


#logo h1 {
	display: block;
	float: left;
	width: 220px;
	height: 160px;
	text-indent: -9999px;
}

#logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
}  


/*NAVIGATION STYLES*/

#navigation { float: left; margin-left: 29px; margin-top: 125px; }
 
#navlist ul{
	margin: 0px;
	padding: 0px;
	font-family:Myriad, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:normal;	

}

#navlist ul li {
	width: 156px;
	height: 54px;
	line-height: 54px;
    color: #fffde9;
	text-decoration: none;
	list-style: none;
	padding-left: 10px;
	display: block;
	cursor: pointer;
}

#navlist ul li:hover {
position: relative;
color: #51351d;
}


/*Sub Menu*/

#navlist ul ul {
display:none;
position: absolute;
left: 186px;
top: 400px;
}

#navlist ul li:hover ul {display:block;}

#navlist ul ul li { width:156px; float:left; display:inline; border:none;}

#navlist ul ul li:hover {
background-image: url(images/tab-orange.png);
background-repeat: no-repeat;
background-position: 0 0; 
position: relative;
color: #51351d;
}



/*------------*/

#menu {height:270px; width:156px; position:relative; z-index: 99; }

#menu ul {margin:0; padding:0px; list-style:none; white-space:nowrap; text-align:left;  }

#menu li {margin:0; padding: 0px; list-style:none; display:inline; }
#menu ul ul {position:absolute; left:-9999px; }
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {
display:block;
width: 122px; 
font: normal 20px verdana,arial,sans-serif; 
color:#FFF; 
line-height:54px; 
text-decoration:none; 
padding:0 10px 0 24px;
background-image: url(images/tab.png);
background-repeat: repeat-y;
background-position: 0 0; } 

#menu li a.fly {}

#menu li a:hover {
background-image: url(images/tab-orange.png);
background-repeat: repeat-y;
background-position: 0 0; 
color: #51351d;
} 

#menu li:hover > a { color:#51351d; background-image: url(images/tab-orange.png);
background-repeat: repeat-y;
background-position: 0 0; }

#menu ul li:hover > ul {left: 150px; margin-top:-27px; margin-left:-1px;}
#menu ul ul li a{ font-family:Myriad, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; }
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


#content {
float: right;
width: 800px;
height: 575px;
margin-top: 150px;
margin-right: 20px;
}

#content-products {
float: right;
width: 800px;
height: 717px;
margin-top: 140px;
margin-right: 20px;
}

#content-accessory {
float: right;
width: 800px;
height: auto;
margin-top: 140px;
margin-right: 20px;
}

#content-shop {
float: right;
width: 800px;
height: auto;
margin-top: 0px;
margin-right: 20px;
}

#footer {
  float: left;
  width: 822px;
  height: 60px;
  margin-top: 5px;
  text-align: center;
font-family: Verdana, Helvetica, sans-serif;

  
}

.contacts {
	font-size: 8pt;
	color: #ffffcc;
}

.contacts a:link, a:visited { color: #ffd400; text-decoration: none; }

.contacts a:hover { color: #382514; text-decoration: none; }

.legal { font-size: 6pt; color: #ffffcc; padding-top: 5px;}