/*PAGES - These styles are specific to pages*/

.portfolio #content, .contact #content {position: absolute; top: 63px;}
.story #content, .news #content, .sound #content, .shows #content {position: absolute; top: 70px;}
.sound #heading h2, .portfolio-item #heading h2, .story #heading h2, .portfolio #heading h2, .studio #heading h2, .contact #heading h2, .news #heading h2, .shows #heading h2 {line-height: 1.2em; padding: 27px 0 0 15px !important; padding: 32px 0 0 15px; margin: 0; text-transform: uppercase; letter-spacing: .15em !important; letter-spacing: .2em; font-size: 140%; color: #C0C8AA; float: left;}
.home #heading {height: auto !important; background: url(../images/heading_bg.jpg) top center no-repeat;}
	.home #nav-home {display: none;}
	.home #heading h2 {width: 220px; line-height: 1.2em; padding: 27px 0 0 15px !important; padding: 32px 0 0 15px; margin: 0; text-transform: uppercase; letter-spacing: .15em !important; letter-spacing: .2em; font-size: 78% !important; font-size: 70%; color: #C0C8AA;}	
	.home table {margin: 30px 0 0 15px; width: 370px; text-align: left;}
	.home td {font-size: 65%;}
	.home #mission p {color: #3D6965 !important;}
.sound #nav-sound {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.sound #heading {background: url(../images/heading_interior2_bg.jpg) top center no-repeat;}
	.sound th, .sound td {border-bottom: 0px !important;}
	td.date {width: 10px; white-space: nowrap;}
.portfolio #nav-portfolio {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.portfolio #heading {background: url(../images/heading_interior1_bg.jpg) top center no-repeat;}
.portfolio-item #heading {background: url(../images/heading_portfolio_bg.jpg) top center no-repeat;}
	.portfolio-item #nav-portfolio {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.portfolio-item #content {padding-top: 150px;}
	.portfolio-item #content img {float: left; margin: 0 10px 0 0;}
	.portfolio-item #content * * img {float: none; margin: 20px 0 0 0;}
	.portfolio-item #content h3 {margin: 0;}
	.portfolio-item #content p {clear: left;}
.story #nav-story {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.story #heading {background: url(../images/heading_interior4_bg.jpg) top center no-repeat;}
.studio #nav-studio {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.studio #heading {background: url(../images/heading_interior3_bg.jpg) top center no-repeat;}
	.studio #content {padding-top: 150px;}
.contact #nav-contact {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.contact #heading {background: url(../images/heading_interior5_bg.jpg) top center no-repeat;}
.news #nav-news {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.news #heading {background: url(../images/heading_interior6_bg.jpg) top center no-repeat;}
	.news table {margin: 0; width: 500px; text-align: left;}
	.news td {font-size: 70%;}
	.newsthumb {float: right}
.shows #nav-shows {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	.shows #heading {background: url(../images/heading_interior7_bg.jpg) top center no-repeat;}
	.shows table {margin: 0; width: 500px; text-align: left;}
	.shows td {font-size: 70%;}
		

/*REGIONS - These are standard parts of a page (IDs) */

html {margin: 0; padding: 0; font-family: trebuchet ms, arial, helvetica; background: url(../images/body_bg.gif) top center repeat-y;}
body {margin: 0; padding: 0; background: url(../images/body_top_bg.jpg) top center no-repeat; text-align: center;}	
#heading {height: 227px; width: 739px; margin: 0 auto; text-align: left;}
	#heading h1 {float: right; text-transform: uppercase; letter-spacing: .15em !important; letter-spacing: .2em; width: 168px; color: white; font-weight: normal; font-size: 110%; padding: 100px 0 0 4px !important; padding: 105px 0 0 4px;}
#main {width: 739px; margin: 0 auto; text-align: left;}
	#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content {float: left; width: 497px; text-align: left; padding: 0 40px 15px 15px;}
	#content h1 {font-family: helvetica, sans-serif, verdana; font-weight: normal; letter-spacing: .1em !important; letter-spacing: .08em; text-transform: uppercase; color: #687443; padding-top: 7px; margin: 9px 0 5px 0; font-size: 100%; height: auto !important; height: 13px}
	#content h2 {font-family: helvetica, sans-serif, verdana; font-weight: normal; letter-spacing: .1em !important; letter-spacing: .08em; text-transform: uppercase; color: #687443; padding-top: 7px; margin: 9px 0 5px 0; font-size: 85%; height: auto !important; height: 13px}
	#content h3 {clear: left;}
	#content h4 {font-family: helvetica, sans-serif, verdana; font-weight: normal; letter-spacing: .1em !important; letter-spacing: .08em; color: #687443; padding-top: 7px; margin: 9px 0 5px 0; font-size: 70%; height: auto !important; height: 13px}
	#content h6 {font-family: helvetica, sans-serif, verdana; font-weight: normal; letter-spacing: .1em !important; letter-spacing: .08em; color: #687443; padding-top: 7px; margin: 9px 0 5px 0; font-size: 60%; height: auto !important; height: 13px}
#globalnav {float: right; width: 175px; text-align: left; padding: 15px 0 15px 0; margin: 0; font-size: 100%}
	#globalnav li {list-style-type: none; border-bottom: 1px dashed white; margin: 0; padding: 0;}
	#globalnav li:hover {background: url(../images/globalnav_bg.gif) top left repeat-y;}
	#globalnav a { display: block; line-height: 1.2em !important; line-height: 2em; text-decoration: none; letter-spacing: .1em !important; letter-spacing: .05em; text-transform: uppercase; font-size: 70%; padding: 4px 0 3px 7px !important; padding: 0 0 0 7px; font-family: helvetica, sans-serif, verdana;}
#footer {margin: 0; padding: 0; font-size: 65%; background: #FFFBF7 url(../images/footer_hr.gif) top left no-repeat; padding-top: 20px; margin-top: 50px;}
	#footer li {list-style-type: none; display: inline; margin-right: 3px;}
	#media {clear: left; position: absolute; background: url(../images/media_bg.gif) bottom left  no-repeat; width: 390px; margin: 57px 0 0 0 !important; margin: 0 0 0 0; padding: 25px 0 17px 14px;}
#logos {margin: 0; padding: 0; }
	#logos li {list-style-type: none; display: inline; margin: 0 25px 0 0;}
	#logos img {height: 45px}
#info {font-size: 9px; font-family: helvetica, arial, sans-serif !important; background: url(../images/clientbox_lt.gif) top left no-repeat; float: left; margin-top: 26px !important; margin-top: 32px; margin-left: 5px; line-height: 1.7em !important; line-height: 1.5em;}
	#info span {font-size: 9px; display: block; color: #819153; text-transform: uppercase; letter-spacing: .1em; margin: 2px 0 0 0; padding: 0; line-height: .6em !important; line-height: 1em}

	
/*BUILDING BLOCKS - These are used everywhere (redefined html tags), possibly used in different contexts*/

h3 {font-family: helvetica, sans-serif, verdana; font-weight: normal; letter-spacing: .1em !important; letter-spacing: .08em; text-transform: uppercase; color: #687443; padding-top: 7px; margin: 9px 0 5px 0; font-size: 70%; height: auto !important; height: 13px}
	h3:after {content: url(../images/subhead_icon.gif)}	
	h3.client {font-size: 9px; background: url(../images/clientbox_rt.gif) top right no-repeat; margin: 0 0 0 3px; padding: 2px 2px 2px 0; color: white; display: inline;}
	h3.client:after {content: "";}
h5 {margin: 0; padding: 0; color: #819153; font-size: 60%; text-transform: uppercase; font-weight: normal; letter-spacing: .15em !important; letter-spacing: .2em;}
a img {border: 0;}
a:link {color: #3D6965}
	a:visited {color: #84421C}
p {padding: 0; color: #647F44; line-height: 1.3em; margin: 5px 0 7px 0; font-size: 70%}
	p#contact {margin: 10px 0;}
	p#contact a {background: #3D6965; color: white; padding: 0 10px; text-decoration: none;}
ul {padding: 0; color: #647F44; margin: 0 0 0 15px; font-size: 70%}
hr {clear: left; background: transparent; border-bottom: 1px dashed #D2D2C7; border-top: none; border-left: 0; border-right: 0; margin: 0 !important; margin: 6px 0 0 0; padding: 15px 0 0 0 !important; padding: 0; height: 1px;}
th, td {margin: 0; padding: 0; border-bottom: 1px dashed #D2D2C7; vertical-align: top; text-align: left}
	td.date {width: 10px; white-space: nowrap;}
td {padding-bottom: 5px; color: #84421C;}
	
	
/*COMPONENTS - These are specialized objects (classes) that may be repeated more than once on a page. May also be used in different contexts*/
	
/**GALLERY**/
	
ul.gallery {margin: 10px 0 0 0; padding: 0; clear: right; font-size: 100%}	
ul.gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.gallery li {display: -moz-inline-box; display: inline-block; width: 145px; vertical-align: top; margin: 0 10px 15px 0 !important; padding: 0; list-style-type: none;	float: none; background: white url(../images/thumb_top_bg.gif) top left repeat-y; font-size: 65%}
ul.gallery div {display: block; text-decoration: none !important; padding: 0 10px 10px 10px; background: url(../images/thumb_bot_bg.gif) bottom left no-repeat;}
ul.gallery li img {border: 1px solid #CCC; display: block; margin-bottom: 5px !important; margin-bottom: 0;}
ul.gallery li p {display: block; width: 110px; padding: 0 10px 0 0; margin: 0; font-size: 100%}
html*ul.gallery li {[float: left; float: left; ]float: none;}
* html ul.gallery li {height: 1px; display: inline;}
ul.gallery div:after {content: url(../images/icon_qt.gif); display: block}
* html ul.gallery {height: 1px;}
* html ul.gallery div span {width: 110px;	w\idth: 110px;}
* html>body ul.gallery div {width: 110px;}