/*

Theme Name: Stoken
Theme URI: http://progressionstudios.com/
Author: Progression Studios
Author URI: http://themeforest.net/user/ProgressionStudios
Description: ThemeForest Premium Theme
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
Text Domain: progression

*/

/*  Table of Contents 

01. HTML5 ✰ BOILERPLATE RESET FILE
02. COLORS AND FONTS
	A. BACKGROUND COLORS
	B. FONT COLORS
	C. FONT FAMILIES
	D. SOCIAL ICONS
03. PRIMARY STYLES
	A. DEFAULT STYLES
	B. HEADING SIZES
	C. CSS3 TRANSITIONS
04. MAIN CONTAINERS
	A. HEADER STYLES
	B. HEADER SEARCH
	C. MAIN CONTAINER STYLES
	D. BUTTON STYLES 
05. FOOTER STYLES
06. HOMEPAGE STYLES
07. BLOG STYLES
08. PORTFOLIO STYLES
09. SIDEBAR & WIDGET STYLES
10. CONTACT STYLES
11. FEATURED SLIDER and PAGE TITLE
12. NAVIGATION
13. DEFAULT GRID
14. PRINT STYLES
15. LIGHTBOX STYLES
16. Progression Studios Shortcode CSS Appendix
*/

/*
=============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE ===============================================
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
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; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
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; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
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; }
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; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; 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; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.lt-ie8 .clearfix {visibility:hidden; width:0;height:0; clear:both;}
.sticky, .gallery-caption, .bypostauthor {}



/*
=============================================== 02. COLORS AND FONTS ===============================================
*/

/* -------------------- A. BACKGROUND COLORS -------------------- */
#header-top {background:#f1f1f1;}
header, .sf-menu ul {background-color:#ffffff;}
.sf-menu a {border-color:#ffffff;}
#slider-background {background-color:#ffffff;}

.flex-direction-nav a, #homepage-slider .flex-control-paging li a:hover, #homepage-slider .flex-control-paging li a.flex-active {background-color:#ee3b36;}
.flex-direction-nav a:hover {background-color:#e1e1e1;}
#homepage-slider .flex-control-nav {background:#e1e1e1; opacity:0.8; }

#main {background:#f3f3f3;}
footer {background-color:#111112;}


 /* Button Colors */
.type-post .stoken-button, .type-post a .more-link-stoken {background:#303030;}
body #main input#submit, .stoken-button, .pagination a:hover, .pagination a.selected, .type-post a.stoken-button:hover, body #main input.wpcf7-submit, body input.stoken-button, .type-post a .more-link-stoken:hover { background-color:#ee3b36;}
body a.progression-red {background:#ee3b36;}
.flexslider a.stoken-button:hover, body .flexslider a.progression-red:hover {opacity:0.75; background:#ee3b36;}
body #main input#submit:hover, a.stoken-button:hover, .pagination a, body a.progression-red:hover, body #main input.wpcf7-submit:hover, body input.stoken-button:hover  {background:#f26c68;}

.blog-image-index a:hover, .blog-gallery-stoken a:hover {background:#e20800;} /* image hover color */

/* -------------------- B. FONT COLORS -------------------- */
#header-top a {color:#c2c2c2;}
#header-top a:hover {color:#999999;}

body #main input#submit, .type-post a .more-link-stoken, a.stoken-button, .pagination a, body a.progression-red, body #main input.wpcf7-submit, body input.stoken-button {color:#ffffff;}

a, .limited-slide h2, .stoken-category span, .stoken-category a:hover, .stoken-category span a {color:#ee3b36;}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#2f2f2f; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#ee3b36;}
h3 a {color:#2f2f2f; }
h6 {color:#b9b9b9;}

#portfolio-stoken p, ul.filter-children a {color:#999999;}

ul.filter-children li.current_page_item a, ul.filter-children a:hover {color:#ee3b36;}


/* -------------------- C. FONT FAMILIES -------------------- 
.sf-menu, #header-top, h2, h3, h4, h2.stoken-post-title {font-family: 'PT Sans Caption', sans-serif;}

body, .full-width h2, .limited-slide, .limited-slide h2, .homepage-widget h2.stoken-post-title  {
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
}*/

/* -------------------- D. SOCIAL ICONS -------------------- */
@font-face {
    font-family: 'JustVector';
    src: url('e/justvectorv2-webfont.eot');
    src: url('social-icons/justvectorv2-webfont.eot?#iefix') format('eot'),
         url('social-icons/justvectorv2-webfont.woff') format('woff'),
         url('social-icons/justvectorv2-webfont.ttf') format('truetype'),
         url('social-icons/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;
}


.social-icons { font-family: 'JustVector'; text-align:right;}
.social-icons a {
	display:inline-block;
	font-size:18px; 
	line-height:11px;
	margin-left:6px;
	padding:6px 1px 0px 1px;  
	text-decoration:none;
	margin-right:1px;
	position:relative;
}
a.twitter {top:3px; font-size:24px;}
a.vimeo {top:1px;}

.widget .social-icons, #sidebar .social-icons {text-align:left; margin-top:20px; margin-left:0px;}



/*
=============================================== 03. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body {
	font-size: 14px; line-height: 1.5; 
	color:#777777;
}
body a img, body a {outline:none !important; text-decoration:none;}
p {padding-top:0px; margin:0px;}
p, ul, ol {margin-bottom: 16px;}
footer p, footer ul, footer ol {margin-bottom:20px;}
ul, ol {margin-left:0px; padding-left:16px;}
img {max-width: 100%;height: auto;  width:auto;}
hr {background:transparent; border-bottom:1px solid #e1e1e1; border-top:none; margin:20px 0px;}
ul.checkmark, ul.arrow {padding-left:0px;}
ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;}
ul.checkmark li {background:url(images/checkmark.png) 0px 2px no-repeat;}
ul.arrow li {background:url(images/sidebar-arrow.png) -4px 0px no-repeat;}
.alignright {float:right; margin:0 0 10px 20px;}
.alignleft {float:left; margin:0px 20px 10px 0px;}
.aligncenter {text-align:center;  margin:0px auto 10px auto; display:block; }
blockquote {background:url(images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;}
pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;}


/* -------------------- B. HEADING SIZES -------------------- */
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:1.2; }
h1 {font-size:47px;  margin-bottom:5px;  letter-spacing:-1px; font-weight:300;}
h1#page-title {letter-spacing:0px; padding-bottom:32px; margin-bottom:32px; border-bottom:3px solid #dadada;}
h2 {font-size:26px; margin-bottom:16px;  font-weight:400;}
h2.stoken-post-title {letter-spacing:-0.02em; font-weight:700; margin-bottom:10px;}
h3 {font-size:21px; margin-bottom:12px; font-weight:400;}
h4 {font-size:20px; margin-bottom:30px; text-transform:uppercase; letter-spacing:1px;  padding-bottom:14px; border-bottom:3px solid #dadada;}
h5 {font-size:20px; margin-bottom:4px; font-weight:300;}
.homepage-widget h2.stoken-post-title {font-size:20px; margin-bottom:4px; font-weight:300;}
h6 {font-size:14px; margin-bottom:4px; font-weight:bold; text-transform:uppercase; }
h6.widget-title {margin-bottom:12px;}
.full-width h2 {font-size:100px; letter-spacing:-3px; font-weight:500;}
.limited-slide h2 {font-size:65px; }
.limited-slide, .limited-slide h2 {font-weight:300;}

/* -------------------- C. CSS3 TRANSITIONS -------------------- */
body #main input#submit, .type-post a .more-link-stoken, .sf-menu a, #header-top a, #main a, .flex-control-paging li a, .stoken-button, .blog-gallery-stoken a img,  .blog-image-index a img, body #main input.wpcf7-submit, body input.stoken-button { 
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: color, background, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 200ms;
	-moz-transition-property: color, background, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 200ms;
	-o-transition-property: color, background, opacity;
	-o-transition-timing-function: ease-in-out;
	transition-duration: 200ms;
	transition-property: color, background, opacity;
}
.content-container {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: border;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 200ms;
	-moz-transition-property: border;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 200ms;
	-o-transition-property: border;
	-o-transition-timing-function: ease-in-out;
	transition-duration: 200ms;
	transition-property: border;
}
body #home-page-content .slider-wrapper a {-webkit-transition-duration: 0ms ; -moz-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms;}



/*
=============================================== 04. MAIN CONTAINERS ===============================================
*/
/* -------------------- A. HEADER STYLES -------------------- */
#header-top {padding:12px 0px; }
header {position:relative; width:100%; z-index:7;}
body #logo {float:left; margin:0px; padding:0px; border:none; }
body #logo img { height: auto; opacity:1 !important; filter:alpha(opacity=100);}
body #logo a:hover img { opacity:1 !important; filter:alpha(opacity=100);}

/* -------------------- B. HEADER SEARCH -------------------- */
#searchform input:focus {
	outline: none;
}
#searchform .assistive-text {display:none;}
#searchform #searchsubmit {display:none; }
#header-top #searchform input {
	border:none; 
	margin:0px;
	background:transparent; 
	 webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0);
	line-height:1;
	padding:4px 6px 3px 5px;
	letter-spacing:1px;
}
#header-top #searchform input#s {
	font-size:14px;
	width:40%;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	}
#header-top #searchform input#s:focus {width:50%; background:#ffffff; }
.lt-ie9 #header-top #searchform input#s:focus {width:40%;}
.lt-ie9 #header-top #searchform input {background:#f9f9f9;}

#header-top #searchform {
	padding:2px 5px 0px 30px;
	line-height:1;
	font-size:14px;
	color:#d3d3d3;
	margin:0px 0px 0px 0px;
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	background-position:center left;
	margin-bottom:-2px;
	position:relative;
	bottom:1px;
}

/* -------------------- C. MAIN CONTAINER STYLES -------------------- */
.width-container {width:1140px; margin: 0 auto;}
#main, #slider-background, footer {margin:0px 18px;}
#slider-background {margin-bottom:18px;}
#main {margin-bottom:16px; padding-top:30px; padding-bottom:25px;}

/* -------------------- D. BUTTON STYLES -------------------- */
body #main input#submit, .type-post a .more-link-stoken, .stoken-button, body .progression-button, body #main input.wpcf7-submit, body input.stoken-button {text-decoration:none; line-height:1; cursor: pointer; display:inline-block; 
font-weight:500; 
padding:11px 22px;
font-size:12px;
text-shadow: none; 
-moz-box-shadow:    none;
-webkit-box-shadow: none;
box-shadow:         none;
}

body #main input.wpcf7-submit, body input.stoken-button {width:auto;}

.flexslider .stoken-button, body .flexslider a.progression-button {padding:15px 30px; font-size:16px;}

.pagination a {
	text-decoration:none; line-height:1; cursor: pointer; display:inline-block; 
	font-weight:300;
	font-size:13px;
	padding:7px 9px;
	margin-right:7px;
}

.stoken-summary .stoken-button {margin-top:5px;}



/*
=============================================== 05. FOOTER STYLES ===============================================
*/
footer {  margin-bottom:16px; font-size:15px; color:#bbbbbb; padding:28px 0px 24px 0px; background-position: top center; background-repeat:no-repeat;}
footer .widget {margin-top:12px; margin-bottom:25px; }
#copyright {text-align:right; font-size:12px; opacity:0.4;}
footer h2 {color:#ffffff; }
footer a {color:#f23f3a;}



/*
=============================================== 06. HOMEPAGE STYLES ===============================================
*/
.homepage-child-pages {padding-top:15px; padding-bottom:20px;}
.homepage-widget {padding-top:20px; padding-bottom:15px;}

body.home .progression-tab-container {margin-top:-30px; margin-bottom:30px;}
body.home .progression-tab-container ul.progression-etabs { 
	margin: 0; 
	padding: 0; 
	list-style:none;
	border-bottom:none;
}
	
body.home li.progression-tab { 
	margin-right:-4px; 
	display: inline-block; 
	zoom:1; 
	border:none;
	background: transparent;
}
.lt-ie8 body.home  .progression-tab {display:inline;}	
body.home .progression-tab a { 
	font-size: 16px; 
	line-height: 1; 
	display: block; 
	padding: 22px 4px 20px 4px; 
	text-align:center;
	outline: none;  
	text-decoration:none;
	color:#2f2f2f;
	font-weight:300;
	letter-spacing:1px;
}
	
body.home .progression-tab.active { 
	position: relative; 
	background: #303030;
	padding-top:0px;
}
	
body.home .progression-tab a.active {  
	color:#ffffff;
}

body.home .progression-tab-container .progression-div {
	padding:40px 120px 36px 120px;
	background: #303030; 
	color:#dddddd;
}



.homepage-widget .stoken-category {display:none;}
.homepage-widget .more-link {display:none;}
.homepage-widget #portfolio-stoken p {display:none;}
.homepage-widget #portfolio-stoken h5 {text-align:left;}
.homepage-widget .type-post {padding-bottom:0px; border:none; margin-bottom:20px;}

/*
=============================================== 07. BLOG STYLES ===============================================
*/
h3#reply-title a {font-size:12px;}
h5.comments-title {margin-bottom:20px;}
body .type-post .blog-gallery-stoken {margin-bottom:20px;}
.blog-image-index {margin-bottom:20px; position:relative;}

.lt-ie9 .blog-image-index iframe {margin-top:-20px;}
.lt-ie8 .blog-image-index iframe {margin-top:0px; }

.blog-image-index a, .blog-gallery-stoken a { width:100%; height:100%; display:block;}
.blog-image-index a:hover img, .blog-gallery-stoken a:hover img {
	opacity:.3;
	filter:alpha(opacity=30);
}
.lt-ie8 .blog-image-index a, .lt-ie8 .blog-image-index a:hover, .lt-ie8 .blog-gallery-stoken a, .lt-ie8 .blog-gallery-stoken a {background:none;}
.blog-image-index img {width:100%;}

.type-post {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #dfdfdf;}
.stoken-category {margin-bottom:10px; color:#949494; font-weight:300; letter-spacing:1px;}
.stoken-category span {padding-right:15px;}
.stoken-category a {color:#777777;}



.tags-bayside a {background:#f7f7f7; padding:3px 7px; margin:0px 7px 25px 0px; display:inline-block;}


.commentlist {
	float:left;
	list-style: none;
	margin: 0 auto;
	width:84%;
	position:relative;
	left:101px;
}

.commentlist li.comment {
	background: #fbfbfb;
	border:1px solid #e1e1e1; 
	margin: 0 0 1.625em 0 !important;
	padding: 0.2em 1.4em 0.25em 1.4em;
	list-style:none ;
	position: relative;
}
.commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc;  padding: 0; position: absolute; top: 0;}
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
ol.commentlist ul.children, ol.commentlist ul.children  li {
	list-style: none ;
	margin:0px;
}
.commentlist .children li.comment {
	border-right:none;
	border-top:none;
	border-bottom:none;
	border-left: 1px solid #dadada;
	margin: 0em 0 0 0;
	padding:1em 1.6em 0em 2em;
	position: relative;
}
.commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc;  padding: 0; position: absolute; top: 0px;}
.commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; }
ol.commentlist ul.children, ol.commentlist ul.children  li {
	list-style: none;
	margin:0px;
}

.commentlist .children li.comment .avatar {top:10px;}
.commentlist .children li.comment .fn { display: block; font-size:12px;}
.comment-meta .fn {font-weight: bold; display: block; font-size:14px; color:#4c4c4c;}
.comment-meta .fn a {font-weight:bold;}
.comment-meta a {text-decoration:none;}
.comment-meta {
	color: #666;
	font-size: 11px;
	padding-top:12px;
	padding-bottom:5px;
}
.commentlist .children li.comment .comment-meta {
	margin-left:62px ;
	padding-top:0px;
}
.commentlist .children li.comment .comment-content {
	margin: 0;
	margin-top:25px;
	padding:0px;
}

.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -10px;
	top:10px;
	position: absolute;
}
.commentlist > li.pingback:before { content: ''; }
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding:0px;
	top: 2.2em;
	width:55px;
	height:auto;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
.commentlist > li.pingback:before { content: ''; }
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding:0px;
	top: 2.2em;
}
a.comment-reply-link {
	background: #e4e4e4;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #666;
	display: inline-block;
	font-size: 10px;
	font-family:Arial, Sans-serif;
	padding: 2px 9px;
	text-decoration: none;
	margin-bottom:20px;
}

#reply div {margin-bottom:10px;}
#respond input {width:50%;}
#respond textarea {width:80%;}
#reply input.submit {width:auto;}

#respond { padding-bottom:10px; padding-left:3px;}
p.form-allowed-tags {font-size:11px; line-height:16px;}
p.form-allowed-tags code {display:block;}
#respond label {font-size:12px; padding-left: 0px; ; }
#respond input, #respond textarea {display:block; margin-top:2px;}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #respond .form-allowed-tags, #respond .form-submit {padding:0px 0px 2px 0px;}
#respond .comment-notes {padding-bottom:2px;}
#respond input#submit {width:auto; text-shadow:none;}



/*
=============================================== 08. PORTFOLIO STYLES ===============================================
*/
ul.filter-children {margin-left:0px; padding-left:0px; margin-bottom:30px;}
ul.filter-children li {list-style:none; margin-left:0px; padding-left:0px; margin-right:14px; display:inline-block;}
.lt-ie8 ul.filter-children li {float:left;}
ul.filter-children a {font-weight:300;  font-size:17px;}

#portfolio-stoken .grid3column {margin-bottom:30px;}
#portfolio-stoken .grid2column, #portfolio-stoken .grid4column {margin-bottom:25px;}
#portfolio-stoken p {font-size:13px;}
body #main .blog-gallery-stoken {margin-bottom:20px;}
body.home #portfolio-stoken .grid3column, body.home #portfolio-stoken .grid2column, body.home #portfolio-stoken .grid4column {margin-bottom:0px;}

/*
=============================================== 09. SIDEBAR & WIDGET STYLES ===============================================
*/
#container-stoken {width:76%; float:left;}
#sidebar {width:20%; float:right; margin-top:94px; font-size:13px;}
body.home #sidebar {margin-top:0px;}
.sidebar-spacer {width:100%; overflow:hidden; height:25px;}

#sidebar ul, footer ul {list-style:none; padding-left:0px;}
#sidebar ul li, footer ul li {border-bottom:1px solid #dddddd; padding-bottom:7px; margin-bottom:7px;}
footer ul li {border-color:#555555;}

/* ---- SEARCH FORM ----*/
#searchform #s {
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	font-size:13px;
	padding-left:16px;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	width: 85%;
	background-image:url(images/search-magnify.png);
	background-position:top right;
	background-repeat:no-repeat;
}
#searchform #s:focus {
	width:94%;
}
	
.lt-ie9 #searchform #s:focus {width:85%;}

/* ---- FLICKR WIDGET ----*/
#flickr-widget ul {margin:2px 0px 0px 0px; padding:1px 0px 0px 0px;background:none; }
#flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:transparent;}
#flickr-widget ul li a {display:inline;  padding:0px;  -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; }
#flickr-widget ul li img { background:#fff; width:64px; height:64px;  margin:0px 5% 5% 0px;}
#flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); }




/*
=============================================== 10. CONTACT STYLES ===============================================
*/
#map-contact {width:100%; height:360px; margin-bottom:20px; margin-top:20px;}
#map-contact img {max-width:none; height: auto; }


#contactform {margin-top:25px; }
#contactform label.error {line-height:1; font-weight:normal; display:block; width:100%; font-style:italic; padding-left:2px; height:25px;  padding-top:4px; margin-bottom:-33px; position:relative; top:-15px; 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;}
#contactform span, span.required {color:#ff5c5f;}
#contactform div {padding-bottom:10px;}
#contactform label { display:block; vertical-align: top;   color:#999999; padding-bottom:4px;}
#contactform input#contactname, #contactform input#email, .wpcf7 input {width:50%;}
#contactform textarea#message, .wpcf7 textarea {width:75%;}
#contactform input.button, .wpcf7 input.wpcf7-submit, #respond input#submit {width:auto; }
#contact-wrapper {margin-bottom:18px;}

input, textarea {
	margin:1px 0px 15px 0px;
	background-color:#f7f7f7; 
	border:1px solid #dcdcdd; 
	padding:8px; 
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; 
}

/*
=============================================== 11. FEATURED SLIDER and PAGE TITLE ===============================================
*/
/* -------------------- B. FEATURED SLIDER -------------------- */
 /* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0px auto; position: relative; zoom: 1; overflow:hidden;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {z-index:5;  width: 64px; height: 96px; margin: -48px 0 0; display: block; background-image: url(images/slider/arrows.png) ; background-repeat:no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav a.flex-next {background-position: top right; right: 0px; }
.flex-direction-nav a.flex-prev {background-position: top left;  left: 0px;}
.flexslider:hover .flex-next { right: 0px;}
.flexslider:hover .flex-prev {left: 0px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


/* Control Nav */
#homepage-slider .flex-control-nav { z-index:5; width: 1140px; position: absolute; bottom: 0px; left:50%; margin-left:-570px; padding:0px; text-align: center; }
#homepage-slider .flex-control-nav li {margin: 0px; padding:0px; float:left; display: block; zoom: 1; *display: inline;}
#homepage-slider .flex-control-paging li a {background:transparent;  display:block; height: 4px;  cursor: pointer; text-indent: -9999px; }
#homepage-slider .flex-control-paging li a.flex-active {  cursor: default;  opacity:1;}


/* Control Nav Blog */
.blog-gallery-stoken .flex-control-nav { z-index:5; width: 100%; position: absolute; bottom:11px; text-align: center; }
.blog-gallery-stoken .flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;}
.blog-gallery-stoken .flex-control-paging li a {width:17px; height: 20px; display: block; background: url(images/slider/bg_bullets.png) 0px -25px no-repeat;  cursor: pointer; text-indent: -9999px;}
.blog-gallery-stoken .flex-control-paging li a:hover { background-position:0px -48px; }
.blog-gallery-stoken .flex-control-paging li a.flex-active {  background-position:0px -2px; cursor: default; }

body #main  .blog-gallery-stoken .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; }




.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 959px) {
  .flex-direction-nav {display:none !important;}
}



/* Caption style */
.flex-caption {
	text-align:center;
	width:1140px;
	margin-left:-570px;
	zoom: 1;
	position: absolute; 
	left:50%;
	bottom: 36%; 
}
.full-width h2 {color:#ffffff;}

.limited-slide .flex-caption {text-align:left; bottom:24%; }
.limited-slide .caption-text {font-size:25px; width:50%; margin-bottom:20px;}
.limited-slide .caption-text, .limited-slide h2 {margin-left:62px;}



/*
=============================================== 12. NAVIGATION ===============================================
*/
/* -------------------- A. ESSENTIAL STYLES -------------------- */
/*** ESSENTIAL STYLES ***/
nav select {display:none;}
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:	1.0;}
.sf-menu ul {position:	absolute; top:-999em;  width: 10em; /* 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:65px; /* match top ul list item height */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 {left: 10em; /* 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 {left:10em; /* match ul width */ top:0;}


/* -------------------- B. DEMO SKIN -------------------- */
nav {position:relative; z-index:4; float:right;}
.sf-menu a {
	 -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease;
	text-decoration:none;
	line-height:1;
	margin-left:28px;
	padding-left:2px;
	padding-right:2px;
	border-top-width:2px ;
	border-top-style:solid;
}
 /* DEFAULT LINK  */
.sf-menu a, .sf-menu a:visited  {
	text-shadow: none;
	color:#1b1b1b;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
}
 /* DEFAULT LINK HOVER AND SELETED  */
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited {	
	border-color:#ee3b36;
}

 /* HOVER BACKGROUND */
.sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited {
	border-color:#ee3b36;
} 


.sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited {
	font-size:12px;
	text-transform:none;
	text-shadow: none;
	color:#ffffff;
}


.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited,
.sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited,
.sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited,
.sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited  {
	outline: 0;	
}

.sf-menu ul {	background:#ee3b36; padding:12px 12px; margin-left:12px;}

.sf-menu li li a {padding:11px 6px; margin:0px; border:none; letter-spacing:0px; }
.sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px;  }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:		0;}


/*** 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:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:			.8em; 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;}


/*
=============================================== 13. DEFAULT GRID ===============================================
*/
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:2%;  }
.grid2column { width: 49%;}
.lt-ie8 .grid2column {width: 48%;  }
.grid3column {width: 32%;  }
.lt-ie8 .grid3column {width: 31%;  }
.grid3columnbig {width:65.8%;}
.grid4column {width: 23.5%;  }
.lt-ie8 .grid4column {width: 23%;  }
.grid4columnbig {width:74.4%; }


/* Footer Widget Columns */
#footer-widgets .footer-2-column .widget, #footer-widgets .footer-3-column .widget, #footer-widgets .footer-4-column .widget {float:left; margin-left:1%; margin-right:1%; min-height:2px;}
#footer-widgets .footer-2-column .widget { width: 48%; }
#footer-widgets .footer-3-column .widget { width: 31%; }
#footer-widgets .footer-4-column .widget {width: 23%;}

body .lastcolumn {margin-right:0% !important;}


body .lastcolumn {margin-right:0% !important;}



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


/*
=============================================== 15. 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;width:28px;height: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;width:28px;height: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{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
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{position:static;left:auto}
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;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
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{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
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{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
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{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
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{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
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{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
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}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.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;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.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{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#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;z-index:9999;margin:0 0 5px 15px}
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}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}

/*
Progression Studios Shortcode CSS Appendix
--------------------------------------------
00. ClearFix
01. HR Styles
03. Button Styles
04. Toggle Styles
05. Columns
*/

/*
=============================================== 00. ClearFix  ===============================================
*/

.progression_clearfix:before, 
.progression_clearfix:after { 
	content: ""; 
	display: table; 
	}
	
.progression_clearfix:after { 
	clear: both; 
	}
	
.progression_clearfix { 
	*zoom: 1; 
	}
	
*+html .progression_clearfix {
	visibility:hidden; 
	width:0;
	height:0; 
	clear:both;
	} /* ie7 target for clearfix */

/*
=============================================== 01. HR Styles ===============================================
*/

hr.progression-hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px solid #ccc; 
	margin: 3em 0; 
	padding: 0; 
	}


/*
=============================================== 02. Tabbed Styles ===============================================
*/

.progression-tab-container {margin-bottom:25px;}
body.home .progression-tab-container  div {margin-left:0px;}
.progression-etabs { 
	margin: 0; 
	padding: 0; 
	list-style:none;
	border-bottom:none;
	}
	
.progression-tab { 
	margin-right:-4px; 
	display: inline-block; 
	zoom:1; 
	border:none;
	background: transparent;
	}
.lt-ie8 .progression-tab {display:inline;}	
.progression-tab a { 
	font-size: 14px; 
	line-height: 1; 
	display: block; 
	padding: 14px 44px 14px 44px; 
	text-align:center;
	outline: none;  
	text-decoration:none;
	color:#2f2f2f;
	font-weight:300;
	letter-spacing:1px;
	}
	
.progression-tab.active { 
	position: relative; 
	background: #303030;
	padding-top:0px;
}

.progression-tab a.active {  
	color:#ffffff;
}

.progression-tab-container .progression-div {
	padding:30px 45px 30px 45px;
	background: #303030; 
	color:#dddddd;
}




/*
=============================================== 03. Button Styles ===============================================
*/

a.progression-button {
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	}

.progression-mini {
	padding: 5px 6px;
	font-size:11px;
	}
	
body #main .progression-small {
	padding: 8px 10px; 
	font-size:11px;
	}
	
.progression-medium {
	padding:10px 14px;
	font-size:13px;
	}
	
body #main .progression-large {
	padding:16px 25px; 
	font-size:16px;
	}

.progression-square {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	}
	
.progression-rounded {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	}

a.progression-blue {
	color: #ffffff;
  	background-color: #006dcc;
	}
	
a.progression-blue:hover {
	background: #0088cc;
	color: #ffffff;
	}

a.progression-grey {
	color:#ffffff;
	background: #aaa;
	}

a.progression-grey:hover {
	background: #cccccc;
	color:#ffffff;
	}

a.progression-light-blue {
	color: #ffffff;
	background-color: #49afcd;
	}

a.progression-light-blue:hover {
	background: #5bc0de;
	color: #ffffff;
	}

a.progression-green {
	color: #ffffff;
	background-color: #5bb75b;
	}

a.progression-green:hover { 
	background: #62c462; 
	color: #ffffff;
	}

a.progression-orange {
	color: #ffffff;
	background-color: #faa732;
	}

a.progression-orange:hover { 
	background: #fbb450; 
	color: #ffffff;
	}


a.progression-black {
	color: #ffffff;
	background-color: #363636;
	}

a.progression-black:hover { 
	background: #444444; 
	color: #ffffff;
}

/*
=============================================== 04. Toggle Styles ===============================================
*/

ul.progression-toggle {
	margin:0px; 
	padding:0px; 
	list-style:none;
	}
	
ul.progression-toggle li {
	background:#f9f9f9; 
	list-style-type:none; 
	cursor:pointer;  
	border:1px solid #dddddd; 
	padding:5px 5px 5px 5px; 
	margin:0px 0px 15px 0px;
	}
	
ul.progression-toggle div.div_progression_toggle {
	cursor: auto; 
	display: none; 
	padding:0px 20px; 
	margin-bottom:15px; 
	text-decoration: none;
	}
	
ul.progression-toggle div.div_progression_toggle:hover {
	text-decoration:none;
	}
	
ul.progression-toggle li:before {
	content: "+"; 
	position:relative; 
	width:8px; 
	text-align:center; 
	height:11px; 
	margin:0px 5px 0px 5px; 
	line-height:1; 
	padding:0px; 
	display:inline-block; 
	font-size:10px;
	}
	
ul.progression-toggle li.progression_active:before {
	content: "-"; 
	}
	
ul.progression-toggle div.progression_open {
	display:block;
	}

.lt-ie8 ul.progression-toggle div.div_progression_toggle {
	display:block;
	}

/*
=============================================== 05. Columns ===============================================
*/

.progression-grid2column, 
.progression-grid3column, 
.progression-grid3-twothirds, 
.progression-grid4column, 
.progression-grid4-threefourths, 
.progression-grid5column, 
.progression-grid5-twofifths, 
.progression-grid5-threefifths, 
.progression-grid5-fourfifth, 
.progression-grid6column, 
.progression-grid6-fivesixths {
	float:left; 
	margin-right:2%;  
	}
	
.progression-grid2column {
	width:49%; 
	}
	
.progression-grid3column {
	width:32%;
	}
	
.progression-grid3-twothirds {
	width:66%;
	}
	
.progression-grid4column {
	width:23.5%;
	}
	
.lt-ie8 .progression-grid4column {
	width:23%;
	}
	
.progression-grid4-threefourths {
	width:74.5%;
	}
	
.lt-ie8 .progression-grid4-threefourths {
	width:74.3%;
	}
	
.progression-grid5column {
	width:18.35%;
	}
	
.progression-grid5-twofifths {
	width:38.8%;
	}
	
.progression-grid5-threefifths {
	width:59.1%;
	}
	
.progression-grid5-fourfifth {
	width:79.5%;
	}
	
.progression-grid6column {
	width:15%;
	}
	
.progression-grid6-fivesixths {
	width:83%;
	}

body .progression-lastcolumn {
	margin-right:0% !important;
	}