/*
*	EsomaKungFu.com
*	JJohnson | August 2009
*
*/

body{
	font: 12px/22px "Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2d2d2d;	
	background: #4a0015 url(../images/bg-body.jpg) repeat-x center top;
	margin-top: 40px;
}

a{color: #4A0015; font-weight: bold;}
a:hover{color: #8f0000; text-decoration:none;}

.red{color: #4a0015;}

h2{color: #4A0015; font-size: 18px; font-family: Georgia, serif; border-bottom: 1px solid #a37e78; font-weight: normal; margin-bottom: 8px; padding-bottom: 4px;}
h3{color: #4a0015; font-weight: bold; font-size: 14px; letter-spacing: -1px; text-transform: uppercase; border-bottom: 1px solid #a37e78; padding-bottom: 0; margin-bottom: 3px;}

#outerWrapper{background: url(../images/bg-outerwrapper.png) no-repeat center bottom;}
#wrapper{width: 959px; margin: 0 auto;}

#hd{background: url(../images/bg-hd.png) no-repeat left top; position: relative; height: 150px;}

#hd .logo a{background: url(../images/logo-web.jpg) no-repeat left top; width: 184px; height: 94px; display: block; position: absolute; left: 10px; top: 10px; text-indent: -99999em;}

#navigation{background: url(../images/bg-navigation.png) no-repeat left top; position: absolute; right: 0; bottom:-2px; padding: 4px 8px;}

.dropdown li{padding: 8px; margin-right: 10px; width: 155px;}
.dropdown a{color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; margin: 0 10px 0 0; padding: 0 0 5px 0; width:155px;}
.dropdown a em{font-size: 10px; text-transform:none; font-weight: normal; font-style:normal;}
.dropdown a:hover{color: #bf0000; text-decoration:none;}
.dropdown li ul{background: #000;  top: 35px; width: 155px;}
.dropdown li ul a{text-transform:none; font-weight: normal; font-size: 10px;}
.dropdown li ul li{border-bottom: 1px solid #7c7c7c; margin: 0 5px; width: auto;}
.dropdown li ul li.last{border:none;}
/*



*/

#content{background: #F6F1DE url(../images/bg-content-tile.gif) repeat-x left top; padding: 10px;}
#ft{background: url(../images/bg-content.png) no-repeat left top; padding-top: 18px;}

#leftColumn{width: 689px; float: left; margin-right: 10px;}
#rightColumn{width: 240px; float: left; font-size: 11px; line-height: 18px;}

.innerLeft{width: 465px; float: left;}
.innerRight{width: 209px; float: right;}

.cta{margin-bottom: 10px;}

.homeContent{padding-top: 10px;}
.quote{font-style: italic; font-family: Georgia, serif; line-height: 18px; border-bottom: 1px solid #ecdea6; margin-bottom: 15px; }

#gallery .photo{width: 150px; margin-right: 10px; font-size: 11px; line-height: 14px; float: left; min-height: 215px;}
#gallery .photo.longcaption{clear: left; width: 600px; height: auto;}
#gallery .photo.longcaption img{float: left; margin-right: 10px;}
#gallery .photo.longcaption p{float: left; width: 400px;}

.photo-gallery-list ul{margin: 0; padding: 0;}
.photo-gallery-list li{width: 150px; margin-right: 10px; float: left; list-style:none; min-height: 205px;}

#emailupdates{width: 500px; position: absolute; right: 10px; top: 20px; font-weight: normal; font-size: 11px; }
#emailupdates p{font-style: italic; line-height: 14px;}
.submit{font-family: "Lucida Sans",Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #fff; background: #222; padding: 2px 4px; border: 2px solid #000;}

#video-player{float: left; width: 480px;}
#video-list{float: right; width: 200px;}
#video-list ul{margin: 0; padding: 0;}
#video-list ul li{margin: 0; padding: 0; list-style:none;}
#video-list ul li a{display: block; border-bottom: 1px solid #a37e78; padding: 2px;}
#video-list ul li a.selected, #video-list ul li a:hover{background: #000; color: #fff;}

/* dropdown menu styling */
.dropdown, .dropdown * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.dropdown {
	line-height:	1.0;
}
.dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.dropdown ul li {
	width:			100%;
}
.dropdown li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.dropdown li {
	float:			left;
	position:		relative;
}
.dropdown a {
	display:		block;
	position:		relative;
}
.dropdown li:hover ul,
.dropdown li.sfHover ul {
	left:			0;
	top:			3.0em; /* match top ul list item height */
	z-index:		99;
}
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}