/*==== default setting of webpage ====*/

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
button {
	margin:0;
	outline:none;
	padding:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {

} /* Tables still need 'cellspacing="0"' in the markup */
/* GENERAL ELEMENTS */

body {
	background:#ffffff;
	font-family:arial, Helvetica, sans-serif;
	height:100%;
}
.hidden {
	display:none !important;
}
.clear {
	clear:both;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.center {
	text-align:center;
}
.container {
	margin:0 auto;
	width:939px;
}
a {
	color:#3ca097;
	text-decoration:none;
}
a:hover {
	color:#23665f;
}
/* HEADER */

#header {
	width:939px;
}
#heading, #heading #heading_right {
	background:url(images/header_side.png) no-repeat 0 0;
	height:93px;
	padding-left:5px;
}
#header.black #heading, #header.black #heading #heading_right {
	background:url(images/black/header_side.png);
}
#header.blue #heading, #header.blue #heading #heading_right {
	background:url(images/blue/header_side.png);
}
#heading #heading_right {
	background-position:100% 0;
	padding-left:0;
	padding-right:5px;
}
#heading #heading_right #heading_bg {
	background:url(images/header_bg.png);
	height:93px;
	padding:0 11px 0 13px;
}
#heading h1, #heading h2 {
	float:left;
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
}
#heading h2 {
	color:#a3a39a;
	font-size:14px;
	line-height:91px;
	margin-left:4px;
}
#heading #adv_468 {
	float:right;
	margin-top:11px;
}
#heading #adv_468 a {
	background:#ebeadb;
	border:1px solid #dbdac9;
	float:left;
	height:60px;
	padding:4px;
	position:relative;
}
#heading #adv_468 a:hover {
	border-color:#5fafa5;
}
#heading #adv_468 a:hover span.hidden {
	-khtml-opacity:0.2;
	-moz-opacity:0.2;
	background:#FFF;
	display:block !important;
	filter:alpha(opacity=20);
	height:60px;
	left:4px;
	opacity:0.2;
	position:absolute;
	top:4px;
	width:468px;
}
/*
 * The rest of the styling for this share block is defined in it's own 'section' in this stylesheet
 */
#heading .share {
	float:right;
	margin-top:31px;
}
/* NAVIGATION */

#navigation {
	background:url(images/black/navigation_sides.png) no-repeat 100% 0;
	clear:both;
	font-size:.8em;
	height:40px;
	margin-bottom:14px;
	padding-bottom:2px;
	padding-right:5px;
	text-transform:capitalize;
	width:934px;
}
#navigation.black {
	background-image:url(images/black/navigation_sides.png);
}
#navigation a {
	color:#fff;
	cursor:default;
	display:block;
	padding:0 17px;
}
#navigation a[href] {
	cursor:pointer;
}
#navigation a.home {
	background:url(images/black/navigation_home.png) 0 0 no-repeat;
	color:#fff;
	float:left;
	height:42px;
	line-height:40px;
	padding-left:21px;
	padding-right:0;
	width:53px;
}
/* When JS is disabled none of the nav elements will have a hovered version for being consistent. */
.js-enabled #navigation a.home:hover {
	background-position:0 100%;
}
#navigation.black a.home {
	background-image:url(images/black/navigation_home.png);
}
#navigation.blue a.home {
	background-image:url(images/blue/navigation_home.png);
}
#navigation #nav {
	background:url(images/black/navigation_bg.png) repeat-x;
	float:left;
	height:40px;
	padding-bottom:2px;
	width:860px;
}
#navigation #nav a:hover{

}
#navigation > ul > li {
	background:url(images/black/navigation_sep.png) no-repeat 100% 0;
	float:left;
	line-height:40px;
	padding-right:2px;
}
#navigation.black > ul > li {
	background-image:url(images/black/navigation_sep.png);
}
#navigation.blue > ul > li {
	background-image:url(images/blue/navigation_sep.png);
}
#navigation li.popular.active {
	line-height:32px;
	padding-right:2px;
}
#navigation li.lonely a {
	background:url(images/black/navigation_bg.png) 0 0;
}
#navigation li.lonely a:hover {
	background-position:0 100%;	color:#fff !important;	background:url(images/black/image_81_o.jpg) repeat-x;
}
#navigation.black #nav, #navigation.black li.lonely a {
	background-image:url(images/black/navigation_bg.png);
}
#navigation li.popular.active > a {
	background:url(images/black/navigation_active_bg.png) no-repeat 0 0;
	color:#3ca097;
	height:36px;
	margin-left:8px;
	margin-top:4px;
	padding-left:5px;
	padding-right:8px;
	position:relative;
	z-index:1000;
}
#navigation li.popular.active > a > span {
	background:url(images/black/navigation_active_bg.png) no-repeat 100% 100%;
	display:block;
	height:31px;
	padding-left:6px;
	padding-right:11px;	color:#fff;
}
#navigation .menu-item-arrow {
	background:url(images/black/navigation_arrows.gif) -16px 0;
	display:inline-block;
	height:5px;
	line-height:4px;
	margin-left:5px;
	padding:0;
	width:8px;
}
#navigation li.active .menu-item-arrow {
	background-position:-8px 0;
}

#navigation.black li.popular.active .menu-item-arrow, .black ul#nav li.popular .menu-item-arrow {
	background-image:url(images/black/navigation_arrows.gif);
}
#navigation li.popular.active .child {
	padding-right:11px;
	width:101px;
}
#navigation li.popular.active .child .menu-item-arrow {
	background-position:0 0;
	margin-top:-2px;
	position:absolute;
	right:3px;
	top:50%;
	width:8px;
}
#navigation li.popular.active li.hover .child .menu-item-arrow {
	background-position:-24px 0;
	width:8px;	color:#fff !important;
}
#nav, #nav ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
	width:240px;
	white-space:nowrap;
}
#nav li div.outerbox {
	left:-9999px;
	position:absolute;
	z-index:19;
	border:1px solid #f3cdff;
	width:280px;
}
#nav ul {
	display:none;
}
#nav li div.outerbox ul {
	display:block;
}
#nav li.active div.outerbox li.active.last div.outerbox {
	margin-top:-30px;
}
#nav li.active div.outerbox li.active.hover div.outerbox {
	margin-top:-29px;
}
#nav li.active div.outerbox li.active div.outerbox {
	left:auto;
	margin:-29px 0 0 115px;
	z-index:20;
}
#nav li.active div.children li.active ul li a {
	color:#000;
}
#nav li.active div.children {
	left:8px;
	top:34px;
}
.outerbox, .innerbox {
	background:#FFF;
	width:240px;
	z-index:2;
}
.outerbox {
	padding-top:12px;
}
#nav ul.innerbox {
	background-position:100% 100%;
	float:left;font-size:12px;
	padding-bottom:16px;
}
#nav ul li, #nav li.active .children li.active ul li {
	background:#FFF;
	line-height:24px;
	padding-left:13px;
	padding-right:15px;font-size:12px;
	width:240px;
}

#nav ul li.hover{ background:#DFDCCB;}

#nav ul li a, #nav li.active .children li.active ul li a {
	border-bottom:1px solid #e1e1d3;
	color:#000;
	display:block;
	padding:0;font-size:12px;
	width:240px !important;
}
.black ul#nav li.popular.active > a, .black #nav ul li a, .black #nav li.active .children li.active ul li a {
	color:#fff;font-size:12px;
}

#nav ul li a:hover, #nav li.active .children li.active ul li a:hover {
	color:#fff;font-size:12px;
}
#nav ul li.last a.child, #nav li.active .children li.active ul li.last a {
font-size:12px;
}
#nav ul li.hover, #nav li.active .children li.active ul li.hover {
	background-position:100% 0;
	border-bottom:1px solid #EAEAEA;

}
.black #nav ul li.hover, .black #nav li.active .children li.active ul li.hover {
	background-image:url(images/black/navigation_childul_bg.png);
	border-bottom:1px solid #515146;
	border-top:1px solid #ffffff;
}
.grey #nav ul li.hover, .grey #nav li.active .children li.active ul li.hover {
	background-image:url(images/grey/navigation_childul_bg.png);
	border-bottom:1px solid #c1c1b1;
	border-top:1px solid #c1c1b1;
}
.blue #nav ul li.hover, .blue #nav li.active .children li.active ul li.hover {
	background-image:url(images/blue/navigation_childul_bg.png);
	border-bottom:1px solid #58a4bb;
	border-top:1px solid #58a4bb;
}
#navigation ul li.hover a.child, #navigation li.active .children li.active ul li.hover a {
	border:0;
	color:#000000;
}
#navigation ul li.next a, #navigation li.active .children li.active ul li.next a {
	border-top:0;
}
#navigation ul li.popular, #nav ul li a.child {
	position:relative;
}
/* CONTENT */

#content_container {
	background:url(images/content_tops.png) no-repeat 0 0;
	margin-top:13px;
	padding-top:4px;
	width:937px;
}
#content_container_bg {
	background:url(images/content_bg.png);
	padding:10px 10px 19px;
	width:919px;
	float:left;
}
/* FOOTER */

#footer_bg {
	background:#e2f1fa;
	clear:both;
	padding-bottom:15px;
}
#footer_bg hr {
	background:#dedece;
	border:0;
	clear:both;
	height:1px;
	margin:0 2px;
}

#footer {
	background:url(images/footer_bg.png) repeat-y;
	clear:both;
	float:left;
	padding:26px 30px 23px;
	width:878px;
}
/*
#love {
	background:url(images/credits_bg.png);
	clear:both;
	color:#76766a;
	font-size:.75em;
	height:37px;
	line-height:33px;
	position:relative;
	text-align:center;
	width:939px;
}
#love .credits {
	bottom:4px;
	position:absolute;
	right:39px;
	text-align:right;
}
#love .credits a {

	display:inline-block;
	padding-right:25px;
	text-indent:-99999px;
}
#love .credits a:hover {
	background-position:100% 100%;
}
*/