/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/cssplay-drop-everything.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

.dropEverything {
	padding:0;
	margin:0 auto;
	list-style:none;
	font-family:arial, sans-serif !important;
	position:relative;
	width:970px;
	height:36px;
	z-index:100;
	background: #2e1b15;
}
.dropEverything li.top-li {float:left; margin-right:1px; border-bottom:1px solid transparent;}
.dropEverything a.top-a {
	display:block;
	padding:0 28px;
	font-size:12px;
	line-height:35px;
	background:#2e1b15;
	color:#fff;
	text-decoration:none;
	/* [disabled]-moz-border-radius: 0; */
	/* [disabled]-webkit-border-radius: 0; */
	-ms-border-radius: 8px 8px 0 0;
	/* [disabled]border-radius: 0; */
}
.dropEverything-page {
	background:#5c4e34;
	padding:5px;
	position:absolute;
	top:36px;
	left:-9999px;
	/* [disabled]-moz-border-radius: 0; */
	/* [disabled]-webkit-border-radius: 0; */
	-ms-border-radius: 0 0 8px 8px;
	/* [disabled]border-radius: 0; */
}
.dropEverything-row {
	width:100%;
	border-top:5px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
	background:#5c4e34;
	padding-bottom:10px;
}
.dropEverything-col1 {
	width:100%;
	background:#5c4e34;
}
.dropEverything-col2 {
	width:49.9%;
	float:left;
	background:#5c4e34;
}
.dropEverything-col3 {
	width:33.2%;
	float:left;
	background:#5c4e34;
}
.dropEverything-col4 {
	width:24.9%;
	float:left;
	background:#5c4e34;
}
.dropEverything-col5 {
	width:19.9%;
	float:left;
	background:#5c4e34;
}
.dropEverything-col6 {
	width:16.5%;
	float:left;
	background:#5c4e34;
}
.dropEverything-inner {padding:5px;}

.dropEverything h1 {padding:0 0 0 5px !important; margin:0; font:bold 20px/30px arial, sans-serif !important; color:#fff !important;}
.dropEverything h2 {
	padding:0 0 0 5px !important;
	margin:0;
	font:bold 16px/24px arial, sans-serif !important;
	color:#FFF !important;
}
.dropEverything h3 {
	padding:3px 5px !important;
	margin:0;
	font:bold 14px/21px arial, sans-serif !important;
	color:#FFDF00 !important;
	background: #2e1b15;
}
.dropEverything p {
	padding:3px 5px;
	margin:0;
	font:normal 11px/18px arial, sans-serif !important;
	color:#FFF !important;
}
.dropEverything img.dropEverything-imageLeft {
	border:5px solid #5c4e34;
	float:left;
	margin:5px 10px 10px 5px;
}

.dropEverything .clear {clear:both;}

.dropEverything li.top-li:hover {
	border-bottom:1px solid #5c4e34;
}
.dropEverything li.top-only:hover {border-bottom:1px solid #5c4e34;}
.dropEverything li.top-li:hover > a.top-a {
	background:#5c4e34;
}
.dropEverything li.top-li:hover div.dropEverything-page {left:0;}

.dropEverything li.pageOne:hover {position:static;}
.dropEverything li.pageTwo:hover {position:static;}
.dropEverything li.pageThree:hover {
	position:static;
}
.dropEverything li.pageFour:hover {position:static;}
.dropEverything li.pageFive:hover {
	position:static;
}
.dropEverything li.pageSix:hover {position:static;}

.dropEverything li.pageOne div.dropEverything-page {
	width:950px;
}
.dropEverything li.pageTwo div.dropEverything-page {
	width:950px;
}
.dropEverything li.pageThree div.dropEverything-page {
	width:950px;
}
.dropEverything li.pageFour div.dropEverything-page {
	width:950px;
}
.dropEverything li.pageFive div.dropEverything-page {
	width:950px;
}
.dropEverything li.pageSix div.dropEverything-page {
	width:950px;
}

.dropEverything li.close {position:absolute; left:50%; bottom:37px; width:90px; height:35px; line-height:35px; margin-left:-50px; display:none;}
.dropEverything li.close a {
	background:#5c4e34;
	color:#fff;
	text-align:center;
	/* [disabled]-moz-border-radius: 8px; */
	/* [disabled]-webkit-border-radius: 8px; */
	-ms-border-radius: 8px;
	/* [disabled]border-radius: 8px; */
}

/* dropdown menu */
.dropdownMenu {float:left; position:relative;}
.dropdownMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	background:#5c4e34;
}
.dropdownMenu ul li {margin:0; padding:0; list-style:none; float:left;}
.dropdownMenu ul ul li {margin:0; padding:0; list-style:none; display:inline; float:none;}
.dropdownMenu ul ul {
	position:absolute;
	left:-9999px;
	background:#5c4e34;
	/* [disabled]-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
	-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	/* [disabled]-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
	/* [disabled]box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
}
.dropdownMenu a {
	display:block;
	font:normal 12px/22px arial,sans-serif !important;
	color:#FFDF00;
	text-decoration:none;
	padding:0 10px 0 5px;
} 
.dropdownMenu li:hover > a {
	background-color:#FFDF00;
	color:#000;
}
.dropdownMenu ul li:hover {position:relative;}
.dropdownMenu ul li:hover > ul {left:0; margin-top:0;}
.dropdownMenu ul ul li:hover {position:static;}
.dropdownMenu ul ul li:hover > ul {left:100%; margin-top:-22px;}
.dropdownMenu ul ul li.rgt:hover > ul {left:auto; right:100%; margin-top:-22px;}

/* flyout menu */
.flyoutMenu {
	float:left;
	position:relative;
	font: normal 12px/22px arial,sans-serif;
	color: #FFF;
}
.flyoutMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	background:#5c4e34;
}
.flyoutMenu li {margin:0; padding:0; list-style:none; display:inline;}
.flyoutMenu ul ul {
	position:absolute;
	left:-9999px;
	background:#5c4e34;
	/* [disabled]-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
	-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	/* [disabled]-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
	/* [disabled]box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); */
}
.flyoutMenu a {
	display:block;
	font:normal 12px/22px arial,sans-serif !important;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 20px 0 5px;
} 
.flyoutMenu li:hover > a {
	background-color:#FFDF00;
	color:#000;
}
.flyoutMenu ul li:hover > ul {left:100%; margin-top:-22px;}

/* gallery */
.dropEverything-gallery {width:480px; height:450px; position:relative; margin:0 auto; padding:10px 0;}
.dropEverything-gallery ul {padding:390px 0 0 0; margin:0; list-style:none;}
.dropEverything-gallery ul li {float:left; width:80px; height:75px;}
.dropEverything-gallery ul li img {width:78px; display:block;}
.dropEverything-gallery ul li span {position:absolute; left:0; top:10px; display:none; z-index:10;}
.dropEverything-gallery ul li span.default {display:block; z-index:1;}
.dropEverything-gallery ul li span img {width:480px;}
.dropEverything-gallery ul li span b {
	display:block;
	width:480px;
	font:normal 12px/30px arial,sans-serif;
	color:#000;
	background:#5c4e34;
	text-align:center;
}
.dropEverything-gallery ul li:hover span {display:block;}

/* form */
.dropEverything-form {padding:10px; margin:0;}
.dropEverything-form label {clear:left; display:block; font:normal 12px/30px arial, sans-serif; color:#000; float:left; width:70px; padding-right:10px; text-align:right; margin-bottom:5px;}
.dropEverything-form input {
	width:200px;
	height:30px;
	border:1px solid #5c4e34;
	font:normal 12px/30px arial, sans-serif;
	padding:0 5px;
	float:left;
}
.dropEverything-form textarea {
	width:200px;
	height:100px;
	padding:5px;
	border:1px solid #6v4e34;
	float:left;
}
.dropEverything-form .submit {
	display:block;
	float:right;
	background:#000;
	color:#fff;
	font:normal 12px/30px arial, sans-serif;
	border:0;
	margin:10px 18px 5px 0;
	padding:0 10px;
	height:30px;
}