/*

Theme Name: Yokohama
Theme URI: http://progressionstudios.com/
Author: Progression Studios
Author URI: http://themeforest.net/user/ProgressionStudios
Description: ThemeForest Premium Theme
Version: 1.2
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. CSS3 TRANSITIONS
	C. CONTACT & FORM STYLES
04. MAIN CONTAINERS
	A. HEADER STYLES
	B. MAIN CONTAINER STYLES
05. BUTTON STYLES
06. FOOTER STYLES
07. HOMEPAGE STYLES
08. BLOG STYLES
09. PORTFOLIO STYLES
10. SIDEBAR + WIDGETS STYLES
11. FEATURED SLIDER and PAGE TITLE
12. NAVIGATION
13. DEFAULT GRID 
14. PRINT STYLES
15. LIGHTBOX STYLES

*/

/*
=============================================== 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;}



/*
=============================================== 02. COLORS AND FONTS ===============================================
*/
body #logo, body #logo img {max-width:152px; }
.sf-menu a {padding:39px 10px 33px 10px; margin:0px 14px; position:relative; }  /* Top Menu Size */
body .sf-menu li:hover ul, body .sf-menu li.sfHover ul {top:85px; } /* Move sub-menu down */

/* -------------------- A. BACKGROUND COLORS -------------------- */
header, .sf-menu ul {background-color:#ffffff;}
#page-title {background-color:#f6f6f6; border-bottom:1px solid #dbdbdb;}
#main {background-color:#efefef;}
footer {background-color:#000000;}
body, footer #copyright {background-color:#222222;}
#carousel .flex-active-slide img { border-color: #7cb527; }
#carousel-yoko {background-color:#3b3b3b;}


/* -------------------- B. FONT COLORS -------------------- */
a {color:#000;}
a:hover, a.button-yoko:hover, #jtwt a:hover, #copyright a:hover, #page-title #breadcrumb, #sidebar #jtwt a, #sidebar a#jtwt_date:hover,
ul.filter-children li.current_page_item a, ul.filter-children a:hover, .button-yoko-more:hover, input#submit:hover, .button-yoko-pagination a:hover,
#contactform input.button-yoko:hover, .wpcf7 input.wpcf7-submit:hover, #sidebar a:hover, body a.progression-grey:hover
{color:#7cb527; }
h2 a:hover, .title-byline a:hover {color:#7cb527;}
a.button-yoko:after, .hover-icon, .button-yoko-hover:after, .button-yoko-more:after, input#submit:after, .button-yoko-pagination a:after,
a.progression-grey:after
 {background-color:#7cb527;}
.hover-icon {border-right:1px solid #7cb527;}

#sidebar h6 {color:#aaaaaa;}
#sidebar a { color:#444;}

/* -------------------- C. FONT FAMILIES -------------------- */
.sf-menu {font-family: 'Open Sans', sans-serif; font-weight:600;}
h1, h2, h3, .caption-slide-yoko h2, footer h5, .tabbed-yoko .progression-tab, .zoom-icon {font-family: 'PT Sans', sans-serif; font-weight:700;}
h4, h5, h6, .caption-slide-yoko, .simple-caption-yoko, .button-yoko, .title-byline, .filter-children, .button-yoko-more,
input#submit, #contactform input.button-yoko, .wpcf7 input.wpcf7-submit, .button-yoko-pagination, a.progression-grey
  {font-family: 'PT Sans Caption', sans-serif; font-weight:700;}

body {
	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-yoko a {text-decoration:none; font-size:13px; display:block;}
.social-yoko span {position:relative; top:1px;}
.social-icons {font-family: 'JustVector';}
.social-icons {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);
	display:inline-block;
	font-size:20px; 
	line-height:20px;  
	text-decoration:none;
	margin-right:1px;
	margin-bottom:10px;
	position:relative;
	padding:0px 9px 5px 0px;
}


/*
=============================================== 03. PRIMARY STYLES ===============================================
*/
/* -------------------- A. DEFAULT STYLES -------------------- */
body {
	font-size: 13px; line-height: 1.4; 
	color:#777777;
}
body a img, body a {outline:none !important;}
p {padding-top:0px; margin:0px;}
p, ul, ol {margin-bottom: 18px;}
ul, ol {margin-left:0px; padding-left:16px;}
img {max-width: 100%;height: auto;  width:auto;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; color:#2f2f2f; line-height:1.2;}
h1 {font-size:26px;  margin-bottom:5px;}
h2 {font-size:25px; margin-bottom:5px; }
h3 {font-size:22px; margin-bottom:6px; font-weight:400; }
h4 {font-size:18px; margin-bottom:4px; }
h5 {font-size:15px; margin-bottom:4px; }
h6 {font-size:14px; margin-bottom:4px; }
h5 a, h2 a, .title-byline a {color:#000;}
.caption-slide-yoko h2 a, .caption-slide-yoko h2 a:hover {color:#000; text-decoration:none;}
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 5px 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;}
.sticky, .gallery-caption, .bypostauthor {}

/* -------------------- B. CSS3 TRANSITIONS -------------------- */
.zoom-icon, .portfolio-item img, .blog-post-image img  { 
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: color, background, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 400ms;
	-moz-transition-property: color, background, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 400ms;
	-o-transition-property: color, background, opacity;
	-o-transition-timing-function: ease-in-out;
	transition-duration: 400ms;
	transition-property: color, background, opacity;
}
footer a, a, .button-yoko-more, input#submit, #contactform input.button-yoko, .wpcf7 input.wpcf7-submit, .button-yoko-pagination a  { 
	-webkit-transition-duration: 250ms;
	-webkit-transition-property: color, background, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 250ms;
	-moz-transition-property: color, background, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 250ms;
	-o-transition-property: color, background, opacity;
	-o-transition-timing-function: ease-in-out;
	transition-duration: 250ms;
	transition-property: color, background, opacity;
}

.flex-control-paging li a, .sf-menu a {-webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms;}


/* -------------------- C. CONTACT & FORM STYLES -------------------- */
#map-contact {width:100%; height:350px; margin-bottom:20px; border:1px solid #d7d7d7;}
#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; font-weight:bold;   padding-bottom:4px;}
#contactform input#contactname, #contactform input#email, .wpcf7 input {width:55%;}
#contactform textarea#message, .wpcf7 textarea {width:68%;}
#contactform input.button-yoko, .wpcf7 input.wpcf7-submit, #respond input#submit {width:auto; }
#contact-wrapper {margin-bottom:15px;}
.wpcf7 {font-size:12px; font-weight:bold;}
.wpcf7 input {font-size:14px; font-weight:normal;}

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



/*
=============================================== 04. MAIN CONTAINERS ===============================================
*/
/* -------------------- A. HEADER STYLES -------------------- */
header {border-bottom:1px solid #cdcdcd; border-bottom: 1px solid rgba(0, 0, 0, .18); position:relative; z-index:5;
 -moz-box-shadow: 0px 1px 2px  rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 1px 2px  rgba(0, 0, 0, 0.07); box-shadow: 0px 1px 2px  rgba(0, 0, 0, 0.07);
}
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);}


#page-title h1 { padding:30px 0px 24px 0px; margin:0px; float:left;}
#page-title #breadcrumb {float:right; padding-top:38px; text-transform:uppercase; font-size:9px;}
#page-title #breadcrumb a {color:#565656;}
#page-title #breadcrumb a:hover {color:#999999;}

/* -------------------- B. MAIN CONTAINER STYLES -------------------- */
.width-container {width:942px; margin: 0 auto;}
#featured-text-yoko {padding:26px 0px 24px 0px; background:#efefef; text-align:center; border-bottom:1px solid #dbdbdb; border-bottom: 1px solid rgba(0, 0, 0, .12);}
#main {padding:30px 0px;}



/*
=============================================== 05. BUTTON STYLES ===============================================
*/
.flexslider a.button-yoko {font-size:13px; padding:10px 30px 10px 20px;}
.flexslider a.button-yoko:after {top:13px; right:11px; width:7px; height:7px;}
.lt-ie9 .flexslider a.button-yoko {padding:10px 19px;}

.flexslider a.progression-button {font-size:13px; padding:10px 30px 10px 20px;}
.flexslider a.progression-button:after {top:13px; right:11px; width:7px; height:7px;}
.lt-ie9 .flexslider a.progression-button {padding:10px 19px;}

a.button-yoko, .button-yoko-hover, .button-yoko-more, input#submit, #contactform input.button-yoko, .wpcf7 input.wpcf7-submit,
.button-yoko-pagination a, body a.progression-grey
 {
	font-weight:bold; text-decoration:none; text-transform:uppercase; line-height:1; cursor: pointer; display:inline-block; 
	font-size:11px;
	position:relative;
	padding:9px 29px 9px 19px;
	color:#000000;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
	
	background-color: #f1f1f1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f1f1f1));
	background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background: -ms-linear-gradient(top, #ffffff, #f1f1f1);
	background: -o-linear-gradient(top, #ffffff, #f1f1f1);
	
	margin:0px 3px;
	-moz-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.1);
	
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #a6a6a6;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	
	-webkit-transition-duration: 150ms;
	-moz-transition-duration: 150ms;
	-o-transition-duration: 150ms;
	webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;	
}



.lt-ie9 a.button-yoko, .lt-ie9 .button-yoko-more, input#submit, body #contactform input.button-yoko, body .wpcf7 input.wpcf7-submit, .lt-ie9 .button-yoko-pagination a,
.lt-ie9 a.progression-grey
 {padding:9px 19px;}

.previous-button-yoko .button-yoko-pagination a {padding:9px 19px 9px 29px;}
.previous-button-yoko .button-yoko-pagination a:after {left:11px;}

#main .button-yoko-hover {font-size:10px; padding:8px 24px 8px 15px;}
#main .button-yoko-hover:after {top:10px; right:9px; width:5px; height:5px;}

a.button-yoko:after, .button-yoko-hover:after, .button-yoko-more:after, .button-yoko-pagination a:after, a.progression-grey:after {
	content:"";
	position:absolute;
	top:11px;
	right:11px;
	float:right;
	width:6px;
	height:6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.lt-ie9 a.button-yoko:after {display:none !important;} 




/*
=============================================== 06. FOOTER STYLES ===============================================
*/
footer {color:#888888; font-size:12px; line-height:1.5; margin-top:-10px;}
footer a {color:#ffffff; }

footer .widget {padding:35px 0px 25px 0px;}
footer h5 {margin-bottom:10px; color:#ffffff; font-weight:400; text-transform:uppercase; }


#copyright {color:#aaaaaa;}
#copyright a {color:#dddddd; text-decoration:none;}
#copyright {padding:20px 0px; font-size:11px;;}
footer #copyright ul {list-style:none; margin:0px; padding:0px;}
#copyright ul li {display:inline; float:left; margin:0px; padding:0px 24px 0px 0px;  border:none;}
#copyright .lastcolumn {text-align:right;}



/*
=============================================== 07. HOMEPAGE STYLES ===============================================
*/
#main-home {background:#fff; padding:30px 0px 20px 0px; margin-top:-30px; border-bottom:1px solid #dbdbdb; border-bottom: 1px solid rgba(0, 0, 0, .12);}
#homepage-spacer-fix { width:100%; margin-top:-30px; overflow:hidden;}

.homepage-widget {margin-top:50px; padding-bottom:10px;}}
#portfolio-items-home-page {margin-bottom:-35px;}
h3.homepage-widget-title {margin-bottom:10px;}

.tabbed-yoko {margin-bottom:18px; padding-top:7px;}
.tabbed-yoko .progression-etabs { 
	margin: 0px auto 20px auto; 
	border-bottom:none;
}
	
.tabbed-yoko .progression-tab { 
	margin-right:-6px; 
	display: inline-block; 
	zoom:1; 
	border: solid 1px #ddd; 
	border-width: 1px 1px 1px 1px; 
	background: transparent;
	width:33.3%;
	text-align:center;
}
.lt-ie8 .tabbed-yoko .progression-tab {display:inline; width:33%;}	
.tabbed-yoko .progression-tab a { 
	font-weight:400;
	text-transform:uppercase;
	font-size: 20px; 
	line-height: 1.2; 
	padding-top:25px;
	padding-bottom:20px;
	color:#888888;
}
.tabbed-yoko .progression-tab span {display:block; font-size:11px; margin-top:2px;}
	
.tabbed-yoko .progression-tab.active { 
	padding-top: 0px; 
	top: 0px; 
	background: #ffffff;	
}
.tabbed-yoko .progression-tab.active a, .tabbed-yoko .progression-tab a:hover {color:#7a7a7a;}
	
.tabbed-yoko .progression-tab.active:before {
	content:"";
	left: 50%;
	margin-left:-19px;
	bottom:-17px;
	position: absolute;
	width:39px; 
	height:17px;
	background:url(images/arrow-selected.png); 
}


/*
=============================================== 08. BLOG STYLES ===============================================
*/
/* .blog-post-image a:hover img {opacity:0.3;} */
.type-post {border-bottom:1px solid #d7d7d7; margin-bottom:25px; padding-bottom:15px;}
.title-byline a {text-decoration:none;}
.title-byline { margin-bottom:12px; font-weight:400;}
.title-byline a {font-weight:700;}
.title-byline h2 {margin-bottom:2px;}
.blog-post-image {margin-bottom:16px;}
.type-post .button-yoko, .button-yoko-more {margin-top:5px; }
.byline {color:#9a9a9a; font-size:12px;}

.pagination {margin:5px 0px 5px 0px;}
.pagination a { 
	opacity:.7;
	text-decoration:none; 
	padding:7px 0px;  
	display:inline-block; 
	font-weight:bold;
	font-size:10px;
	margin-right:10px;  
	color:#999999; 
	min-width:9px;  
	text-align:center;
	padding:6px 11px 6px 11px;  
	webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.08);box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.08);
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #a6a6a6;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
	background-color: #f1f1f1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f1f1f1));
	background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background: -ms-linear-gradient(top, #ffffff, #f1f1f1);
	background: -o-linear-gradient(top, #ffffff, #f1f1f1);
	
}
.pagination a:hover, .pagination a.selected {color:#000000; opacity:1;  }
.pagination a.selected {-moz-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.14);box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.14);}



h5.comments-title { margin-bottom:20px; margin-left:5px; font-size:18px;}
h3#reply-title {font-size:20px; }
h3#reply-title a {font-size:12px;}

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

.commentlist li.comment {
	border:1px solid #d7d7d7;
	background:#fff;
	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;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  -o-border-radius: 0px;
	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; font-style:normal;}
.comment-meta .fn a {font-weight:bold;}
.comment-meta a {text-decoration:none; color: #999;}
.comment-meta {
	font-style:italic;
	color: #aaa;
	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;
}

.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: #aaa;
	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: #e9e9e9;
	-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;}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {font-size:90%; }
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;}

/*
=============================================== 09. PORTFOLIO STYLES ===============================================
*/
.portfolio-index {margin-bottom:30px;}
.portfolio-item img, .type-post img { border:1px solid #dbdbdb;   }
.portfolio-item h5 {margin-bottom:5px; margin-top:10px;}

ul.filter-children {font-weight:400;  text-transform:uppercase; font-size:11px; list-style:none; margin:0px; padding:0px 0px 40px 0px;}
ul.filter-children a {color:#aaaaaa; text-decoration:none; border-bottom:1px solid #dddddd;}
ul.filter-children li {margin:0px 20px 0px 0px; padding:0px; display:inline; float:left;}

/*
.hover-icon {position:relative; display:block; width:100%; height:auto; }
.zoom-icon {background:url(images/zoom/zoom-icon.png) 0px 0px no-repeat; width:54px; height:54px; text-indent:-99999px; filter:alpha(opacity=0); opacity:0; position:absolute; top:50%; left:50%; margin-left:-27px; margin-top:-27px; z-index:15;}
a:hover .zoom-icon {filter:alpha(opacity=100); opacity:70;}
.hover-icon img {position:relative; z-index:2;}
.article-icon {background:url(images/zoom/article-icon.png);}
.video-icon {background:url(images/zoom/video-icon.png);}
.portfolio-item a:hover img {opacity:0.25;}*/


.hover-icon {position:relative; display:block; width:100%; height:auto; }
.zoom-icon {font-size:18px; line-height:1.1; font-weight:400; color:#ffffff; text-align:center;  height:34px;  filter:alpha(opacity=0); opacity:0; position:absolute; top:50%;  width:100%; margin-top:-17px; z-index:15;}
a:hover .zoom-icon {filter:alpha(opacity=100); opacity:70; color:#ffffff;}
.hover-icon img {position:relative; z-index:2;}
.portfolio-item a:hover img {opacity:0.2;}

.lt-ie9 .zoom-icon {display:none;}


.button-yoko-hover {margin-top:10px;}

#portfolio-slider {margin-bottom:20px; border:1px solid #dbdbdb;}
.pagination-normal {padding-top:10px; padding-bottom:15px;}

/*
=============================================== 10. SIDEBAR + WIDGETS STYLES ===============================================
*/
#main-content {float:left; width:74%;}
#sidebar {float:right; width:22%; font-size:12px;}
.sidebar-spacer {width:100%; height:2px; background:#d7d7d7; margin:20px 0px 30px 0px;overflow:hidden; }

#sidebar a {text-decoration:none; font-weight:bold; font-size:12px; }

#sidebar ul {margin:0px 0px 10px 0px; padding:0px;}
#sidebar ul li {border-top:1px solid #e1e1e1; list-style:none; margin-top:10px; padding-top:10px;}
#sidebar ul li:first-child {border:none; margin-top:0px; padding-top:0px;}

footer ul {margin:0px 0px 10px 0px; padding:0px;}
footer a {text-decoration:none;}
footer ul li {border-top:1px solid #333333; list-style:none; margin-top:10px; padding-top:10px;}
footer ul li:first-child {border:none; margin-top:0px; padding-top:0px;}

#sidebar h6 {text-transform:uppercase; margin-bottom:12px;}

#flickr-widget ul {margin:0px 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:58px; height:58px;  margin:0px 5% 5% 0px;}
#flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); }

#jtwt { padding:0px 0px 15px 0px;  margin-bottom:10px; }
#jtwt_picture { display:none; float:left; padding:0px 5px 20px 0px; width:15px; height:15px;}
a#jtwt_date {color:#ffffff; font-size:10px;  padding-top:10px;  text-decoration:none; font-weight:bold; display:block; text-align:left; }
#jtwt a {color:#dddddd;}
#sidebar a#jtwt_date {color:#aaaaaa;}


/* --- Search Form --- */
#searchform .assistive-text, #searchform .screen-reader-text {display:none;}
#searchform .submit, #searchform #searchsubmit {display:none;}
#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;
	padding-left:16px;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	width: 78%;
	background-image:url(images/search-magnify.png);
	background-position:top right;
	background-repeat:no-repeat;
}
#searchform #s:focus {
	width:88%;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.60);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.60);
	box-shadow:  0px 0px 4px rgba(0,0,0,.60);}
	
.lt-ie9 #searchform #s:focus {width:78%;}



/* --- Calendar --- */
#wp-calendar th {
padding:3px 0;
text-align:center;
}

#wp-calendar td {
padding: 4px 0;
text-align: center;
}

#wp-calendar {
width: 90%;
}

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

/*
=============================================== 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 { width:100%; display: block;}
.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: 55px; height: 55px; margin: -26px 0 0; display: block; background: url(images/slider/arrows.png) no-repeat bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: bottom right; right: 0px; }
.flex-direction-nav .flex-prev {background-position: bottom left;  left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

#main .flex-direction-nav .flex-next { right: 20px; }
#main .flex-direction-nav .flex-prev {left: 20px;}


/* Control Nav */
.flex-control-nav { z-index:5; width: 100%; position: absolute; bottom:14px; text-align: center; }
.flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 20px; height: 20px; display: block; background: url(images/slider/bg_bullets.png) 0px -25px no-repeat;  cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background-position:0px -48px; }
.flex-control-paging li a.flex-active {  background-position:0px -2px; cursor: default; }
body #main .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;}


/* Caption style */
.caption-slide-yoko { font-weight:normal; font-size:13px;}
.caption-slide-yoko .caption-text-slide {padding-bottom:15px;}
.caption-slide-yoko h2 {font-weight:400; font-size:36px; padding-top:65px; margin-bottom:10px;}
.caption-slide-yoko h2 span {font-weight:700; }

.simple-caption-yoko {   position:relative; bottom:290px; width:100%; height:250px; margin-bottom:-250px; text-align:center; font-weight:normal; }
.simple-caption-position {position:absolute; bottom:0px; left:50%; margin-left:-470px; width:940px;}

.lt-ie9 .flex-direction-nav .flex-prev {opacity: 1; left: 15px;}
.lt-ie9 .flex-direction-nav .flex-next {opacity: 1; right: 15px; }


/* Carousel Styles */
#carousel-yoko {background-color:#3b3b3b; padding:6px 0px 8px 0px; height:69px; border-bottom:1px solid #dbdbdb;  border-bottom: 1px solid rgba(0, 0, 0, .12); }
#carousel ul {margin:0px; padding:0px; }
#carousel li {margin:0px 6px; }
#carousel li img { border-top:3px solid transparent; width:auto;  }
#carousel li img:hover { cursor: pointer;  opacity: 1; filter:alpha(opacity=100);
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
	}	
#carousel li img {opacity: 0.75; filter:alpha(opacity=75);}
#carousel .flex-active-slide img {opacity: 1; cursor: default;  padding-top:0px;}


#carousel .flex-direction-nav a {opacity: 1; width: 24px; height: 24px; margin: -10px 0 0; display: block; background: url(images/slider/direct-nav-thumb.png) 0px 0px no-repeat; }
#carousel .flex-direction-nav .flex-next {background-position: 100% 0; right: 0px;  }
#carousel .flex-direction-nav .flex-prev {left: 0px;}
#carousel .flex-direction-nav .flex-disabled {opacity: .0!important; filter:alpha(opacity=0); }


.video-container-side {margin:20px 0px;}



/*
=============================================== 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; top:1px;}
.sf-menu ul {
	border-top:3px solid #7cb527; 
	border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;  border-bottom:1px solid #cdcdcd;
	border-right: 1px solid rgba(0, 0, 0, .18); border-left: 1px solid rgba(0, 0, 0, .18); border-bottom: 1px solid rgba(0, 0, 0, .18);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.07); box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.07);
}


.sf-menu a {
	text-decoration:none;
	line-height:1;
}
 /* DEFAULT LINK  */
.sf-menu a, .sf-menu a:visited  {
	text-shadow: none;
	color:#9a9a9a;
	font-size:13px;
}
 /* DEFAULT LINK HOVER AND SELETED  */
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited {	

	border-bottom:1px solid #7cb527;
}

 /* 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 {
	color:#7cb527;
} */
.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 {
	opacity:0.9;
	border-bottom:1px solid #eeeeee;
	font-size:12px;
}


.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 li li a {padding:12px 14px; margin:0px 15px;}
.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:3%; min-height:1px; }
.grid2column { width: 48.5%;}
.grid3column {width: 31.3%;  }
.lt-ie8 .grid3column {width: 31%;  }
.grid3columnbig {width:65.4%;}
.grid4column {width: 22.7%;  }
.lt-ie8 .grid4column {width: 22%;  }
.grid4columnbig {width:73.8%; }

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


#footer-widgets .widget {float:left; margin-left:1.5%; margin-right:1.5%; min-height:1px;}
#footer-widgets .footer-2-column .widget {width: 47%;}
#footer-widgets .footer-3-column .widget {width: 30%; }
#footer-widgets .footer-4-column .widget {width: 22%; }


/*
=============================================== 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 a {-webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms;}
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
02. Tabbed 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 #ddd; 
	margin: 3em 0; 
	padding: 0; 
	}

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

.progression-etabs { 
	margin: 0 0 20px 0; 
	padding: 0; 
	border-bottom:1px solid #ddd;
	}
	
.progression-tab { 
	margin-right:-6px; 
	display: inline-block; 
	zoom:1; 
	border: solid 1px #ddd; 
	border-width: 1px 1px 0 1px; 
	background: #f5f5f5;
	}
.lt-ie8 .progression-tab {display:inline;}	
.progression-tab a { 
	font-size: 14px; 
	line-height: 2em; 
	display: block; 
	padding: 5px 15px 3px 15px; 
	outline: none;  
	text-decoration:none;
	}
	
.progression-tab.active { 
	padding-top: 2px; 
	position: relative; 
	top: 0px; 
	background: #fff;
	}
	
/*
=============================================== 03. Button Styles ===============================================
*/

a.progression-button {
	margin:0px 2px 5px 0px;
	font-weight:bold; 
	display:inline-block; 
	text-decoration:none; 
	line-height:1; 
	cursor: pointer; 
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	}
.progression-mini {
	padding: 5px 6px;
	font-size:11px;
	}
	
body a.progression-grey.progression-small:after, body a.progression-grey.progression-large:after {display:none;}
.progression-small, body a.progression-grey.progression-small {
	padding: 8px 10px; 
	font-size:11px;
	}
	
.progression-medium {
	padding:10px 14px;
	font-size:13px;
	}

.progression-large, body a.progression-grey.progression-large {
	padding:12px 18px; 
	font-size:15px;
	}

.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;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  	background-color: #006dcc;
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  	background-repeat: repeat-x;
  	border-color: #0044cc #0044cc #002a80;
  	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}
	
a.progression-blue:hover {
	background: #0088cc;
	color: #ffffff;
	}



a.progression-light-blue {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}

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

a.progression-green {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}

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

a.progression-orange {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}

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

a.progression-red {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}

a.progression-red:hover { 
	background: #ee5f5b; 
	color: #ffffff;
	}

a.progression-black {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	}

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;
	}