/**********************************************************
	T E M P
**********************************************************/

div#footerWrapper { opacity: 1; }
div#footerContact { opacity: 1;height: 600px; }

/**********************************************************
	C O L O R S
**********************************************************/

p, a, h1, h2, h3, h3 a, h4, h5, h6, div#story ul, p.newsForm input[type="text"] { color: #585958; }
ul#nav li a, ul#nav li a:visited { color: #407094; }
div#footerWrapper { background-color: #231f20; }
div#footer p, div#footer li, div#footer a { color: #a1a39e; }
div#story h2, div#story h3, div#story h3 a { color: #153b5b;text-shadow: 1px 1px 1px #fbfbf7; }
ul#worksSidebar li a { color: #616264; }

/**********************************************************
	G L O B A L S
**********************************************************/

* { font-size: 100%;padding: 0;margin: 0;outline: none; }
body {
	background: #0a0a0a url(/images/bg_body_blk.jpg) center top no-repeat;
	font-family: Georgia, "Times New Roman", serif;
}
p, div#story ul { font-size: 1em; }
#story ul ul { margin: 0em 0 1em 1em !important; }
h2 {
	font: small-caps 1.5em Georgia, serif;line-height: 1.6667em;
	margin-top: 0;
}
h3 {
	font: small-caps 1.25em Georgia, serif;line-height: 1.875em;
	margin-top: 0;margin-bottom: 1em;
}
h4 {
	font: normal 1.125em Georgia, serif;line-height: 2.222em;
	margin-top: 0;margin-bottom: 1em;
}
img { border: none; }
.clear { clear: both; }
.offscreen { position: absolute;top: 0;left: -9999em; }

/**********************************************************
	L A Y O U T
**********************************************************/

div#outerWrapper {
	height: 100%;width: 100%;
	position: relative;
}
div#innerWrapper {
	width: 960px;
	margin-left: -480px;
	position: relative;left: 50%;top: 0;
}
div#logo {
	height: 80px;width: 960px;
	margin-top: 50px;
}

/**********************************************************
	N A V
**********************************************************/

div#navigation {
	height: 70px;width: 840px;
	margin-left: 60px;
}
div#subnav { height: 40px;width: 840px; }
ul#nav {
	background: url(/images/bg_navbar.png) left top no-repeat;
	height: 30px;width: 820px;
	padding: 0 10px;
	position: relative;
}
ul#nav li {
	font: 0.75em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;text-align: center;text-transform: uppercase;
	height: 28px;
	padding-left: 10px;margin-top: 2px;
	display: block;
	float: left;
}
ul#nav li a {
	letter-spacing: 1px;text-decoration: none;
	height: 18px;
	padding: 10px 20px 0 10px;
	display: block;
}
ul#nav li:hover, ul#nav li.here{ background: url(/images/bg_nav_li.png) -490px 0 no-repeat; }
ul#nav li.here { padding-left: 10px; }
ul#nav li a:hover, ul#nav li:hover a, ul#nav li.here a.active { background: url(/images/bg_nav_li_link.png) right top; }
ul#nav li.here a.active { font-weight: bold; }
ul#nav li:hover ul#subnav li a { background-image: none; }
ul#nav li ul#subnav {
	background: url(/images/bg_subnav.png) left bottom no-repeat;
	text-align: left;
	height: 28px;width: 820px;
	padding: 0 10px;
	position: absolute;left: 0;
	border-top: 2px solid #f7f7f3;
	border-bottom: 2px solid #f7f7f3;
}
ul#subnav li { font-size: 1em;margin-top: 0; }
ul#subnav li { }
ul#subnav li:hover a, ul#subnav li a.active { background: url(/images/bg_nav_li_link.png) right top !important; }
/*ul#nav li ul li a {
	height: 22px;width: auto;
	padding: 18px 10px 0 10px;
	display: inline-block;
}
ul#nav li ul li a:hover { background: none; }
ul#nav li:hover ul, ul#nav li.sfhover ul { left: 30px;top: -40px; }
*/
div#headlines {
	background-color: #f2f2ee;
	height: 80px;width: 740px;
	padding: 20px 50px 0 50px;margin: 0 60px;
	border-top: 2px solid #f7f7f3;
}
div#headlines.home { background: url(/images/headline_home.jpg); }
/*div#headlines h1 {
	font: 2.5em "Comic Sans MS", Arial, sans-serif;
	letter-spacing: -3px;
	text-transform: uppercase;
}
div#headlines h2 {
	font: 1.125em "Comic Sans MS", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	text-align: right;text-transform: uppercase;
}*/
div#mainBar {
	background: url(/images/bg_mainbar_home.jpg) center top repeat-y;
	clear: left;
}
div#mainBarBlank {
	background: url(/images/bg_mainbar_blank.jpg) center top no-repeat;
	height: 78px;width: 840px;
	margin-left: 60px;clear: left;
}
div#mainBarGallery {
	background: url(/images/bg_mainbar_gallery.png) left top no-repeat;
	height: 400px;width: 640px;
	float: left;
}
div#mainBarServices {
	background: url(/images/bg_mainbar_services.jpg) left top no-repeat;
	height: 230px;width: 840px;
	margin-left: 60px;float: left;
}
div#mainBarPortfolio {
	background: url(/images/bg_mainbar_portfolio.jpg) left top no-repeat;
	height: 230px;width: 840px;
	margin-left: 60px;float: left;
}
img.papertop { margin: 56px 0 0 10px; }
/* Used for shuffling images
ul#galleryHome { margin: 15px 0 0 24px;list-style-type: none; }
ul#galleryHome li img {
	background: url(/images/bg_mainbar_image.png) left top no-repeat;
	padding: 22px 23px;
}*/
ul#galleryHome { margin: 39px 0 0 30px;list-style-type: none; }
ul#galleryHome li img { height: 320px;width: 560px;}
div#mainBarNav {
	background: url(/images/bg_mainbar_gallerynav.png) left top no-repeat;
	height: 400px;width: 320px;
	float: right;
	position: relative;
}
div#galleryNextPrev { position: absolute;top: 205px;left: 105px; }
div.btnGallery { display: inline-block; }
div#main {
	background: #f2f2ee url(/images/bg_main.jpg);
	width: 840px;
	padding-bottom: 36px;margin-left: 60px;
	clear: left;
}
div#story {
	background: #f9faf6 url(/images/bg_story.jpg) center 18px;
	width: 420px;
	padding: 24px 40px 60px 40px;margin-left: 10px;
	border-left: 1px solid #cbc8bf;
	border-right: 2px solid #cbc8bf;
	border-bottom: 2px solid #cbc8bf;
	float: left;
}
div#story p {
	line-height: 2.5em;
	text-shadow: 1px 1px 1px #fbfbf7;
	margin-bottom: 2.5em;
}
div#story p, div#story ul { }
div#story ul { line-height: 1.25em;margin: -1.75em 1.75em 2.875em 1.75em; }
div#contact {
	margin-top: 34px;
	border: none;
}
p.inputField { font-size: 0.625em;line-height: 4em; }
p.inputOptions { font-size: 1em;line-height: 2.5em;margin-top: 2.5em; }
p.inputField label {
	letter-spacing: 2px;text-transform: uppercase;
}
p.inputOptions input { font-size: 1.6em; }
input.textField, input.fileField, div#contact textarea {
	background-color: #eae8e1;
	font-size: 1.6em;
	height: 2em;width: 100%;padding-top: 0.5em;
	border: none;
}
div#contact textarea { font: 1.6em Helvetica, Arial, sans-serif;height: 7.46875em; }
p#submit { text-align: right;margin-top: 2.5em; }
#newsletterForm {
	width: 240px;
	padding: 2px 0 10px 0;
	position: absolute;
	top: 260px;left: 6px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#newsletterForm fieldset { border: 0; }
#newsletterForm h4 {
	font: oblique normal 1em "Comic Sans MS", Arial, sans-serif;
	text-align: center;
	padding-top: 10px;margin-bottom: 10px;
	border-top: 1px dotted #ccc;
}
p.newsForm {
	font: oblique normal 0.625em "Comic Sans MS", Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}
p.newsForm label {
	text-align: right;
	width: 50px !important;
	margin-right: 2px;
	display: inline-block;
}
p.newsForm input[type="text"] {
	background: none;
	font: 1em Courier, serif;
	width: 164px;
	border: 0;border-bottom: 1px dashed #585958;
	padding-bottom: 2px;
}
#newsletterForm p#submit { margin:10px 10px 0 0; }
ul#works { list-style-type: none;margin-left: 15px; }
li.work {
	background-color: #a7bbc3;
	height: 290px;width: 210px;
	padding: 16px 16px 0 16px;margin: 13px;
	border: 1px solid #f5f7f1;
	display: inline-block;float: left;
}
li.work img.thumb {
	border: 1px solid #f5f7f1;
}
li.work h5, div.workDisplay h5 {
	color: #2c2a2c;
	font: 0.625em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;text-transform: uppercase;
	margin-top: 1em;
}
li.work p, div.workDisplay p {
	font: italic 0.625em Georgia, serif;
	margin-bottom: 0.25em;
}
li.work p, li.work p a, div.workDisplay p {
	color: #507ca5;
}
div.workDisplay {
	background-color: #a7bbc3;
	height: 1%;
	padding: 16px;margin: -40px 20px 0 20px;
	border: 1px solid #f5f7f1;
}
div.workDesc {
	float: left;
}
div.workDisplay ul#works { margin-top: 30px; }
div.workDisplay img.displayThumb {
	margin: 10px 10px 0 0;
	border: 1px solid #fff;
	float: left;
}
img.hero, div.workDisplay div.video object {
	margin-right: 20px;
	border: 2px solid #fff;
	display: inline-block;float: left;
}
ul#projectIcons {
	list-style-type: none;
}
ul#projectIcons li {
	display: inline-block;
}
/* SIDEBAR ***********************************************/
div#sidebar {
	width: 260px;
	float: right;
}
ul#worksSidebar {
	background: url(/assets/246/bg_works_sidebar.png) center top no-repeat;
	font: 0.75em Arial, sans-serif;text-transform: uppercase;
	height: 268px;width: 160px;
	padding: 68px 0 0 60px;
	list-style: none;
}
ul#worksSidebar li { line-height: 32px;}
ul#worksSidebar li a { padding-left: 20px;text-decoration: none; }
ul#worksSidebar li a:hover { text-decoration: underline; }
ul#worksSidebar li a:visited { background: url(/images/bg_works_sidebar_visited.png) 0% 40% no-repeat; }
ul#newsBriefs {
	width: 240px;
	margin-left: 8px;
	list-style: none;
}
ul#newsBriefs li {
	background-color: #e7e5e1;
	padding: 0 12px 6px;
	border: 1px solid #d6d1c6;
	border-top-style: dotted;
}
ul#newsBriefs h3 {
	font: normal 1em Georgia, serif;
	line-height: 1.25em;
	text-shadow: 1px 1px 1px #fbfbf7;
	width: 210px;
	padding: 0.5em 0;margin: 0.5 0;
}
ul#newsBriefs h3 a { text-decoration: none; }
ul#newsBriefs .published {
	background-color: #fbfaf2;
	font-family: "Trebuchet MS", Arial, sans-serif;text-align: center;
	width: 40px;
	padding: 0 0 0.25em 0;margin: 0 1.25em 0.1em -1em;
/*	border: 1px solid #999;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	box-shadow: 3px 3px 8px #a8a8a9;
	-moz-box-shadow: 3px 3px 8px #a8a8a9;
	-webkit-box-shadow: 3px 3px 8px #a8a8a9;
	float: left;
	display: inline-block;
}
ul#newsBriefs .published .month, ul#newsBriefs .published .day, ul#newsBriefs .published .year {
/*	color: #efede8;*/
	line-height: 1em;
	/*border: 1px solid #585958;*/
}
ul#newsBriefs .published .month {
	background: #c43232;
	color: #fbfaf2;
	font-size: 0.625em;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;
	width: 40px;
	margin: 0;padding: 0.125em 0 0.25em 0;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	display: inline-block;
}
ul#newsBriefs .published .day {
	color: #343430;
	font-size: 1.25em;font-weight: bold;
	width: 1.8em;
	padding: 0;margin: 0;
	border-top: none;
	border-bottom: none;
	display: inline-block;
}
ul#newsBriefs .published .year {
	color: #4d4c47;
	font-size: 0.625em;
	width: 3.6em;
	padding-top: 0.125em;
	display: inline-block;
}
ul#newsBriefs .newsTeaser {
	/* background: #efede8; */
}
ul#newsBriefs .newsLink {
	font: italic 0.625em Georgia, serif;text-decoration: none;
	padding: 0.125em 0;
	border-bottom: 1px dotted #585958;
	display: inline-block;
	float: right;
}
ul#newsBriefs .newsLink a:visited, ul#newsBriefs .newsLink a { color: #585958;text-decoration: none; }
ul#newsBriefs p {
	font: 0.6875em Palatino, Georgia, serif;
}
/* FOOTER ************************************************/
div#footerWrapper {
	background: #231f20 url(/images/bg_footer.jpg) center top repeat-x;
	width: 100%;
	border-top: 1px solid #231f20;
	position: relative;
}
div#footer {
	min-height: 400px;width: 960px;
	margin-left: -480px;
	position: relative;left: 50%;top: 0;
}
div#footerContact { width: 600px;float: left; }
div#footerInfo { 
	width: 960px;
	padding-top: 50px;margin-left: 60px;
	float: left;
}
div#footerInfo p, div#footerInfo li {
	font: 0.625em Helvetica, Arial, sans-serif;
	letter-spacing: 2px;line-height: 2.4em;
	text-transform: uppercase;
}
div#footerInfo p { margin-top: 12px; }
div#footerInfo ul { margin-top: 12px;list-style: none; }
div#footerInfo li { padding-left: 20px; }
li.footerTw { background: url(/images/footer_tw.gif) 0% 40% no-repeat; }
li.footerRs { background: url(/images/footer_rs.gif) 0% 40% no-repeat; }
li.footerVc { background: url(/images/footer_vc.gif) 0% 40% no-repeat; }
#stbtc_donation { float: left;width: 530px; }
.box { height: 16px; }

/**********************************************************
	F A C E B O O O K
**********************************************************/

#facebook {
	background: #fff;
	-moz-box-shadow: 5px 5px 15px #a8a8a9;
	-webkit-box-shadow: 5px 5px 15px #a8a8a9;
	box-shadow: 5px 5px 15px #a8a8a9;
}