/*
Theme Name: White Noise
Theme URI: http://www.progressionstudios.com
Description: Theme for Portfolio
Version: 1.0
Author: ProgressionStudios
Author URI: http://themeforest.net/user/ProgressionStudios/profile?ref=ProgressionStudios
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/*  Table of Contents 
01. HTML5 ✰ BOILERPLATE RESET FILE
02. BEBAS NEUE FONT-KIT
03. ADDITIONAL COLOR ADJUSTMENTS
	A. Main Body Background and Text Color
	B. Announcement and Button Misc Colors
	C. Headings Colors
04. DARK COLOR SCHEME
	A. Main Dark Colors
	B. Dark Headings Color
	C. Dark Border and Shadow Colors
	D. Dark Focus Colors
	E. Dark Color Scheme Images
05. PRIMARY STYLES
	A. Announcement Bar
	B. Sidebar Styles
	C. Blog
	D. Portfolio
	E. Footer
06. CONTACT FORM
07. NAVIGATION
	A. Essential Navigation Styles
	B. Navigation Skin
	C. Navigation Arrows
	D. NAVIGATION WIDTH
08. HOME-PAGE SLIDER STYLES
09. PORTFOLIO PAGE SLIDER STYLES
10. SHORT CODES AND WIDGETS
11. PRINT STYLES
12. GRID & COLUMN LAYOUT FRAMEWORK
13. LIGHTBOX STYLES
*/


/*
=============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE ===============================================
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, 
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } 
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; } 
pre, code, kbd, samp { font-family: monospace, sans-serif; } 
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } 
small { font-size: 85%; } 
strong/*, th */{ font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }  
sup { top: -0.5em; } 
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/* Clear Fix
.clearfixs:before, .clearfixs:after { content: ""; display: table; }
.clearfixs:after { clear: both; }
.clearfixs { zoom: 1; display:block;overflow:hidden;visibility:hidden;width:0;height:0;}*/
.clearboth, .clearfixs {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}


/*
=============================================== 02. BEBAS NEUE FONT-KIT ===============================================
*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebas-neue-fontfacekit/BebasNeue-webfont.eot');
    src: url('bebas-neue-fontfacekit/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('bebas-neue-fontfacekit/BebasNeue-webfont.woff') format('woff'),
url('bebas-neue-fontfacekit/BebasNeue-webfont.ttf') format('truetype'),
url('bebas-neue-fontfacekit/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
=============================================== 03. ADDITIONAL COLOR ADJUSTMENTS ===============================================
*/

/* -------------------- A. Main Body Background and Text Color -------------------- */
 /*body {background-color:#fbfbfb; color:#888888;  }  Body Background color and text */
body {  }  /* Body Background color and text */
#content-container {background:url(images/bg-content-container.png); color: #fff; min-height:677px;}
#sidebar-container {/*background:#ffffff;*/ background:url(images/bg-sidebar-container.png);} /* Main White Content Background color - Default - #FFFFFF */

#container {background: url(images/bg-biochar.png) top left no-repeat; }

/* -------------------- B. Announcement and Button Misc Colors -------------------- */
#topannounce, .button, .caption-padding .button, #topannounce a {  border-color:#aaaaaa; } /* Border Color for Announcement Bar & buttons, Color Default - #aaaaaa */
a.button:hover, #topannounce a:hover {color:#444444;} /* Button and announcement bar link hover color, Color Default - #444444 */
		

/*
=============================================== 04. DARK COLOR SCHEME ===============================================
*/
/* -------------------- A. Main Dark Colors -------------------- */
.dark {background-color:#666666; color:#d1d1d1;} /* Body Background color and text color */
.dark footer {background:#333333;} /* Footer Background color */
.dark #content-container, .dark #sidebar-container, .dark .sf-menu li li, body.contact-dark {background:#444444;} /* Main Background color for content areas */
.dark pre, .dark table .odd, .dark ol.commentlist li.odd  {background:#555555; } /* Light highlight background color for comments, table, and code background */
.dark #map_div, .dark #map_div2 {color:#888888;} /* Map Pop-up Font Color */

/* -------------------- B. Dark Headings Color -------------------- */
.dark h2, .dark h3 {color:#ffffff;}  /* Default Headings Color - #ffffff */
.dark h4, .dark h5, .dark h6 {color:#dedede;}  /* Default Headings Color - #e7e7e7 */
.dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a, .dark h2, .dark h3 {color:#ffffff;} /* Default Headings Link Color - #ffffff */

/* -------------------- C. Dark Border and Shadow Colors -------------------- */
.dark hr, .dark pre, .dark .post-details, .dark .sf-menu a {border-color: #575757;} /* Dark border color - #575757 */
.dark .sf-menu ul {border:1px solid #4f4f4f; -moz-box-shadow: 1px 1px 4px #4f4f4f; -webkit-box-shadow: 1px 1px 4px #4f4f4f; box-shadow:  1px 1px 4px #4f4f4f;}  /* Dark Sub-Menu Styles*/

/* -------------------- D. Dark Focus Colors -------------------- */
body.contact-dark input:focus, body.contact-dark textarea:focus {  border: 1px solid #7bbcd0; -webkit-box-shadow: 0px 0px 5px #dae7f1; -moz-box-shadow: 0px 0px 5px #dae7f1; box-shadow: 0px 0px 5px #dae7f1;}

/* -------------------- E. Dark Color Scheme Images -------------------- */
.dark .sf-sub-indicator {  background: url('images/arrows-ffffff-dark.png') no-repeat -10px -100px;}
.dark #content-top, .dark #sidebar-top {background:url(images/content-top-dark.png); }
.dark #content-top-right, .dark #sidebar-top-right {background: url(images/content-top-right-dark.png); }
.dark #content-container-bg-left, .dark #sidebar-container-bg-left {background:url(images/content-left-dark.png) top left repeat-y;}
.dark #content-container-bg-right, .dark #sidebar-container-bg-right {background:url(images/content-right-dark.png) top right repeat-y; }
.dark #content-bottom, .dark #sidebar-bottom {background:url(images/content-bottom-dark.png); }
.dark #content-bottom-right, .dark #sidebar-bottom-right {background: url(images/content-bottom-right-dark.png);}


/*
=============================================== 05. PRIMARY STYLES ===============================================
*/
body { 
font-size:13px;
line-height:20px;
min-width:960px;
font-family: Helvetica, Arial, Sans-Serif;} 
a {
	text-decoration:none;
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 200ms;
	-moz-transition-property: color;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 200ms;
	-o-transition-property: color;
	-o-transition-timing-function: ease-in-out;
	} /* Default link  (Color is controlled above but this can override it)  */
a:hover {text-decoration:underline;} /* Default link:hover*/
body img {margin-bottom:12px;}
* { margin: 0; outline: none; }
hr { display: block; height: 1px;  border: 0; border-top: 1px solid #efefef; margin:25px 0 25px 0; }
select, input, textarea, button { font:99% sans-serif; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; margin-bottom:20px; }
ol { list-style-type: decimal; }
p {padding-bottom:18px;}
pre {border:1px solid #efefef; padding:7px 15px; background:#f9f9f9; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;}
#main {margin:0px auto 0 auto; padding-top:30px;}
#main-base { overflow:hidden; height:0px;}
#content {float:right; margin-right:16px;} 
#content-container, #sidebar-container {padding-bottom:18px;}
#content-top {background:url(images/content-top.png); height:16px; margin-right:16px;}
#content-top-right {background: url(images/content-top-right.png); height:16px; width:16px; float:right; position:relative; left:16px;}
#content-container-bg-left {background:url(images/content-left.png) top left repeat-y; padding-left:16px; }
#content-container-bg-right {background:url(images/content-right.png) top right repeat-y; padding-right:16px;}
#content-bottom {background:url(images/content-bottom.png); height:16px; margin-right:16px;}
#content-bottom-right {background: url(images/content-bottom-right.png); height:16px; width:16px; float:right; position:relative; left:16px;}
#sidebar-top {background:url(images/content-top.png); height:16px; margin-right:16px;}
#sidebar-top-right {background: url(images/content-top-right.png); height:16px; width:16px; float:right; position:relative; left:16px;}
#sidebar-container-bg-left {background:url(images/content-left.png) top left repeat-y; padding-left:16px; }
#sidebar-container-bg-right {background:url(images/content-right.png) top right repeat-y; padding-right:16px;}
#sidebar-bottom {background:url(images/content-bottom.png); height:16px; margin-right:16px;}
#sidebar-bottom-right {background: url(images/content-bottom-right.png); height:16px; width:16px; float:right; position:relative; left:16px;}
.content-padding {padding:0px 20px;}
.socialshare {padding:50px 0 5px 18px;}
.facebook {padding-top:40px;}
.ucd {padding-top:0px;}
body .no-margin  {margin:0px;}
.alignleft {margin: 0 10px 10px 0; float:left; }
.alignright{ margin: 0 0 10px 10px; float: right;}
.aligncenter { display: block; margin: 0 auto 18px auto; text-align:center;}
.button, .caption-padding .button{font-size:12px; font-weight:bold;  font-family: Arial, sans-serif; position: relative; cursor: pointer; text-decoration: none;
	background-image: url(images/announce-gradient.png);
	background-position:top left;
	background-repeat: repeat-x;
	display: inline-block;
	padding: 8px 14px 8px 14px;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 0 #d2d2d2;
	-webkit-box-shadow: 0 1px 0 #d2d2d2;
	box-shadow:  0 1px 0 #d2d2d2;
	border-left-style:solid;
	border-left-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-style:solid;
	border-width:1px;
}
body .caption-padding .button {border-color:#aaa; -moz-box-shadow: 1px 1px 2px #555; -webkit-box-shadow: 1px 1px 2px #555; box-shadow:  1px 1px 2px #555;}
a.button:hover { background-position:bottom left; text-decoration:none;}
.button-colored, .caption-padding .button-colored, #respond input#submit, input.wpcf7-submit {font-size:12px; font-weight:bold; font-family: Arial, sans-serif; position: relative; cursor: pointer; text-decoration: none;
	background-image: url(images/button-colored.png);
	background-position:top left;
	background-repeat: repeat-x;
	display: inline-block;
	padding: 7px 14px 7px 14px;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 0 #d2d2d2;
	-webkit-box-shadow: 0 1px 0 #d2d2d2;
	box-shadow:  0 1px 0 #d2d2d2;
	border-style:solid;
	border-width:1px;
}
a.button-colored:hover, #contactform .button-colored:hover, #respond input#submit:hover, input.wpcf7-submit:hover {-webkit-box-shadow: 1px 1px 4px #6a9ec9; -moz-box-shadow: 1px 1px 4px #6a9ec9; box-shadow: 1px 1px 4px #6a9ec9; background-position: 0px -25px; text-decoration:none;}
h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover , h6 a:hover { text-decoration:none;}
body h1 {  font-size:42px; line-height:43px;  margin-bottom:7px;}
h2 { font-size:30px;  line-height:32px; margin-bottom:7px;}
h3 { font-size:25px; line-height:28px; margin-bottom:7px; }
h4 { font-size:25px; line-height:24px;  margin-bottom:7px;}
h5 {font-size:22px; line-height:20px; margin-bottom:6px;}
h6 {font-size:18px; line-height:20px; margin-bottom:6px;}
h1.page-title {font-size:56px; line-height:54px; padding-top:20px;}
.page-title-dark {background:#000; color:#fff; padding:3px 5px 1px 5px;}
aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {color:#d2d2d2;}
blockquote {font-style:italic; line-height:20px; font-size:14px;  background:url(images/blockquote.png) 15px 4px no-repeat; padding:5px 0 0 50px; margin-bottom:20px;}
ul.checkmark, ul.arrow {margin-left:7px;}
ul.checkmark li { margin-left:0px; background:url(images/checkmark.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
ul.arrow li { margin-left:0px; background:url(images/sidebar-arrow.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
/* Table Styling */
table {width:100%; margin:4px 0 0 0; font-size:14px;}
table td {padding:3px 3px 2px 3px;}
table thead th {padding:9px 6px 7px 7px; }
table thead {background:#262626; color:#b0b5bd; font-size: 25px; text-align:left;  }
table tfoot td {padding:5px;}
table .t-headings-dark { color:#848484;}
table .odd {background:#f6f6f6;}
table .t-footer {background:#ededed; text-align:center; font-size:90%; font-style:italic;}
table img {margin:0px; padding:0px; }

/* Social Networking */
ul.social-networking {list-style:none; margin:0px; padding:0px;}
ul.social-networking li {display:inline; float:left; text-indent: -999999px;}
ul.social-networking a {display:block; width:45px; height:40px;}
ul.social-networking li.twitter a {background:url(images/twitter.png) 0px 0px no-repeat;}
ul.social-networking li.twitter a:hover {background:url(images/twitter.png) 0px -40px no-repeat;}
ul.social-networking li.facebook a {background:url(images/facebook.png) 0px 0px no-repeat;}
ul.social-networking li.facebook a:hover {background:url(images/facebook.png) 0px -40px no-repeat;}
ul.social-networking li.dribble a {background:url(images/dribble.png) 0px 0px no-repeat;}
ul.social-networking li.dribble a:hover {background:url(images/dribble.png) 0px -40px no-repeat;}
ul.social-networking li.youtube a {background:url(images/youtube.png) 0px 0px no-repeat;}
ul.social-networking li.youtube a:hover {background:url(images/youtube.png) 0px -40px no-repeat;}
ul.social-networking li.vimeo a {background:url(images/vimeo.png) 0px 0px no-repeat;}
ul.social-networking li.vimeo a:hover {background:url(images/vimeo.png) 0px -40px no-repeat;}
ul.social-networking li.skype a {background:url(images/skype.png) 0px 0px no-repeat;}
ul.social-networking li.skype a:hover {background:url(images/skype.png) 0px -40px no-repeat;}
ul.social-networking li.email a {background:url(images/email.png) 0px 0px no-repeat;}
ul.social-networking li.email a:hover {background:url(images/email.png) 0px -40px no-repeat;}
#map_div, #map_div2 { width:100%; height:265px; border:none; margin-bottom:15px; font-size:12px; line-height:16px; }
#map_div iframe, #map_div2 iframe {border:none;}

/* -------------------- B. Sidebar Styles -------------------- */
header {padding:24px 0px; text-align:center;}
aside header img {border:none;}
aside {float:left; margin-left:16px; font-size:12px; line-height:18px;}
aside#right-aside {float:right; margin-left:18px; margin-right:16px;}
aside img {/*border:1px solid #e0e0e0;*/ padding:5px 18px 0px 18px; margin-bottom: 0px;}
.twitter-heading {background:url(images/twitter-icon.png) top left no-repeat; padding:4px 0 8px 58px; }
#jtwt_picture {float:left;  padding:0px 10px 65px 0; }
#jtwt img { border:none; padding:0px; background:transparent; }
#jtwt { overflow:hidden; padding-bottom:14px; }
a#jtwt_date {color:#dadada !important; text-decoration:none; font-weight:bold; font-size:12px;  padding-top:2px;}
a#jtwt_date:hover {color:#c7c7c7 !important; text-decoration:none;}
.advertisements {margin-bottom:8px;}
.flickr-heading {background:url(images/flickr-icon.png) 7px 0px no-repeat; padding:4px 0 8px 58px; }
#flickr-sidebar ul {list-style:none; margin:7px 0 0 0; padding:0px;}
#flickr-sidebar ul li {display:inline; margin:0px; padding:0px; background:transparent; border:none;}
#flickr-sidebar ul li a {background:transparent;}
#flickr-sidebar ul li img {margin:0px 11px 8px 0px; width:50px; height:50px; opacity: 0.8; -moz-opacity: 0.8; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out;	transition: opacity 400ms ease-in-out;}
#flickr-sidebar ul li img:hover {opacity: 1; -moz-opacity: 1; }
#flickr-sidebar ul li a {display:inline; padding:0px; margin:0px;}

/* -------------------- C. Blog-------------------- */
.no-image-spacer {padding-top:25px;}
.comments {font-size:19px; float:right; position:relative; text-align:center; right:-35px; top:-2px;  }
.comments a {display:block;color:#fff !important; background:url(images/comments.png) top left no-repeat; width:30px; padding-top:6px; height:24px; }
.comments a:hover {background-position:0px -30px; text-decoration:none;}
.post-details {font-size:12px; color:#bbb; padding:11px 20px 10px; border-top:1px solid #efefef; margin-top:6px;}
ol.commentlist {list-style:none; margin:0px; position:relative; top:-20px; margin-bottom:-20px;}
ol.commentlist ul.children {list-style:none; margin:0px -20px;}
ol.commentlist ul.children li {padding-left:90px; margin-bottom:-15px;}
ol.commentlist li {padding:20px; }
ol.commentlist li.odd {background:#f8f8f8;}
ol.commentlist .reply {position:relative; float:right; right:0px; top:2px; text-indent:-9999999px;}
ol.commentlist .reply a {display:block; width:15px; height:16px; background:url(images/reply.png) top left no-repeat;}
ol.commentlist .reply a:hover {background:url(images/reply.png) 0px -16px no-repeat;}
ol.commentlist .avatarimage {float:left; width:50px; margin-right:20px; margin-bottom:18px;}
ol.commentlist ul.children li .avatarimage {margin-right:0px; margin-bottom:0px; padding:0px;}
.pagination {padding-top:5px; text-align:right;}
.pagination a {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px #e7e7e7; -webkit-box-shadow: 0 1px 1px #e7e7e7; box-shadow:  0 1px 1px #e7e7e7; margin-right:1px; margin-left:5px;
	font-weight:bold; color:#999 !important; font-size:12px;  background:#f3f4f4 url(images/pagination.png) 0px 0px repeat-x;  cursor:pointer; display: inline-block; padding: 7px 14px 7px 14px; line-height: 1; border:1px solid #dedede;}
.pagination a:hover {	background:#ddd url(images/pagination.png) 0px -35px repeat-x; text-decoration:none; color:#888 !important;}
.pagination a.selected {background:#ddd url(images/pagination.png) 0px -70px repeat-x; color:#fff !important; border:1px solid #bdbdbd !important;}



h3#reply-title {margin-top:25px;}
h3#reply-title a {color:#777; font-size:70%; margin-bottom:5px;}
h3#reply-title a:hover {color:#444;}
p.form-allowed-tags {font-size:11px; line-height:16px;}
p.form-allowed-tags code {display:block; padding-top:5px;}

#respond input, #respond textarea {display:block; font-size:13px;}
#respond input {width:65%;}
#respond textarea {width:85%;}
ol.commentlist li.odd #respond input, ol.commentlist li.odd #respond textarea {background:#fff;}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {font-size:90%; margin:0px; padding:0px; }
#respond input#submit {font-size:13px; width:auto;}
.commentlist span.edit-link {float:right; display:block; margin-bottom:-12px; height:12px; position:relative; bottom:25px;}

/* -------------------- D. Portfolio -------------------- */
.video-frame {padding-bottom:18px;}
.portfolio-item img {margin-bottom:5px;}
.portfolio-item hr {margin-top:16px; margin-bottom:18px;}
.portfolio-controls {position:relative; float:right; top:0px; right:-50px; height:48px; margin-bottom:-48px;}
.portfolio-controls .page-left a, .portfolio-controls .page-right a {text-indent:-9999999px; margin-bottom:2px;}
.portfolio-controls .page-left a, .portfolio-controls .page-right a {display:block; width:22px; height:22px;}
.portfolio-controls .page-left a {background:url(images/page-left.png) top left no-repeat;}
.portfolio-controls .page-right a {background:url(images/page-right.png) top left no-repeat;}
.portfolio-controls .page-left a:hover {background:url(images/page-left.png) 0px -22px no-repeat;}
.portfolio-controls .page-right a:hover {background:url(images/page-right.png) 0px -22px no-repeat;}

/* -------------------- E. Footer -------------------- */
footer { color:#fff; font-size:11px; line-height:14px; padding:22px 0px; margin-top:35px;}
#footer-container {margin:0 auto; }


/*
=============================================== 06. CONTACT FORM ===============================================
*/
#respond label {font-size:12px; padding-left:5px;}
body.contact {background:#fff;}
span.required {color:#d34a4a;}
#contact-wrapper {width:100%; padding-top:8px; padding-bottom:10px;}
input, textarea, #respond input, #respond textarea {background:#f8f8f8; border:1px solid #e7e7e7; font-size:14px; padding:5px; color:#666; margin-bottom:5px;}
input:focus, textarea:focus, #respond input:focus, #respond textarea:focus {  border: 1px solid #bddae3; -webkit-box-shadow: 0px 0px 4px #6a9ec9; -moz-box-shadow: 0px 0px 4px #6a9ec9; box-shadow: 0px 0px 4px #6a9ec9;}
.offset1 {margin-left:0px;}
#contactform div {padding-bottom:24px;}
#contactform label {width:60px; display:inline-block; vertical-align: top; color:#999;}
#contactform label.error {display:block; width:100%; font-style:italic; padding-left:60px; height:25px; margin-bottom:-25px; font-size:11px; color:#dd8b8b;}
#contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; }
p.error {color:#dd8b8b; font-weight:bold;}
p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; }
p.success2 {padding-bottom:8px; }


/*
=============================================== 07a. LOGGED IN ===============================================
*/
#c5loggedin { z-index:2; position:relative; margin:0px auto 10px auto; padding-top:10px; color:#e1b120; width:100%;text-align: center;}
#c5loggedin a {color:#454545;}

/*
=============================================== 07. NAVIGATION ===============================================
*/

/* -------------------- A. Essential Navigation Styles -------------------- */
nav {z-index:2; position:relative; background: url(images/bg-nav.png); margin:0px 20px; padding-top:10px;}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:none;}
.sf-menu { line-height:	1.0; }
.sf-menu ul {	position: absolute;	top: -999em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {	float:	left; position:	relative; }
.sf-menu a { display:block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:	0; top: 2.5em; /* match top ul list item height */	z-index: 2; }
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 { /* match ul width */ top:	0;  }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { /* match ul width */ top:0;  }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {  outline: 0; /*background: url(images/bg-nav-hover.png); */}

ul ul .sf-menu li:hover, ul ul .sf-menu li.sfHover,
ul ul .sf-menu a:focus, ul ul .sf-menu a:hover, ul ul .sf-menu a:active {  outline: 0; background: #ffffff; }

/* -------------------- B. Navigation Skin -------------------- */
.sf-menu a { font-size:25px; line-height:1; border-bottom:	1px solid #707171; padding:7px 20px 4px 20px; text-decoration:none; }
.sf-menu li { background: transparent; }
.sf-menu li li a {font-size:18px; padding:10px 9px 7px 10px;}
.sf-menu ul {border:1px solid #d2d2d2; -moz-box-shadow: 1px 1px 4px #d2d2d2; -webkit-box-shadow: 1px 1px 4px #d2d2d2; box-shadow:  1px 1px 4px #d2d2d2;}
.sf-menu li li { background: #fff; }
.sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu a, .sf-menu a:visited {color:#d2d2d2;}
.sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a{}

/* -------------------- C. Navigation Arrows -------------------- */
.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right:.75em; top:.9em; /* IE6 only */ text-indent:-999em;	overflow:hidden; width: 10px; height: 10px; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
ul ul .sf-menu a.sf-with-ul {top:1em; /* IE6 only */}
ul ul .sf-sub-indicator {top:.85em;}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .6em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
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; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.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; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {/* match ul width */ top:	0; }
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
.sf-menu li.sfHover li a{color:#e1b120;}

/* -------------------- D. NAVIGATION WIDTH -------------------- */
#navigation-base {width:100%; height:25px; overflow:hidden;}
.sf-menu ul, .sf-vertical, .sf-vertical li {width: 100%; }
ul.sf-menu li li li.sfHover ul, .sf-vertical li:hover ul, .sf-vertical li.sfHover ul, ul.sf-menu li li.sfHover ul {left:100% ; }


/*====================== E. Main Width Adjustments ======================*/
#topannounce #announce-container, #reset-announcement-container, #footer-container {width:825px; } /* Width of Top Announcement Bar and Footer */
#content { width:732px; } /* Add 32px of padding to the width so default is actually 500 = 532 */
aside {width:292px;} /* Add 32px of padding to the width so default is actually 260 = 292 */
#main, #main-base  {width:1090px;} /* Container for the two Colums - Add 66px to width of aside and #content.  532 + 292 + 66 = 890 */


/* -------------------- A. ANNOUNCEMENT BAR -------------------- */
#fixed-announcement {position:fixed; top:0px; width:100%; z-index:1105; }
.fixed-spacer {padding-top:45px;}
#topannounce { border-bottom-style:solid; border-width:1px; padding:10px 0 10px 0; background-image:url(images/announce-gradient.png); background-repeat:repeat-x; font-size:22px; line-height:24px;  width:100%; min-width:960px; position:relative; top:0px; z-index:5; display:none;}
#topannounce a {text-decoration:none; border-bottom:1px dotted #fff; }
#topannounce a:hover {text-decoration:none; border-bottom:1px solid #fff;}
#topannounce #announce-container, #reset-announcement-container {margin:0 auto; }
#topannounce .rightCloseButton {cursor:pointer; text-indent:-99999px;  position:relative; right:0px; top:3px; float:right;}
#topannounce a.rightCloseButton {width:18px; height:19px; text-decoration:none; border:none;display:inline-block; background:url(images/announce-close.png) no-repeat;}
#topannounce a.rightCloseButton:hover {background-position:bottom left;}
#reset-announcement {width:100%; min-width:960px; position:absolute; top:0px; z-index:2; }
#reset-announce {text-indent:-99999px; float:right; }
a#reset-announce {display:block; background:url(images/reset-announcement.png) no-repeat; width:28px; height:23px;}

.admin-bar #reset-announcement, .admin-bar #topannounce {top:0px;}
.admin-bar #reset-announcement {top:28px;}
.admin-bar #fixed-announcement {top:28px;}


/*
=============================================== 08. HOME-PAGE SLIDER STYLES ===============================================
*/
.ie6 .timer, .ie7 .timer, .ie8 .timer  {display: none !important;}
.ie6 div.orbit-caption, .ie7 div.orbit-caption, .ie8 div.orbit-caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }

#featured-container {height:281px; width:500px; overflow:hidden;}

#featured { 
	width: 100%;
	height: 281px;
	background: #000 url('images/orbit/loading.gif') no-repeat center center;
	overflow: hidden; }

#featured>img, 
#featured>a { display: none; }

.ie7 #featured-container, .ie7 #featured {height:281px !important; overflow:hidden !important; width:500px;}
.ie7 .orbit-wrapper .orbit-caption { bottom: 12px; }

/* Default Styles */
div.orbit-wrapper { width: 1px; height: 1px;position: relative; }
div.orbit {width: 1px; height: 1px; position: relative; overflow: hidden }
div.orbit>img { position: absolute; top: 0; left: 0;  display: none; }
div.orbit>a {border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
.orbit>div { position: absolute; top: 0; left: 0;width: 100%;height: 100%; }

/* TIMER */
div.timer { width: 20px; height: 20px; overflow: hidden; position: absolute; top: 15px; right: 16px; opacity: .8; cursor: pointer; z-index: 11; }
span.rotator { display: block; width: 20px; height: 20px; position: absolute; top: 0; left: -10px; background: url(images/orbit/rotator-black.png) no-repeat;z-index: 3; }
span.mask { display: block; width: 10px; height: 20px;position: absolute; top: 0; right: 0; z-index: 2;overflow: hidden; }
span.rotator.move { left: 0 }
span.mask.move {width: 20px; left: 0;  background: url(images/orbit/timer-black.png) repeat 0 0; }
span.pause {display: block;width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: url(images/orbit/pause-black2.png) no-repeat;  z-index: 4;  opacity: 0; }
span.pause.active { background: url(images/orbit/pause-black2.png) no-repeat 0 -20px  }
div.timer:hover span.pause, span.pause.active { opacity: 1 }

/* CAPTIONS */
.orbit-caption { display: none; font-family: Helvetica, Arial, sans-serif; }
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 10; color: #fff;  padding: 7px 0; font-size: 13px; position: absolute; right: 0;  bottom: 0;  width: 100%; }
.orbit-caption h1 {font-size:16px; line-height:18px; margin-bottom:2px;}
.orbit-caption h2, .orbit-caption h3, .orbit-caption h4, .orbit-caption h5, .orbit-caption h6 {color:#fff;}
.orbit-caption h2 a, .orbit-caption h3 a, .orbit-caption h4 a, .orbit-caption h5 a, .orbit-caption h6 a,
.orbit-caption h2 a:hover, .orbit-caption h3 a:hover, .orbit-caption h4 a:hover, .orbit-caption h5 a:hover, .orbit-caption h6 a:hover {color:#fff; }
.caption-padding {padding:0px 15px;}
.orbit-caption .caption-padding .button {margin-top:8px;}
.orbit-caption a {color:#fff;}

/* DIRECTIONAL NAV */
div.slider-nav {display: block }
div.slider-nav span {width:25px; height:67px; text-indent: -9999px;  position: absolute;  z-index: 10; top: 50%;  margin-top: -33px; cursor: pointer; }
div.slider-nav span.right {background:url(images/orbit/arrows-new.png) -25px 0 no-repeat; right: 15px; }
div.slider-nav span.left { background: url(images/orbit/arrows-new.png) 0px 0px no-repeat;left: 15px; }

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 10; list-style: none;  padding:0px; margin:0px;  bottom:20px; right:15px;}
#main-container .orbit-bullets {}
#main-container .orbit-bullets li {margin-left:0px; list-style:none;}
.orbit-bullets li {display:block;	cursor: pointer;width:16px; height:21px; background: url(images/orbit/nav.png) no-repeat center center; text-indent:-9999px; border:0; margin-right:2px; float:left;  }
.orbit-bullets li.active { background: url(images/orbit/nav_active.png) no-repeat center center; }
.orbit-bullets li.has-thumb {  background: none; width: 100px; height: 75px; }
.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }


/*
=============================================== 09. PORTFOLIO PAGE SLIDER STYLES ===============================================
*/

/* PORTFOLIO SLIDER WIDTH & HEIGHT */
.portfolio-slider { 
	height:280px; /* Change this to your images height */
	width:100%; /* Change this to your images width */ 
	position:relative; 
	background:#000 url(images/orbit/loading.gif) no-repeat 50% 50%; margin-bottom:11px;}

.portfolio-slider  img {position:absolute;  top:0px;   left:0px;   display:none; }
.portfolio-slider a {border:0;display:block;}

.any-slider { 
	width:100%; /* Change this to your images width */ 
	position:relative; 
	background:#000 url(images/orbit/loading.gif) no-repeat 50% 50%; margin-bottom:11px;}

.any-slider  img {position:absolute;  top:0px;   left:0px;   display:none;}
.any-slider a {border:0;display:block;}


/* PORTFOLIO SINGLE SLIDER WIDTH & HEIGHT */
.portfolio-slider-single { 
	height:280px; /* Change this to your images height */
	width:100%; /* Change this to your images width */ 
	position:relative;background:#000 url(images/orbit/loading.gif) no-repeat 50% 50%; margin-bottom:11px;}

.portfolio-slider-single  img {position:absolute;  top:0px;   left:0px;   display:none;}
.portfolio-slider-single a {border:0;display:block;}
.nivoSlider {position:relative; background: #000 url('images/orbit/loading.gif') no-repeat center center;}
.nivoSlider img {	position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%;	border:0; padding:0;	margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute;	z-index:5; height:100%;}
.nivo-box {display:block; position:absolute;z-index:5; }
/* Caption styles */
.nivo-caption {position:absolute;	left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ 	width:100%;z-index:8;}
.nivo-caption p { padding:7px; margin:0; }
.nivo-caption a { display:inline !important; color:#fff !important;	border-bottom:1px dotted #fff; }
.nivo-caption a:hover { color:#fff; }
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:50%; margin-top:-22px; z-index:9; cursor:pointer; display:block; width:25px; height:44px; text-indent:-9999px; border:0;}
.nivo-prevNav {	background: url(images/orbit/arrows-new.png) 0px 0px no-repeat;left: 15px; }
.nivo-nextNav {background:url(images/orbit/arrows-new.png) -25px 0 no-repeat; right: 15px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { position:absolute; right:15px; bottom:15px;}
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; display:block; width:12px; height:12px;	text-indent:-9999px;border:0;margin-right:6px;background:url(images/orbit/nav.png) top left no-repeat;float:left;}
.nivo-controlNav a.active {font-weight:bold;background:url(images/orbit/nav_active.png) top left no-repeat;}



/*
=============================================== 10. SHORT CODES AND WIDGETS ===============================================
*/

.tabs {width:450px; padding-top:6px;}

ul.tabNavigation { font-weight:700;}

ul.tabNavigation { list-style: none; margin:0px; width:450px; padding: 0; border-bottom:1px solid #d6d6d6; background:#ebeaea;}

ul.tabNavigation li { list-style:none; margin:0px; padding:0px; display:inline; float:left; }

ul.tabNavigation li a {
	padding: 16px 22px 15px 22px;
    color: #bababa;
    text-decoration: none;
	font-size:16px;
	margin-bottom:-1px;
	display:inline-block;
	border-right:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}

ul.tabNavigation li:first-child a {padding-left:20px;}

ul.tabNavigation li a:hover {
	color: #9f9e9e;
}

ul.tabNavigation li a.selected-tab, ul.tabNavigation li a.selected-tab:hover, ul.tabNavigation li:first-child .selected-tab {
    color: #7f7f7f;
	border-bottom:1px solid #f5f5f5;
	background:#f5f5f5;
}

ul.tabNavigation li:first-child a.selected-tab, ul.tabNavigation li:first-child a.selected-tab:hover {
	background:#f5f5f5;
}

ul.tabNavigation li a:focus { outline: 0; }


div.tabs > div {
	padding:20px 20px;
	width:410px;
	margin:0px 0px 30px 0px;
	background:#f5f5f5;
}


#wp-calendar {width:100%;}
#wp-calendar th {
color: #fff;
font-size:15px;
padding:6px 0;
background-color:#000;
text-align:center;
}
#wp-calendar td {border:1px solid #d9d9d9; font-size:12px; }
#wp-calendar caption {font-style:italic; }


#wp-calendar a {text-decoration:underline;}

#wp-calendar a:hover {
color: #7c7c7c;
}

#wp-calendar #today {
background: #8f8f8f;
color: #fff;
}

#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
}

label.screen-reader-text {display:none;}
input#s {width:60%;  font-size:12px;}
input#searchsubmit {font-size:12px;}

.wpcf7 input {width:60%; margin-top:-20px;}
.wpcf7 textarea {width:90%;}
input.wpcf7-submit {width:auto;}


/*
=============================================== 11. PRINT STYLES ===============================================
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: 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; }
}



/*
=============================================== 12. GRID & COLUMN LAYOUT FRAMEWORK ===============================================
*/
/* COLUMN LAYOUTS */
.grid2column, .col_1_2 {width:223px; margin-right:14px; float:left; }
.grid3column, .col_1_3 {width:144px; margin-right:14px; float:left; }
.grid3columnbigcolumn {width:302px; margin-right:14px;  float:left; }
.grid4column, .col_1_4 {width:104px; margin-right:14px; float:left;}
.grid4columnbig {width:342px; margin-right:14px;  float:left;}

body .lastcolumn, #main-content-sidebar .lastcolumn {margin-right:0px !important;}


/*
=============================================== 13. LIGHTBOX STYLES ===============================================
*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px;}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%; }
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0; text-indent:-9999px;}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
 .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor, .tags {}

	.ie7 #toppanel, .ie6 #toppanel {display:none !important;}
	#toppanel {position:absolute; top:250px; left:0px; z-index:2000;}
	#panel {position:relative; left:-100px;}
	.panel_button { position: relative; left:0px; width:48px; cursor: pointer;}
	#panel {
		position: absolute;
		top:-28px;
		left:-200px;
		overflow: hidden;
		background:#000;
		-moz-border-radius: 0px 4px 4px 0px;
		-webkit-border-radius: 0px 4px 4px 0px;
		border-radius: 0px 4px 4px 0px;
		padding:15px 12px 15px 13px;
		width:134px;
		font-size:10px;
		color:#a3a3a3;	
	}
	.reset {position:relative; top:1px;}
	#panel a.reset {color:#a3a3a3 !important; }
	#panel a.reset:hover {color:#888 !important;}
	#panel .largeheading {border-bottom:1px solid #343434; font-family:Arial, sans-serif; font-weight:bold; font-size:13px; color:#bdbdbd; padding-bottom:4px; margin-bottom:8px;}
	#panel .largeheading2 {border-bottom:1px solid #343434; font-family:Arial, sans-serif; font-weight:bold; font-size:13px; color:#bdbdbd; margin-top:15px; padding-bottom:4px; margin-bottom:8px;}
	#panel #pattern-area img.imgspacing { padding-right:3px; border:none;}
	#panel #pattern-area img {margin-bottom:4px;}
	#panel #pattern-area {margin-bottom:-4px;}
	#panel .heading {font-weight:bold; font-family:Arial, sans-serif; }
	#panel .colorSelector, #panel .colorSelector2, #panel .colorSelector3 {border:1px solid #666; margin-bottom:7px;}
	#panel .colorSelector div, #panel .colorSelector2 div, #panel .colorSelector3 div {height:22px; width:100%;}

	.colorpicker {
		width: 356px;
		height: 176px;
		overflow: hidden;
		position: absolute;
		background: url(stc/images/colorpicker/colorpicker_background.png);
		font-family: Arial, Helvetica, sans-serif;
		display: none;
		z-index:2015;
	}
	.colorpicker_color {
		width: 150px;
		height: 150px;
		left: 14px;
		top: 13px;
		position: absolute;
		background: #f00;
		overflow: hidden;
		cursor: crosshair;
	}
	.colorpicker_color div {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		height: 150px;
		background: url(stc/images/colorpicker/colorpicker_overlay.png);
	}
	.colorpicker_color div div {
		position: absolute;
		top: 0;
		left: 0;
		width: 11px;
		height: 11px;
		overflow: hidden;
		background: url(stc/images/colorpicker/colorpicker_select.gif);
		margin: -5px 0 0 -5px;
	}
	.colorpicker_hue {
		position: absolute;
		top: 13px;
		left: 171px;
		width: 35px;
		height: 150px;
		cursor: n-resize;
	}
	.colorpicker_hue div {
		position: absolute;
		width: 35px;
		height: 9px;
		overflow: hidden;
		background: url(stc/images/colorpicker/colorpicker_indic.gif) left top;
		margin: -4px 0 0 0;
		left: 0px;
	}
	.colorpicker_new_color {
		position: absolute;
		width: 60px;
		height: 30px;
		left: 213px;
		top: 13px;
		background: #f00;
	}
	.colorpicker_current_color {
		position: absolute;
		width: 60px;
		height: 30px;
		left: 283px;
		top: 13px;
		background: #f00;
	}
	.colorpicker input {
		background-color: transparent;
		border: 1px solid transparent;
		position: absolute;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #898989;
		top: 4px;
		right: 11px;
		text-align: right;
		margin: 0;
		padding: 0;
		height: 11px;
	}
	.colorpicker_hex {
		position: absolute;
		width: 72px;
		height: 22px;
		background: url(stc/images/colorpicker/colorpicker_hex.png) top;
		left: 212px;
		top: 142px;
	}
	.colorpicker_hex input {
		right: 6px;
	}

	.colorpicker_field {
		height: 22px;
		width: 62px;
		background-position: top;
		position: absolute;
	}
	.colorpicker_field span {
		position: absolute;
		width: 12px;
		height: 22px;
		overflow: hidden;
		top: 0;
		right: 0;
		cursor: n-resize;
	}
	.colorpicker_rgb_r {
		background-image: url(stc/images/colorpicker/colorpicker_rgb_r.png);
		top: 52px;
		left: 212px;
	}
	.colorpicker_rgb_g {
		background-image: url(stc/images/colorpicker/colorpicker_rgb_g.png);
		top: 82px;
		left: 212px;
	}
	.colorpicker_rgb_b {
		background-image: url(stc/images/colorpicker/colorpicker_rgb_b.png);
		top: 112px;
		left: 212px;
	}
	.colorpicker_hsb_h {
		background-image: url(stc/images/colorpicker/colorpicker_hsb_h.png);
		top: 52px;
		left: 282px;
	}
	.colorpicker_hsb_s {
		background-image: url(stc/images/colorpicker/colorpicker_hsb_s.png);
		top: 82px;
		left: 282px;
	}
	.colorpicker_hsb_b {
		background-image: url(stc/images/colorpicker/colorpicker_hsb_b.png);
		top: 112px;
		left: 282px;
	}
	.colorpicker_submit {
		position: absolute;
		width: 22px;
		height: 22px;
		background: url(stc/images/colorpicker/colorpicker_submit.png) top;
		left: 322px;
		top: 142px;
		overflow: hidden;
	}
	.colorpicker_focus {
		background-position: center;
	}
	.colorpicker_hex.colorpicker_focus {
		background-position: bottom;
	}
	.colorpicker_submit.colorpicker_focus {
		background-position: bottom;
	}
	.colorpicker_slider {
		background-position: bottom;
	}


	/*====================== A. Main Background Pattern ======================*/
	body {background-image: url(images/background.png);}
	
	
	/*====================== B. Main Highlight Colors - Blue ======================*/
	a, body h1, h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover , h6 a:hover, .button-colored, #respond input#submit, input.wpcf7-submit, .caption-padding .button-colored,
	body.dark h1 a:hover , body.dark h2 a:hover , body.dark h3 a:hover , body.dark h4 a:hover , body.dark h5 a:hover , body.dark h6 a:hover,
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 span a, h2 span a, h3 span a, h4 span a, h5 span a, h6 span a,
	.sf-menu li.current-menu-item a, .sf-menu li.sfHover li.current-menu-item a, .sf-menu li.sfHover li.sfHover li.current-menu-item a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li a:hover,
	.sf-menu li.sfHover li.sfHover li.sfHover li.current-menu-item a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.current-menu-item a, 
	.sf-menu li.sfHover a, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a,
	.sf-menu li.sfHover li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a:hover 
	{color:#e1b120;} /* Default - #e1b120 */
	.button-colored, #respond input#submit, input.wpcf7-submit, .caption-padding .button-colored, a.button-colored:hover, #contactform .button-colored:hover 
	{border-color:#e1b120; background-color:#e1b120; }  /* Default - #e1b120 */
	
	
	/*====================== C. Secondary Highlight Color - Orange Text ======================*/
	#topannounce, .button, .caption-padding .button, #topannounce a { color:#996633;} /* Default - #996633 */
	
	/*====================== D. Secondary Highlight Color - Orange Background ======================*/
	#topannounce, .button, .caption-padding .button, #topannounce a { background-color:#fec64c;} /* Default - #fec64c */
	
	/*====================== E. Headings Colors - Dark ======================*/
	h1, h2, h3, h4, h5, h6 {color:#ffffff;} /* Default Headings Color - #000000 */
	body h4, body h5, body h6 {color:#848484;} /* Default H5 and H6 Headings Color - #848484 */
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#ffffff; } /* Headings Link Color - #000000 */
	h2 { color:#b0b5bd; }
	
	footer {background:#2e2e2e;} /* Footer Background color */

	
	h1.page-title {font-size:42px; }
	body h1 { font-size: 37px; } 
	h2 { font-size: 32px; } 
	h3 { font-size: 25px; }
	h4 { font-size: 25px; } 
	h5 { font-size: 22px; } 
	h6 { font-size: 18px; }
	
	body {font-family:HelveticaArial, Sans-Serif;}
	nav, #topannounce, .comments, table thead, h1, h2, h3, h4, h5, h6 {font-family:'BebasNeueRegular', Arial, sans-serif; text-transform:uppercase;}