/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#333;background:#f0f0f0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000}
/* === end Yahoo! reset ===*/

html, body {
	height: 100%;
}

body {
	background-color: #f0f0f0;
}
* {
	border: none;
	color: #333;
	margin: 0;
	padding: 0;
}
body, div, td, p, b, li, input, textarea, select, a, h1, h2, h3, h4, h5, h6, fieldset {
	font-family: 'lato', arial, verdana, helvetica, serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 2em;
}
div#sidebar * {
	font-size: 14px;
	letter-spacing: 0;
}
td, p, li, input, textarea, select, label, fieldset, address {
	line-height: 2em;
}
p,ul {
	padding-bottom: 1.5em;
}
ul li {
/*
	background-image: url('../img/bullet.gif');
	background-repeat: no-repeat;
	background-position: 10px 13px;
	padding-left: 25px;
	padding-bottom: 15px;
*/
}
.clearboth {
	clear: both;
}
.smaller {
	font-size: 11px;
}

.note, .note a {
	font-size: 12px;
}

.noteadd, .noteadd a {
	font-size: 16px;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.textaligncenter {
	text-align: center;
}
.textalignright {
	text-align: right;
}
a, a:link, a:visited, a:active {
	text-decoration: underline;
	color: inherit;
}
a img {
	border: 0;
}
b {
	font-weight: 900;
}
hr {
	clear: both;
	border-top: 1px #e4e4e4 solid;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #e4e4e4;
	margin: 20px 0;
	height: 1px;
}
h1,
h1 a {
	font-family: 'lato', arial, sans-serif;
	color: #333;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-decoration: none;
}
h2 {
	text-transform: none;
	font-weight: 700;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h3 {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}
h4 {
	font-size: 14px;
	line-height: 1.65em;
	font-weight: 900;
}
div#main {
	padding-top: 0px;
	margin: 0 auto;
	width: 1100px;
	background-color: #fff;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}



/* ============ TOPBAR ============== */
div#topbar {
	background-color: #fff;
	padding: 0 0 25px 0;
	position: relative;
	color: #fff;
	text-transform: uppercase;
}
div#topbar:after {
	content: "";
	display: table;
	clear: both;
}
div#logo {
	float: left;
	text-align: center;
	padding: 25px 0 0 50px;
	margin: 0;
}
div#silas,
div#silas a {
	font-size: 36px;
	font-family: georgia, serif;
	color: #312f2f;
	line-height: 1em;
	letter-spacing: 2px;
	text-decoration: none;
}
div#tagline {
	font-size: 14px;
	font-family: 'lato', arial, sans-serif;
	color: #818080;
	line-height: 1em;
	padding-top: 12px;
}
/* ============ END TOPBAR ============== */


/* ============ BOTBAR ============== */
div#footer {
	background-color: #312f2f;
	padding: 40px 40px 40px 60px;
}
div#footer * {
	color: #9e9e9e;
	line-height: 2em;
	font-size: 14px;
	letter-spacing: 1px;
}
div#footer h2 {
	color: #fff;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	display: inline-block;
}
h2.map_pin {
	background-image: url('../img/icon_map_pin.png');
	background-position: right 2px;
	padding-right: 34px;
}
h2.envelope {
	background-image: url('../img/icon_envelope.png');
	background-position: right 4.5px;
	padding-right: 38px;
}
#footer:after {
	content: "";
	display: table;
	clear: both;
}
div#footer a, div#footer a:link, div#footer a:visited {
	color: #CCC;
	font-size: 13px;
	line-height: 1.8em;
	font-weight: 400;
	text-decoration: underline;
}
div#footer a:active {
	color: #CCC;
} /* hover applied for screens larger than mobile -- send bottom of file */
div#footer div#columnleft p {
	padding-bottom: 3em;
}
div#columnleft {
	width: 420px;
	float: left;
}
div#columnright {
	float: right;
	width: 480px;
}
div#footer div#columnright td:nth-child(2) {
	text-align: right;
}
div#privacy {
	font-style: italic;
	font-size: 10px;
	float: right;
	width: 325px;
	line-height: 1.4em;
	padding-top: 10px;
}
div#footer p.formerror,
div#footer p.formsuccess {
	color: #fff;
	line-height: 1em;
	margin-bottom: 0;
	padding-bottom: 1em;
}
/* ============ END BOTBAR ============== */


/* ============ UNAV ============== */
div#unav {
	float: right;
	display: inline;
	text-align: right;
	padding: 52px 60px 0 0;
	font-size: 12px;
	line-height: 1.4em;
}
div#unav a {
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 65px;
	padding-bottom: 2px;
}
div#unav a.unavon {
	border-bottom: 1px #ccc solid;
} /* hover only applied when screen larger than all mobile -- send bottom of file */
div#navindicator {
	display: none;
	background-color: #ccc;
	color: #fff;
	cursor: pointer;
	text-align: center;
	margin-top: 15px;
}
div#navindicator span {
	color: #fff;
	text-transform: uppercase;
	padding-left: 20px;
	background-image: url('../img/icon_menu.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 14px;
	font-weight: 700;
}
div.subnav {
	display: none;
	background-color: #312f2f;
	color: #fff;
	padding: 12px 0;
}
div#unav div.subnav a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 3px 0 5px 0;
	margin: 0;
	border: 0;
}

/* ============ END UNAV ============== */


/* ============ LNAV ================== */
div#lnav {
	clear: both;
	text-align: center;
	padding: 12px 0 14px;
	background-color: #312f2f;
}
div#lnav a {
	text-decoration: none;
	font-family: 'Lato';
	font-weight: 700;
	font-size: 12px;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 2px;
}
div#lnav a.lnavon {
	border-bottom: 1px #a2a6a9 solid;
} /* hover applied for screens larger than mobile -- send bottom of file */
/* ============ END LNAV ============== */


/* =============== HOME PAGE ==========

Slideshow controls:
1px vertical lines = 30% transparency of #FFF
Hover bkgd = 10% transparency of #000
 ============ END HOME PAGE ========= */

/* =============== INTERNAL ============ */
div#internal {
	padding: 40px 40px 100px 60px;
	border-top: 1px #ccc solid;
}
div#internalcontent {
	padding-top: 5px;
	width: 535px;
	float: left;
}
div#internalcontent:after {
	content: "";
	display: table;
	clear: both;
}
div#sidebar {
	float: right;
	width: 395px;
}
div#thumbnailcontent {
	padding-top: 5px;
	width: 990px;
}
div#thumbnailcontent:after {
        content: "";
        display: table;
        clear: both;
}

div#thumbnailcontent div.thumbnail {
	float:left;width:340px;margin-bottom:40px;
}
div#thumbnailcontent div.thumbnail.first-in-row {
	clear:both;
}
div#thumbnailcontent div.thumbnail.last-in-row {
	width: 300px;
}
div#thumbnailcontent div.thumbnail img {
	display: block;
}
div#thework {
	border-bottom: 1px #ccc solid;
}
div#secondary {
	border-bottom: 1px #ccc solid;
}
div#mapcontainer {
	width: 100%;
	height: 400px;
}

div#presscontent a {
	padding-top: 5px;
	width: 1000px;
        font-size: 14px;
        line-height: 1.75em;
}

div#presscontent:after {
        content: "";
        display: table;
        clear: both;
}

div#presscontent div.press {
	float:left;
        width:200px;
        margin-right:40px;
        margin-bottom:40px;
        font-size: 14px;
        line-height: 1.5em;
}
div#presscontent div.press:nth-child(4n+1) {
	clear: both;
}
/* =========== END INTERNAL ============ */


/* =============== FORMS =============== */
input[type="text"],
textarea {
	background-color: #3c3a3a;
	margin: 4px 0;
	border: 1px solid #3c3a3a;
	padding: 3px 5px;
	width: 404px;
	height: 20px;
}
textarea {
	width: 470px;
	height: 50px;
}
input[type="submit"] {
	background-color: #3c3a3a;
	padding: 3px 25px 4px;
	color: #ccc;
	text-transform: uppercase;
	margin-top: 11px;
	font-weight: bold;
	font-size: 11px;
}
select {
	margin-bottom: 10px;
	padding: 4px;
	border: 1px #dcdcdc solid;
	margin-right: 10px;
}
div#footer td {
}
/* =============== END FORMS =============== */


/* ============== SLIDES =================== */
ul#slideshow,
ul#slideshow li {
	padding: 0;
	margin: 0;
}
ul#slideshow li {
	position: relative;
}
ul#slideshow h1 {
	line-height: 1.2em;
    padding-top: 5px;
	margin-left: 55px;
	float: left;
	font-weight: 200;
	font-size: 36px;
	color: #666;
	width: 480px;
}
ul#slideshow p {
	float: left;
	width: 500px;
	font-size: 14px;
	color: #666;
	line-height: 1.4em;
	padding-top: 12px;
}
.bx-wrapper {
	position: relative;
}
.bx-next,
.bx-prev {
	position: absolute;
	top: 0;
	z-index:999;
	background-repeat: no-repeat;
	background-position: 10px 227px;
	display: block;
	height: 500px;
	width: 50px;
	filter:alpha(opacity=55);
	opacity: 0.55;
}
.bx-next {
	right: 0;
	background-image: url('../img/arrow_right.png');
	border-left: 1px white solid;
}
.bx-prev {
	left: 0;
	background-image: url('../img/arrow_left.png');
	border-right: 1px white solid;
}

/*pager links*/
.bx-pager a {
	margin-right: 10px;
	color: #fff;
	zoom:1;
}
/*pager wrapper*/
.bx-pager {
}
.bx-pager-item {
	display: none;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto start button*/
.bx-auto .start {
	display: none;
}

/*auto stop button*/
.bx-auto .stop {
	display: none;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}
/* ========== END SLIDES =================== */


/* =========== MOBILE ====================== */
/* 
  ALL MOBILE LESS THAN 768px (i.e. tablet and phone)
  */
@media only screen and (max-width: 768px) {
	div#main {
		width: auto;
	}
	div#topbar {
		padding: 0;
	}	
	div#footer {
		padding: 40px 25px 40px 25px;
	}
	div#columnleft {
		width: 45%;
	}
	div#columnright {
		width: 45%;
	}
	div#columnleft {
		width: auto;
		float: none;
		padding-top: 30px;
	}
	div#columnright {
		width: auto;
		float: none;
		padding-bottom: 40px;
		border-bottom: 1px #3f3f3f solid;
	}
	div#footer div#columnright td:nth-child(2) {
		text-align: left;
	}

	div#privacy {
		float: none;
		width: auto;
		padding-top: 10px;
	}
	div#internalcontent {
		width: 60%;
	}
	div#sidebar {
		width: 38%;
	}
	div#sidebar img {
		width: 100%;
	}
	input[type="text"],
	textarea {
		width: 240px;
	}
	textarea {
		width: 330px;
	}
	ul#slideshow h1 {
		float: none;
		width: auto;
		margin-left: 25px;
		font-size: 28px;
	}
	ul#slideshow p {
		float: none;
		width: auto;
		padding-top: 0;
		margin-left: 25px;
		margin-right: 20px;
	}
	div.bx-controls-direction {
		display: none;
	}
	div#logo {
		float: none;
		text-align: center;
		padding: 25px 0 0 0px;
		margin: 0;
	}
	div#internal {
		padding: 40px 20px 50px 25px;
		border-top: 1px #ccc solid;
	}
	div#thumbnailcontent {
		width: 100%;
	}

	div#presscontent {
		width: 100%;
	}
	div#mapcontainer {
		width: 100%;
		height: 400px;
	}
	
	div#unav {
		float: none;
		text-align: center;
		display: none;
		padding: 0;
		width: 100%;
	}
	div#unav a,
	div#unav a.unav,
	div#unav a.unavon {
		display: block;
		border-top: 1px #ccc solid;
		line-height: 2.4em;
		margin: 0;
	}
	/*
	div#unav a.parentnav:after {
		content: " \203A";
		font-size: 18px;
		line-height: 23px;
		vertical-align: text-bottom;
	}
	*/
	div#unav a.parentnav span {
		font-size: 18px;
		line-height: 23px;
		/*vertical-align: text-bottom;*/
	}
	div.subnav {
		display: none;
	}
	div#navindicator {
		display: block;
	}
	div#lnav {
		display: none;
	}

	.chevrondown { 
		display: inline-block;
		vertical-align: -3px;
		/* Safari */
		-webkit-transform: rotate(90deg);
		/* Firefox */
		-moz-transform: rotate(90deg);
		/* IE */
		-ms-transform: rotate(90deg);
		/* Opera */
		-o-transform: rotate(90deg);
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}

}
/* 
  TABLET 
  */
@media only screen and (min-width: 481px) and (max-width: 768px) {
}
/* 
  PHONE
  */
@media only screen and (max-width: 480px) {
	div#columnleft {
		width: auto;
		float: none;
		padding-top: 30px;
	}
	div#columnright {
		width: auto;
		float: none;
		padding-bottom: 40px;
		border-bottom: 1px #3f3f3f solid;
	}
	div#footer {
		padding: 40px 25px 40px 25px;
	}
	div#footer * {
		line-height: 1.4em;
		font-size: 14px;
	}
	div#footer h2 {
		line-height: 2em;
	}
	div#footer div#columnleft p {
		padding-bottom: 2em;
	}
	input[type="text"],
	textarea {
		width: 100%;
	}
	textarea {
		width: 100%;
	}
	div#internalcontent {
		padding: 5px 0 10px 0;
		width: auto;
		float: none;
	}
	div#thumbnailcontent div.thumbnail,
	div#thumbnailcontent div.thumbnail.last-in-row {
		width: 100%;
	}
	div#thumbnailcontent div.thumbnail img {
		width: 100%;
	}

	div#presscontent div.press,
	div#presscontent div.press.last-in-row {
		width: 100%;
	}
	div#presscontent div.press img {
		width: 100%;
	}
	div#sidebar {
		padding-top: 50px;
		float: none;
		width: auto;
		border-top: 1px #ccc solid;
	}
	div#sidebar video {
		width: 100%;
	}
	div#mapcontainer {
		width: 100%;
		height: 250px;
	}

}
/* for screens LARGER than mobile - where hover won't mess up clicks */
@media only screen and (min-width: 769px) {
	div#unav a:hover {
		border-bottom: 1px #ccc solid;
	}
	div#footer a:hover {
		color: #CCC;
	}
	div#lnav a:hover {
		border-bottom: 1px #a2a6a9 solid;
	}
	/* next/prev button hover state of slide nav */
	.bx-next:hover, .bx-prev:hover {
		background-color: #999;
		filter:alpha(opacity=55);
		opacity: 0.55;
	}
	/* pager links hover and active states of slide nav */
	.bx-pager .pager-active,
	.bx-pager a:hover {
		opacity:1;
	}
}

