.maincontainer { margin: 0; }

a { outline: 0; }

/******* LANDING SECTION STYLES *******/

#exp_container { 
	width: 1006px;
	height: 600px;
	background-color: #656565;
	color: #fff;
	position: relative;

	overflow: hidden; }

#landing_top {
	height: 124px;
	background: #4e4e4e url(../images/top_bg.png) no-repeat right bottom;
	}

#landing_top h1 {
	font-family:'PT Sans',arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	margin: 0 350px 0 30px;
	padding-top: 15px;
	text-align: left;
	}

#landing_top p {
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0 300px 0 30px;
	padding-top: 6px;
	text-align: left;
	}

	
#left_col {
	position: absolute;
	top: 124px;
	left: 0;
	height: 486px;
	width: 1006px;
	z-index: 100;
	background-image: none;
	}

#left_nav {
	padding-left: 0;
	margin: 0 auto;
	list-style: none;
	width: 960px;
	overflow: hidden;
	}

#left_nav li {
	margin-left: 0;
	margin-right: 5px;
	float: left;
	}

#left_nav li:first-child {
	display: none;
	}
	
#left_nav li a {
	color: white;
	background-color: #4e4e4e;
	font-size: 20px;
	font-family: arial, sans-serif;
	text-decoration: none;
	text-indent: 0px;
	padding-top: 366px;
	display: block;
	height: 486px;
	width: 154px;
	cursor: pointer;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top left;
	}

a#link-sect-1 { background: url(../images/landing_frontdoor.jpg); }
a#link-sect-2 { background: url(../images/landing_porch.jpg); }
a#link-sect-3 { background: url(../images/landing_shutters.jpg); }
a#link-sect-4 { background: url(../images/landing_trim.jpg); }
a#link-sect-5 { background: url(../images/landing_fences.jpg); }
a#link-sect-6 { background: url(../images/landing_garagedoor.jpg); }

a#link-sect-1:hover { background-color: #8C3A40; }
a#link-sect-2:hover { background-color: #B99062; }
a#link-sect-3:hover { background-color: #938674; }
a#link-sect-4:hover { background-color: #727B83; }
a#link-sect-5:hover { background-color: #373C3F; }
a#link-sect-6:hover { background-color: #86847E; }

#left_nav li a.current {
	color: black; 
	background-image: none;
	}

#exp_main {
	width: 1006px;
	height: 600px; /* change this */
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	}
	
.section { 
	width: inherit;
	top: 0;
	left: 0;
	width: 1006px;
	}
	
#link-sect-0 {
	display: none;
	}

/* INTERIOR */

.interior #exp_container {
	}

.interior #left_col {
	background-image: url(../images/left-nav-bg.png);
	background-repeat: repeat-y;
	width: 200px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	}

.interior #left_nav {
	padding-left: 0;
	margin: 0;
	list-style: none;
	width: auto;
	}

.interior #left_nav li {
	float: none;
	background-image: url(../images/left-nav-item-bg.png);
	background-repeat: no-repeat;
	margin-left: 0;
	margin-top: 2px;
	}
	
.interior #left_nav li a {
	background-color: transparent;
	color: #ccc;
	font-size: 17px;
	font-family: arial, sans-serif;
	text-decoration: none;
	text-indent: 13px;
	text-align: left;
	padding-top: 8px;
	display: block;
	height: 27px;
	cursor: pointer;
	width: auto;
	}

.interior #left_nav li:first-child {
	background-image: none;
	display: block;
	}
	
.interior #left_nav li:first-child a {
	color: #ccc;
	float: none;
	font-size: 22px;
	font-family: 'PT Sans', arial, sans-serif;
	text-decoration: none;
	text-align: center;
	text-indent: 0px;
	padding: 24px 30px 24px 15px;
	height: auto;
	}

.interior #left_nav li a:hover {
	color: #FFF;
	
	}

.interior #left_nav li a.current {
	background-position: right center;
	color: black; 
	background-image: url(../images/bg_arrow.png)
	}

.interior a#link-sect-1,  
.interior a#link-sect-2, 
.interior a#link-sect-3, 
.interior a#link-sect-4, 
.interior a#link-sect-5, 
.interior a#link-sect-6
	{ background-image: none; }

.interior #link-sect-0 {
	display: block;
	}

.interior a#link-sect-1:hover, 
.interior a#link-sect-2:hover, 
.interior a#link-sect-3:hover, 
.interior a#link-sect-4:hover, 
.interior a#link-sect-5:hover, 
.interior a#link-sect-6:hover { background-color: transparent; }
	
.interior #exp_main {
	width: 816px;
	height: 600px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	}
	
.interior .section { 
	width: 760px;
	}
	
.right_nav {
	height: 600px;
	width: 126px;
	background-color: #2e2e2e;
	position: absolute;
	right: 0;
	}



.trend_details { 
	margin-left: 20px; 
	margin-top: 15px; 
	}

.trendpanes h2 {
	font-family:'PT Sans',arial, sans-serif;
	font-weight: normal;
	font-size:20px;
	margin:12px 110px 6px 20px;
	border-top:1px solid #777777;
	}

.trendpanes p {
	font-family:arial, sans-serif;
	font-size: 12px;
	margin: 0 110px 6px 20px;
	}


/* SWATCHES */

.swatches {
	padding-left: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	}

.swatches li {
	margin-left: 0;
	margin-right: 15px;
	width: 150px;
	float: left;
	overflow: hidden;
	}

.swatches div.swatch {
	height: 46px;
	width: 148px;
	border: 1px solid #565656;
	}

.color_details {
	width: 150px;
	font-size: 11px;
	font-family: arial, sans-serif;
	margin-top: 5px;
	}

.color_details span {
	}
	
.color_details span.number {
	color: #999;
	white-space: nowrap;
	}

.color_details span.name {
	font-size: 12px;
	width: 120px;
	font-style: italic;
	}

.color_details span.loc {
	font-size: 10px;
	width: 148px;
	text-transform: uppercase;
	display: block;
	}
	
/* RIGHT NAV */

.right_nav p {
	padding: 0;
	margin: 20px 12px 0px;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

.trends {
	padding-left: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	font-family: arial, sans-serif;
	font-size: 11px;
	}

.trends li { 
	margin-top: 15px;
	}

.trends li a { 
	margin: 0 12px; 
	display: block;
	text-decoration: none; 
	color: #999; 
	}
		
.trends li a span { 
	display: block; 
	margin-top: 2px;
	text-align: left;
	}
		

.trends li a.current { 
	color: #FFF; 
	}	

.trends li a img { 
	border: 2px solid transparent; 
	}
		
.trends li a.current img { 
	border: 2px solid #FFF; 
	}