  /* LICENSE & DETAILS

   ==================================================



	Theme Name: JSU Main 

	Theme URI: --

	Description: JSU Main WP theme - custom design revisions and coding by AndiSites - inspired by the Ability theme by Ed Cousins

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Version: 1.6

	Author: AndiSites and Ed Cousins

	Author URI: www.andisites.com / www.edcousins.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)



   ==================================================

*/



/* Table of Contents

==================================================



	#General

	#Header

	#Footer

	#Home

	#Portfolio

	#Blog

	#Sidebar

	#Comments

	#Contact 

	#Shortcodes



/* #General

================================================== */



body {

	padding: 0;

	margin: 0;

	background-image: url(images/body.png);

	

}

a {

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

body, h1, h2, h3, h4, h5, h6 {

	font-family: 'Cabin', sans-serif;

    line-height: 1.5em

}

h1 {

	font-size: 48px;

	line-height: 1.5em;

}

h2 {

	font-size: 42px;

	line-height: 1.5em;

}

h3 {

	font-size: 36px;

	line-height: 1.5em;

}

h4 {

	font-size: 26px;

	font-weight: bold;

	line-height: 1.5em;

}

h5 {

	font-size: 22px;

	line-height: 1.5em;

}

p {

	line-height: 1.5em;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

}

.no-js-alert {

	background: none repeat scroll 0 0 #222222;

	color: #FFFFFF;

	font-size: 24px;

	height: 100%;

	left: 0;

	opacity: 0.95;

	-moz-opacity: 0.95;

	filter:alpha(opacity= 95);

	padding: 20% 5% 0;

	position: fixed;

	text-align: center;

	top: 0;

	width: 90%;

	z-index: 9999;

}

.section {

	padding-bottom: 0px;

}

.section-heading {

}

.section-heading-content {

	padding: 30px 0;

}

 

.topgradient {

	display: block;

	content:" ";

	width:100%;

	height:154px;

	position:absolute;

	background:url(images/gradient-sep.png) repeat-x;

	left:0;	

}



.section-heading h1 {

	display: inline-block;

	margin: 2px 0 -3px;

	border-bottom: 3px solid transparent;

	padding-bottom: 10px;

	/*padding-top: 150px;*/

}

h1.single-h {

	margin-top:0 !important;	

	

}

.sub-heading {

	border-top: 3px solid transparent;

	border-bottom: 1px dashed transparent;

	padding: 15px 0;

	height: auto;

	overflow: hidden;

}

.recent-blog .sub-heading {

	border-bottom: 0;

	padding: 0;

}

.section-heading span.section-desc {

	font-style: italic;

	display: inline-block;

	float: left;

	line-height: 30px;

	font-size: 18px;

	width: auto;

}

.section-heading.portfolio-heading span.section-desc {

	width: 680px;

}

.section-heading.blog-heading span.section-desc {

	width: 750px;

}

.divider {

	width: 100%;

	height: auto;

	padding: 20px 0;

	background: transparent url(images/divider-line.png) no-repeat center center;

	margin-top: 0px;

}

.divider .back-to-top {

	/* background: url("images/back-to-top.png") no-repeat 5px 6px transparent; */

	background-image: url("images/direction_imgs.png");

 	background-position: -5px -74px;

	display: block;

	height: 28px;

	width: 28px;

	padding: 5px;

	margin: 0 auto;

	border-radius: 20px;

	text-indent: -9999px;

}

#main-container {

	z-index: 1;

	clear: both;

}

#content {

	padding: 190px 0 40px;

}

figure img {

	width: 100%;

	height: auto;

}

.flexslider {

	position: relative;

	background: #fff url(images/loading.gif) no-repeat center center;

}

.flexslider .slides li {

	margin-bottom: 0;

	list-style-type: none;

}

.flexslider .slides img {

	width: 100%;

	height: auto;

}

.flexslider .flex-caption {

	width: 96.2%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-ms-text-overflow: ellipsis;

	display: inline;

	float: left;

}

.flex-direction-nav {

	position: absolute;

	bottom: auto;

	right: auto;

	top: 47%;

	width: 100%;

}

.flex-direction-nav li a {

	background-image: url(images/slider_nav.png);

	width: 22px;

	height: 40px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

	list-style-type: none;

}

.flex-direction-nav li .prev {

	left: -31px;

	background-position: 0 -80px;

}

.flex-direction-nav li .prev:hover {

	background-position: 0 -120px;

}

.flex-direction-nav li .next {

	background-position: 0 -40px;

	right: -31px;

}

.flex-direction-nav li .next:hover {

	background-position: 0 0;

}

.flex-control-nav li a {

	background-image: url(images/slider_control.png);

	background-position: 0 -19px;

	width: 19px;

	height: 19px;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

	list-style-type: none;

}

.flex-control-nav li a:hover, .flex-control-nav li a.active {

	background-position: 0 0;

}

p.flex-caption {

	text-shadow: none;

	background: rgba(0, 0, 0, .4);

}

li.item {

	position: relative;

	margin-bottom: 16px;

	-webkit-box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 1);

	-moz-box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 1);

	box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 1);

	transition: border 0.3s ease-in-out, background 0.3s ease-in-out;

	-moz-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;

	-webkit-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;

	-o-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;

}

.container li.three.columns {

	width: 300px;

}

li.item h5, li.item .date, li.item h4, li.item .blog-excerpt, li.item .aside-excerpt, li.item .details span, li.item .details span > a, li.item figure img, li.item .actions, li.item span, li.item span a, li.item .jp-title ul .title, li.item .holder {

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

li.item span.love, li.item span.love a {

	opacity: 1;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

}

li.item h5 {

	padding: 0 15px;

	margin-top: 15px;

	height: 45px;

	text-align: center;

}

li.item a {

	text-decoration: none;

}

li.item p.date {

	font-size: 12px;

	text-align: center;

	margin: 0 20px 15px;

	border-top: 1px solid transparent;

	margin: 0 20px 15px;

	padding-top: 10px;

}

li.item figure a, li.blog-item figure a {

	display: block;

}

li.item figure img, .figure-img img, li.blog-item figure img {

	display: block;

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity= 100);

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	z-index: 999;

}

li.item figure .image-post img {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

li.item:hover figure img, li.current-item figure img, .figure-img:hover img, li.item:hover .flexslider img, li.blog-item:hover figure img {

	opacity: 0.1;

	-moz-opacity: 0.1;

	filter:alpha(opacity= 10);

}

li.item .actions {

	position: absolute;

	top: 58px;

	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity=0);

	width: 100%;

	z-index: 9999;

}

li.item:hover .actions, li.item.current-item .actions {

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity=100);

}

li.item:hover .actions a.lightbox, li.item.current-item .actions a.lightbox {

	margin-left: 70px;

}

li.item:hover .actions a.link, li.item.current-item .actions a.link {

	margin-right: 70px;

}

.actions a {

	width: 35px;

	height: 35px;

	display: block;

}

.actions a:hover {

	opacity: 0.6;

	-moz-opacity: 0.6;

	filter:alpha(opacity=60);

}

.actions .lightbox {

	background: transparent url(images/actions.png) no-repeat top right;

	float: left;

}

.actions .link {

	background: transparent url(images/actions.png) no-repeat top left;

	float: right;

}

a.standard-post {

	background: transparent url(images/view-standard.png) no-repeat center center;

}

a.audio-post {

	background: transparent url(images/view-audio.png) no-repeat center center;

}

a.video-post {

	background: transparent url(images/view-video.png) no-repeat center center;

}

a.image-post {

	background: transparent url(images/view-image.png) no-repeat center center;

}

a.gallery-post {

	background: transparent url(images/view-gallery.png) no-repeat center center;

}

a.link-post {

	background: transparent url(images/view-link.png) no-repeat center center;

}

a.quote-post {

	background: transparent url(images/view-quote.png) no-repeat center center;

}

a.aside-post {

	background: transparent url(images/view-aside.png) no-repeat center center;

	

}

.sticky {

}

.bypostauthor .comment-meta {

	background: transparent url(images/post-author.png) no-repeat right 5px;

}

img.size-full {

	width: 100%;

}

.page-text img.size-full, .widget img.size-full, .body-content img.size-full {

	height: auto;

}

.alignnone {

	margin: 5px 20px 20px 0;

}

.aligncenter, div.aligncenter {

	display:block;

	margin: 5px auto 5px auto;

}

.alignright {

	float:right;

	margin: 5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin: 5px 20px 20px 0;

}

.aligncenter {

	display: block;

	margin: 5px auto 5px auto;

}

a img.alignright {

	float:right;

	margin: 5px 0 20px 20px;

}

a img.alignnone {

	margin: 5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin: 5px 20px 20px 0;

}

a img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto

}

.wp-caption {

	background: #fff;

	border: 1px solid #f0f0f0;

	max-width: 96%; /* Image does not overflow the content area */

	padding: 5px 3px 10px;

	text-align: center;

}

.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}

.wp-caption img {

	border: 0 none;

	height: auto;

	margin:0;

	max-width: 98.5%;

	padding:0;

	width: auto;

}

.align-left {

	text-align: left;

}

.align-right {

	text-align: right;

}

.clear {

	clear: both;

	height: auto;

	overflow: hidden;

}

.no-margin {

	margin: 0;

}

.wp-caption-text, .gallery-caption {

	font-size: 1.2em;

	padding: 10px 0;

}



.section-nav {

	margin-bottom: 0;

	height: auto;

	overflow: hidden;

	display: none;

	border-bottom: 1px dashed transparent;

	border-top: 1px dashed transparent;

	padding: 15px 0 15px;

}

nav.section-nav > div {

	float: right;

}

nav .menu {

	z-index: 9999;

	text-transform: uppercase;

	height: auto;

	margin-bottom: 0;

}

nav .menu li {

	float: left;

	display: inline;

	margin: 0 0 0 15px;

	font-size: 15px;

	position: relative;

	list-style-type: none;

	font-family: Arial, sans-serif;

	font-weight: bold;

}

/*nav .menu li:before {

	content: "/";

}*/

nav .menu li:first-child:before {

	content: "";

}

nav.section-nav .menu li {

	font-size: 14px;

	list-style-type: none;

}

nav .menu li:first-child {

	margin-left: 0;

}

nav .menu li a {

	text-decoration: none;

	padding: 10px 1px 10px 3px;

	color: #ffffff;

	line-height: 3em;

}

nav .menu ul {

	position: absolute;

	top: -9999em;

	width: 200px;

	max-width: 200px;

	height: auto;

	border: 1px solid transparent;

	z-index: 40;

	margin: 5px 0 0 0;

}

nav .menu ul li {

	width: 100%;

	z-index: 42;

	position: relative;

	display: block;

	list-style-type: none;

}

nav .menu ul li:before {

	content: "";

}

nav .menu li:hover ul, nav .menu li.sfHover ul {

	left: 10px;

	top: 30px;

	z-index: 99;

}

nav .menu li:hover li ul, nav .menu li.sfHover li ul {

	top: -9999em;

}

nav .menu ul.sub-menu li:hover ul, nav .menu ul.sub-menu li.sfHover ul {

	left: 140px;

	top: 10px;

}

nav .menu ul li {

	background: none repeat scroll 0 0 transparent;

	border-bottom: 1px solid transparent;

	float: none;

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-weight: normal;

	text-transform: none;

}

nav .menu ul li:last-child {

	border: medium none;

}

nav .menu ul li a {

	padding: 8px 10px;

	display: block;

	margin-bottom: 0;

}



nav ul.menu ul li.menu-item a {

    color: #222222;

    line-height: 1em;

}



nav .menu li.sfHover ul a {

	color: #3F3E3C;

}

nav .menu li.sfHover ul a:hover {

	color: #b7b7b7;

}

nav .menu li:hover ul li a {

	color: #333d53;

	background-color: transparent;

}

nav .menu ul ul ul, nav .menu ul ul ul ul, nav .menu ul ul ul ul ul { /* Hide subnavs lower than 2 levels */

	display: none;

}



nav.section-nav .menu li a {

	padding: 10px 0 10px 10px;

	line-height: 30px;

}

.controls-wrap {

	float: right;

	height: auto;

	overflow: hidden;

}

.controls {

	display: none;

}

.view-all {

	display: inline-block;

}

.controls a, .view-all a {

	padding: 8px 9px 8px 10px;

	text-decoration: none;

	display: block;

	float: left;

	margin-left: 5px;

	width: auto;

	text-transform: uppercase;

	font-size: 12px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid transparent;

}

.controls a:hover {

	cursor: pointer;

}

.controls a#portfolio-prev, .controls a#portfolio-next {

	padding: 8px 9px 8px 10px;

}

.loading {

	background: #fff url(images/loading.gif) no-repeat center center;

	width: 40px;

	display: none;

	height: 40px;

	margin: 0 auto 30px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.form-loading {

	background: #fff url(images/loading.gif) no-repeat center center;

	width: 40px;

	height: 40px;

	display: block;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.small-loading {

	background: #fff url(images/small-loading.gif) no-repeat center center;

	height: 28px;

	width: 28px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid transparent;

	display: none;

	margin-left: 5px;

}

.site-loading {

	position: absolute;

	top: 27px;

	right: 40px;

	z-index: 9999;

	display: block;

	margin: 0;

}

.meta {

	font-size: 12px;

	font-weight: bold;

	margin: 0 20px 10px;

	height: auto;

	overflow: hidden;

}

.portfolio-detail-description .meta {

	border-top: 1px solid transparent;

	padding-top: 20px;

	text-align: center;

}

.portfolio-detail-description .meta > span {

	display: inline-block;

	float: none;

}

.meta > span {

	padding-left: 20px;

	margin-right: 15px;

	margin-bottom: 8px;

	display: inline;

	float: left;

	height: auto;

}

.blog-items .meta span {

	padding-left: 0;

	margin-right: 5px;

	background: none;

	font-size: 10px;/*text-transform: uppercase;*/

}

.meta span.love {

	padding-left: 0;

}

.meta span a {

	text-decoration: none;

}

.meta .tags {

	background: transparent url(images/meta-tags.png) no-repeat left 2px;

}

.meta .link {

	background: transparent url(images/meta-link.png) no-repeat left 2px;

}

.meta .categories {

	background: transparent url(images/meta-categories.png) no-repeat left 3px;

}

.meta .comments {

	background: transparent url(images/meta-comments.png) no-repeat left 3px;

}

.meta .time-ago {

	background: transparent url(images/meta-time.png) no-repeat left 3px;

	padding-left: 18px;

}

.meta span.love .icon {

	background: transparent url(images/meta-love.png) no-repeat right 4px;

	display: inline;

	float: left;

	height: 13px;

	width: 12px;

	margin-right: 6px;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

}

.meta span.love .liked .icon, .meta span.love:hover .icon {

	background-position: left 4px;

}

.portfolio-detail-description .meta > span {

	margin-bottom: 15px;

	line-height: 16px;

}

.portfolio-detail-description .meta span.love .icon {

	background-position: right 2px;

}

.portfolio-detail-description .meta span.love:hover .icon, .portfolio-detail-description .meta span.love .liked .icon {

	background-position: left 2px;

}

.pagenavi {

	float: right;

	padding: 10px;

	font-size: 12px;

	font-weight: bold;

	-webkit-box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1);

	-moz-box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1);

	box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1);

}

.pagenavi span.current {

	margin: 0 5px;

}

.pagenavi a {

	margin: 0 5px;

	text-decoration: none;

}

a.view-item {

	position: absolute;

	display: block;

	padding: 3px 8px 3px;

	right: 0;

	bottom: 0;

	text-decoration: none;

	font-size: 12px;

	-webkit-border-radius: 3px 0 3px 0;

	-moz-border-radius: 3px 0 3px 0;

	border-radius: 3px 0 3px 0;

}

.single-navigation {

	margin: 30px 0 0;

}

.single-navigation .nav-previous {

	float: left;

}

.single-navigation .nav-next {

	float: right;

}

.blog-navigation, .single-navigation {

	margin-top: 20px;

	background: transparent url(images/scanlines-sidebar.png) repeat top left;

}

.blog-navigation a, .single-navigation a {

	margin: 15px 15px 18px 15px;

	text-decoration: none;

	padding: 8px 10px 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	font-size: 14px;

	display: inline-block;

}

.nav-previous {

	float: left;

	text-align: left;

}

.nav-next {

	float: right;

	text-align: right;

}

div.pp_default .pp_expand {

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

}

.video-player video {

	display: block;

}

.page-text h2 {

	margin-bottom: 20px;

}

.comment-subscription-form input {

	float: left;

	margin-right: 10px;

}

/* #Header

================================================== */



#header-section {

/*	border-top: 10px solid transparent;

*/	width: 100%;

	background-color: #002147;

	height: 246px;

	position: fixed;

	z-index: 99;

	clear: both;

	top: 0;

	left: 0;

	border-bottom: 1px solid;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	background: url(images/mainheaderbg.jpg) no-repeat center bottom #002147;

}

header {

	margin: 0 auto;

	position: relative;

}

#logo a {

	display: block;

}

#logo a img {

	padding: 0;

	/*height: 250px;*/

}

#logo a:hover {

	/* opacity: 0.6; */

}

.nav-wrap {

	/* display: none;*/

}

#main-navigation, #mobile-navigation {

	float: right;

	margin: -145px 0 0 220px;

}

#mobile-navigation {

	display: none;

	width: 200px;

}

#mobile-navigation > div {

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	font-family: Arial, sans-serif;	font-size: 14px;

	background: #F1F1F1 url(images/select.png) no-repeat right center;

	border-color: #CCC #E6E6E6 #E6E6E6 #CCC;

	border-style: solid;

	border-width: 1px;

	height: 26px;

	width: 344px;

	margin: 0 auto;

	width: 200px;

	display: block;

	color: #888;

	position: relative;

}

#mobile-navigation > div select {

	cursor: pointer;

	height: 28px;

	margin: 0;

	-moz-opacity: 0;

 filter: alpha(opacity: 0);

	opacity: 0;

	padding: 0;

	position: relative;

	width: inherit;

	z-index: 4;

}

/* #Footer

================================================== */



#footer {

	min-height: 300px;

	border-top: 10px solid;

	padding-top: 40px;

	margin-top: 20px;

	z-index: 1;

	position: relative;

}

#footer .divide {

	height: 1px;

	margin-top: 20px;

	margin-bottom: 10px;

	-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);

	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);

}

.footer-widgets .four{ width:300px !important;}

.widget_quick-flickr-widget{display:none; }

#footer section.widget {

	margin: 0 5px 30px;

}

section.widget .widget-heading {

	background: transparent url(images/scanlines-sidebar.png) repeat top left;

	margin-bottom: 20px;

}

section.widget .widget-heading h4 {

	padding-right: 20px;

 	font-size:24px;

	background:url(images/news-block-bg-50.png);

	margin: 0;

	line-height:1.2em;

	padding:2px 20px 2px 10px;

	font-weight:400;

}

section.widget .widget-heading h4 a {

	padding-right: 20px;

 	font-size:24px;

	margin: 0;

	line-height:1.2em;

	padding:2px 20px 2px 10px;

	font-weight:400;

}



img.news-header {

	max-width:108%;	

}

#footer .widget-heading h4 {

	background-image:none;

	padding-left:0;

	font-size:20px;	

}



#footer .widget-heading h4 a {

	background-image:none;

	padding-left:0;

	font-size:20px;	

}

section.widget a, section.widget p, .twitter-widget .twitter-link {

	font-size: 16px

}

.flickr_images {

	margin-right: -6px;

}

.widget .flickr_images li {

	margin: 0 6px 6px 0;

	float: left;

	width: auto;

	background: none;

	padding-left: 0;

}

section.flickr-widget a.flickr-img-link {

	display: block;

	border: 3px solid #fff;

}

section.flickr-widget img {

	width: 60px;

	height: 60px;

	display: block;

}

section.widget input {

	width: 200px;

}

.twitter-widget li.tweet {

	margin-bottom: 20px;

	background: none;

	padding-left: 0;

}

.twitter-widget .twitter-text {

	padding: 10px;

	font-size: 14px;

}

#footer .twitter-widget .twitter-text a {

/*	font-weight: bold;*/

}

.twitter-widget .tweet-arrow {

	width: 0;

	height: 0;

	border-top: 12px solid #838282;

	border-left: 12px solid transparent;

	border-right: 12px solid transparent;

	display: block;

	margin: 0 0 5px 10px;

}

.twitter-widget .twitter-date {

	font-size: 1ƒ2px;

	/*font-weight: bold;*/

}

.twitter-widget .twitter-link {

	font-size: 14px;

	/*font-weight: bold;*/

	line-height: 150%;

}

ul.social-icons {

	height: auto;

	overflow: hidden;

	margin-right: -12px;

}

.page-text ul.social-icons {

	margin-right: 0;

}

ul.social-icons li {

	float: left;

	display: inline;

	width: 32px;

	height: 32px;

	margin-right: 12px;

	background: none;

	padding-left: 0;

	list-style-type: none;

}

ul.social-icons li a {

	background: transparent url(images/social_icons.png) no-repeat 0 0;

	display: block;

	width: 32px;

	height: 32px;

	text-indent: -9999px;

}

ul.social-icons li a:hover {

	opacity: 0.7;

	-moz-opacity: 0.7;

	filter:alpha(opacity= 70);

}

ul.social-icons li.twitter a {

	background-position: 0 0;

}

ul.social-icons li.facebook a {

	background-position: -32px 0;

}

ul.social-icons li.dribbble a {

	background-position: -64px 0;

}

ul.social-icons li.vimeo a {

	background-position: -96px 0;

}

ul.social-icons li.tumblr a {

	background-position: -128px 0;

}

ul.social-icons li.spotify a {

	background-position: -160px 0;

}

ul.social-icons li.skype a {

	background-position: -192px 0;

}

ul.social-icons li.linkedin a {

	background-position: -224px 0;

}

ul.social-icons li.lastfm a {

	background-position: -256px 0;

}

ul.social-icons li.googleplus a {

	background-position: -288px 0;

}

ul.social-icons li.flickr a {

	background-position: -320px 0;

}

ul.social-icons li.youtube a {

	background-position: -352px 0;

}

ul.social-icons li.behance a {

	background-position: -384px 0;

}

ul.social-icons li.pinterest a {

	background-position: -416px 0;

}

.back-to-top {

/*	background: transparent url(images/back-to-top.png) no-repeat top left;*/

	background-image: url("images/direction_imgs.png");

	background-position: -5px -74px;

	width: 35px;

	height: 32px;

	display: block;

	margin-top: 4px;

}

#footer .back-to-top {

	float: left;

}

.back-to-top:hover {

	cursor: pointer;

}

#copyright {

	padding: 0 0 10px;

}

#copyright p {

	font-size: 10px;

	padding: 10px 0 10px;

	font-weight: bold;

	float: right;

	text-align: right;

	max-width: 80%;

}

#copyright a {

	text-decoration: none;

}

/* #Home

================================================== */



.home-slider-wrap {

	height: auto;

	overflow: hidden;

	/*margin-bottom: 10px;*/

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

	max-height: 800px;

}

#home-slider {

	border: 0;

	margin-bottom: 40px;

	min-height: 140px;

	max-height: 805px;

	width: 100%;

	clear: both;

}

#home-slider, #home-slider li img, #home-slider li iframe {

	display: block;

}

#home-slider .video-container {

	position: relative;

	padding-bottom: 47.9%;

	height: 0;

	overflow: hidden;

	background:#000000;

	text-align:center;

}

#home-slider li {

	overflow: hidden;

/*	max-height: 805px;*/

}

#home-slider li iframe {

	position: absolute;

	top: 0;

	left: 0;

/*	max-height: 805px;

*/}

#home-slider .flex-caption-wrap {

	position: absolute;

	text-align: left;

	/* width: 100%; */

	bottom: 3%;

}

#home-slider .custom-caption {

	margin: 0 auto;

	float: none;

	display: block;

	opacity:0;

}

#home-slider .custom-caption div{

	font-size: 18px;

	padding: 7px 7px 0px 7px;

	line-height: 140%;

	color: #fff !important;

	display: inline-block;

	background: rgba(0, 0, 0, 0.8);

	opacity:1;	

}

#home-slider .custom-caption h3 {

	color:#CCC;	

}

#home-slider .custom-caption a {

	text-decoration: none;

	color: #CCC;

}

#home-slider .flex-control-nav {

	bottom: -40px;

	height: auto;

	background-color: #e8e8e8;

	padding: 9px 0 13px;

	border-bottom: 1px solid transparent;

}

#home-slider .flex-control-nav li {

	line-height: 8px;

}

#home-slider .flex-control-nav a {

	height: 8px;

	width: 24px;

	display: inline-block;

	margin-right: 5px;

	text-indent: -9999px;

	background-color: #ccc;

	background-image: none;

	-moz-box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.4);

	box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.4);

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

#home-slider .flex-control-nav a:hover, #home-slider .flex-control-nav a.active {

	background-color: #222;

}

#home-slider .flex-direction-nav {

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity= 0);

}

#home-slider:hover .flex-direction-nav {

	opacity: 0.8;

	-moz-opacity: 0.8;

	filter:alpha(opacity= 80);

}

#home-slider .flex-direction-nav li .prev {

	left: 20px;

	background-position: 0 0;

}

#home-slider .flex-direction-nav li .next {

	right: 20px;

	background-position: -50px 0;

}

#home-slider .flex-direction-nav li .prev:hover, #home-slider .flex-direction-nav li .next:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity= 100);

}

#home-slider .flex-direction-nav li a {

	/* background-image: url(images/bg_direction_nav_showcase.png); */

	background-image: url("images/direction_imgs.png");

    background-position: -10px -10px;

	width: 50px;

	height: 50px;

	opacity: 0.8;

	-moz-opacity: 0.8;

	filter:alpha(opacity= 80);

}

#home-slider .flex-direction-nav li a.flex-next{ background-position:-60px -10px !important; }

#tagline {

	margin-top: 10px;

	width: 100%;

	text-align: center;

}

#tagline p {

	margin-bottom: 0;

	font-size: 34px;

	padding: 20px;

}

#tagline a {

	text-decoration: none;

}

#homepage-widgets {

	margin-top: 20px;

	margin-bottom: 20px;

	padding-top: 40px;

	height: auto;

	overflow: hidden;

	clear: both;

}

#homepage-widgets .feature {

	margin-bottom: 20px;

	-webkit-box-shadow: 0 6px 20px -15px rgba(0, 0, 0, 1);

	-moz-box-shadow: 0 6px 20px -15px rgba(0, 0, 0, 1);

	box-shadow: 0 6px 20px -15px rgba(0, 0, 0, 1);

}

.feature .heading {

	text-align: center;

	padding: 20px;

}

.feature .heading h3 {

	margin-bottom: 0;

	font-weight: bold;

}

.feature .image {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.feature .image {

	width: 100%;

	height: auto;

}

.feature .image img {

	display: block;

	height: auto;

	margin: 0 auto;

	padding: 20px 0;

}

.feature .detail-text {

	padding: 20px 20px 0;

	font-size: 14px;

	height: auto;

	text-align: justify;

}

.feature a.link {

	text-transform: uppercase;

	text-decoration: none;

	padding: 15px 20px 20px;

	text-align: center;

	display: block;

	font-weight: bold;

	font-size: 12px;

	border-top: 1px solid transparent;

	margin: 0 20px 0;

}

/* #Portfolio

================================================== */



.portfolio-ajax-drawer {

	display: none;

	height: auto;

	overflow: hidden;

	width: 100%;

	margin-bottom: 30px;

	-moz-box-shadow:    inset 0 0 15px rgba(0, 0, 0, 0.6);

	-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6);

	box-shadow:         inset 0 0 15px rgba(0, 0, 0, 0.6);

}

.loading-bay {

	display: none;

	visibility: hidden;

}

.filter-wrap {

	display: block;

	float: none;

	clear: both;

	background: transparent url(images/scanlines-sidebar.png) repeat top left;

	margin-bottom: 30px;

}

#portfolio-filter {

	margin: 0;

	padding: 15px 15px 0;

	border: 1px solid transparent;

}

#portfolio-filter li {

	float: left;

	margin: 0 0 15px 10px;

}

#portfolio-filter li:first-child {

	margin-left: 0;

}

#portfolio-filter li a {

	text-decoration: none;

	padding: 5px 10px;

	display: block;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	font-size: 14px;

}

.portfolio-items li {

	margin-bottom: 20px;

	overflow: hidden;

	background: #222 url(images/item-hover.png) no-repeat center center;

}

.portfolio-items li figure img {

	width: 100%;

	height: 250px;

}

article.type-portfolio {

	height: auto;

	width: 100%;

	padding: 60px 0;

	margin: 0!important; /* Overwrite getskeleton container margins */

}

.single article.type-portfolio {

	background: transparent url(images/portfolio_bg/wood.jpg) repeat center top;

	-moz-box-shadow:    inset 0 0 15px rgba(0, 0, 0, 0.6);

	-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6);

	box-shadow:         inset 0 0 15px rgba(0, 0, 0, 0.6);

}

article.type-portfolio figure {

	height: auto;

}

.container figure.fourteen.columns.portfolio-display {

	float: none;

	display: block;

	margin: 0 auto;

	height: auto!important;

}

figure.portfolio-display .figure-img img, article.type-portfolio .flexslider, article.type-portfolio iframe, article.type-portfolio .figure-img img {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

}

figure.portfolio-display a.image-post {

	border: 10px solid;

	height: auto;

	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	width: 800px;

}

article.type-portfolio .flexslider {

	border: 10px solid;

	height: 374px;

	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	width: 800px;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	margin: 0 auto 50px;

}

article.type-portfolio .flex-control-nav {

	bottom: -42px;

}

article.type-portfolio .flexslider .slides li > a, article.type-portfolio .portfolio-display > a {

	height: 374px;

	overflow: hidden;

}

.container .columns.portfolio-detail-description {

	float: none;

	display: block;

	margin: 30px auto 0;

	overflow: hidden;

	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

}

.portfolio-detail-description .portfolio-heading {

	margin: 20px 20px 15px;

	text-align: center;

}

.portfolio-detail-description h2 {

	display: inline-block;

	padding: 0 20px;

	margin: 0;

}

.portfolio-detail-description .skills-wrap {

	background: transparent url(images/scanlines-sidebar.png) repeat top left;

	text-align: center;

	margin: 0 20px 15px;

}

.portfolio-detail-description .skills {

	font-size: 12px;

	font-style: italic;

	text-transform: uppercase;

	text-align: center;

	display: inline-block;

	margin: 5px 0;

	padding: 3px 8px;

}

.portfolio-detail-description .skills a {

	text-decoration: none;

	margin-right: 2px;

}

.portfolio-detail-description .body-text {

	margin: 0 20px;

	text-align: justify;

}

article.type-portfolio .video-player {

	margin: 0 auto;

	float: none;

	border: 10px solid;

	height: auto;

	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6);

	overflow: hidden;

	display: block;

	width: 800px;

}

.video-player iframe {

	display: block;

	width: 100%;

}

.single-portfolio article.type-portfolio {

	margin-bottom: 40px;

}

/* #Blog

================================================== */



.blog-items {

	height: auto;

	overflow: hidden;

}

.blog-items li.blog-item {

	height: auto;

	overflow: hidden;

	padding: 20px 0;

	margin-bottom: 0;

	border-top: 1px solid transparent;

}

.blog-items li.blog-item:first-child {

	border-top: 0;

}

li.blog-item figure {

	background: #222;

}

li.blog-item figure a {

	display: block;

}

li.blog-item figure img {

	width: 100%;

	height: auto;

}

li.blog-item .item-heading {

	margin: 5px 18px 0 18px;

}

li.blog-item h2 {

	display: inline;

	float: left;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-ms-text-overflow: ellipsis;

	width: 540px;

}

li.blog-item h2 a {

	text-decoration: none;

}

li.blog-item .blog-excerpt {

	margin: 0 0 15px 20px;

	font-size: 14px;

}

li.blog-item .aside-excerpt {

	margin: 20px 0 15px 20px;

	font-size: 14px;

}

li.blog-item .blog-excerpt.quote, article.type-post .body-content.quote {

	border-left: 3px solid transparent;

	padding-left: 10px;

}

.quote p {

	font-weight: bold;

	margin-bottom: 10px;

}

.quote cite {

	font-style: italic;

	padding-left: 5px;

	font-size: 14px;

}

li.blog-item .details {

	margin: 0 18px 15px;

	font-size: 12px;

	font-weight: bold;

}

.details .comments {

	margin-left: 20px;

}

li.blog-item .details span a {

	text-decoration: none;

}

.container .blog-items .item-details.ten.columns {

	height: auto;

	position: relative;

	padding-left: 10px;

	box-sizing:border-box;

}

.blog-items .meta {

	margin: 0 0 0 20px;

}

.blog-items .holder {

	width: 100%;

	height: 156px;

	background-color: #222;

	display: block;

}

.blog-items .six.columns {

	width:200px;

}

article.type-post, article.type-page {

	margin-bottom: 30px;

	margin-top: -25px;

}

.single-post .section {

	margin-bottom: 0;

}

article.type-post figure, article.type-post .video-player, article.type-post .flexslider {

	margin-bottom: 20px;

	background: #222;

	display: none;

}

.single-post article.type-post .video-player {

	background: transparent;

}

article.type-post figure img, a.figure-img {

	display: block;

}

article.type-post figure img {

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity= 100);

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

article.type-post figure:hover img {

	opacity: 0.1;

	-moz-opacity: 0.1;

	filter:alpha(opacity= 10);

}

.detail-info ul li p, .detail-info ul li a, .detail-info ul li span {

	font-size: 12px;

	font-weight: bold;

	margin-bottom: 0;

}

.detail-info ul li {

	padding-left: 22px;

	margin-bottom: 10px;

	border-bottom: 1px solid transparent;

	padding-bottom: 10px;

	margin-right: 10px;

	overflow: hidden;

}

.detail-info ul li a {

	text-decoration: none;

	list-style: none;

}

.detail-info li.date {

	background: transparent url(images/meta-date.png) no-repeat left 5px;

	list-style: none;

}

.detail-info li.author {

	background: transparent url(images/meta-author.png) no-repeat left 5px;

	list-style: none;

}

.detail-info li.categories {

	background: transparent url(images/meta-categories.png) no-repeat left 5px;

	list-style: none;

}

.detail-info li.tags {

	background: transparent url(images/meta-tags.png) no-repeat left 5px;

	list-style: none;

}

.detail-info li.comments {

	background: transparent url(images/meta-comments.png) no-repeat left 5px;

	list-style: none;

}

.detail-info li.link {

	background: transparent url(images/meta-link.png) no-repeat left 5px;

	list-style: none;

}

.detail-info li.love {

	padding-left: 0;

	list-style: none;

}

.detail-info li.love .icon {

	background: transparent url(images/meta-love.png) no-repeat right 4px;

	display: inline;

	float: left;

	height: 16px;

	width: 12px;

	margin-right: 10px;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

}

.detail-info li.love:hover .icon {

	background-position: left 4px;

}

.detail-info li.love .liked .icon {

	background-position: left 6px;

}

article.type-post .detail-body h2, article.type-page .detail-body h2 {

	margin: 0 0 10px 0;

	line-height:normal;

}

article.type-post .detail-body h2 a, article.type-page .detail-body h2 a {

	text-decoration: none;

}

article.type-page .detail-body .body-content {

	margin: 30px 0;

}

article.type-post .detail-body .aside {

	margin: 20px 20px 0 0;

}

article.type-post .video iframe {

	width: 100%;

	height: 380px;

}

.blog-items li figure.six.columns, .blog-items li .flexslider.six.columns {

	margin-right: 0;

}

.blog-items li .flexslider, article.type-post .flexslider {

	border: 0;

	border-radius: 0;

	background: #222;

}

.blog-items li .flex-direction-nav, article.type-post .flex-direction-nav {

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity= 0);

}

.blog-items li:hover .flex-direction-nav, article.type-post .flexslider:hover .flex-direction-nav {

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity= 100);

}

.blog-items li .flex-direction-nav li .prev, article.type-post .flex-direction-nav li .prev {

	left: 10px;

	background-position: 0 0;

}

.blog-items li .flex-direction-nav li .prev:hover, article.type-post .flex-direction-nav li .prev:hover {

	background-position: 0 -24px;

}

.blog-items li .flex-direction-nav li .next, article.type-post .flex-direction-nav li .next {

	right: 10px;

	background-position: -24px 0;

}

.blog-items li .flex-direction-nav li .next:hover, article.type-post .flex-direction-nav li .next:hover {

	background-position: -24px -24px;

}

.blog-items li .flex-direction-nav li a, article.type-post .flex-direction-nav li a {

	background-image: url(images/bg_direction_nav.png);

	width: 24px;

	height: 24px;

}

.blog-items .flexslider .flex-control-nav, .blog-items .flexslider .flex-direction-nav, article.type-post .flexslider .flex-control-nav {

	display: none;

}

article.type-post .flexslider .flex-direction-nav {

	opacity: 1;

	top: auto;

	bottom: 15px;

	width: 74px;

	right: 0px;

}

.section#article {

	margin-bottom: 20px;

}

.audio-player {

	margin: 40px 0 60px;

}

/* #Sidebar

================================================== */



.container aside#sidebar.five.columns {

	width: 278px;

}

aside#sidebar .widget {

	margin: 0 0 40px 20px;

}

aside#sidebar .widget-heading {

	background: transparent url(images/scanlines-sidebar.png) repeat top left;

}

#sidebar section.widget a, #sidebar section.widget p, #sidebar .twitter-widget .twitter-link {

	font-size: 14px

	font-family: 'Cabin', sans-serif;

}

.widget li {

	background-image: url("images/direction_imgs.png") no-repeat;

	background-position: -10px -121px;

	/*background: url(images/li-plus.png) no-repeat left 7px;*/

	padding-left: 14px;

	list-style-type: none;

}

/* #Comments

================================================== */



#comment-area {

	margin-top: 30px;

}

#comment-area a {

	text-decoration: none;

}

#comments-list h3 {

	margin: 0 0 20px;

}

#comments-list ol {

	list-style: none;

	margin-left: 0;

}

#comments-list ul ul {

	font-size: 100%;

}

#comments-list .comment {

	margin: 20px 0 0;

}

#comments-list .comment-wrap {

	position: relative;

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

}

.comment-wrap .comment-avatar {

	float: left;

	display: block;

}

.comment-wrap .comment-content {

	float: right;

	border: 1px solid transparent;

	width: 50%;

	padding: 10px;

	position: relative;

}

.comment .children {

	margin-top: 10px;

}

.comment .children > li {

	border-left: 1px solid #e8e8e8;

	padding: 0 0 0 20px;

	margin: 0;

	background: transparent url(images/comment-left-line.png) no-repeat 0 20px;

}

li.depth-1 .comment-wrap .comment-content {

	width: 550px;

}

li.depth-2 .comment-wrap .comment-content {

	width: 530px;

}

li.depth-3 .comment-wrap .comment-content {

	width: 510px;

}

li.depth-4 .comment-wrap .comment-content {

	width: 490px;

}

li.depth-5 .comment-wrap .comment-content {

	width: 470px;

}

li.depth-6 .comment-wrap .comment-content {

	width: 450px;

}

ul.children {

	margin-left: 0;

}

.comment .avatar-arrow {

	position: absolute;

	top: 18px;

	left: -8px;

	width: 0;

	height: 0;

	border-top: 6px solid transparent;

	border-right: 8px solid #E8E8E8;

	border-bottom: 6px solid transparent;

}

.comment-meta {

	font-size: 12px;

	font-weight: bold;

	margin-bottom: 5px;

}

.comment-meta .author-link {

}

.comment-meta .meta-sep {

	margin: 0 5px;

}

.comment-meta cite {

	font-style: normal;

}

a.comment-reply-link {

	font-size: 12px;

	font-weight: bold;

	float: right;

	margin-right: 5px;

}

/* Trackbacks */

#trackbacks-list span {

	font-size: 12px;

}

#trackbacks-list ol li {

	margin-bottom: 10px;

}

#trackbacks-list .comment-author {

	font-size: 12px;

	margin-bottom: 5px;

}

#trackbacks-list .comment-content p {

	font-size: 14px;

}

/* Comment Form */

#respond {

	margin-top: 30px;

}

.comment-form-author, .comment-form-email, .comment-form-url {

	width: 240px;

}

#commentform p.comment-notes span.required {

	float: none;

}

#commentform p span.required {

	float: right;

}

#commentform label {

	font-size: 14px;

	margin-bottom: 10px;

}

#commentform textarea {

	width: 628px;

	height: 200px;

}

#commentform p.form-allowed-tags {

	display: none;

}

#commentform p.form-allowed-tags code {

	color: #444;

}

#comments #reply-title small a {

	background: #eee; /* Old browsers */

	background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%); /* FF3.6+ */

	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2))); /* Chrome,Safari4+ */

	background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%); /* Chrome10+,Safari5.1+ */

	background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%); /* Opera11.10+ */

	background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%); /* IE10+ */

	background: #eee linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%); /* W3C */

	border: 1px solid #aaa;

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

	padding: 4px 12px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	color: #444;

	display: inline-block;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	text-shadow: 0 1px rgba(255, 255, 255, .75);

	cursor: pointer;

	margin-left: 10px;

	line-height: 16px;

	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

p.form-submit {

	height: auto;

	overflow: hidden;

}

.form-submit input {

	float: right;

	width: auto;

}

/* #Contact

================================================== */





.container #contact .page-text.ten.columns {

	width: 578px;

}

#contact p.thanks {

	display: none;

	font-weight: bold;

	margin-bottom: 5px;

}

#contactForm {

	padding-top: 20px;

}

#contactForm li label {

	margin-bottom: 6px;

}

textarea#commentsText {

	width: 628px;

	height: 200px;

}

#contactForm li.buttons {

	float: right;

	margin-bottom: 0;

}

#contactForm li.buttons button {

	margin-bottom: 0;

}

#contactForm input.invalid {

	border-color: #cc0000;

}

/* #Shortcodes

================================================== */





/*========== Button Shortcodes ==========*/



a.button {

	display: inline-block;

	font-size: 12px;

	padding: 8px 30px;

	margin: 4px 0;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

	border: 0;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

}

a.button:hover {

	border: 0;

}

.button.blue {

	background: #333d53;

	border-color: #1e2431;

	background: -webkit-gradient(linear, left top, left bottom, from(#333d53), to(#1e2431));

	background: -moz-linear-gradient(top, #333d53, #1e2431);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333d53', endColorstr='#1e2431');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.blue:hover {

	background: #1e2431;

	color: #fff;

}

.button.red {

	background: #c33;

	border-color: #990000;

	background: -webkit-gradient(linear, left top, left bottom, from(#cc3333), to(#990000));

	background: -moz-linear-gradient(top, #cc3333, #990000);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3333', endColorstr='#990000');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.red:hover {

	background: #900;

	color: #fff;

}

.button.green {

	background: #339933;

	border-color: #006600;

	background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#006600));

	background: -moz-linear-gradient(top, #339933, #006600);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#006600');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .8);

}

.button.green:hover {

	background: #006600;

	color: #fff;

}

.button.orange {

	background: #ff6633;

	border-color: #cc3300;

	background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#cc3300));

	background: -moz-linear-gradient(top, #ff6633, #cc3300);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#cc3300');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.orange:hover {

	background: #cc3300;

	color: #fff;

}

.button.yellow {

	background: #ffff99;

	border-color: #ffff00;

	background: -webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#ffff00));

	background: -moz-linear-gradient(top, #ffff99, #ffff00);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff99', endColorstr='#ffff00');

	color: #222;

}

.button.yellow:hover {

	background: #ffff00;

	color: #222;

}

.button.pink {

	background: #ff66ff;

	border-color: #ff00ff;

	background: -webkit-gradient(linear, left top, left bottom, from(#ff66ff), to(#ff00ff));

	background: -moz-linear-gradient(top, #ff66ff, #ff00ff);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ff', endColorstr='#ff00ff');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.pink:hover {

	background: #ff00ff;

	color: #fff;

}

.button.purple {

	background: #cc33ff;

	border-color: #660099;

	background: -webkit-gradient(linear, left top, left bottom, from(#cc33ff), to(#660099));

	background: -moz-linear-gradient(top, #cc33ff, #660099);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc33ff', endColorstr='#660099');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.purple:hover {

	background: #660099;

	color: #fff;

}

.button.lightblue {

	background: #66ccff;

	border-color: #0099ff;

	background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#0099ff));

	background: -moz-linear-gradient(top, #66ccff, #0099ff);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ccff', endColorstr='#0099ff');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.lightblue:hover {

	background: #0099ff;

	color: #fff;

}

.button.turquoise {

	background: #99ffff;

	border-color: #33cccc;

	background: -webkit-gradient(linear, left top, left bottom, from(#99ffff), to(#33cccc));

	background: -moz-linear-gradient(top, #99ffff, #33cccc);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffff', endColorstr='#33cccc');

	color: #222;

}

.button.turquoise:hover {

	background: #33cccc;

	color: #222;

}

.button.black {

	background: #222222;

	border-color: #000000;

	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));

	background: -moz-linear-gradient(top, #222222, #000000);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.black:hover {

	background: #000000;

	color: #fff;

}

.button.grey {

	background: #777777;

	border-color: #555555;

	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));

	background: -moz-linear-gradient(top, #777777, #555555);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555');

	color: #fff;

	text-shadow: 0 1px rgba(0, 0, 0, .4);

}

.button.grey:hover {

	background: #555555;

	color: #fff;

}

.button.white {

	background: #f7f7f7;

	border-color: #e7e7e7;

	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));

	background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7');

	color: #626262;

}

.button.white:hover {

	background: #ccc;

	color: #626262;

}

/*========== Alert Shortcodes ==========*/



.alert {

	width: auto;

	min-height: 20px;

	height: auto;

	line-height: 20px;

	overflow: hidden;

	padding: 10px;

	text-align: center;

	margin: 15px 0;

	font-weight: bold;

}

.alert.white {

	border: 1px solid #e7e7e7;

	background-color: #fff;

	color: #222;

}

.alert.red {

	border: 1px solid #c33;

	background-color: #c33;

	color: #fff;

}

.alert.green {

	border: 1px solid #6c6;

	background-color: #cfc;

	color: #444;

}

.alert.blue {

	border: 1px solid #9cf;

	background-color: #c5defa;

	color: #444;

}

/*========== 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_half, .one_third, .two_third, .three_fourth, .one_fourth {

	position: relative;

	margin-right: 4%;

	float: left;

	font-size: 14px;

	line-height: 150%;

}

.last {

	margin-right: 0 !important;

	clear:right;

}

.clearboth {

	clear: both;

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	width: 100%;

}

/*========== Map Shortcode ==========*/



.map iframe {

	width: 100%;

}

/*========== Person Shortcode ==========*/



.person-widget {

	height: auto;

	overflow: hidden;

	width: 31%;

	float: left;

	margin: 0 1.1%;

}

.person-widget figure {

	width: 100%;

	height: auto;

	min-height: 180px;

	background-color: #E8E8E8;

	margin-bottom: 20px;

}

.person-widget figure img {

	display: block;

}

.person-widget p.role {

	font-style: italic;

	font-size: 14px;

	margin-bottom: 0;

}

.person-widget p {

	clear: both;

	margin-top: 10px;

}

/*========== Divider Shortcode ==========*/



.horizontal-break {

	height: 1px;

	width: 100%;

	margin: 30px 0;

}

/*========== Client Shortcode ==========*/



.client-box {

	width: 228px;

	height: 150px;

	background-color: #fafafa;

	background-position: center center;

	background-repeat: no-repeat;

	float: left;

	margin: 0 2px 7px 5px;

}

/*========== Typography Shortcodes ==========*/



span.highlighted {

	color: #fff;

	padding: 1px 3px;

	border-radius: 5px;

	margin-right: 5px;

}

span.dropcap {

	float: left;

	padding: 9px;

	margin-right: 9px;

	font-size: 34px;

	font-family: serif;

	font-style: italic;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

blockquote {

	border-left: 3px solid transparent;

	padding: 0 0 0 20px;

}

/*========== Gallery Shortcode ==========*/



.gallery {

	padding-top: 10px;

}

.gallery .gallery-item {

	width: auto;

	float: left;

	display: inline;

	margin: 0 14px;

	width: 17%;

}

.gallery-item .gallery-icon {

	background: #222 url(images/view-image.png) no-repeat center center;

	width: 100%;

	height: auto;

}

.gallery-item .gallery-icon a {

	display: block;

	opacity: 1;

	-moz-opacity: 1;

	filter:alpha(opacity= 100);

}

.gallery-icon a img {

	display: block;

	width: 100%;

	height: auto;

}

.gallery-item .gallery-icon a:hover {

	opacity: 0.1;

	-moz-opacity: 0.1;

	filter:alpha(opacity= 10);

}

/*========== Accordion Shortcode ==========*/



.accordion {

	border: 1px solid #e8e8e8;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	overflow: hidden;

	background-color: #fff;

	margin-bottom: 20px;

}

.accordion .accordion-header {

	border-top: 1px solid #e8e8e8;

	cursor: pointer;

	padding: 10px;

	font-weight: bold;

	color: #666;

}

.accordion .accordion-header:first-child {

	border-top: none;

}

.accordion .accordion-body {

	border-top: 1px solid #e8e8e8;

	padding: 10px;

	color: #222;

	background-color: #f7f7f7;

}

.accordion .accordion-header.ui-state-active, .accordion .accordion-header.ui-state-focus {

	outline: none;

}

.accordion .accordion-header.ui-state-active {

	color: #000;

}

/*========== Tabs Shortcode ==========*/



.tabbed-asset {

	overflow: hidden;

	margin-bottom: 20px;

}

.tab-content {

	padding: 10px;

	background-color: #f7f7f7;

	color: #222;

}

.tab-content.ui-tabs-hide {

	display: none;

}

ul.tabs {

	margin-bottom: 0;

	border: 0;

}

ul.tabs li {

	height: auto;

}

ul.tabs li a {

	font-size: 14px;

	padding: 10px;

	height: auto;

	line-height: 20px;

	color: #666;

	font-weight: bold;

	border: 0;

}

ul.tabs li.ui-state-default a {

	background-color: transparent;

}

ul.tabs li.ui-state-active a {

	color: #222;

	background-color: #f7f7f7;

	-webkit-border-radius: 3px 3px 0 0;

	-moz-border-radius: 3px 3px 0 0;

	border-radius: 3px 3px 0 0;

}

/*------------------------------------- NEW STYLE--------------------------------------------*/

.spl_d {

	float:right;position:relative; margin-top:10px; margin-right:-9px;

}

.top-menu {

	float: left;

	font-family: Arial, sans-serif;

	height: 20px;

	padding: 8px 10px 0;

}



.top-menu-donate
{
  float: right;
  /* margin-left: 20px; */
  /* padding: 8px 10px 0; */
}






.top-menu  ul {

	margin:0;

}

.top-menu  li {

	float: left;

	padding: 0 8px;

	position: relative;

	list-style-type: none;

}

.top-menu  ul li a {

	color: #FFFFFF;

	font-size:14px;

	text-decoration:none;

	font-weight: bold;

}

.top-menu ul  li  ul {

	font-size: 90%;

	list-style: none outside; 

	position: absolute;

	min-width: 100px;

	max-width: 200px;

	height: auto;

	border: 1px solid transparent;

	z-index: 40;

	margin: 0 0 0 0;	

	background-color: #ffffff;

	border-color: #e8e8e8;	

	display:none;

}

.top-menu ul li:hover > ul {

	display:block;	

}





.top-menu ul li ul li {

	width: 100%;

	z-index: 42;

	position: relative;

	display: block;

	line-height:18px;

	background: none repeat scroll 0 0 transparent;

	border-bottom: 1px solid #E8E8E8;

	float: none;

	margin: 0;

	padding: 0;

	font-size: 16px;

	font-weight: normal;

	text-transform: none;

	margin-left:0;	

}

.top-menu ul li ul li:last-child {

	border:none;	

}

.top-menu ul li ul li a {

	padding: 8px 10px;

	display: block;

	margin-bottom: 0;

	text-decoration:none;

	line-height:1em;

	color:#222;	

}



.top-menu ul li ul li a:hover {

    color: #0195DB;

    display: block;

    line-height: 1em;

    margin-bottom: 0;

    padding: 8px 10px;

    text-decoration: none;

}

.spl_search {

	float: right;

	padding-top: 8px;

	width: 200px;

}

.spl_search input {

	margin: 5px 0;

	padding: 0 5px;

	width: 100%;

}

/*------------ Blog-----------------*/

.blog-items .blog-item {

	float: left;

	margin: 0 25px 40px 25px;

	position: relative;

	width: 430px !important;

	border:none !important;

}

.blog-items .blog-item .item-heading{margin: 5px 10px 0;}

.blog-items .blog-item .item-details {

	/*background: none repeat scroll 0 0 #FFFFFF;*/

	background:url(images/news-block-bg-30.png);

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(

     src='images/news-block-bg-30.png', sizingMethod='scale');

	border-bottom: 2px solid #008ed6;

	border-top: 10px solid #008ed6;

	margin: 0;

	padding: 15px 20px;

	width:92%;

	 

	-moz-box-shadow: 1px 5px 4px #dbdbdb; /* Firefox */

 	-webkit-box-shadow: 1px 5px 4px #dbdbdb; /* Safari/Chrome */

 	box-shadow: 1px 5px 4px #dbdbdb; /* Opera and other CSS3 supporting browsers */

 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dbdbdb')";/* IE 8 */

 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dbdbdb');/* IE 5.5 - 7 */ 

}

.blog-items .blog-item h2 {

	display: inline;

	float: left;

	text-overflow: ellipsis;

	white-space: normal;

	width: 99%;

	line-height: .7em;

}

.blog-items .blog-item .item-details .item-title {

	font-size: 22px;

	line-height: 26px;

}

.blog-items .blog-item .blog-excerpt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	margin: 0 0 15px 10px;

}

.blog-items .blog-item .item-details .item-title a {

	color:#444444;

}

.blog-items .blog-item .item-details .item-title a {

	color:#002147;

}

.blog-items .blog-item .aside-excerpt {

	float: left;

	margin-bottom: 20px;

}

.blog-items .blog-item .meta {

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	text-transform:none;

	margin:10px 0 0;

	width:97%;

}

.blog-items .blog-item .comments {

	color: #999999;

	display: block;

	float: left;

	font-size: 11px;

	line-height: 16px;

	margin: 0 15px 0  ;

	text-transform:none;

}

.blog-items .blog-item .comment_author {

	color: #999999;

	display: block;

	float: left;

	font-size: 11px;

	line-height: 16px;

	margin: 0 ;

	text-transform:none;

}

.blog-items .blog-item .date {

	color: #999999;

	display: block;

	float: right;

	font-size: 11px;

	line-height: 16px;

	margin: 0 0 0 15px;

	text-transform:none;

}

.nbar {

	background-color: #008ED6;

	height: 15px;

	width: 100%;

}

#top-icons {

	float: right;

	margin-top: 9px;

	overflow: hidden;

	margin-right: 10px;

    position: relative;

    z-index: 9;



}

#top-icons a {

	float:left;

	height:27px;

	width:27px;

	margin:2px;

	display:block;

}

/*#top-icons a:last-child {

	margin-top:0px;	

}*/

.social_icons a{	background: url("images/new-social-icons.png") no-repeat top left; width: 27px; height: 27px;}
.social_icons a.facebook{ background-position: 0px 0px; } 
.social_icons a.flickr{ background-position: 0px -30px;} 
.social_icons a.jsugo{ background-position: 0px -120px;} 
.social_icons a.twitter{ background-position:0px -210px; } 
.social_icons a.youtube{ background-position: 0px -270px;} 
.social_icons a.pinterest{ background-position:0px -150px;  } 
.social_icons a.gplus{ background-position: 0px -90px; } 
.social_icons a.instagram{ background-position: 0px -60px; } 
.social_icons a.vimeo{ background-position:0px -240px; } 
.social_icons a.soundcloud{ background-position: 0px -180px; } 

.body-content img {

 -moz-box-shadow: 10px 10px 5px #999; /* Firefox */

 -webkit-box-shadow: 10px 10px 5px #999; /* Safari/Chrome */

 box-shadow: 10px 10px 5px #999; /* Opera and other CSS3 supporting browsers */

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */

 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 

 margin-bottom: 20px; 

}



.body-content h5 {

	margin-bottom: 20px;

}

	

.section-content img {

 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */

 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */

 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */

 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */  

 margin-right: 20px;

}



a.readmore_excerpt {

	color:#008ED6;

	font-family: 'Cabin', sans-serif;

	text-decoration:none;

}

a.readmore_excerpt:hover {

	text-decoration:underline;	

}



