/*
	Theme Name: FreshShop 
	Theme URI: http://themeforest.net/item/freshshop-a-wordpress-ecommerce-theme/761146
	Author: Jami Gibbs
	Author URI: http://themeforest.net/user/JamiGibbs
	Description: A fresh and clean e-commerce WordPress theme featuring Jigoshop.
	Version: 1.7
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Designed & Developed by Jami Gibbs for ThemeForest.com
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

@import url("css/fonts.css");

*{margin:0;padding:0;}
body{background:#fff;font:normal 12px/18px 'Droid Sans', arial, sans-serif;position:relative;float:left;width:100%;color:#585858;}
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', arial, sans-serif;color:#333333;font-weight:300;}

.clear {clear:both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix  { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.margin-bottom {margin-bottom:20px;}
.rightalign {text-align:right;}

.image-fade img {
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}
.image-fade img:hover{
	opacity: .8;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

.custom-hr {height:13px;background:url(images/bg-hr.png) repeat-x;}

/* Link Hovers */
#nav-wrapper .sf-menu a:focus, #nav-wrapper .sf-menu a:hover, #nav-wrapper .sf-menu a:active, #sub-nav-wrapper  .sf-menu a:focus, #sub-nav-wrapper  .sf-menu a:hover, #sub-nav-wrapper  .sf-menu a:active, #more-animal-gallery a:hover,#home-gallery-more a:hover, .jg_blog_widget .entry-meta a:hover,.footer-nav a:hover, .footer-nav li.current-menu-item a:hover, .footer-nav li.current_page_item a:hover, #home-blog h3 a:hover, #blog-list  h4 a:hover , .products li strong:hover, .service span.read-more a:hover, #post-content-wrap ul.portfolio a:hover, .widget_recent_entries ul li a:hover, #home-featured-products h3:hover, #comments ol.commentlist li.comment div.comment-meta a, h3.blog-page-title a:hover, .blog-page-meta ul li a:hover, 
#sidebar .jg_recent_posts ul.recent-posts .most-recent-title a:hover, #sidebar .jg_popular_posts ul.recent-posts .most-recent-title a:hover, .the-content ul li a:hover, .jg_blog_widget .entry-title a:hover, #footer-widgets .textwidget a:hover, #footer-widgets ul.recent-posts .most-recent-title a:hover  {color:#328ea2;}

/*------------------------------------------------*/
/*	WordPress Image Alignment
/*------------------------------------------------*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*------------------------------------------------*/
/*	Header
/*------------------------------------------------*/
.shop-header {height:35px;background:#2d2d2d;}
.header_container_wrap {margin-top: 30px;}

.header_container_wrap  header {
	margin-left:10px;
	width:940px!important;
	position:relative;
	background:#ffffff;
	min-height:160px;
	border:1px solid #d5d5d5;
	box-shadow:0 0 3px 0 #cccccc;
	-webkit-box-shadow:0 0 3px 0 #cccccc;
	-moz-box-shadow:0 0 3px 0 #cccccc;
 }

#logo-wrap {
	 min-height: 110px;
}
 
#logo-wrap img#logo-icon {
	margin:10px 0 0 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}
#logo-wrap img#logo-icon:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
#logo-wrap img#logo {
	margin-top: 10px;
}

.logo-titles {position:relative;left:15px;top:20px;}
.logo_subtitle {font-size: 12px;}

.search-phone-wrap {margin: 20px 0 0 0;}
.header-search {float:right;margin-right:20px;height:55px;width:220px;}
.header-phone {float:right;margin-right:20px;width:460px;}
.header-phone h2 {font-family: 'Nixie One', cursive;color:#222222;font-size:24px;float:right;}

/* Social Icons */
.top-social {min-height:35px;}
#social-icons ul {list-style:none;margin-bottom:0;}
#social-icons li {display:inline;margin:8px 10px 0 0;height:40px;float:left;padding:0 0;}

#twitter a:hover, #facebook a:hover, #dribbble a:hover, #delicious a:hover, #rss a:hover, #contact a:hover {color:#7f7f7f;}

#twitter .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/twitter.png) 0 0 no-repeat;}
#twitter .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/twitter.png) 0 -16px no-repeat;}

#facebook .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/facebook.png) 0 0 no-repeat;}
#facebook .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/facebook.png) 0 -16px no-repeat;}

#linkedin .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/linkedin.png) 0 0 no-repeat;}
#linkedin .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/linkedin.png) 0 -16px no-repeat;}

#dribbble .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/dribbble.png) 0 0 no-repeat;}
#dribbble .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/dribbble.png) 0 -16px no-repeat;}

#delicious .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/delicious.png) 0 0 no-repeat;}
#delicious .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/delicious.png) 0 -16px no-repeat;}

#google .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/google.png) 0 0 no-repeat;}
#google .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/google.png) 0 -16px no-repeat;}

#rss .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/rss.png) 0 0 no-repeat;}
#rss .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/rss.png) 0 -16px no-repeat;}

#contact .fadeThis {position:relative;display:block;float:left;height: 16px;width: 16px;background:url(images/social/contact.png) 0 0 no-repeat;}
#contact .hover {position: absolute;top: 0;left: 0;display: none;height: 16px;width: 16px;background:url(images/social/contact.png) 0 -16px no-repeat;}

/*------------------------------------------------*/
/*	Navigation 
/*------------------------------------------------*/
#nav-wrapper nav {height:60px;}
#nav-wrapper {border-top:1px solid #e7e7e7;float:left;margin-top:10px;}

/* Main Navigation Styles */
#nav-wrapper .sf-menu a {
font-family: 'Open Sans', arial, sans-serif;
color:#6e6e6e; 
font-size:16px; 
font-weight: 300;
padding: 10px 15px;
text-decoration:none;
}

.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu{line-height:1.0;height:3em;}
.sf-menu ul{position:absolute;top:-999em;width:10em;}
.sf-menu ul li{width:100%;}

#nav-wrapper .sf-menu ul li a {font-size:14px;color:#6E6E6E;}

.sf-menu li:hover{visibility:inherit;}
.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:3.3em;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:17em;top:0;}

/*** SKIN ***/
.sf-menu{float:left;margin:0 0 0 20px;}
#nav-wrapper .sf-menu li li{background:#f7f7f7;border-bottom:1px dashed #e6e3cf;width:200px;height:25px;padding:5px 0 10px;}
#nav-wrapper .sf-menu li li:last-child {border-bottom:none;}
.sf-menu li li:last-child {border-bottom: none;padding-bottom:15px;}
.sf-menu li li li{background:#f7f7f7;}
#nav-wrapper .sf-menu li:hover,#nav-wrapper .sf-menu li.sfHover,#nav-wrapper .sf-menu a:focus,#nav-wrapper .sf-menu a:hover,#nav-wrapper .sf-menu a:active{background:#f7f7f7;outline:0;}

/*** arrows **/
.sf-menu a.sf-with-ul {min-width: 1px;}
.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;
	text-align:left;
	width:200px;
}
.sf-shadow ul.sf-shadow-off {background: transparent;}
#nav-wrapper .sub-menu {margin-top:-4px;}

/*------------------------------------------------*/
/*	Shop Navigation 
/*------------------------------------------------*/

/* Style Sub Nav */
.shop-menu .sf-menu {
	float:right;
	height:2.5em;
	padding-top:5px;
	margin:0;
}

.shop-menu .sf-menu a {
	font-family:'Droid Sans',arial, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	padding:.6em .5em;
}

.shop-menu .sf-menu ul li a {
	font-size:12px;
	color:#9D9D9D;
	text-shadow:none;
}
.shop-menu   .sf-menu li:hover, .shop-menu   .sf-menu li.sfHover,
.shop-menu  .sf-menu a:focus, .shop-menu  .sf-menu a:hover, .shop-menu  .sf-menu a:active {
	color: #328ea2;
	outline:0;
}

.shop-menu  .sf-menu li:hover ul,
.shop-menu  .sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

.shop-menu  .sf-menu li li {
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.shop-menu  .sf-menu li li:last-child {padding-bottom:5px!important;}

.shop-menu .sub-menu {
	background: #ffffff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shop-menu .sf-shadow ul  { background:	#ffffff;width: 150px;}

/*------------------------------------------------*/
/*	Slider Styles
/*------------------------------------------------*/
#slider{width:100%;margin:30px 0 15px 10px;float:left;position:relative;z-index:1;display:none;}
#slider a {font-weight:bold;}
.slider-wrap {width:940px;position:relative;z-index:1;overflow:hidden;}
#slider .hentry{margin:0;background:#ffffff;}
#slider .entry-content{width:940px;border:none;padding:0;}
#slider .entry-content a {border: none;}
#slider img.alignright { margin: 10px 0 0 20px; }
#slider img.alignleft { margin: 10px 25px 0 0; }
.slides-nav {width: 940px;float: left;}

/* Next/prev buttons */
#slider .next,#slider .prev{position:absolute;top:30%;left:-39px;width:24px;height:43px;display:block;z-index:101;}
#slider .next{left:950px;}

/* Pagination */
.pagination{width:80px;margin:0 auto;}
.pagination li{float:left;list-style:none;margin:0 1px;}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(images/slider/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a{background-position:0 -12px;}

/* Slider Content */
.slide-content {}
.slide-content h3 {color:#565656;font-size:18px;}
.slide-content p {color:#a1a1a1;text-align: justify;}
.slide-content p:first-of-type {margin-top:20px;}

.slide-button  {margin-top:5px;}
.slide-button .fadeThis {position:relative;display:block;height: 42px;width: 140px;background:url(images/button-slider.png) 0 0 no-repeat;}
.slide-button .hover {position: absolute;top: 0;left: 0;display: none;height: 42px;width: 140px;background:url(images/button-slider.png) 0 -42px no-repeat;}

/* Team Members */
.team-member-bg {background:url(images/bg-team.png) 0 0 no-repeat;width:220px;height:220px;}

.first-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/first-member.png) 0 0 no-repeat;}
.first-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/first-member.png) 0 -220px no-repeat;}

.second-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/second-member.png) 0 0 no-repeat;}
.second-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/second-member.png) 0 -220px no-repeat;}

.third-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/third-member.png) 0 0 no-repeat;}
.third-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/third-member.png) 0 -220px no-repeat;}

/* Nivo Slider */
#slider-wrapper {width:940px;height:300px;margin:0 auto;margin-bottom:45px;}
#slider-nivo{
	position:relative;
	width:940px;
	height:300px;
	background:url(images/sider/nivo/loading.gif) no-repeat 50% 50%;
	margin:30px 0 0;
	-moz-box-shadow:0 0 4px #333;
	-webkit-box-shadow:0 0 4px #333;
	box-shadow:0 0 4px #333;}
#slider-nivo img{position:absolute;top:0;left:0;display:none;}
#slider-nivo a{border:0;display:block;}
#slider-nivo .slide a{border:0;width:940px;height:300px;}
.nivo-slice,.nivo-box{position:absolute;}
.nivo-controlNav{position:absolute;left:47%;bottom:-30px;}
.nivo-controlNav a{display:block;width:10px;height:10px;background:url(images/slider/nivo/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:-10px 0;}

/* The Nivo Slider styles */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:60;display:none;margin:0;padding:0;}

/* The slices in the Slider */
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}

/* Caption styles */
.nivo-caption{text-shadow:none;width:940px;position:absolute;left:0;bottom:0;background:#222;opacity:0.80;filter:alpha(opacity=80);z-index:89;}
.nivo-caption p{font-family: 'Open Sans', arial, sans-serif;font-size:18px;font-weight:300;color:#fff;padding:20px 20px;margin:0;line-height:24px;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/*------------------------------------------------*/
/*	Home Page Content
/*------------------------------------------------*/
.hr-pattern {background:url(images/hr-pattern.png) 0 0 repeat-x;height:17px;}
.blog-page-post .hr-pattern {margin-bottom:10px;}
.post-info-wrap {margin-bottom:10px;}

/* Home Section Titles */
.home-section-title {padding:10px 0 0 0;}
.home-section-title h3 {font-size: 20px!important;margin-bottom:5px;}
.home-section-title h3 a {color:#222222;}
.home-section-title h3 a:hover {color:#000000;}
.section-title {width:100%;}
.home-section-hr {height:15px;background:#222222;margin-top:28px;}

/* Home Portfolio (Animal Gallery) */
#home-content-wrap {min-height:175px;}
#home-portfolio {margin-top:15px;margin-bottom:15px;}
#home-portfolio hr {margin-top:10px;}
#home-portfolio img:hover {border:5px solid #cccccc;}
#home-portfolio h4 {color:#fff;margin:10px 0 5px 0;font-size:14px;}
#home-portfolio p {color:#8b8b8b;}
#home-portfolio #portfolio {margin-top:5px;}
#home-portfolio span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Open Sans', arial, sans-serif;font-size:12px;position:relative;top:8px;font-weight:300;}
#home-portfolio .portfolio h4 {font-size:14px;margin:15px 20px 10px 0;}
#home-portfolio ul#portfolio { float: left; list-style: none; margin: 20px 0 10px 0; }
#home-portfolio ul#portfolio #id-2 div.type-portfolio {float:right;}
#home-portfolio ul#portfolio #id-3 div.type-portfolio {float:right;}
#home-portfolio ul.portfolio a {width: 100%; }
#home-portfolio ul.portfolio a:hover {text-decoration: none; }
#home-portfolio li {margin-right:10px;}
#home-portfolio .portfolio-details {margin-top:20px;}
#home-portfolio .details {margin:0 10px;}
#home-portfolio .details h4 {color:#ffffff;padding:5px 10px;font-size:18px;}
#home-portfolio .details a {padding-left:20px; width:190px;color:#fff;line-height:16px;}
#home-portfolio .more-info div {float:left;}
#home-portfolio ul.portfolio  .portfolio_three_columns {margin-left:0!important;margin-right:10px!important;}
#home-gallery-wrap {position:relative;}
#home-gallery-more {
	float:right;
	font-family: 'Droid Sans', arial, sans-serif; 
	font-size:12px;
	color:#5b5b5b;
	margin-right:10px;
}
#home-portfolio .prev2, #home-portfolio .next2 {
	width: 24px;
	height: 43px;
	position: absolute;
}

#home-portfolio .prev2 { 
	background: url(images/slider/arrow-prev.png) no-repeat;
	top: 65px;
	left: -25px;
}

#home-portfolio .next2 { 	
	background: url(images/slider/arrow-next.png) no-repeat;
	top: 65px;
	right: -25px;
}

/* Home Blog */
#home-latest-blog {margin-top:15px;margin-bottom:15px;}
#home-blog {min-height:200px;}
#home-blog .home-section-title, #home-widgets .home-section-title  { margin-bottom: 20px; }
#home-widgets .home-section-title {padding: 4px 0 0 0;}
#home-blog .post {margin-bottom: 50px; min-height: 200px;}
#home-blog-post-wrap {margin-top:20px;margin-bottom:15px;}
#home-latest-blog .hr-pattern, #home-portfolio .hr-pattern {margin-top:4px;}
#home-blog h3 {line-height:18px;font-size:18px;}
#home-blog p.home-meta {color:#666;}
#home-blog .home-meta a  {color:#444444;}
#home-blog .home-meta a:hover {color:#000000;}
#home-blog img {float:left;margin:0 10px 0 0;border:1px solid #CCCCCC;padding:2px;}
#home-blog img:hover {border:1px solid #b5b5b5;}
#blog-title h3 {font-size:24px;color:#4a4949;border-bottom:1px solid #d9d9d9;padding-bottom:10px;}
#blog-title span, #blog-title  a {color:#7b7b7b;}
#blog-title  a  {font-style:italic;}
#blog-title p {background:url(images/arrow-circle.png) 200px 0px no-repeat;margin-top:20px;}
#blog-title  a:hover {color:#4D778F;}
#home-blog .home-meta {margin:-5px 0 20px 0;}
#home-blog .post a:hover {border-bottom:none;}
#home-blog .post a.more-link {font-weight:200;}
#home-blog .post a.more-link:hover {border-bottom:none;}
 
.blog-item img:hover {border:5px solid #cccccc;}
.blog-item h4 {color:#5f5f5f;margin:10px 0 5px;font-size:20px;}
.blog-item p {color:#8b8b8b;font-size:12px;text-align: justify;}
.blog-item  p.meta {color:#8b8b8b;font-size:10px;margin-bottom:10px;}
.blog-item .meta a {color:#585858;}
.blog-item .meta a:hover {color:#000;}
#home-blog .read-more {font-style:italic;color:#7b7b7b;margin-left:10px;}
#home-blog  .read-more:hover {color:#000;}



/*  Image Hover Effect - www.buildinternet.com/project/mosaic */
#home-gallery-wrap .mosaic-block-wrap {height: 136px;width: 136px;}
#home-gallery-wrap .mosaic-block{
	float:left;
	position:relative;
	overflow:hidden;
	width:136px;
	height:136px;
	background:#111 url(images/progress.gif) no-repeat center center;
	margin-bottom:10px;
	-webkit-box-shadow: 1px 1px 2px 1px #b1b1b1;
	-moz-box-shadow: 1px 1px 2px 1px #b1b1b1;
	box-shadow: 1px 1px 2px 1px #b1b1b1;
}
#home-gallery-wrap .mosaic-backdrop {display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
#home-gallery-wrap .mosaic-backdrop img {padding:0!important;}
#home-gallery-wrap .mosaic-overlay {display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
#home-gallery-wrap .fade .mosaic-overlay {
	background:url(images/bg-black.png);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
}

#home-gallery-wrap .details h4 {font-size:14px;margin: 10px 0 10px 0;color:#fff;text-align:center;}
#home-gallery-wrap .details p {padding:0 20px;text-align:justify;}
#home-gallery-wrap .details p {font-size:12px;}

/* Home Text Box Area */
#home-text-area {min-height:297px;border:1px solid #dcd5b6; background:#ffffff;margin-top:22px;float:right;}
#home_content_wrap {padding:30px;}

/*  Home Featured Ads */
#home-services {margin-top:15px;margin-bottom:15px;}
#home-services-wrap {margin:20px 0;}
#home-services  .hr-pattern {margin-top:4px;}


/*------------------------------------------------*/
/*	Inner Pages
/*------------------------------------------------*/

/* Wordpress Styles */
img.alignright {float:right; margin:0 0 10px 10px }
img.alignleft {float:left; margin:0 10px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 10px 10px}
a img.alignleft {float:left; margin:0 10px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {text-align: center;margin: 10px 10px 10px 10px;font-style: italic;}
.wp-caption-text {margin: 0;padding: 5px;}
.sticky {background:#fff;}
.gallery-caption {margin-left: 0;}

/*  Page Title */
#cta-top { 
	min-height:50px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #efefef;
	margin-top:20px;
}
#cta-top h3 {padding:12px 0 0 20px;color:#666666;}
#cta-top span.cta-small-title {font-size:16px;font-style:italic;}

/*  Single */
.single-post #content {min-height:130px;}
#post-content-wrap h3.post-title {color: #333333;font-size: 26px;margin-bottom: 5px;margin-top:20px;}
#post-content-wrap .post .featured-image {padding:0;border:none;}
#post-content-wrap .post .featured-image img {border:1px solid #8d8d8d;padding:2px;}
#post-content-wrap .post .featured-image img:hover {border:1px solid #999;}

#post-content-wrap .blog-page-post .featured-image {padding:0;border:none;margin-top:20px;}
#post-content-wrap .blog-page-post .featured-image img {border:1px solid #8d8d8d;padding:2px;}
#post-content-wrap .blog-page-post .featured-image img:hover {border:1px solid #999;}
#post-content-wrap .blog-page-post .content p {margin:17px 0 0px;}

#post-content-wrap  {
    background: -moz-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: #FAFAFA;
	background:-webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#FFFFFF));
	background:-webkit-linear-gradient(#FAFAFA, #FFFFFF);
	background:-moz-linear-gradient(center top, #FAFAFA 0%, #FFFFFF 100%);
	background:-moz-gradient(center top, #FAFAFA 0%, #FFFFFF 100%);
    border: 1px solid #D5D5D5;
    padding: 0px;
	margin:20px 0;
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .024);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .024);
	box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .024);
}

.the-content {padding: 20px;}

#content p {margin: 0 0 20px 0;line-height:1.6em;}
#content a {font-weight:bold;}
.content {margin:0 0;}
.content p {margin:20px 0;}
.content .hr-pattern {margin-bottom:20px;}
.content .more-link {font-style:italic;color:#333333;text-transform:lowercase;}
.content .more-link:hover {color:#458ab3;}

.blog-more-link {margin:20px 0 15px;}
.blog-more-link a {font-style:italic;border:1px solid #d9d9d9;
	background:none repeat scroll 0 0 #FFF;
	border:1px solid #cccccc;
	color:#717171;
	font-size:11px;
	margin:1px 5px 1px 1px;
	padding:4px 15px;
	border-radius:2px 2px 2px 2px;
	-webkit-box-shadow: inset 0 -10px 5px 0 #ebebeb;
	-moz-box-shadow: inset 0 -10px 5px 0 #ebebeb;
	box-shadow: inset 0 -10px 5px 0 #ebebeb;
	text-shadow: 0px 1px 0px #ffffff;
}
.blog-more-link a:hover {
	border:1px solid #a5a5a5;
	color:#000;
	text-shadow: 0px 1px 0px #ffffff;
}

/*  Archive */
.archive .blog-page-post, .blog .blog-page-post, .search-results .blog-page-post {
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

/* Breadcrumbs */
#breadcrumb-wrap {
    background: #f5f5f5;
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-bottom: 0.375em !important;
    padding-left: 0.875em !important;
    padding-right: 0;
    padding-top: 0.375em !important;
}
.breadcrumbs {border: 1px solid #EFEFEF;}
#breadcrumb-wrap a {color:#222;padding:0 3px;}

/* Meta */
#post-content-wrap .meta {height:20px;margin:-5px 0 20px;color:#999999;}
#post-content-wrap .meta ul, #post-content-wrap .meta-page ul {list-style:none;margin-bottom:5px;}
#post-content-wrap .meta ul li, #post-content-wrap .meta-page ul li {float:left;margin-left:0;color:#666;}
#post-content-wrap .meta ul li a, #post-content-wrap .meta-page ul li a {color:#666;}
#post-content-wrap .meta ul li a:hover, #post-content-wrap .meta-page ul li a:hover {color:#000;}
#post-content-wrap .meta-page {height:30px;}

/*  Social Bookmarking */
.post-detail-box  {
	margin:40px 0 20px;
	color:#999999;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
.post-detail-box .share-box {border-right:1px solid #f0f0f0;margin:20px 0;}
.post-detail-box  .share-box p {margin-bottom:5px;color:#333333;text-transform:uppercase;}
.post-detail-box  .share-box .share-preamble {margin-right:10px;}
.ssb img, .ssb_sep {padding-top: 2px;padding-bottom: 0;padding-left: 2px;padding-right: 2px}
.ssb img:hover {padding-top: 0;padding-bottom: 2px;}

/*  Author */
.post-detail-box  #post-author {margin:20px 0;}
.post-detail-box  #post-author img {margin:0 15px 0 0;float:left;}
.post-detail-box  #post-author img:hover {
	-moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;
}
.post-detail-box  #author-details  {margin-bottom:20px;}
.post-detail-box  #author-details p {margin-bottom:5px;color:#333333;text-transform:uppercase;}
.post-detail-box  #author-details p  a {color:#333333;font-weight:normal;}
.post-detail-box  #author-details p  a:hover {color:#000000;border-bottom:1px dashed #000000;}
.post-detail-box  #author-details a {font-weight:bold;}

/* Related Posts */
.related-posts-wrap {margin:0 0 20px 0;clear:both;}
.related-posts-wrap h4  {color: #333333;margin-bottom: 5px;text-transform: uppercase;font-size:14px;}
#related-post ul {list-style:none;}  
#related-post ul li{float:left;margin-left:0;margin-right:24px;}  
#related-post img {border:1px solid #cccccc;background:#F9F9F9;padding:2px}  
#related-post img:hover {opacity:0.8;border:1px solid #999999} 
.no-right-margin {margin-right:0!important;} 

/*  Blog Page */
.hr-blog-page {background:url(images/bg-author.png) repeat-x;height:17px;margin-bottom:20px;}
h3.blog-page-title {font-size:26px;color:#333333;margin-bottom:10px;}
.blog-page-meta ul {list-style:none;margin:-3px 0 0 0;}
.blog-page-meta ul li {display:inline;margin-left:0;color:#666666;}
.blog-page-meta ul li a {color:#515151;}
.blog-read-more {position:relative;top:5px;}

.calendar {background:url(images/calendar.png) 0 0 no-repeat;padding:0 0 10px 20px;}
.comment-bubble {background:url(images/comments.png) 0 0 no-repeat;padding:0 0 10px 20px;}
.cat-icon {background:url(images/categories.png) 0 0 no-repeat;padding:0 0 10px 20px;}

.blog-page-meta .blog-tags {color:#999;}
.blog-page-meta p.tags {font: normal 10px/20px sans-serif;margin:0 0;float:left;}
.blog-page-meta p.tags span.jg-tags {padding: 0px 0px 0 5px;margin: 5px 0 0 0;background: #ffffff;display: inline-block;border: 1px solid #dadada;}
.blog-page-meta p.tags span.jg-tags:hover {border: 1px solid #ccc;background:#efefef;}
.blog-page-meta p.tags span.jg-tags a {text-decoration: none;padding: 0px 8px 0px 2px;background: #ffffff;display: inline-block;color:#a0a0a0;}
.blog-page-meta p.tags span.jg-tags a:hover {color: #333;background:#efefef;}
.blog-excerpt {margin-bottom:20px;}
.blog-excerpt p {margin:15px 0;}

/* Pagination */
#post-content-wrap .pagination{clear:both;height:50px;margin-top:30px;padding-top:15px;width:100%;}
#post-content-wrap .pagination span.pages{text-transform:uppercase;border:none;color:#565555;font-size:10px;padding:10px 10px 10px 0;display:none;}
#post-content-wrap .pagination a,#post-content-wrap .pagination a:link,#post-content-wrap .pagination span.current,#post-content-wrap .pagination span.extend, #post-content-wrap .pagination span.current{
	background: #FFF;
	border:1px solid #cccccc;
	color:#717171;
	font-size:11px;
	font-weight:bold;
	margin:1px 5px 1px 1px;
	padding:4px 10px;
	border-radius:2px 2px 2px 2px;
	-webkit-box-shadow: inset 0 -10px 5px 0 #ebebeb;
	-moz-box-shadow: inset 0 -10px 5px 0 #ebebeb;
	box-shadow: inset 0 -10px 5px 0 #ebebeb;
	text-shadow: 0px 1px 0px #ffffff;	
}
#post-content-wrap .pagination a:hover, #post-content-wrap .pagination span.current {border:1px solid #999999;color:#666666;}

/* Search */
.assistive-text {display:none;}
#searchform input {
	width:200px;
	height:30px;
	padding-left: 15px;
	border:1px solid #dedede;
	color:#cacaca;
	font-style:italic;
	text-transform:lowercase;
}

/*------------------------------------------------*/
/*	Contact Page Form
/*------------------------------------------------*/
div.wpcf7 {width:540px;}
.wpcf7-form p {text-align:justify;display:block;}
.wpcf7-form-control-wrap h3 {font-size:26px;margin:20px 0;}
.wpcf7-form-control-wrap  label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 120px;}
.wpcf7-form-control-wrap label img {border:0 none;margin-left:-9px;}
.wpcf7-form-control-wrap  input, .wpcf7-form-control-wrap  textarea, .wpcf7-form-control-wrap  select {margin: 0; padding: 10px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0;position:relative;bottom:20px;border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px; -webkit-border-radius:2px; }   
.your-message textarea {position:relative;bottom:0px;width:400px;}
span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #FFFFFF!important;
    border: 1px solid #FF0000!important;
    font-size: 10pt!important;
    left: 0%!important;
    padding: 2px!important;
    top: -2em!important;
    width: 280px!important;
    z-index: 100!important;
}
div.wpcf7-validation-errors {display:none!important;}
div.wpcf7-mail-sent-ng {border: 2px solid #FF0000;float: left;margin: 40px 0 0!important;width: 300px;}
div.wpcf7-mail-sent-ok  {float: left;margin: 40px 0 0!important;width: 230px;height:18px;padding:0.8em 1em!important;}

.wpcf7-form-control-wrap  input:focus, .wpcf7-form-control-wrap  textarea:focus, .wpcf7-form-control-wrap  select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.wpcf7-submit {
	cursor: pointer; 
	border: 1px solid #222; 
	background:#333; 
	color:#fff; 
	width:141px;
	height:42px;
	padding:0;
	margin:20px 0 40px 0;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius:2px;
}
.wpcf7-submit:hover {background:#444;}
.wpcf7-form-control-wrap  legend { padding:20px 0; font-weight:bold; color:#000;}
.wpcf7-form-control-wrap  span.required{ font-size: 13px; color: #ff0000; float:left; } /* Select the colour of the * if the field is required. */
.wpcf7-form-control-wrap label.addition {font-size:16px;color:#666;width:70px;}
.wpcf7-form-control-wrap input#verify {margin:0 0!important;padding:5px;}
input[type=text].wpcf7-text {margin: 20px 5px 0 0}

/* Style for the error message */
#message { margin: 10px 0; padding: 0; }
.error_message { 
	display: block; 
	line-height: 22px; 
	background: #FBE3E4 url(../includes/assets/error.gif) no-repeat 10px 6px; 
	padding: 3px 10px 3px 35px; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }
.loader { padding: 0 10px; }
#contact #success_page h1 { background: url(../includes/assets/success.gif) left no-repeat; padding-left:22px; }

/*  Contact Sidebar Details */
#contact-sidebar h3 {font-size:22px;padding:25px 0 0 0;margin-bottom:20px;color:#000;}
#contact-sidebar h5 {padding:10px 0 0 0;color:#000;}
#success_page h3 {padding:10px 10px;background:#E8E8E8;color:#4D778F;}
#success_page p {margin:20px 0 0;}


/*------------------------------------------------*/
/*	Comments - http://goo.gl/80n0d
/*------------------------------------------------*/
.comments-title {margin:20px 0 0 0;}
.comment-body {border-top:1px solid #efefef;padding:20px 0 20px 0;margin-bottom:10px;}
.comment-body p{
	position:relative;
	margin:10px 0 10px 80px;
	padding-left:10px;
	border-left:5px solid #efefef;
	color:#909090;
}
.comment-body a:hover {color:#000000;}
.comment-body blockquote {
    background: url("") no-repeat scroll 0 0 transparent;
    border-bottom: none;
    border-top: none;
    padding: 0 0;
}
.comment-body blockquote  p {
    font-style:italic;
	font-family:georgia;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
	padding: 10px 10px;
}

#comments .grid-hr {
	background:url(images/bg-author.png) repeat-x;
	height:17px;
	position:relative;
	bottom:30px;
	margin-top:70px;
}

#comments h3#comments-title {margin:10px 0 10px 0;font-size: 16px;}
#comments ol.commentlist {list-style:none;margin-bottom:40px;}
#comments ol.commentlist li {margin-left:0;position:relative;}
#comments ol.commentlist li.bypostauthor .comment-body p {border-left:5px solid #dedede;color:#666666;}
#comments ol.commentlist .cancel-comment-reply {float:right;}
#comments ol.commentlist .cancel-comment-reply a {padding:5px;border:1px solid #cccccc;color:#EEEEEE;}
#comments ol.commentlist .cancel-comment-reply a:hover {border:1px solid #EEEEEE;color:#333;}
#comments ol.commentlist li.comment {min-height:80px;}
#comments ol.commentlist li.comment em.comment-awaiting-moderation {position:absolute;}
#comments ol.commentlist li.comment div.vcard {float:left;}
#comments ol.commentlist li.comment div.vcard cite.fn {color:#515151;float:left;margin:0 5px 0 80px;font-style:normal;}
#comments ol.commentlist li.comment div.vcard cite.fn a {color:#000;}
#comments ol.commentlist li.comment div.vcard cite.fn a:hover {color:#4D778F;}
#comments ol.commentlist li.comment div.vcard cite.fn a.url {color:#000;}
#comments ol.commentlist li.comment div.vcard img.avatar {position:absolute;left:0;border:1px solid #ccc;padding:2px;}
#comments ol.commentlist li.comment div.vcard img.avatar:hover {border:1px solid #999;}
#comments ol.commentlist li.comment div.vcard span.says {display:none;}
#comments ol.commentlist li.comment div.comment-meta {display:inline-block;}
#comments ol.commentlist li.comment div.comment-meta a {display:inline-block;}
#comments ol.commentlist li.comment div.comment-meta a:hover {color:#333333;}
#comments ol.commentlist li.comment div.reply {float:right;}
#comments ol.commentlist li.comment div.reply a {color:#c6c6c6;font: italic 10px/18px 'Open Sans', Arial, sans-serif;font-size:12px;}
#comments ol.commentlist li.comment ul.children {list-style:none;margin-left:20px;margin-bottom:0;display:block!important;}

#respond h3 {margin-bottom:20px;}

/* Comments Form */
#respond {margin-bottom:80px;}
#respond input {
	background:#efefef;
	border:1px solid #dadada;
	height:20px;
	width:205px;
	margin-right:10px;
	padding:10px;
} 
#respond textarea {background:#efefef;border:1px solid #dadada;margin-right:10px;padding:10px;} 
#respond label {color:#474747;}
#respond input#submit {background:none;border:none;height:31px; width:104px;margin-right:0;padding:0;}
#respond input#submit:hover {opacity:0.8;}

/*------------------------------------------------*/
/*	Sidebar
/*------------------------------------------------*/
#sidebar {margin-top:20px;}
#sidebar .widget {margin-bottom:20px;}
#sidebar .widget-area ul, .widget-block ul {list-style:none;padding: 0;margin: 0;}
#sidebar .widget-area ul ul, .widget-block ul  li {list-style:none;}
#sidebar .widget-area li, .widget-block li {margin-left:0;}
#sidebar .widget-area h2 {border-bottom:1px solid #e6e6e6;padding-bottom:5px;}
#sidebar li {margin-left:0px;list-style:none;}
#sidebar li.widget-block {margin-bottom:10px;padding-top:0;}
.page #sidebar .widget-block {margin-bottom:20px;}

/*------------------------------------------------*/
/*	Portfolio / Gallery
/*------------------------------------------------*/
#gallery-content-wrap {width:975px;margin-left:10px;}
#portfolio span.gallery-preview, span.gallery-preview-video {float:left; }
#portfolio span.gallery-preview a, #portfolio span.gallery-details a {color:#fff;padding-left:0;padding:1px 4px;background: #328ea2;border: 1px solid #62BCCF;}
#portfolio span.gallery-preview a {background:url(images/magnify.png) 3px 4px no-repeat #328ea2;padding-left:15px;}
#portfolio span.gallery-details { float:right; }

#portfolio span.gallery-preview a:hover, #portfolio span.gallery-details a:hover { opacity:0.9; }
#home-gallery-wrap #portfolio .details-title { height:100px;overflow:hidden;}

.page-template-template-portfolio-four-php #breadcrumb-wrap, .page-template-template-portfolio-gallery-php #breadcrumb-wrap, .page-template-template-portfolio-three-php #breadcrumb-wrap, .page-template-template-portfolio-two-php #breadcrumb-wrap {
    background: none;
	border:none;
    border-radius: none;
}

.post .featured-image {border:none; padding:0;}
.portfolio-single #content {margin:0 0;}
.portfolio h4.details {font-size:16px;margin:15px 0 5px 0;}
.sort-wrap {margin:30px 0;}

.sort-wrap ul {list-style: none;float: left;
	background:none repeat scroll 0 0 #FFF;
	border:1px solid #cccccc;
	color:#717171;
	font-size:11px;
	font-weight:bold;
	margin:1px 5px 1px 1px;
	padding:4px 20px;
	border-radius:2px 2px 2px 2px;
	-webkit-box-shadow: inset 0 -10px 5px 0 #ebebeb;
	-moz-box-shadow: inset 0 -10px 5px 0 #ebebeb;
	box-shadow: inset 0 -10px 5px 0 #ebebeb;
	text-shadow: 0px 1px 0px #ffffff;	
}
.sort-wrap ul li {float: left;margin-right: 15px;margin-left:0;padding:0 0;}
.sort-wrap ul li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.sort-wrap ul li a {
	color: #999; 
	text-decoration: none;
	font-family: 'Open Sans', arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:500; 
}
.sort-wrap ul li a:hover  {color:#333333;}
.sort-wrap ul li.active a {color:#333333; }
.sort-wrap ul li.active a:hover { color:#333333;border-bottom:none;}

#post-content-wrap span.sort {
	color:#7f7f7f;
	text-transform:uppercase;
	font-family: 'Open Sans', arial, sans-serif;
	font-size:12px;
	position:relative;
	top:8px;
	font-weight:300;
}
#post-content-wrap .portfolio h4 {font-size:18px;margin-top:10px;}
#post-content-wrap ul.portfolio { float: left; list-style: none; margin-left: 0; }
#post-content-wrap ul.portfolio a {width: 100%; }
ulportfolio{-webkit-box-sizing:border-box;}
#post-content-wrap ul#portfolio img {padding:2px;border:1px solid #ccc;}
#post-content-wrap .portfolio-details {margin:10px 0 0 0;}
#post-content-wrap .portfolio-details p {margin-bottom:5px;}
#post-content-wrap .more-info div {float:left;}

span.gallery-preview-video {margin-left:20px;}
span.gallery-preview-video a {
	background:url(images/video.png) 6px 5px no-repeat #328ea2;
	color:#fff;
	padding:5px 20px;
	padding-left: 25px;
	border: 1px solid #62BCCF;
}

#home-gallery-wrap span.gallery-preview-video {margin-left:0px;}
#home-gallery-wrap span.gallery-preview-video a {
	background:url(images/video.png) 3px 1px no-repeat #328ea2;
	color:#fff;
	padding:1px 18px 1px 20px;
	border: 1px solid #62BCCF;
}



/* Two Columns */
li.portfolio_two_column{height:250px;margin-right:27px;}
li.portfolio_two_column .details { margin:20px;}
.portfolio_two_columns .mosaic-block-wrap {height: 219px;width: 448px;}
.portfolio_two_columns .mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:448px;
	height:219px;
	background:#111 url(images/progress.gif) no-repeat center center;
	margin-bottom:10px;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 1px 1px 5px 1px #b1b1b1;
	-moz-box-shadow: 1px 1px 5px 1px #b1b1b1;
	box-shadow: 1px 1px 5px 1px #b1b1b1;
}
.portfolio_two_columns .mosaic-backdrop  {display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.portfolio_two_columns .mosaic-backdrop img {padding:0!important;}
.portfolio_two_columns .mosaic-overlay {display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
.portfolio_two_columns .details-title  { height:150px;overflow:hidden;}

.portfolio_two_columns span.gallery-preview  {float:left;margin-left:20px; }
.portfolio_two_columns span.gallery-preview a {
	background:url(images/magnify.png) 7px 7px no-repeat #328ea2;
	padding-left:23px;
}

.portfolio_two_columns span.gallery-details { float:right;margin-right:20px; }
.portfolio_two_columns span.gallery-details a {
	color:#fff;
	padding-left:0;
	padding:5px 15px;
	background: #328ea2;
	border: 1px solid #62BCCF;
}

.portfolio_two_columns .details-title { height:150px;overflow:hidden;}
.portfolio_two_columns .details h4 {margin: 10px 0 10px 20px;color:#fff;margin-right:10px;}
.portfolio_two_columns .details p {padding:0 20px;color:#999;margin-top:15px;}

/* Three Columns */
li.portfolio_three_columns {height:220px;margin-right:25px;}
li.portfolio_three_columns .details { margin:10px;}
.portfolio_three_columns .mosaic-block-wrap {height: 188px;width: 288px;}
.portfolio_three_columns .mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:288px;
	height:188px;
	background:#111 url(images/progress.gif) no-repeat center center;
	margin-bottom:10px;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 1px 1px 5px 1px #b1b1b1;
	-moz-box-shadow: 1px 1px 5px 1px #b1b1b1;
	box-shadow: 1px 1px 5px 1px #b1b1b1;
}
.portfolio_three_columns .mosaic-backdrop  {display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.portfolio_three_columns .mosaic-backdrop img {padding:0!important;}
.portfolio_three_columns .mosaic-overlay {display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
.portfolio_three_columns .details-title  { height:150px;overflow:hidden;}

.portfolio_three_columns span.gallery-preview  {float:left;margin-left:20px; }
.portfolio_three_columns span.gallery-preview a {
	background:url(images/magnify.png) 7px 7px no-repeat #328ea2;
	padding-left:23px;
}

.portfolio_three_columns span.gallery-details { float:right;margin-right:20px; }
.portfolio_three_columns span.gallery-details a {
	color:#fff;
	padding-left:0;
	padding:5px 15px;
	background: #328ea2;
	border: 1px solid #62BCCF;
}

.portfolio_three_columns .details-title { height:130px;overflow:hidden;}
.portfolio_three_columns .details h4 {margin: 10px 0 10px 20px;color:#fff;margin-right:10px;}
.portfolio_three_columns .details p {padding:0 20px;color:#999;margin-top:15px;}

/* Four Columns */
li.portfolio_four_columns {height:250px;margin-right:22px;}

.portfolio_four_columns  .mosaic-block-wrap {height: 136px;width: 136px;}
.portfolio_four_columns .mosaic-block { 
	float:left;
	position:relative;
	overflow:hidden;
	width:208px;
	height:188px;
	background:#111 url(images/progress.gif) no-repeat center center;
	margin-bottom:10px;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 1px 1px 5px 1px #b1b1b1;
	-moz-box-shadow: 1px 1px 5px 1px #b1b1b1;
	box-shadow: 1px 1px 5px 1px #b1b1b1;
}
.portfolio_four_columns .mosaic-block:hover, .portfolio_three_columns .mosaic-block:hover, .portfolio_two_columns .mosaic-block:hover {
	border: 2px solid #cccccc;
}
.portfolio_four_columns .mosaic-backdrop {display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.portfolio_four_columns .mosaic-backdrop img {padding:0!important;}
.portfolio_four_columns .mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}
.portfolio_four_columns .fade .mosaic-overlay, .portfolio_three_columns .fade .mosaic-overlay, .portfolio_two_columns .fade .mosaic-overlay {
	background:url(images/bg-black.png);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
}
.portfolio_four_columns .details-title { height:150px;overflow:hidden;}
.portfolio_four_columns .details h4 {margin: 10px 0 10px 20px;color:#fff;margin-right:10px;}
.portfolio_four_columns .details p {padding:0 20px;color:#999;margin-top:15px;}

.portfolio_four_columns  span.gallery-preview {float:left;margin-left:20px; }
.portfolio_four_columns  span.gallery-preview a, .portfolio_four_columns  span.gallery-details a, .portfolio_three_columns  span.gallery-preview a, .portfolio_two_columns  span.gallery-preview a   {
	color:#fff;
	padding-left:0;
	padding:5px 15px;
	background: #328ea2;
	border: 1px solid #62BCCF;
}
.portfolio_four_columns  span.gallery-preview a, .portfolio_three_columns  span.gallery-preview a, .portfolio_two_columns  span.gallery-preview a {
	background:url(images/magnify.png) 7px 7px no-repeat #328ea2;
	padding-left:23px;
}
.portfolio_four_columns  span.gallery-details { float:right;margin-right:20px; }

.portfolio_four_columns  span.gallery-preview a:hover, .portfolio_four_columns  span.gallery-details a:hover, span.gallery-preview-video a:hover, .portfolio_three_columns  span.gallery-preview a:hover, .portfolio_three_columns  span.gallery-details a:hover, .portfolio_two_columns  span.gallery-preview a:hover, .portfolio_two_columns  span.gallery-details a:hover {
	color:#fff;
	opacity:.80;
	filter:alpha(opacity=80);
	filter: "alpha(opacity=80)";
}

/* Gallery */
li.portfolio_gallery img.play-button {
	height:47px;
	width:80px;
	border:none;
	margin-top:0;
	padding:0;
	position:absolute;
	bottom: 175px;
	left:110px;
}

/* Single */
#post-content-wrap .portfolio-single h3.post-title {margin-top:0;}
.portfolio-single img.play-button {
	height:47px;
	width:80px;
	border:none;
	margin-top:0;
	padding:0;
	position:relative;
	bottom: 180px;
	left:180px;
}
.portfolio-single .featured-image img {margin-bottom:30px;}
.portfolio-single #related-post ul li { 
    float: left;
    margin-left: 0;
    margin-right: 30px;
 }

.single-animals h4.details {margin-bottom:5px;}
.detail {background:url(images/tags.png) 0 2px no-repeat;padding:0 0 5px 20px;font-size:12px;}
.portfolio-project-link a {font-weight:300!important;}

/*------------------------------------------------*/
/*	404 Error Page
/*------------------------------------------------*/
.error-page {min-height:600px;}
.title-404 {font-size:42px;font-weight:bold}

/*------------------------------------------------*/
/*	Archives Page
/*------------------------------------------------*/
.page-template-template-archives-php .archive-posts  ul li, .page-template-template-archives-php .archive-categories  ul li {line-height:24px;list-style:none;margin-left:0;}
.page-template-template-archives-php .archive-posts  ul li a, .page-template-template-archives-php .archive-categories  ul li a  {font-size:14px;color:#AAAAAA;}
.page-template-template-archives-php .archive-posts  h4, .page-template-template-archives-php .archive-categories h4 {border-bottom:1px solid #efefef;padding-bottom:10px;}

/*------------------------------------------------*/
/*	Footer
/*------------------------------------------------*/
.footer-main-wrap {margin-top:40px;}

/* Widget Blocks */
#toggle-top {background:url(images/bg-expand.png) top left repeat-x #ffffff;height:6px;}
#expand-button {background:url(images/expand.jpg) 0 0 no-repeat; height:23px; width:73px;margin-left:10px;}
#toggle-top a {font-size: 5px;}
#footer-widgets-wrap {
	background:url(images/bg-footer.png) repeat-x #2e2e2e;
	width:100%;
	overflow: auto;
	min-height:235px;
}
#footer-widgets .widget-block {margin-top:20px;}
.widget-block h2 {font-size:18px;color:#222222;margin-bottom:13px;}
.widget-block p, .textwidget {color:#333333;}

#footer-widgets {margin-bottom:20px;margin-top:10px;}
#footer-widgets h2 {
	color:#ffffff;
	text-shadow: 1px 1px 1px #1d1d1d;
}
#footer-widgets .widget-block p, #footer-widgets .textwidget {
	color:#808080;
	text-shadow: 1px 1px 1px #1d1d1d;
}
#footer-widgets .textwidget a {color:#ccc;}

#footer-widgets ul.blogroll a { color: #999999; }
#footer-widgets ul.blogroll a:hover { color: #ffffff; }

/* Shop Widget Title */
#footer-widgets .widget_recent_entries h2, #footer-widgets .widget_product_search h2, #footer-widgets .widget_featured_products h2, #footer-widgets .widget_tag_cloud h2, #footer-widgets .widget_shopping_cart h2 { color: #333; 
	text-shadow: 0px 0px 0px #ffffff;
}

/*  Copyright */
#copyright-wrap {
	width:100%;
	background:url(images/bg-copyright.png) repeat-x #f9f9f9;
	height:55px;
	float:left;
	border-top:1px solid #3a3a3a;
}
#copyright {margin-top:5px;}
#copyright p {
	color:#a2a2a2;
	float:left;
	margin-top:12px;
	text-shadow: 1px 1px 1px #111111;
}

/* Footer Navivation */
.footer-nav {
	margin-top:12px;
	float:right;
	text-shadow: 1px 1px 1px #111111;
}
.footer-nav li {display:inline;margin-left:10px;}
.footer-nav a, .footer-nav li.current-menu-item a, .footer-nav li.current_page_item a  {color:#a2a2a2!important;}

/*------------------------------------------------*/
/*	Recent & Popular Posts Widgets
/*------------------------------------------------*/
/* Sidebar */
#sidebar .jg_recent_posts ul.recent-posts, #sidebar .jg_popular_posts ul.recent-posts {list-style:none!important;}
#sidebar .jg_recent_posts ul.recent-posts li, #sidebar .jg_popular_posts ul.recent-posts li {min-height:65px;list-style:none!important;}
#sidebar .jg_recent_posts ul.recent-posts img, #sidebar .jg_popular_posts ul.recent-posts img {border:1px solid #ccc;padding:2px;margin:0 10px 0 0;float:left;}
#sidebar .jg_recent_posts ul.recent-posts img:hover, #sidebar .jg_popular_posts ul.recent-posts img:hover {border:1px solid #999;}
#sidebar .jg_recent_posts ul.recent-posts .most-recent-title a, #sidebar .jg_popular_posts ul.recent-posts .most-recent-title a {color:#000000;}
#sidebar .jg_recent_posts ul.recent-posts .most-recent-excerpt, #sidebar .jg_popular_posts ul.recent-posts .most-recent-excerpt {color:#666666;}

/* Footer */
#footer-widgets ul.recent-posts {list-style:none!important;}
#footer-widgets ul.recent-posts li {min-height:65px;list-style:none;}
#footer-widgets ul.recent-posts img {border:1px solid #ccc;padding:2px;margin:0 10px 0 0;float:left;}
#footer-widgets ul.recent-posts img:hover {border:1px solid #999;}
#footer-widgets ul.recent-posts .most-recent-title a {color:#ccc;}
#footer-widgets ul.recent-posts .most-recent-excerpt {color:#999;}

/*------------------------------------------------*/
/*	Flickr Widget
/*------------------------------------------------*/
ul.flickr {list-style:none;margin-top:10px;}
ul.flickr li {display:inline;float:left;margin:0 9px 9px 0;}
ul.flickr li.last {margin-right:0;}
ul.flickr img {padding:2px;border:1px solid #ccc;}
ul.flickr img:hover {border:1px solid #999;}

/*------------------------------------------------*/
/*	Video Widgets
/*------------------------------------------------*/
#call-to-action .cta-widget h2.widgettitle {display:none;}
#call-to-action .cta-widget .jg_youtube {position:relative;left:20px;bottom:17px;}
#call-to-action .cta-widget .jg_vimeo {position:relative;left:40px;bottom:18px;}

/*------------------------------------------------*/
/*	Featured Ad Widget
/*------------------------------------------------*/
.featured-ad div {
	float:left;
	width:300px;
	height:155px;
	position:relative;
	overflow:hidden;
}
.featured-ad img {position:absolute;}

/*------------------------------------------------*/
/*	Social Icons Widgets
/*------------------------------------------------*/
.social-profiles img {margin:0 10px 10px 0;}
.social-profiles img:hover {
	-moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

/*------------------------------------------------*/
/*	Ads 120x240, 125x125, 300x250
/*------------------------------------------------*/
.jg_ad120x240_widget .sidebar_ad {text-align:center;}
.jg_ad120x240_widget .sidebar_ad img {border:1px solid #CCCCCC;padding:2px;}
.jg_ad120x240_widget .sidebar_ad img:hover {border:1px solid #999999;}

.ads-125 {margin-left:10px;}
#footer-widgets .ads-125 {margin-left:0px;}
.jg_ad125x125_widget ul li {list-style:none;float:left;display:block;margin:0 10px 10px 0;}
.jg_ad125x125_widget img {border:1px solid #CCCCCC;padding:2px;}
.jg_ad125x125_widget img:hover {border:1px solid #999999;}

/*------------------------------------------------*/
/*	Featured Ad
/*------------------------------------------------*/
.featured-ad{	
	-webkit-box-shadow: 1px 1px 2px 1px #B1B1B1;
	-moz-box-shadow: 1px 1px 2px 1px #B1B1B1;
	box-shadow: 1px 1px 2px 1px #B1B1B1;
}

/*------------------------------------------------*/
/*	Blog Tabs Widget
/*------------------------------------------------*/
.jg_blog_widget #tabs {padding: 0;width: 300px;}
.jg_blog_widget ul#tab-items {
	border-bottom: 1px solid #D5D5D5;
	margin-left: 1px!important;
	padding-right: 1px;
	float: left;
	height: 40px;
	list-style: none!important;
	margin: 0;
	padding: 0;
}
.jg_blog_widget #tab-items li {
	background: #FAFAFA;
	border: 1px solid #D5D5D5;
	border-left:none;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 0 -5px;
	overflow: hidden;
	padding: 0;
	width: 100px;
	list-style:none!important;
	box-shadow:0 0 0 2px rgba(0, 0, 0, 0.024) inset;
}
.jg_blog_widget #tab-items li#jg_tab1 { width: 72px; }
.jg_blog_widget #tab-items li#jg_tab2 { width: 70px; }
.jg_blog_widget #tab-items li#jg_tab3 { width: 90px; }
.jg_blog_widget #tab-items li#jg_tab4 { width: 63px;border-right:none; }
.jg_blog_widget #tab-items li a{
	border:1px solid #FFF;
	color:#5E5E5E;
	display:block;
	font-size:12px;
	text-decoration:none;
	padding: 0 2em .2em 1.4em;
	font-weight:300;
}
.jg_blog_widget #tab-items .ui-state-active {border-bottom:none;}
.jg_blog_widget .ui-widget-content {border:none!important;}
.jg_blog_widget .ui-corner-top  {border-top-right-radius:0px;border-top-left-radius:0px;}
.jg_blog_widget .ui-corner-all {border-radius:0px;}
.jg_blog_widget .ui-widget-header {background:none;border:none;color:#fff;font-weight:normal;}
.jg_blog_widget .ui-widget {font: normal 12px/18px 'Istok Web', arial, sans-serif;}
.jg_blog_widget .ui-tabs .ui-tabs-panel {padding: 0 0;}
.jg_blog_widget .ui-tabs .ui-tabs-nav li {top:0;}
.jg_blog_widget #tab-items li.ui-tabs-selected a, 
.jg_blog_widget #tab-items li.ui-state-active a {background: #ffffff;text-decoration: none;color: #666;}
.jg_blog_widget #tab-items li a:hover {background: #fff;}
.jg_blog_widget #tab-items li.ui-state-active a:hover {line-height: 40px;}
.jg_blog_widget .tabs-inner {border: 1px solid #d2d2d2;padding: 10px 0 10px 0;background: #fcfbf9;}
.jg_blog_widget .ui-tabs-hide { display: none; }
.jg_blog_widget .tab ul {list-style-type: none;margin: 40px 0 0!important;margin-bottom: 0;}
.jg_blog_widget .tab ul  h3 {margin-bottom:5px;}
.jg_blog_widget .tab ul li {border-bottom: 1px solid #e2e2e2;padding: 10px 10px 10px 20px;min-height: 60px;list-style:none!important;}
.jg_blog_widget .tab ul li:last-child {border-bottom: none;}
.jg_blog_widget .tab-thumb { background: #fff;float: left;margin: 5px 13px 0 0;}
.jg_blog_widget .tab-thumb img { vertical-align: bottom; padding:2px;border:1px solid #8D8D8D;}
.jg_blog_widget .tab-thumb img:hover {border:1px solid #999999;}
.jg_blog_widget .entry-title, .jg_blog_widget .entry-title a {font-size: 12px;line-height: 18px;text-transform: none;font-weight: normal;padding: 0;}
.jg_blog_widget .entry-meta {float: left;padding: 0;margin: 0;}
.jg_blog_widget .entry-meta, .jg_blog_widget .entry-meta a {color: #aaaaaa;background: none;font-size: 11px;font-weight:300;}
.jg_blog_widget .entry-meta a:hover {text-decoration: none;background:#fff;}
.tab-comments .avatar {background: #ffffff;float: left;margin: 5px 13px 0 0;padding:2px;border:1px solid #8D8D8D;}
.tab-comments .avatar:hover {border:1px solid #999999;opacity:0.8;}
.tab-comments h3, .tab-comments h3 a {font-size: 12px;line-height: 20px;font-weight: normal;font-style: italic;color: #666;text-transform: none;}

/* Tag Cloud */
.tab-tags  {font: normal 10px/20px 'Droid sans',arial,sans-serif;margin:50px 10px 0 20px;}
.tab-tags a {
	text-decoration: none;
	padding: 4px 10px;
	background: #efefef;
	display: inline-block;
	color:#A0A0A0;
	font-style:normal;
	margin:0 7px 7px 0;
	background: #ffffff;
	display: inline-block;
	border: 1px solid #dadada;
	font-weight:300;
}
.tab-tags a:hover {
	color: #333;
	border:1px solid #bbbbbb;
	box-shadow:0 0 3px 0 #cccccc;
	-webkit-box-shadow:0 0 3px 0 #cccccc;
	-moz-box-shadow:0 0 3px 0 #cccccc;
}

/*------------------------------------------------*/
/*	Column Shortcodes
/*------------------------------------------------*/
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 25px;
	float: left;
}

.column-last {margin-right: 0!important;clear: right;}

/*------------------------------------------------*/
/*	Button Shortcodes
/*------------------------------------------------*/
a.buttons {
	background-image: url(images/shortcodes/button_left_sprite.png);
	display: block;
	border: none;
	margin: 0 10px 10px 0;
	padding: 0 0 0 17px;
	cursor: pointer;
	font-weight:normal!important;
	color: #111111;
}
a:hover.buttons {border: none; }
a.buttons span {
	background-image: url(images/shortcodes/button_sprite.png);
	padding: 9px 20px 10px 5px;
	font: 12px 'Droid Sans',arial,sans-serif;
}

/* Silver Button */
a.button_silver {background-position: 0 0;color: #333;}
a.button_silver:hover {color: #333!important;}
a.button_silver span {background-position: 100%  0;}
a:hover.button_silver{ background-position: 0 610px; background-color:transparent!important;}
a:hover.button_silver span { background-position: 100% 610px; background-color:transparent!important;}

/* Green Button */
a.btn_green {background-position: 0 569px;color: #435425;}
a.btn_green:hover {color: #435425!important;}
a.btn_green span { background-position: 100%  569px;}
a:hover.btn_green { background-position: 0 528px;background-color:transparent!important; }
a:hover.btn_green span { background-position: 100% 528px;background-color:transparent!important; }

/* Red Button */
a.btn_red {background-position: 0 488px;color: #57222e;}
a.btn_red:hover  {color: #57222e!important;}
a.btn_red span { background-position: 100%  488px; }
a:hover.btn_red { background-position: 0 448px;background-color:transparent!important; }
a:hover.btn_red span { background-position: 100% 448px;background-color:transparent!important; }

/* Blue Button */
a.btn_blue {
	background-position: 0 408px;
	color: #ffffff;
	text-shadow: 0px 1px 1px #4890a9;
}
a.btn_blue:hover {color: #d1ebf4!important;}
a.btn_blue span {background-position: 100% 408px;}
a:hover.btn_blue { background-position: 0 368px;background-color:transparent!important; }
a:hover.btn_blue span { background-position: 100% 368px;background-color:transparent!important; }

/* White Button */
a.btn_white {background-position: 0 328px;color: #444444;}
a.btn_white:hover {color: #444444!important;}
a.btn_white span { background-position: 100%  328px; }
a:hover.btn_white { background-position: 0 288px;background-color:transparent!important; }
a:hover.btn_white span { background-position: 100% 288px;background-color:transparent!important; }

/* Black Button */
a.btn_dark {background-position: 0 248px;color: #fff;text-shadow: none;}
a.btn_dark:hover {color: #ffffff!important;}
a.btn_dark span { background-position: 100%  248px; }
a:hover.btn_dark { background-position: 0 208px;color: #fff;background-color:transparent!important; }
a:hover.btn_dark span { background-position: 100% 208px;background-color:none!important;background-color:transparent!important; }

/*------------------------------------------------*/
/*	Alert Shortcodes
/*------------------------------------------------*/
.alert {font-family: 'Droid Serif', "Times New Roman", Times, serif;text-align: center;margin: 0 0 25px 0;padding: 12px 5%;clear:both;}
.alert.blue {background: url(images/shortcodes/alert-blue.gif);border: 1px solid #89acd1;color: #326294;}
.alert.red {background: url(images/shortcodes/alert-red.gif);border: 1px solid #f9bac7;color: #d54c4c;}
.alert.orange {background: url(images/shortcodes/alert-orange.gif);border: 1px solid #efd1b1;color: #cc6600;}
.alert.green {background: url(images/shortcodes/alert-green.gif);border: 1px solid #cadba7;color: #5f8b33;}
.alert.white {background: url(images/shortcodes/alert-white.gif);border: 1px solid #e4e4e4;color: #444444;}
.alert.dark {background: url(images/shortcodes/alert-dark.gif);border: 1px solid #333333;color: #ffffff;}

/*------------------------------------------------*/
/*	Info Box Shortcodes
/*------------------------------------------------*/
.toggle-wrap {clear: both;margin: 20px 0;}
.toggle-wrap p:last-child { margin: 0 }
.inner {
	color: #585858;
	padding: 20px 15px 20px 15px;
	border: 1px solid #d3d3d3;
	border-top: none;
	overflow: hidden;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.toggle-wrap h3 {
	font-family: 'Open Sans', arial, sans-serif;
	padding: 13px 15px 12px 15px;
	margin: 0;
	font-size: 16px;
	border: 1px solid #d3d3d3;
	background:#efefef;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #ffffff;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/*------------------------------------------------*/
/*	Tabbed Box Shortcode
/*------------------------------------------------*/
.tabs {padding: 0 10px 10px 0;float: none;}
.tabs ul {margin: 0}
.tabs li { list-style: none;margin-left:0px; }
.tab_wrap {
	background: #fff;
	color: #444444;
	border: 1px solid #d2d2d2; 
	float: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.tabs ul.nav {
	background: #efefef;
	width: 100%;
	height: 39px;
	font-size: 12px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.tabs ul.nav li a {
	display: block;
	padding: 11px 20px 8px 20px;
	text-align: center;
	border: none;
	color: #555555;
	font-family: 'Open Sans', arial, sans-serif;
}
.tabs ul.nav li a:hover {background: url(images/shortcodes/tab_border.gif) repeat-y right #fff }
.tabs ul.nav li.ui-tabs-selected a:hover { padding-bottom: 9px }
.tabs ul.nav li {float: left;position: relative;padding: 0 0 0 0;background: url(images/shortcodes/tab_border.gif) repeat-y right;border:none;	}
.tabs .padder { padding: 20px 20px; }
.tabs .tab p:last-child { margin: 0 }
.tabs ul.nav li.ui-tabs-selected a {background: url(images/shortcodes/tab_border.gif) repeat-y right #fff;border: none;padding-bottom: 9px;}
.tabs ul.nav li.ui-tabs-selected {background:#e23333;}
.tabs ul.nav li.first a {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}
.tabs ul.nav li a {text-transform:uppercase;font-weight:300!important;}
.tabs .tab {float: none;padding: 0;margin: 0;}
.ui-tabs .ui-tabs-hide {display:none }

/*------------------------------------------------*/
/*	Toggle Content Shortcode (Open)
/*------------------------------------------------*/
.toggle-wrap.toggle h3 {cursor: pointer;text-transform:uppercase; }
#content .callout_box.toggle h4:hover { border: 1px solid #bebebe; }
.toggle-wrap.toggle h3 span {
	background: url(images/shortcodes/up_down_sprite.gif) 12px 12px;
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 3px 10px 0 0;
}

/*------------------------------------------------*/
/*	Toggle Content Shortcode (Closed)
/*------------------------------------------------*/
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; 
	background: url(toggle_block_btm.gif) no-repeat left bottom; 
}

/*------------------------------------------------*/
/* 	Text Highlighting Shortcodes
/*------------------------------------------------*/
.highlight span {padding:0px 5px;}
.highlight span.yellow {background-color:#fcfdb9;}
.highlight  span.red {color:#6e0601;background-color:#f4bbb9;}
.highlight  span.green {color:#055c00;background-color:#cfde94;}
.highlight span.blue {color:#023760;background-color:#bad4ef;}
.highlight  span.gray {color:#333333;background-color:#c7c7c7;}
.highlight  span.black {color:#ffffff;background-color:#3e3e3e;}

/*------------------------------------------------*/
/* 	Strong Heading Shortcode
/*------------------------------------------------*/
h2.strong-title {margin-bottom:30px;line-height:1.3;}
h2.strong-title a {
	font-family:'Anton', arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	background:#222222;
	padding:0 15px;
	font-weight:normal!important;
}

/*------------------------------------------------*/
/* 	Image Hover Shortcode
/*------------------------------------------------*/
.image-hover a:hover {background-color:#fff!important;color:#fff;}

/*------------------------------------------------*/
/* 	Back to Top
/*------------------------------------------------*/
#toTop{
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(images/ui.totop.png) no-repeat left top;
}
#toTopHover{
	background:url(images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity:0;
	-moz-opacity:0;filter:alpha(opacity=0);
}
#toTop:active,#toTop:focus{outline:none;}