body.interior {
	background : url('/images/layout/tile-bg.jpg');
}

body.home {
	background : #d15d26 url('/images/layout/homebg.jpg') no-repeat center top;
}

a img {
	border-width : 0;
}

.clear-all {
	position : relative;
	margin : 0;
	padding : 0;
	width : 100%;
	height : 0;
	visibility : hidden;
	clear : both;
}

.header-wrapper.home {
	/*background : #d05d26 url('/images/layout/tree-header-bg-tall.jpg') no-repeat center top;*/
}

.header-wrapper.interior {
	background : #d05d26 url('/images/layout/tree-header-bg.jpg') no-repeat center top;

}

.header-container {
	background : url('/images/layout/header-grad.png') repeat-x left bottom;
}

.header-container .header-text,
.header-container .header-sub-text {
	position : relative;
	margin : 15px auto;
	padding : 8px 0;
	color : #372c0a;
	text-align : center;
	line-height : 0.9em;
	font-family: Copperplate, ‘Copperplate Gothic Light’, sans-serif;
	background : url('/images/layout/orange-tnsp-bg.png');
}

.header-wrapper.home .header-container .header-text {
	width : 342px;
	font-size : 5.7em;
}

.header-wrapper.interior .header-container .header-text {
	width : 130px;
	font-size : 2em;
}

.header-container .header-text a {
	color : #372c0a;
	text-decoration : none;
}

.header-container .header-sub-text {
	width : 665px;
	font-size : 1.9em;

}

.toolbar-container {
	z-index : 1000;
	position : relative;
	background : url('/images/layout/black-tnsp-bg.png');
}

.toolbar-container .row {
	overflow : visible;
}

.toolbar-container .fourcol {
	position : relative;
	text-align : center;
	padding : 20px 0 10px;
	color : #8b8784;
	font-size : 1.1em;
	line-height : 1.6em;
	font-family: Copperplate, ‘Copperplate Gothic Light’, sans-serif;
}

.toolbar-container .fourcol .down-arrow {
	display : none;
	position : absolute;
	bottom : -25px;
	width : 100%;
	height : 26px;
	background : url('/images/layout/down-arrow.png') no-repeat center center;
}

.toolbar-container .fourcol.selected .down-arrow {
	display : block;
	*display : none;
}

.toolbar-container .fourcol a {
	text-decoration : none;
	color : #8b8784;
}

.toolbar-container .fourcol img {
	opacity : 0.5;
	-moz-opacity : 0.5;
	-webkit-opacity : 0.5;
}

.toolbar-container .fourcol.selected a {
	color : #ffffff !important;
}

.toolbar-container .fourcol:hover img,
.toolbar-container .fourcol.selected img {
	opacity : 1;
	-moz-opacity : 1;
	-webkit-opacity : 1;
}

.movie-container {
	z-index : 100;
	position : relative;
}

.movie-container .twelvecol {
	position : relative;
	height : 100px;
}

.movie-container.dom,
.movie-container.history,
.movie-container.pap {
	background : url('') no-repeat center top;
}


.movie-container .twelvecol h1 {
	color : #ffffff;
	text-align : center;
	font-weight : normal;
	margin : 20px 0 0 0;
	text-shadow: 0 -1px #b24d20;
	font-family: Copperplate, ‘Copperplate Gothic Light’, sans-serif;
}

#movie {
	max-width : 960px;
	margin : 0 auto;
}

#movie-title {
	color : #ffffff;
	text-align : center;
	margin : 0;
	text-shadow: 0 -1px #b24d20;
	font-family: Copperplate, ‘Copperplate Gothic Light’, sans-serif;
	font-size : 1.5em;
}

#movie-content_wrapper {
	box-shadow : 0 0 12px #000000;
	margin : 13px auto;
}

.home-container {
	display : block;
	height : 200px;
}

.text-container {
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	text-shadow : 0 -1px #ea9228;
	text-align: center;	
}

.text-container p {
	margin-bottom : 20px;
}

.text-container h2 {
	font-size: 1.5em;
	margin: 0 0 20px 0;	
}

.text-container ul {
	margin: 0 0 20px 0;
}

.text-container ul li {
	padding: 0 0 15px 0;	
}

.thumb-container .row {
	overflow : visible;
}

.thumb-container .row .fourcol {
	position : relative;
	text-align : center;
	color : #372c0a;
	font-size :  1.1em;
	line-height : 1.2em;
	padding-bottom : 90px;
	text-shadow : 0 -1px #ea9228;
	font-family : Copperplate, ‘Copperplate Gothic Light’, sans-serif;
}

.thumb-container .row.last-row .fourcol {
	padding : 0 !important;
}

.thumb-container .fourcol img {
	box-shadow: 0 0 12px #000;
	cursor : pointer;
}

.thumb-container .fourcol.selected .play,
.thumb-container .fourcol:hover .play {
	background : url('/images/play_active.png') no-repeat center center;
}

.thumb-container .fourcol .play {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 50%;
	background : url('/images/play.png') no-repeat center center;
	cursor : pointer;
}

.footer-wrapper.interior {
	height : 230px;
	background : #140904 url('/images/layout/footerbg.jpg') repeat-y center top;
}

.footer-container.interior {
	height : 200px;
	background : url('/images/layout/footer-grad.png') repeat-x left top;
}

.footer-container .twelvecol {
	color : #ffffff;
	font-size : 1.1em;
	font-family: Copperplate, ‘Copperplate Gothic Light’, sans-serif;
}

.footer-container .twelvecol p {
	font-size : 0.8em;
	text-align : center;
	padding : 30px 0 0 0;
	width : 70%;
	margin : 0 auto;
}	

.footer-container .twelvecol a {
	color : #ffffff;
	font-weight : normal;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
		font-size: 0.8em;
		line-height: 1.5em;
	}

	.header-wrapper.home .header-container .header-text {
		width : 90%;
		font-size : 5em;
	}

	.header-container .header-sub-text {
		width : 90%;
		font-size : 2em;
	}

	.header-wrapper.interior .header-container .header-text {
		width : 130px;
		font-size : 2.5em;
	}
	
}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
		font-size: 16px;
		-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
	}

	.header-wrapper.home .header-container .header-text {
		width : 90%;
		font-size : 2em;
	}

	.header-wrapper.interior .header-container .header-text {
		width : 130px;
		font-size : 2em;
	}

	.header-container .header-sub-text {
		width : 90%;
		font-size : 1em;
	}

	.thumb-container .fourcol,
	.toolbar-container .fourcol {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.thumb-container .row .fourcol {
		padding-bottom : 30px;
	}

	.toolbar-container .fourcol.selected .down-arrow {
		display : none;
	}

	.movie-container .twelvecol {
		height : auto;
		padding-bottom : 30px;
	}

	.movie-container .twelvecol h1 {
		line-height : 1.2em;
	}

	.home-container {
		display : none;
	}

	.footer-wrapper {
		height : auto;
	}

	.footer-container {
		height : auto;
		padding-bottom : 30px;
	}
	
	.footer-container .twelvecol {
		margin-left : 15px;
		margin-right : 15px;
	}
	
	.footer-container .twelvecol p {
		width : auto;
	}

	.thumb-container .fourcol .play {
		height : 60%;
	}

	.text-container .twelvecol {
		padding-bottom : 30px;
		margin-left : 15px;
		margin-right : 15px;
	}
	
	.text-container ul {
		list-style: none;
}
}