/* =============================================================================
   RESETS & DEFAULTS
   ========================================================================== */
   
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; margin-bottom: 1px; overflow-y: scroll !important; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, section, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
label { cursor: pointer; }
body { line-height: 1; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #dadada; margin: 1em 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after, .clear { clear: both; }
.clearfix { *zoom: 1; }
html, body, button, input, select, textarea, th, td { -webkit-font-smoothing: antialiased; }
b, strong { font-weight: 700; }
abbr[title] { border-bottom: 1px dotted; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   LINKS
   ========================================================================== */

a:link, a:visited { color: #5d8caa; }
a:hover, a:active, a:focus { color: #617d41; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   TRANSITIONS
   ========================================================================== */
   
a, #logo, .contact-item-photo a img {
	-webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: all 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

#logo a img, #connect-right a img, #photo-gallery a img, #logos a img {
	-webkit-transition: opacity 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: opacity 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-ms-transition: opacity 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-o-transition: opacity 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	transition: opacity 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

.sf-menu a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* =============================================================================
   TYPOGRAPHY
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}

html, body, button, input, select, textarea, th, td {
	font: 14px 'Montserrat', sans-serif;
	color: #555;
}


p, h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; }

h1 {
    font-size: 34px;
	font-weight: normal;
}

h2 {
    font-size: 22px;
	color: #999;
	font-weight: normal;
	text-transform: uppercase;
}
#page-content h2 { clear: both; }

#portfolio h2, #gallery h2 { color: #ca9b69; } /* light brown */
#people h2, #history h2, #history-portfolio h2 { color: #75a7c6; } /* light blue */

h3 {
    font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

h4 {
    font-size: 18px;
	font-weight: normal;
}

h5 {
    font-size: 14;
	color: #617d41;
	font-weight: normal;
}

h6 {
    font-size: 11px;
	color: #999;
	text-transform: uppercase;
	font-weight: normal;
}

.underline { border-bottom: 1px solid #eee; }

.quote {
	font: 18px 'Lora', serif;
	font-style: italic;
}

/* =============================================================================
   PER PAGE COLOR COORDINATION
   ========================================================================== */
   
/* GREEN */
#home h1, #testimonials h1, li.home a:hover, li.home a.menuactive, li.testimonials a:hover, li.testimonials a.menuactive, #wood h1, li.wood a:hover, li.wood a.menuactive, #connect-left h3 { color: #617d41 !important; } 

/* BROWN */
#portfolio h1, #gallery h1, #news h1, #law-firms h1, #corporations h1, #residential h1, li.portfolio a:hover, li.news a:hover, li.portfolio a.menuactive, li.news a.menuactive, #submenu a { color: #835d34 !important; } 

/* BLUE */
#history h1, #history-portfolio h1, #people h1, li.history a:hover, li.people a:hover, li.history a.menuactive, li.people a.menuactive, #connect-right h3 { color: #5d8caa !important; } 

/* =============================================================================
   LISTS & BLOCKQUOTES
   ========================================================================== */

menu, ol, ul {
	margin: 0.5em 0 1.5em 0;
	padding: 0 0 0 20px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

#page-content ul { list-style: none; }
#page-content ul li {
	background: url(li.png) 0 4px no-repeat;
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
}
#page-content ul ul {
	list-style: square;
	margin-bottom: 0.5em;
}
#page-content ul ul li {
	background: none;
	margin: 0 0 8px 0;
	padding: 0;
}


dl { margin: 1em 0; }
dd { margin: 0 0 0 40px; }

blockquote { margin: 1em 40px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* =============================================================================
   HEADER
   ========================================================================== */

#logo {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 40px;
}
#logo a img { opacity: 1.0; }
#logo a:hover img { opacity: 0.8; }

/* =============================================================================
   NAV
   ========================================================================== */

nav {
	width: 100%;
	background-color: #E5E5E5;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.sf-menu { margin: 0 20px; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 14em;
	border-bottom: 3px solid #d1d1d1;
	z-index: 99;
}

.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 50px;
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 14em;
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

.sf-menu a:link, .sf-menu a:visited {
	background: #E5E5E5;
	padding: 18px 20px 16px 20px;
	text-decoration: none;
	font-size: 16px;
	color: #7a7979;
	display: block;
	position: relative;
	outline: none;
	text-shadow: 0 1px 0 #fff;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.menuactive { background: #fcfcfc; }

.sf-menu li:nth-child(6) a:hover, .sf-menu li.wood a.menuactive {
	text-shadow: 0 1px 0 #e1be89;
	background-color: #fcfcfc;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.sf-menu li:nth-child(7) a:hover, .sf-menu li:nth-child(7) a:focus {
	color: #835d34;
}
/*
.sf-menu li#last-menu-item a:hover, .sf-menu li.wood a.menuactive {
	background: #fcfcfc url(/media/img/backgrounds/wood-over-light.jpg) 0 0 no-repeat !important;
	text-shadow: 0 1px 0 #e1be89;
}
*/

wood-over-light.jpg
.sf-menu li li { background: #f4f4f4; }
.sf-menu li li:hover { background: #f8f8f8; }
.sf-menu li li a {
	padding: 13px 24px 10px 24px;
	border-top: 1px solid #fff;
	font-size: 14px;
}

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width: 1px;
}
.sf-sub-indicator {
	background: url(arrow-nav.png) no-repeat -10px -100px;
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
a > .sf-sub-indicator {
	top: 1.3em;
	background-position: 0 -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }

#submenu { margin: 0 0 15px 0; }
#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#submenu ul li {
	background: none;
	margin: 0;
	padding: 0;
}
#submenu a:link, #submenu a:visited {
	background: #f5f5f5;
	padding: 10px 15px;
	margin: 0 0 1px 0;
	display: block;
	text-decoration: none;
}
#submenu a:hover, #submenu a:active, #submenu a.menuactive { background: #fcfcfc; }

/* =============================================================================
   PAGE
   ========================================================================== */
   
body {
	margin: 0;
	background-color: #fff;
	background-image: url(background.jpg);
	background-repeat: no-repeat;
}

#site-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

#feature-content { }

#page-content {
	margin: 0;
	padding: 40px;
	min-height: 400px;
	line-height: 1.5;
}

#page-padding, #page-padding-top {
	margin: 0;
	line-height: 1.5;
}
#page-padding-top {
	padding: 40px 40px 5px 40px;
	background-color: #FFF;
}
#page-padding { padding: 20px 40px 40px 40px; }
#home #page-padding {
	padding: 40px;
	font-size: 16px;
	background-color: #FFF;
}
#home #page-padding p {
	margin: 0;
	text-align: justify;
}

.narrow-page {
	width: 85%;
	float: left;
}
aside {
	width: 15%;
	margin: 50px 0 0 85%;
}

.split-cols {
	display: table;
	margin: 0 0 20px 0;
	width: 100%;
}
.split-cols .col {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	padding: 0 20px 0 0;
}

.center { text-align: center !important; }

/* ==========================================================================
   CONTACTS GRID
   ========================================================================== */
   
#contacts { text-align: center; }

.contact-item {
	margin: 10px;
	width: 250px;
	display: inline-block;
	vertical-align: top;
}
.contact-item-photo { margin: 0 0 5px 0; }
.contact-item-photo a img { -webkit-filter: grayscale(100%); }
.contact-item-photo a:hover img { -webkit-filter: grayscale(0%); }
.contact-item-name {
	font-size: 17px;
	text-transform: uppercase;
}
.contact-item-title { font-size: 12px; }
.contact-item-email { font-size: 10px; }

/* ==========================================================================
   NEWS
   ========================================================================== */
   
.news-item {
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	border-bottom: 3px solid #f5f5f5;
}
.news-item h2, .news-item h2 a:link, .news-item h2 a:active, .news-item h2 a:visited {
	color: #a87b4a;
	text-decoration: none;
}
.news-item h2 a:hover { color: #ca9b69; }
.news-date {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	color: #777;
}
.news-summary { margin: 0 0 20px 0; }
.news-summary p { margin: 0; }
.news-more { }

#news-detail {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #f5f5f5;
}

/* =============================================================================
   FOOTER
   ========================================================================== */
   
#top { display: none; }

#footer-container { }

#connect {
	font-size: 14px;
	color: #777;
	padding: 40px;
	text-shadow: 0 1px 0 #fff;
	display: table;
	width: 100%;
	background-color: #E5E5E5;
}
#connect a:link, #connect a:active, #connect a:visited { color: #777; } 
#connect a:hover { color: #989898; }

#connect-left, #connect-right {
	display: table-cell;
	vertical-align: top;
}
#connect-left, #connect-right { width: 50%; }
#home #connect-left, #home #connect-right { width: 33%; }

#connect-left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#connect-left li, #connect-right li {
	background: none;
	margin: 0;
	padding: 0;
}

#logos {
	vertical-align: top;
	width: 33%;
	margin: 0 auto;
	white-space: nowrap;
	display: none;
}
#logos ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#home #logos { display: table-cell; }
#logos ul li {
	background: none;
	margin: 0 10px;
	padding: 0;
	display: inline;
}
#logos ul a img { opacity: 1.0; }
#logos ul a:hover img { opacity: 0.7; }

#connect-right { text-align: right; }
#connect-right ul {
	list-style: none;
	margin: 0 0 0 -10px;
	padding: 0;
}
#connect-right li {
	*float: left;
	display: inline-block;
}
#connect-right a img {
	margin: 0 0 0 5px;
	opacity: 1.0;
}
#connect-right a:hover img { opacity: 0.8; }

#footer-bottom {
	color: #FFFFFF;
	font-size: 10px;
	padding: 35px;
	text-align: center;
}
#footer-bottom ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#footer-bottom a:link, #footer-bottom a:active, #footer-bottom a:visited {
	color: #333333;
	text-decoration: none;
}
#footer-bottom a:hover {
	color: #006600;
}

#footer-links li {
	display: inline;
	margin: 0 5px;
	padding: 0;
}
#copyright li {
	margin: 0 0 0 5px;
	padding: 0;
}
   
/* =============================================================================
   BXSLIDER - FEATURE CAROUSEL
   ========================================================================== */

.bxslider {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#page-bxslider { margin: 20px 0; }

.feature-photo {
	position: absolute;
	top: 0;
	left: 0;
	
}
.feature-photo img {
	width: 100%;
	height: auto;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport { }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0;
	position: absolute;
	bottom: 20px;
	z-index: 2005;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #212121; }

.bx-wrapper .bx-prev {
	background: url(controls.png) no-repeat 0 -32px;
	left: 20px;
}
.bx-wrapper .bx-next {
	background: url(controls.png) no-repeat -43px -32px;
	right: 20px;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { opacity: 0.6; }
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { opacity: 1.0; }
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 20px;
}

/* =============================================================================
   BUTTONS
   ========================================================================== */
   
#top {
	text-align: center;
	margin: 30px 10px;
	display: none;
}
.news-more, .return-link { }
.more-link { margin: 10px 0 20px 0; }
.gray-button { margin: 10px 0 30px 0; }

.gray-button a:link, .gray-button a:active, .gray-button a:visited,
#top a:link, #top a:active, #top a:visited,
.news-more a:link, .news-more a:active, .news-more a:visited,
.return-link a:link, .return-link a:active, .return-link a:visited {
	text-decoration: none;
	font-size: 13px;
	padding: 10px 15px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.gray-button a:link, .gray-button a:active, .gray-button a:visited,
#top a:link, #top a:active, #top a:visited,
.news-more a:link, .news-more a:active, .news-more a:visited,
.return-link a:link, .return-link a:active, .return-link a:visited {
	background: #f5f5f5;
	color: #666;
}
.gray-button a:hover, .news-more a:hover, .return-link a:hover {
	background: #f8f8f8;
	color: #8a8a8a;
}

#top a:link, #top a:active, #top a:visited {
	background: #5d8caa;
	color: #fff;
}
#top a:hover { background: #6fa4c6; }
   
/* =============================================================================
   IMAGES & PHOTO GALLERY
   ========================================================================== */
   
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	/* -webkit-filter: grayscale(100%); */
}

.photo-left {
	margin: 0 20px 20px 0;
	float: left;
}
.photo-right {
	margin: 0 0 20px 20px;
	float: right;
}
.photo-center {
	margin: 0 0 25px 0;
	text-align: center;
}
.photo-left img, .photo-right img, .photo-center img, .contact-item-photo img, #photo-gallery img {
	background: #f5f5f5;
	padding: 10px;
	max-width: 100%;
	height: auto;
}

.hide-load { visibility: hidden; }

#photo-gallery {
	text-align: center;
	margin: 0 0 30px 0;
}
.gallery-item {
	*float: left;
	display: inline-block;
	margin: 10px;
	text-align: center;
}
.gallery-item a img {
	background: #fff;
	opacity: 1.0;
	/*-webkit-filter: grayscale(100%);*/
}
.photo-gallery-title { margin: 5px 0; }
.gallery-item:hover { -webkit-filter: grayscale(0%);}
.gallery-item a:hover img {
	background: #f8f8f8;
	opacity: 0.8;
	/*-webkit-filter: grayscale(0%);*/
}

/* =============================================================================
   SHADOBOX
   ========================================================================== */
   
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:10px solid #f5f5f5;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#f5f5f5;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* =============================================================================
   AUDIO & VIDEO
   ========================================================================== */
   
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =============================================================================
   MOBILE-RESPONSIVE
   ========================================================================== */

@media (min-width: 0px) and (max-width: 640px) {

	.sf-menu {
		text-align: center;
		margin: 0;
	}
	.sf-menu li, .sf-menu li#last-menu-item {
		float: none;
		display: inline-block;
		position: relative;
	}
	.sf-menu a:link, .sf-menu a:visited { padding: 15px; }
	.sf-sub-indicator { display: none; }

	.bx-wrapper .bx-pager.bx-default-pager a { display: none; }
	
	#page-content {
		padding: 20px;
		min-height: auto;
	}
	.narrow-page {
		width: 100%;
		float: none;
	}
	aside {
		width: 100%;
		float: none;
		margin: 20px 10px 0 0;
	}
	
	#connect {
		text-align: center;
		padding: 30px 10px;
		display: block !important;
	}
	#connect-left, #connect-right, #logos, #home #connect-left, #home #connect-right {
		float: none;
		display: block !important;
		text-align: center;
		width: auto;
		margin: 0 0 40px 0;
		font-size: 12px;
	}
	#logos {
		display: block !important;
		width: auto;
		margin: 0 auto;
		padding: 0 0 40px 0;
		text-align: center;
	}
	#logos li {
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#copyright li { margin: 0 0 15px 0; }
	
}

@media only screen and (min-width: 0px) and (max-width: 475px) {

	#logo {
		margin: 10px;
		text-align: center;
	}
	#logo img {
		max-width: 357px;
		max-height: 80px;
		width: 100%;
		height: auto;
	}
	
	#footer-bottom {
		padding: 30px 5px 10px 5px;
		line-height: 2.0;
	}
	#footer-links li { margin: 0 2px; }
	#footer-links li span, #copyright li span { display: none; }
	
	#top { display: block; }
	
	.photo-left, .photo-right, .photo-center, #photo-gallery img {
		float: none;
		text-align: center;
		margin: 0 0 20px 0;
	}
	
	.split-cols { margin: 0; }
	.split-cols .col {
		width: auto;
		display: block;
		vertical-align: top;
		padding: 0;
	}
	.split-cols .col ul {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
}

/* ==========================================================================
   PRINT
   ========================================================================== */

@media print {

    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,  a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre,  blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 { page-break-after: avoid; }
	
}
/* Stylesheet: default Modified On 2014-01-14 12:49:02 */