/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #333333; background: #ffffff url(../images/bg_page.gif) 0 0 repeat-x;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.1em;}
.largest {font-size: 1.2em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 1.1em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 1em 0 1em 0; background: #e0e0e0; width: 100%; height: 1px; color: #e0e0e0; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px dotted #e0e0e0;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	.bordered {border: 5px solid #f0f0f0; margin: 0 5px 5px 0;}
	.left {margin: 0 20px 5px 0; text-align: left;}
	.right {margin: 0 0 5px 20px; text-align: left;}
	.gallery-thumb {border: 5px solid #f0f0f0; margin: 0 10px 10px 0; width: 100px; height: 75px;}

	
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #ef4724; text-decoration: none; cursor: pointer;}
	a:hover {color: #333333;}
	a:focus {outline: none; -moz-outline: none;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em;}

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;}

h1 {font-size: 1.8em; font-weight: normal; color: #ef4724; margin: 0 0 0.7em 0; text-transform: uppercase;}
	
h2 {font-size: 1.6em; font-weight: normal; color: #cccccc; margin: 0.5em 0 0.7em 0;}

h3 {font-size: 1.4em; font-weight: normal; color: #666666; margin: 0.5em 0 0.7em 0;}

h4 {font-size: 1.2em; font-weight: bold; color: #ef4724; margin: 0.5em 0 0.5em 0;}

h5 {font-size: 1.1em; font-weight: bold; color: #cccccc; margin: 0.5em 0 0.5em 0; text-transform: uppercase;}

h6 {font-size: 1em; font-weight: bold; color: #666666; margin: 0.5em 0 0.3em 0; text-transform: uppercase;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.3em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 1em;}

fieldset {margin: 2em 0 0 0; border: none; padding: 0;}
label {padding: 0 5px 0 0;}

input, textarea, select {font: 1em Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #333333; background: #fafafa; margin: 0 0 3px 0; padding: 1px 2px 1px 2px; border: 1px solid #d0d0d0;}
	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: #ffffff; border: 1px solid #ef4724;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}

	input.btn {float: none; border: 1px solid #ef4724; color: #ffffff; background: #ef4724; margin: 10px 3px 10px 0; cursor: pointer; text-transform: uppercase; font-weight: bold; width: auto !important; padding: 2px 5px 2px 5px;}
		input.btn:hover {background: #ffffff; color: #ef4724;}
	
optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 10px;}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

form br {clear: both; line-height: 0; height: 0;}

form .required {border: 1px solid #ef4724;}
.error-message {font-weight: bold; color: #ef4724;}

form.custom1 {font-size: 0.9em;}
	form.custom1 input, form.custom1 textarea, form.custom1 select {width: 200px; float: left;}
		form.custom1 select {width: 208px;}
		form.custom1 input.file {border: none; width: 100%;}
	form.custom1 label {float: left; text-align: right; width: 200px;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#container {position: relative; width: 970px; margin: 0 auto; text-align: left;}

#header {position: relative; height: 290px; overflow: hidden;}

#header-img {position: absolute; top: 5px; right: 15px; width: 700px; height: 280px; overflow: hidden;}

	#header-img img {width: 700px; height: 280px;}

.header-img-overlay {position: absolute; top: 145px; right: 0; width: 700px; height: 140px; background: transparent url(../images/bg_header_overlay.png) 0 0 repeat; z-index: 10; color: #ffffff; font-size: 2.2em; line-height: 1.5em; padding: 20px 20px 0 0; text-align: right;}
	* html .header-img-overlay {background: none;}

.header-img-overlay2 {position: absolute; top: 20px; right: 0; width: 700px; height: 140px; background: transparent url(../images/bg_header_overlay.png) 0 0 repeat; z-index: 10; color: #ffffff; font-size: 2.2em; line-height: 1.5em; padding: 20px 20px 0 0; text-align: right;}
	* html .header-img-overlay2 {background: none;}

#header-img-bg {position: absolute; top: 0; right: 0; width: 720px; height: 290px; background: transparent url(../images/bg_header_img.png) 0 0 no-repeat; z-index: 80;}
	* html #header-img-bg {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/bg_header_img.png');}

#logo {position: absolute; top: 70px; left: 48px; display: block; background: transparent url(../images/logo_yhm.gif) 0 0 no-repeat; z-index: 100;}
	#logo a {display: block; width: 251px; height: 169px;}
		#logo a span {display: none;}

#logo-bg {position: absolute; top: 0; left: 0; width: 340px; height: 290px; background: transparent url(../images/bg_logo.png) 0 0 no-repeat; z-index: 90;}
	* html #logo-bg {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/bg_logo.png');}

#main {float: left; width: 945px; background: transparent url(../images/bg_main.gif) 100% 0 repeat-y;}
	#main .container {padding: 0 0 0 25px;}

#sidebar {float: left; width: 225px;}

#content {float: left; width: 675px; margin: 0 0 0 5px; background: transparent url(../images/bg_content.gif) 0 0 repeat-x;}
	#content .container {padding: 30px 15px 30px 15px; font-size: 1.2em;}

.pics {width: 700px; height: 450px; overflow: hidden;}
	.pics img {width: 700px; height: 450px;}
	
#affiliates {clear: both; width: 645px; margin: 0 0 0 245px; padding: 0 0 5px 0;}
	#affiliates img {margin: 0 30px 10px 0; vertical-align: middle;}

#footer {clear: both; width: 705px; height: 65px; margin: 0 0 0 215px; padding: 0 0 20px 0; color: #666666; background: #ffffff url(../images/bg_footer.gif) 0 0 no-repeat;}
	#footer a {color: #666666;}
		#footer a:hover {color: #ffffff;}
	#footer .container {height: 50px; overflow: hidden;}
	#footer .contentleft {float: left; padding: 15px 5px 0 10px;}
	#footer .contentright {float: right; padding: 15px 30px 0 5px;}

/*-----------------------------------------------------------------------------
	LEFT NAVIGATION
-----------------------------------------------------------------------------*/

#nav-bottom {height: 105px; background: transparent url(../images/bg_nav_bottom.gif) 0 0 no-repeat;}

#nav {padding: 35px 0 10px 25px; background: transparent url(../images/bg_nav.gif) 0 0 repeat-y; font-size: 1.1em;}

#nav ul {list-style: none; margin: 0; padding: 0; background: transparent url(../images/bg_nav_divider.gif) 0 0 no-repeat;}

#nav li {font-weight: bold; margin: 0; padding: 0; background: transparent url(../images/bg_nav_divider.gif) 0 100% no-repeat;}
	#nav li a {color: #efd6d1; display: block; padding: 5px 20px 6px 20px; text-transform: uppercase;}
	* html #nav li a {display: inline-block; width: 160px;}
		#nav li a:hover, #nav li a.current, #nav li a.current:hover {color: #ffffff; background: #862814;}

#nav li ul {padding: 0 0 5px 0;}

#nav li li {font-weight: normal; background: transparent url(../images/clear.gif) 0 0 no-repeat;}
	#nav li li a {padding: 3px 20px 3px 30px; text-transform: none;}
	* html #nav li li a {width: 150px;}
		#nav li li a:hover, #nav li li a.current {}
			#nav li li a.current {font-weight: bold;}