/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	line-height: 1;
	background: #eee6c8 url(images/back.jpg) center top no-repeat;
	font: Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	color:#200800;
	font-size:14px;
}


a:img {text-decoration:none;}

/* Header */
#header_wrapper {
	background: url(images/header_1.png) repeat-x top;
	padding-top: 9px;
	margin: 0 auto;
	color:#2c1b10f;
	font-size:12px;
	height:120px;
	}
	
#header {
	float:left;
	width: 1000px;
	margin: 0 auto;
	padding-left:25px;
	}
	
#header a {
    color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	}
#header a:hover {
	text-decoration:underline;
	}

#header_left {
    float:left;
	padding-left:25px;
	}
	
#header_right {
    float:left;
	}


#content_wrapper {
	width: 1000px;
	margin: 0 auto;
	}

#content {
    width: 1000px;
	float: left;
	margin: 0 auto;
    padding-top: 0px;
	}	

#content_bonzo {
    width: 1000px;
	float: left;
	margin: 0 auto;
    padding-top: 0px;
}

#content_wrapper_proddetail {
	width: 1000px;
	margin: 0 auto;
	}


#content_proddetail {
    width: 800px;
	float: left;
	margin: 0 auto;
    padding-top: 0px;    
	}	

#grey_1 {
    padding:5px;
    background:#eee8c8;
	}
#grey_2 {
    padding:5px;
    background:#dacab0;
	}

#outline {
    background:#FFFFFF;
	border:1px solid #666666;
	padding:15px;
	}
	
	
#left {
    float:left;
	margin:0 auto;
	font-size: 15px;

}

#right {
    float:right;
	margin:0 auto;
}

#lower_container{
	width:700px;
	margin:0 auto;
	}
	
#left_lower_a {
    float:left;
	margin:0 auto;
	font-size: 15px;
	width:200px;
	height:320px;
	padding:10px 30px 10px 10px; 
	background: url(images/bonzo.png) no-repeat;
    color:#000000;
}

#left_lower_a a {
    color:#ffffff;}


#left_lower_b {
    float:left;
	margin:0 auto;
	font-size: 15px;
	width:200px;
	height:320px;
	padding:10px;
	background: url(images/stickers.png) no-repeat;
    color:#000000;

}

#left_lower_b a {
    color:#ffffff;}

#left_lower_c {
    float:left;
	margin:0 auto;
	font-size: 15px;
	width:200px;
	height:320px;
	padding:10px 30px 10px 10px; 
	background: url(images/index_weather.png) no-repeat;
    color:#000000;

}

#left_lower_c a {
    color:#ffffff;}

#left_lower_d {
    float:left;
	margin:0 auto;
	font-size: 15px;
	width:200px;
	height:320px;
	padding:10px;
	background: url(images/index_mountain.png) no-repeat;
    color:#000000;

}

#left_lower_d a {
    color:#ffffff;}


#right_lower {
    float:right;
	margin:0 auto;
	width:200px;
	height:320px;
	padding:10px;
	background: url(images/urine_a_gram.png) no-repeat;
    color:#000000;
}

#right_lower a {
    color:#ffffff;}



#wood_box {
	margin:0 auto;
	width: 424px;
	background: url(images/wood_box.png) repeat-y;
}

#wood_box_moose {
	margin:0 auto;
	width: 424px;
	height:156px;
	background: url(images/wood_box_moose.png) no-repeat;
}

#padding {
    padding: 8px;
}

#button_green {	
    width:200px;
	height:34px;
	background: url(images/button_green.png) no-repeat top;
	margin:0 auto;
	float:left;
	padding-top: 20px;

	}

#button_green a {	
    color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:bold;
	padding-top: 15px;
	padding-left:18px;
	}

#button_green:hover, #menu_testimonial.ieHover {
	background-position: 100% -54px;
}

#right_bonzo {
  top:auto;
  float:right;
  width:400px;
  padding:25px;
  }





#pscroller1{
width: 350px;
height: 75px;
margin: 0 auto;
padding: 10px;
float: right;
color:#CC6600;
}

#clear {
 clear:both;
 }
 
#footer {
 width: 898px;
 margin:auto;
 padding-top:25px;
 padding-bottom:25px;
 text-align:center;
 }

#footer a {
 padding-left:10px;
 padding-right:10px;
 text-decoration:none;
}  

/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:bold;
height:2em;
margin-left:40px;
margin-top:50px;
z-index:10;
}

* + html #mega {
list-style:none;
font-weight:bold;
height:212px;

}

#mega li {
margin-left:40px;
float:left;
sdtext-align:center;
position:relative;
}
#mega li:hover {
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:0 0 1px 0;
margin-top:0;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color:#000;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
}




/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:1px;
width:420px;
padding:0 10px 10px;
border:1px solid #1f0e05;
border-top:0;
font-weight:normal;
text-align:left;
background:#FFFFFF;
z-index:10;
}

* + html #mega div {
position:absolute;
left:-999em;
margin-top:112px;
width:420px;
padding:0 10px 10px;
border:1px solid #1f0e05;
border-top:0;
font-weight:normal;
text-align:left;
background:#FFFFFF;
z-index:10;
}

#mega div .last {
position:absolute;
left:-999em;
margin-top:112px;
width:420px;
padding:0 10px 10px;
border:1px solid #1f0e05;
border-top:0;
font-weight:normal;
text-align:left;
background:#FFFFFF;
z-index:10;
}

#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-321px;
}
#mega li.last:hover div {
left:-455px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
font-size:1em;
padding:0 10px;
margin:5px 0 5px 0;
color:#00588a;
clear:both;
background-color:#FFFFFF;
float:left;
width:400px;
position:relative; /* makes above drop shadow */
}
#mega div h2 a {
	color:#00588a;
	background-color:#FFFFFF;
}
#mega div p {
	float:left;
	width:140px;
	color:#3081ae;
	background-color:#FFFFFF;
	padding-left:10px;
	margin-top:-2px;
	position:relative; /* makes above drop shadow */
}
#mega div p a {
	text-decoration:none;
	float:left;
	color:#3081ae;
	clear:left;
	background-color:#FFFFFF;
	width:100%; /* For IE6/7 */
	line-height:1.2;
}

* + html #mega div p a {
text-decoration:none;
float:left;
color:#3081ae;
clear:left;
background-color:#FFFFFF;
width:100%; /* For IE6/7 */
line-height:1.6;
}

#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
background-color:#FFFFFF;
color:#009cff;

}
/* ---------- Drop Shadow ---------- */


#mega li:hover .shop {
background:url(images/menu_shop_2.png) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
z-index:10;
}

#mega li:hover .scene {
background:url(images/menu_scene_2.png) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
z-index:10;
}

#mega li:hover .contact {
background:url(images/menu_contact_2.png)) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
z-index:10;
}

#behind {
position:absolute;
z-index:-1;
}

.hiddenPic {display:none;}


h1     {font-family:Georgia, Times New Roman, Times, Bookman Old Style, serif; font-weight:normal ;font-size:18px; color:#ffffff; text-decoration:none; }

h2     {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold ; font-size:16px; color:#333333; text-decoration:none; }

h3     {font-family:Georgia, Times New Roman, Times, Bookman Old Style, serif; font-weight:normal ;font-size:18px; color:#000000; text-decoration:none; }

h4     {font-family:Georgia, Times New Roman, Times, Bookman Old Style, serif; font-weight:normal ;font-size:20px; color:#000000; text-decoration:none; }
h6     {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold ; font-size:12px; color:#333333; text-decoration:none; }

.text     {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal ; font-size:13px; color:#000000 }
.tiny    {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal ; font-size:10px; color:#000000 }

.italic   {font-style:italic; font-weight:normal ;font-size:13px; color:#000000; text-decoration:none; }

.orange_italic   {color:#CC6600; font-style:italic;}

.bold     {font-weight:bold ; font-size:13px; color:#000000 }

.mission  {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold ; font-size:20px ; color:#111111}

.footer   {font-weight:nomal ; font-size:11px ; color: #000000;}

.link     {font-weight:nomal ; font-size:11px ; color: #003366;}

.heading     {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold ; font-size:15px ; color:#333333;}

.heading_red     {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold ; font-size:15px ; color:#990000;}

.red     {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px ; color:#990000;}

.yellow   {font-family:Georgia, Times New Roman, Times, Bookman Old Style, serif; font-size:14px ; color:#deac33; margin-left: 10px;}

.footer_heading     {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold ; font-size:15px ; color: #FFFFFF; padding-top:10px;}

.slogan_italic {font-family:"arial"; font-style:italic; font-size:15px ; color:#D2FFA4;}

.search {font-family:"arial"; font-weight:normal ; font-size:12px ; color:#999999;}

.micro {font-size:11px ; color:#666666;}

.tip_link {font-family:"arial"; font-weight:normal ; font-size:13px ; color:#a67601; padding-left: 10px; }
.tip_link:hover {color:#000000; }

.tip_italic { font-family:"arial"; font-weight:normal ; font-size:10px ; color:#a67601; padding-left: 10px; font-style:italic; }

.login {float: right; display: block; height: 1em; padding: .7em 1em 0.6em .5em; letter-spacing: -0.02em; color: #000000; text-decoration: none; overflow: hidden; font-size: .8em;font-family: Verdana, Arial, Helvetica, sans-serif;
}
.login:hover {text-decoration:underline; }