/* ==============================================================
		general styles
   ============================================================== */

* { margin: 0; padding: 0; }

body {
	margin-bottom: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.8%;
	line-height: normal;
	color: #4e412f;
	text-align: center;
	background: url(../graphics/bodyCanvas.jpg) #ffffff;
}

img 						{ border: 0px; display: block; }

ul							{ display: block; }

a							{ text-decoration: none; color: #841402; }
a:hover						{ text-decoration: none; color: #ffffff; cursor: pointer; }

h1, h2, h3, h4, h5, h6 		{ line-height: normal; font-size: 1em; font-weight: normal; }

form						{ padding: 0; margin: 0; }

fieldset 					{ border: 0; }

table, tr, td 				{ border-collapse: collapse; }

input, select, th, td 		{ font-size: 1em; padding: 0; margin: 0; }

abbr						{ border: 0; }

.c 							{ clear: both; }

.hide 						{ display: none; }

.show 						{ display: block; }

.tr							{ position: relative; overflow: hidden; display: block; white-space: nowrap; }

.tr a						{ overflow: hidden; display: block; }

.tr	span					{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; display: block; }

.style5 {color: #4e412f; font-weight: bold; }


/* ==============================================================
		headerCanvas
   ============================================================== */

.headerCanvas {
}

/* ==============================================================
		utility
   ============================================================== */

.utility {
	margin: 0 auto;
	text-align: left;
	width: 954px;
	position: relative;
}

.utilityBack {
	height: 152px;
	background: url(../graphics/utilityCanvas.jpg) repeat-x;
}

.utility .contactUs {
	width: 74px;
	height: 49px;
	position: absolute;
	top: -20px;
	left: 62px;
}

.utility .contactUs a span {
	background-image: url(../graphics/utilityContactUs.png);
	background-position: 0px 0px;
	margin-top: 20px;
}

.utility .contactUs a:hover span {
	background-image: url(../graphics/utilityContactUs.png);
	background-position: 0px -39px;
}

.utility .treg {
	width: 149px;
	height: 49px;
	position: absolute;
	top: -20px;
	left: 62px;
}

.utility .treg a span {
	background-image: url(../graphics/utility-treg.png);
	background-position: 0px 0px;
	margin-top: 20px;
}

.utility .treg a:hover span {
	background-image: url(../graphics/utility-treg.png);
	background-position: 0px -39px;
}

.utility .nav {
	font-size: 1.3em;
	text-transform: lowercase;
	position: absolute;
	top: 36px;
	right: 38px;
}

.utility .nav li {
	list-style: none;
	display: block;
	float: left;
}

.utility .nav a {
	color: #841402;
	background: url(../graphics/utilityBullet.png) 10px 6px no-repeat;
	padding-left: 22px;
}

.utility .nav a:hover, .utility .nav li.on a {
	color: #ffffff;
}

/* ==============================================================
		header
   ============================================================== */

.header {
	margin: 0 auto;
	text-align: left;
	width: 954px;
	position: relative;
}

.headerBack {
	height: 101px;
	background: url(../graphics/headerCanvas.png) repeat-x;
}

.header h1, .header .logo {
	width: 259px;
	height: 43px;
	position: absolute;
	top: 175px;
	left: 63px;
}

.header h1 span {
	background-image: url(../graphics/logo.png);
}

.header .logo a span {
	background-image: url(../graphics/logo.png);
	background-position: 0px 0px;
}

.header .logo a:hover span {
	background-image: url(../graphics/logo.png);
	background-position: 0px -53px;
}

.header .nav {
	position: absolute;
	top: 184px;
	left: 369px;
}

.header .nav li {
	height: 21px;
	display: block;
	float: left;
	margin-left: 35px;
}

.header .nav li.tradit { width: 87px; }
.header .nav li.contex { width: 153px; }
.header .nav li.contem { width: 113px; }
.header .nav li.detail { width: 51px; }

.header .nav li a span { background-image: url(../graphics/nav.png); }

.header .nav li.tradit a span { background-position: 0px 0px; }
.header .nav li.contex a span { background-position: -97px 0px; }
.header .nav li.contem a span { background-position: -260px 0px; }
.header .nav li.detail a span { background-position: -383px 0px; }

.header .nav li.tradit a:hover span { background-position: 0px -31px; }
.header .nav li.contex a:hover span { background-position: -97px -31px; }
.header .nav li.contem a:hover span { background-position: -260px -31px; }
.header .nav li.detail a:hover span { background-position: -383px -31px; }

.header .nav li.tradit a.on span { background-position: 0px -31px; }
.header .nav li.contex a.on span { background-position: -97px -31px; }
.header .nav li.contem a.on span { background-position: -260px -31px; }
.header .nav li.detail a.on span { background-position: -383px -31px; }

/* ==============================================================
		main
   ============================================================== */

.mainCanvas {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: left;
	width: 954px;
}

.main {
	background: url(../graphics/mainOverlay.png);
	padding: 16px;
}

.main .masthead {
	border: 1px solid #ffffff;
}

.main .masthead .nav {
	height: 264px;
	float: left;
}

.main .masthead .nav li {
	display: block;
	float: left;
	list-style: none;
}

.main .masthead .nav li a {
	display: block;
	height: 37px;
	padding-top: 226px;
	border-right: 1px solid #ffffff;
}

.main .masthead .nav li.tradit a { width: 96px; background: url(../graphics/skyTradit.jpg); }
.main .masthead .nav li.contex a { width: 96px; background: url(../graphics/skyContex.jpg); }
.main .masthead .nav li.contem a { width: 95px; background: url(../graphics/skyContem.jpg); }
.main .masthead .nav li.detail a { width: 93px; background: url(../graphics/skyDetail.jpg); }

.main .masthead .nav li a .tr {
	border-top: 1px solid #ffffff;
	height: 37px;
}

.main .masthead .nav li.tradit a .tr { width: 96px; }
.main .masthead .nav li.contex a .tr { width: 96px; }
.main .masthead .nav li.contem a .tr { width: 95px; }
.main .masthead .nav li.detail a .tr { width: 93px; }

.main .masthead .nav li.tradit a .tr span { background: url(../graphics/skyNav.png); background-position: 0px 0px; }
.main .masthead .nav li.contex a .tr span { background: url(../graphics/skyNav.png); background-position: -106px 0px; }
.main .masthead .nav li.contem a .tr span { background: url(../graphics/skyNav.png); background-position: -212px 0px; }
.main .masthead .nav li.detail a .tr span { background: url(../graphics/skyNav.png); background-position: -317px 0px; }

.main .masthead .nav li.tradit a:hover .tr span { background: url(../graphics/skyNav.png); background-position: 0px -47px; }
.main .masthead .nav li.contex a:hover .tr span { background: url(../graphics/skyNav.png); background-position: -106px -47px; }
.main .masthead .nav li.contem a:hover .tr span { background: url(../graphics/skyNav.png); background-position: -212px -47px; }
.main .masthead .nav li.detail a:hover .tr span { background: url(../graphics/skyNav.png); background-position: -317px -47px; }

.main .masthead .photo {
	width: 536px;
	float: left;
}

.main .masthead .photo img {
	display: none;
}

.main .masthead .photoDefault .defaul { display: block; }
.main .masthead .photo-a .tradit { display: block; }
.main .masthead .photo-b .contex { display: block; }
.main .masthead .photo-c .contem { display: block; }
.main .masthead .photo-d .detail { display: block; }

.main .info {
}

.main .info .high {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	float: left;
	width: 290px;
	text-align: center;
	padding-top: 10px;
}

.main .info .highhome {
	background: url(../graphics/transparent-scrim-24bit.png) repeat;
	margin-right: 15px; 
	margin-top: 20px; 
	text-align: left; 
	padding: 10px; 
	width: 255px;	
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	float: left;
}

.main .info .highhome h2 {
	font-size: 14px; 
	color: #920000; 
	line-height: 150%; 
	font-weight: bold;
	padding-bottom: 8px;
}

.main .info .highhome ul {
	margin: 0;
	padding: 0 0 5px 0;
}

.main .info .highhome li {
	margin: 0 0 0 15px;
	padding: 0 0 1px 0;
	list-style: square;
}

.main .info .highhome p {
	text-align: center;
	font-size: .9em;
}

.main .info .highhome a, .main .info .highhome a:visited {
	color: white;
}

.main .info .low {
	font-size: 1.3em;
	line-height: 1.5em;
	float: left;
	padding-top: 10px;
	width: 610px;
}

#homeblog {
	margin-top: 20px;
	border-top: 1px solid white;
	padding: 0 55px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#homeblog h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0;
}

#homeblog h1 a, #homeblog h1 a:visited {
	color: #50402E;
}

#homeblog h2 {
	font-size: 1.1em;
	font-weight: bold;
}

#homeblog .post {
	padding-bottom: 15px;
	font-size: 13px;
}

#homeblog .postThumb {
	width: 95px;
	height: 95px;
	float: left;	
}

/* ==============================================================
		footer
   ============================================================== */

.footer {
	text-align: right;
	font-size: 1.2em;
	color: #382d1d;
	padding-top: 5px;
	text-transform: uppercase;
}

.footer strong {
	padding-left: 15px;
}

.footer a {
	color: #382d1d;
}

.footer a:hover {
	color: #ffffff;
}

/* ==============================================================
		innerGallery
   ============================================================== */

.innerGallery .title {
	font-size: 1.7em;
	padding: 0 30px;
	text-align: left;
}
.callout {
	font-size: 1.6em;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #4e412f;
	padding: 10px;
	line-height: 26px;
}
.innerGallery h1 {
	color: #ffffff;
	font-size: 1.8em;
	padding: 15px 0px 5px 30px;
}

.innerGallery .sub {
	font-size: 1.5em;
	padding: 8px 110px 0 110px;
	text-align: justify;
	line-height: 24px;
}

.innerGallery .hr {
	height: 2px;
	background: #83714f;
	margin: 14px 30px;
}

.innerGallery .thumbs {
	margin: 4px 40px 0px 40px;
	width: 276px;
	float: left;
}

.innerGallery .thumbs a {
	display: block;
	float: left;
	padding: 2px;
	margin: 9px;
	position: relative;
}

.innerGallery .thumbs a:hover, .innerGallery .thumbs a.on {
	border: 2px solid #ffffff;
	padding: 0px;
}

.innerGallery .large {
	float: left;
	width: 507px;
	height: 507px;
	margin-right: 40px;
	margin-top: 13px;
	text-align: center;
}

.innerGallery .large img {
	margin: 0 auto;
	border: 1px solid #674e28;
}

.innerGallery .thumbs a.on span {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../graphics/thumbOverlay.png);
}
.introtext {
	color: #4e412f;
	line-height: 26px;
}


/* ==============================================================
		innerStatic
   ============================================================== */

.innerStatic .title {
	font-size: 1.7em;
	padding: 0 30px;
	line-height: 1.5em;
	text-align: left;
}

.innerStatic h1 {
	color: #ffffff;
	font-size: 1.8em;
	padding: 15px 0px 5px 30px;
	padding-left: 30px;
}

.innerStatic .copy {
	padding: 0px 110px 0 110px;
	font-size: 1.5em;
	line-height: 1.6em;
}

.innerStatic .copy ul {
    padding-left: 50px;
	padding-top: 15px
}
.innerStatic .copy ul li {
   padding-bottom: 10px;
}

.innerStatic .hr {
	height: 2px;
	background: #83714f;
	margin: 14px 30px;
}

.innerStatic .copy h2 {
	font-weight: bold;
	padding: 20px 0 5px 0;
	text-transform: uppercase;
}