div.end {
	clear: both;
	height: 0;
	}
.hidden {
	display: none !important;
	}
ul.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	ul.nav li {
		margin: 0;
		padding: 0;
		}

div#page-main {
	background-color: #0a0a0a;
	}
	div#content {
		min-height: 720px;
		}
		div#trends {
			margin-top: 20px;		
			}		
			div#trends h1 {
				margin-bottom: 9px;
				}
			div#trends h2 {
				display: none; /* Removed once dynamic navigation replaced with custom navigation */
				}
			div#nav-main {			
				background-color: #745e49;
				}
				div#nav-main ul { 
					clear: both; 
					display: block; 
					width: 647px !important; 
					margin: 0; 
					overflow: hidden; 
					}
					div#nav-main ul li { 
						display: inline; 
						}
						div#nav-main ul li a { 
							display: block; 
							float: left; 
							line-height: 31px; 
							margin-right: 1px; 
							padding: 0 17px; 
							text-decoration: none; 
							color: #000 !important; 
							text-transform: uppercase; 
							font-size: 90%; 
							border-right: 1px solid #7b644f; 
							}
						div#nav-main ul li a:hover, div#nav-main ul li a.current { 
							color: #dfcea2 !important; 
							}
			div#trends div.text {
				position: absolute;
				top: 0px;
				right: 0px;
				width: 263px;
				}
			div#trends div.welcome {
				width: 161px;
				}		
				div#trends div.text ul.subnav { /* DAY & EVENING LOOK BUTTONS */
					width: 100%;			
					height: 28px;
					margin-top: 41px;	
					background: transparent url(../images/trends/background-semi-opaque4a.png); /* IE 6 EDIT */
					}
					div#trends div.text ul.subnav li {
						float: left;
						}
						div#trends div.text ul.subnav a {
							display: block; /* IE 6 EDIT */
							height: 28px;
							line-height: 28px;
							padding: 0 14px 0 14px;
							font-size: 90%;
							color: #886950; /* UNHIGHLIGHTED TEXT COLOR */
							border-right: 1px solid #ae8765;
							text-decoration: none;
							text-transform: uppercase;
							}
						div#trends div.text ul.subnav a:hover, div#trends div.text ul.subnav a.current {
							color: #ffffcc; /* TEXT COLOR WHEN SELECTED OR MOUSED OVER */
							}
				div#trends div.text div.info {				
					padding: 21px 12px;
					color: #e4d6c5;
					}
					div#trends div.text div.info h3 {
						margin-bottom: 40px;
						}
					div#trends div.text div.info h4 {
						margin-bottom: 15px;
						}
					div#trends div.text div.info ul {
						list-style-type: none;
						margin: 0 0 25px 0;
						padding: 0;
						}
						div#trends div.text div.info li {
							margin: 0;
							padding: 0;
							}
			div#trends div.photo {
				}
				div#trends div.photo a {
					float: left;
					}	
			div#trends div.intro {
				position: relative;
				clear: both;
				padding: 25px 30px;
				background: transparent url(../images/trends/background-gradient.jpg);
				}
				div#trends div.intro a.button {
					position: absolute;
					top: 15px;
					right: -30px;
					}
				div#trends div.intro h3 {
					margin-bottom: 25px;
					}	
				div#trends div.intro h4 {
					margin: 48px 0 37px;
					}
				div#trends div.intro div.movie {
					margin-bottom: 80px;
					text-align: center;
					}
			div#trends div.details {
				position: absolute;
				bottom: 0px;
				left: 0px;	
				/* REM
				opacity: 0.8;	
				filter: alpha(opacity=80);					
				background-color: #bb9d78;
				*/
				}
			div#trends div.details.no-js {
				position: static;
				}	
				div#trends div.details div.close a {
					position: absolute;
					top: 0px;
					right: 17px;
					display: none; /* Hide by default */
					height: 28px;
					line-height: 28px;
					padding-left: 13px;
					font-size: 90%;
					color: #1c1c1c;
					text-transform: uppercase;
					text-decoration: none;
					background: transparent url(../images/trends/arrow-down.gif) 0px 12px no-repeat;
					}
				div#trends div.details ul.nav { /* POP UP DETAIL NAVAGATION DETAILS, ABOUT, BEFORE */
					width: 647px;
					height: 28px;
					background: transparent url(../images/trends/background-semi-opaque-3.png); /* IE 6 EDIT */
					}
					div#trends div.details ul.nav li {
						float: left;
						}
						div#trends div.details ul.nav a {
							display: block; /* IE 6 EDIT */
							height: 28px;
							line-height: 28px;
							padding: 0 11px;
							text-decoration: none;	
							text-transform: uppercase;
							font-size: 90%;					
							color: #1c1c1c;
							border-right: 1px solid #836a56;
							}
						div#trends div.details ul.nav a:hover, div#trends div.details ul.nav a.current {
							color: #ffffcc; /* HIGHLIGHTED OR MOUSED OVER TEXT COLOR */
							}
				div#trends div.details.no-js div.tab {
					height: auto;					
					}
				div#trends div.tab {
					height: 0px;
					overflow: hidden;
					color: #fff;
					background: transparent url(../images/trends/background-semi-opaque-4.png); /* IE 6 EDIT */
					}
					div#trends div.details div.tab.about {
						color: #000;
						font-weight: normal;
						}
					div#trends div.tab div.tab-content {
						margin: 30px; /* Extra container due to height being set to zero for JavaScript animation */
						}
					div#trends div.tab h5 {
						margin-bottom: 5px;
						color: #42362c;
						font-size: 130%;
						text-transform: uppercase;
						}
					div#trends div.tab img.before {
						float: left;
						margin-right: 13px;
						}


/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider */

	.coda-nav { background-color: #745e49; }

	.coda-slider-wrapper { position: relative; padding: 0; }
	.coda-slider {  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 647px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 647px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { position: absolute; top: 110px; z-index: 9999; }
	.coda-nav-left a { left: 0px; }
	.coda-nav-right a { left: 620px; }
	
	/* Tab nav */
	.coda-nav ul li a:hover, .coda-nav ul li a.current { color: #dfcea2 !important; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { position: relative; padding: 0 }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; width: 647px !important; margin: 0; overflow: hidden; }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { display: block; float: left; line-height: 31px; margin-right: 1px; padding: 0 17px; text-decoration: none; color: #000 !important; text-transform: uppercase; font-size: 90%; border-right: 1px solid #7b644f; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow-x: hidden; overflow-y: auto } /* GML - Edited from "OVERFLOW: AUTO" - this may cause issues */
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }