@charset "UTF-8";

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0;
	padding: 0;
}
p, ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 23px;
	color: #777;
}
h1, h2 {
	color: #bbb;
	font-size: 27px;
	margin-bottom: 25px;
	font-family: museo-sans-rounded, 'Hevletica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style:normal;
	letter-spacing:.03em;
}
h3 {
	color: #0ca92f;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: .03em;
}
h4 {
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: -5px !important;
	margin-top: 10px;
}
h4 a {
	text-decoration:none;
}
.header {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #333;
	height: 120px;
	/*background-color: #FFF;*/
	position: fixed;
	z-index: 200;
	width: 100%;
	padding: 0;
	top:0;
	padding-bottom: 25px;
	text-align: center !important;
	background-image: url(images/header-bckrd.png);
	background-repeat: repeat;
}
#container {
	margin-top:157px;
	width:940px !important;
	margin-right: auto;
	margin-left: auto;
}
.text-keywords {
	color:#FFF;
	size: 1px;
}
.home-recent {
	display: block;
	margin-top: -22px;
}
.subpage-content-wrapper {
	display: block;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	clear: both;
}
.subpage-content-contact {
	color: #444;
	font-size: 13px;
	line-height: 20px;
}
.subpage-content-wrapper a {
	/*color: #777;*/
	color: #0ca92f;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.subpage-content-wrapper a:hover {
	style: inherit;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
}
.subpage-photo-wrapper {
	display: block;
	float: left;
	margin-left: -30px;
}
.small {
	font-size:75%;
}


/* --------- BLOG ----------*/

.blog-wrapper {
	margin-left: 300px;
	display:block;
	float: left;
	width: 700px;
}
div.entry-content alignright, img.alignright {
	float: right;
	margin-bottom: 20px;
	margin-top: 5px;
	background-position: right;
	margin-left: 20px;
	border: 16px solid #eee;
	margin-bottom: 15px;
	background-color: #eee;
}
.blog-pub-details {
	display: block;
	margin-top:10px;
	margin-bottom: 0px;
	text-transform: uppercase;
	color: #bfbfbf;
	font-size: 10px;
	letter-spacing: .04em;
}
.blog-header {
	min-height:30px;
	font-size:2.3em;
	line-height:100%;
	padding:31px 0px 10px 0;
	line-height:105%;
	border-top:1px solid #e6e6e6;
	width: 640px;
}
.blog-quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 16px;
	line-height: 25px;
	color: #888;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #ccc;
	margin-top:30px;
	margin-bottom:35px;
	padding-right:45px;
}
.post-title {
	color: #bababa;
	font-size: 32px;
	margin-bottom: 5px;
	font-family: museo-sans-rounded, 'Hevletica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style:normal;
	letter-spacing: .04em;
	padding-right:105px;
	margin-top:0px;
}
.post-title a {
	color: #bababa;
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
}
.post-title a:hover {
	color: #0ca92f;
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
}
.date {
	float:right;
	text-transform:uppercase;
	color:#ddd;
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-top:1px solid #fff;
	position:relative;
	top:0px;
	right:0px;
	height:32px;
	z-index:99;
	margin-top: -32px;
	padding: 0 0 0px 8px;
	width: 77px;
	-moz-border-radius: 0px 0px 0px 7px;
	-webkit-border-radius: 0px 0px 0px 7px;
	border-radius: 0px 0px 0px 7px;
}
.day {
	border-right:1px solid #e6e6e6;
	font-size:20px;
	line-height: 25px;
	font-weight:normal;
	float:left;
	padding:0px 8px 0px 2px;
	margin:0 10px 0 0;
}
.month {
	display:block;
	float:left;
	font-weight:bold;
	font-size:10px;
	width:32px;
	line-height:100%;
	letter-spacing:.04em;
}
/*-- [if IE]
.month { letter-spacing:.07em !important; }
[endif] --*/

.year {
	display:block;
	font-size:10px;
	line-height:17px;
}
.by {
	display:block;
	width: 60px;
	font-size:9px;
	line-height: 16px;
	text-align: center;
	margin-top: 10px;
	padding: 2px 2px 2px 4px;
	letter-spacing: 1px;
}
/*-- [if IE]
.year { line-height:10px !important; }
[endif] --*/


/* --------- NAV ----------*/

.nav-wrapper {
	display: block;
	width: 365px;
	float: right;
}
.nav-displace {
	position: absolute;
	left: -5000px;
}

/* portfolio */

a.nav-portfolio {
	display: block;
	height: 84px;
	width: 104px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/images/nav-portfolio.gif);
	float: left;
	color:#FFF;
}
a.nav-portfolio:hover {
	background-position: 0 -84px;
	color:#FFF;
}
a.nav-portfolio-select {
	display: block;
	height: 84px;
	width: 104px;
	background-repeat: no-repeat;
	background-position: 0 -168px;
	background-image: url(/images/nav-portfolio.gif);
	float: left;
	color:#FFF;
}

/* blog */

a.nav-blog {
	display: block;
	height: 84px;
	width: 75px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/images/nav-blog.gif);
	float: left;
	color:#FFF;
}
a.nav-blog:hover {
	background-position: 0 -84px;
	color:#FFF;
}
a.nav-blog-select {
	display: block;
	height: 84px;
	width: 75px;
	background-repeat: no-repeat;
	background-position: 0 -168px;
	background-image: url(/images/nav-blog.gif);
	float: left;
	color:#FFF;
}

/* about */

a.nav-about {
	display: block;
	height: 84px;
	width: 86px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/images/nav-about.gif);
	float: left;
	color:#FFF;
}
a.nav-about:hover {
	background-position: 0 -84px;
	color:#FFF;
}
a.nav-about-select {
	display: block;
	height: 84px;
	width: 86px;
	background-repeat: no-repeat;
	background-position: 0 -168px;
	background-image: url(/images/nav-about.gif);
	float: left;
	color:#FFF;
}

/* contact */

a.nav-contact {
	display: block;
	height: 84px;
	width: 87px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/images/nav-contact.gif);
	float: left;
	color:#FFF;
}
a.nav-contact:hover {
	background-position: 0 -84px;
	color:#FFF;
}
a.nav-contact-select {
	display: block;
	height: 84px;
	width: 87px;
	background-repeat: no-repeat;
	background-position: 0 -168px;
	background-image: url(/images/nav-contact.gif);
	float: left;
	color:#FFF;
}



/* --------- PORTFOLIO ----------*/

.categories-block {
	margin-right:-35px;
	margin-bottom: 25px;
}
.portfolio {
	margin-left: 255px;
}
.portfolio ul {
	margin-left: 0px;
	padding-left:0px
}
.portfolio li {
	margin-left: 0px;
	padding-left:0px
}
.portfolio-left {
	display: block;
	width: 210px;
	top: 150px;
	margin-top: 20px;
	margin-left: -255px;
	padding-top: 30px;
	float: left;
	position: fixed;
	padding-bottom: 50px;
	border-bottom-width: 50px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.portfolio-left p {
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 1.8em;
	color:#666;
}
.portfolio-left a {
	color: #777 !important;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.portfolio-left a:hover  {
	border-bottom-color: #bbb;
}
.portfolio-left h1, .portfolio-left h2 {
	color: #444;
	font-family: museo-slab, Georgia, serif !important;
	margin-bottom: 12px !important;
	padding-top: 10px !important;
	font-size: 21px !important;
	font-weight: 300 !important;
	font-style:normal;
	letter-spacing:.03em;
}
.portfolio-link {
	display: block;
	font-size: 13px;
	font-weight: normal !important;
	text-transform: lowercase;
	margin-bottom: 10px;
	background-image: url(/images/dot.png);
	background-repeat: no-repeat;
	margin-left: -14px;
	padding-left: 14px;
	background-position: 0px 8px;
}
.portfolio-link a {
	color: #0CA92F !important;
	text-decoration: none;
	font-weight: normal !important;
	border-bottom-style: none;
}
.portfolio-link a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}



/* --------- PORTFOLIO SINGLE scroll ----------*/


.portfolio-scroll {
	list-style: none;
	margin-bottom: -8px;
	padding-bottom: 10px;
	display: block;
	list-style: none outside none !important;
	/*background-color:#3CF;*/
}
.portfolio-scroll a {
	border: none;
	border-bottom-style: none;
	
}
.portfolio-scroll ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin:0;
}
.portfolio-scroll li{
	float: left;
}
.portfolio-scroll li a {
	display: block;
	height: 27px;
	text-indent: -8888px;
}
#wrapper .portfolio-scroll li:hover{
	background-position: left bottom;
}
.portfolio-scroll li.prev {
	width: 41px;
	background: transparent url(/images/btn_prev-portfolio.png) no-repeat left top;
}
.portfolio-scroll li.portfolio {
	width: 25px;
	background: transparent url(/images/btn_portfolio.png) no-repeat left top;
}
.portfolio-scroll li.portfolio a:hover {
	width: 25px;
	background: no-repeat left bottom;
}
.portfolio-scroll li.next {
	width: 41px;
	background: transparent url(/images/btn_next-portfolio.png) no-repeat left top;
}
.recent-posts {
	display: block; 
	width: 725px; 
	margin-right: -40px; 
	float: right;
}
.recent-posts-contact {
	display: block; 
	width: 945px; 
	margin-right: 0px; 
	margin-bottom: -15px;
}
.recent-posts-news {
	display: block; 
	width: 250px; 
	float: left;
	padding-top: 43px;
	margin-bottom: 60px;
	position: fixed;
}
.recent-posts-404 {
	display: block; 
	width: 725px; 
}



/* --------- CATEGORIES ----------*/

.category a {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #828282 !important;
	font-weight: normal !important;
	display: block;
	margin-top: 12px;
	margin-right: 10px;
	float: left;
	background-color: #f7f7f7;
	list-style: none outside none;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-bottom-style: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	
}
.category a:hover {
	color: #fff !important;
	background-color: #888;
	border-bottom: none !important;
}
.category-select a {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #fff;
	display: block;
	margin-top: 12px;
	margin-right: 10px;
	float: left;
	background-color: #0ca92f;
	list-style: none outside none;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.category ul {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px;
}
.category li {
	list-style-type: none !important;
	margin: 0px;
	padding: 0px;
}
.category {
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
}
.category-title {
	color: #ddd;
	font-family: 'Hevletica Neue', Helvetica, Arial, sans-serif;
	display: block;
	font-size: 25px;
	line-height: 23px;
	letter-spacing: .04em;
	text-decoration: none;
	background-image: url(/images/dot.png);
	background-repeat: no-repeat;
	margin-left: -14px;
	margin-bottom: 20px;
	margin-right: 20px;
	padding-left: 14px;
	background-position: 0px 7px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.category-type {
	color: #666;
	font-family: 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 12px;
	font-size: 12px;
	letter-spacing: .07em;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 15px;
	font-weight: bold;
}


/* ------ CATEGORIES that appear with a SINGLE post -------*/

.post-categories {
	display: block;
	padding-bottom: 50px;
}
.post-categories ul {
	clear:left;
	list-style: none outside none !important;
	margin-left: 0px !important;
	padding-left:0px !important;
	display:inline-block;
}
.post-categories li {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #999;
	list-style:  none outside none !important;
	text-decoration: none;
	display: inline-block;
	float: left;
	margin-top: 12px;
}
.post-categories li a {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #888 !important;
	font-weight: normal !important;
	margin-right: 10px;
	background-color: #f6f6f6;
	list-style: none outside none;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	border-bottom-style: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.post-categories li a:hover {
	color: #fff !important;
	background-color: #888;
}



/* --------- MISC ----------*/

.vr-right {
	display: block;
	margin-right: 25px;
	padding-right: 20px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cacaca;
}
.vr-right-dotted {
	display: block;
	margin-right: 25px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #cacaca;
}
.border {
	border: 16px solid #eee;
	margin-bottom: 15px;
	background-color: #eee;
}
.hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbb;
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
}
.hr-dotted {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #bbb;
	margin-top: 35px;
	margin-bottom: 35px;
	clear: both;
}
.hr-dotted-small {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #bbb;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
.hr-small {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
.hr-noclear {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c7df93;
	margin-top: 25px;
	margin-bottom: 25px;
}
.text {
	font-size: 14px;
	line-height: 21px;
}
.text-larger {
	font-size: 15.5px;
	line-height: 23px;
}
.text-smallest {
	font-size: 11px;
	line-height: 15px;
}
.text-smaller {
	font-size: 12px;
	line-height: 17px;
}
.text-small-grey {
	font-size: 11px;
	line-height: 13px;
	color: #545454;
	text-align: left;
}
.text-smaller-grey {
	font-size: 9px;
	line-height: 14px;
	color: #7d7d7d;
}
.text-ltgrey {
	color: #bbb;
}
.text-medium {
	font-size: 15px;
	line-height: 22px;
}
.text-green {
	color: #0ca92f;
}
.text-green a {
	color: #0ca92f;
	text-decoration: none;
	border-bottom-style: none !important;
}
.text-green a:hover {
	style: inherit;
	text-decoration: none;
	border-bottom-width: 1px !important;
	border-bottom-style: solid!important;
	border-bottom-color: #bbb;
}
.text-green-lt {
	color: #8CBA29;
}
.text-green-lt a {
	color: #8CBA29;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8CBA29;
}
.text-green-lt a:hover {
	style: inherit;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8CBA29;
}
.picture {
	margin-bottom: 20px;
	border: 1px solid #448CBB;
}
.picture_border {
	padding: 1px;
	border: 1px solid #3172d6;
}
.picture_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 2px;
	border: 1px solid #3172d6;
}
.picture_left_NOBORDER {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: none;
}
.picture_left_NOBORDER2 {
	float: left;
	margin-right: 19px;
	margin-top: 18px;
}
.picture_right_NOBORDER {
	float: right;
	margin-bottom: 20px;
	margin-top: 10px;
	background-position: right;
	margin-left: 20px;
	border: none;
}
.picture_right {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 2px;
	border: 1px solid #3172d6;
}
.picture_right-2 {
	float: right;
	margin-bottom: 20px;
	background-position: right;
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #FFB462;
}
.picture_right_NOBORDER2 {
	float: right;
	background-position: right;
	margin-left: 19px;
	margin-top: 18px; 
}
.button input {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #fff;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #0ca92f;
	size: 11px;
	list-style: none outside none;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.button-grey input {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #fff;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #888;
	size: 11px;
	list-style: none outside none;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
input, textarea { 
	color: #bbb;
	font-size: 11px;
	padding: 2px;
}
button, .button a {
	font: 11px/17px "Lucida Grande", Lucida, Tahoma, sans-serif;
	color: #fff;
	/*display: block;
	margin-right: 10px;*/
	margin-left: 12px;
	background-color: #0ca92f;
	size: 11px;
	list-style: none outside none;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.button input:hover, .button a:hover {
	background-color: #666;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.button-grey input:hover {
	background-color: #0ca92f;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
input:focus, textarea:focus, button:hover {
	background: #fff;
	border-color: #777 #bbb #bbb #777;
	color: #bbb;
}
.small-link, .small-link a {
	color:#bbb;
	font-size: 13px;
	border-bottom: none;
	text-decoration: none;
	font-weight: normal !important;
	line-height: 20px;
}
.small-link a:hover {
	color:#0ca92f;
	border-bottom: none;
	text-decoration: none;
}
.white {
	display: block;
	width: 675px;
	color:#FFF !important;
	margin-bottom: -55px;
}
.white a, .white a:hover {
	color:#FFF !important;
	text-decoration: none;
	border-bottom: none  !important;
}
.hidden { display: none; }

a.contact-social-facebook {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-facebook.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	opacity: 0.3;
	filter:alpha(opacity=30);
}
a.contact-social-facebook:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 1;
	filter:alpha(opacity=100);
}
a.contact-social-behance {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-behance.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	opacity: 0.3;
	filter:alpha(opacity=30);
}
a.contact-social-behance:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-behance.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 1;
	filter:alpha(opacity=100);
}
a.contact-social-twitter {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-twitter.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	opacity: 0.3;
	filter:alpha(opacity=30);
}
a.contact-social-twitter:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 1;
	filter:alpha(opacity=100);
}
a.contact-social-linkedin {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-linkedin.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	opacity: 0.3;
	filter:alpha(opacity=30);
}
a.contact-social-linkedin:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-linkedin.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 1;
	filter:alpha(opacity=100);
}
a.contact-social-pinterest {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-pinterest.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	opacity: 0.3;
	filter:alpha(opacity=30);
}
a.contact-social-pinterest:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-pinterest.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity: 1;
	filter:alpha(opacity=100);
}



/*---------- PORTFOLIO Images ----------*/

.thumbnail-class {
	float: left;
	width: 220px;
	height: 162px;
	margin: 0 15px 0 0;
	border: none !important;
}
.thumbnail-class img {
	background: #333 !important;
	display: block;
	height: 162px;
	border: none !important;
}
.portfolio-item {
	padding-right: 26px;
	margin-top: 25px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: -6px;
}
.portfolio-item-single {
	padding-right: 25px;
	margin-top: 25px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: -6px;
}
.portfolio-image {
	height: 162px;
	width: 215px;
	background: #333;
	overflow: hidden;
	position: relative;
}
.portfolio-image-single {
	height: 158px;
	width: 211px;
	background: #333;
	overflow: hidden;
	position: relative;
}
.portfolio-image img {
	background: #333 !important;
	height: 162px;
	width: 215px;
}
.portfolio-image-single img {
	background: #333 !important;
}
.portfolio-image img a {
	border: none !important;
}
.portfolio-image-single img a {
	border: none !important;
}
.portfolio-image img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.portfolio-image-single img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.portfolio-image div img:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.portfolio-image-single div img:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.portfolio-label {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .04em;
	overflow: hidden;
	margin-top: 10px;
	font-size:12px;
	overflow: hidden;
	background-color: #FFF !important;
}
.portfolio-label a {
	color: #999;
	overflow: hidden;
	margin-bottom: 12px;
	text-decoration: none;
}
.portfolio-label a:hover {
	color: #555;
}
.portfolio-item-blog {
	/*padding-right: 10px;*/
	margin-top: 15px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: -6px;
	width: 80px;
}
.portfolio-image-blog {
	height: 54px;
	width: 71px;
	background: #333;
	overflow: hidden;
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
.portfolio-image-blog img {
	height: 54px;
	width: 71px;
	background: #333 !important;
}
.portfolio-image-blog img a {
	border: none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.portfolio-image-blog img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
.portfolio-label-blog {
	color: #bbb;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .04em;
	overflow: hidden;
	margin-top: 10px;
	font-size:11px;
	overflow: hidden;
	background-color: #FFF !important;
}
.portfolio-label-blog a {
	color: #999;
	overflow: hidden;
	margin-bottom: 12px;
	text-decoration: none;
}
.portfolio-label-blog a:hover {
	color: #555;
}



/*----------  PORTFOLIO IMAGES HOVER ----------*/ 

#content div.hover {
	position: absolute;
	background-color:#FFF;
	width: 215px;
	height: 162px;
	z-index: 10;
	top:0px;
	left: 0px;
	opacity: 0;
	/*cursor: pointer;
	display: block;
	background-image: url(/images/portfolio-img-hover.png);
	background-repeat: repeat;*/
}
#content div.hover div {
	position: absolute;
	display: block;
	top:0px;
	left: 0px;
	border-width:0px;
	border-style:none !important;
	/*bottom: 20px;
	left: 20px;
	right: 80px;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;*/
}
#content div.hover div a { 
	color: #ccc; 
	text-decoration: none;
}
#content div.hover div a:hover { 
	color: #fff;
	text-decoration: none; 
}
#content div.hover div span { 
	display: block; 
}


/*---------- FEATRED (RECENT) POSTS on Homepage (jCarousel) ----------*/

.portfolio-featured {
	display: block;
	overflow: hidden;
	margin-top: 6px;
	margin-bottom: -30px;
}
.jcarousel-header {
	overflow: hidden;
	margin-bottom: 15px;
}
.jcarousel-header img {
	float: left;
}
.jcarousel-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.jcarousel-nav li {
	float: left;
}
.jcarousel-prev {
	border-right: 1px solid #C4C4C4;
	padding-right: 4px;
	margin-right: 4px;
}
.jcarousel-nav li a {
	display: block;
	width: 27px;
	height: 27px;
	text-decoration: none;
	text-indent: -8888px;
}
.jcarousel-prev a {
	background: transparent url(/images/btn_prev.png) no-repeat left top;
}
.jcarousel-next a {
	background: transparent url(/images/btn_next.png) no-repeat left top;
}
.jcarousel-nav li a:hover {
	background-position: left bottom;
}

/* items */
.jcarousel-item {
	padding-left: 1px;
	padding-right: 25px;
}
.jcarousel-item-image {
	background: #333;
	overflow: hidden;
	height: 162px;
	width: 215px;
	position: relative;
}
.jcarousel-item img {
	border: none;
}
.jcarousel-item-image img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.jcarousel-item-image div.hover {
	position: absolute;
	background-color:#FFF;
	width: 215px;
	height: 162px;
	z-index: 10;
	top:0px;
	left: 0px;
	opacity: 0;
	/*cursor: pointer;
	display: block;
	background-image: url(/images/portfolio-img-hover.png);
	background-repeat: repeat;*/
}
.jcarousel-item-image div.hover div {
	position: absolute;
	display: block;
	top:0px;
	left: 0px;
	border-width:0px;
	border-style:none !important;
	/*bottom: 20px;
	left: 20px;
	right: 80px;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;*/
}
.jcarousel-item-image div img:hover {
	opacity: 1 !important;
	filter:alpha(opacity=100) !important;
}
.jcarousel-item-label {
	font-family: Arial, Helvetica, sans-serif !important;
	overflow: hidden;
	display: block;
	margin-top: 15px;
	font-size: 14px; 
	font-weight: bold;
	text-decoration: none;
	height: 20px;
}
.jcarousel-item-label a {
	overflow: hidden;
	color: #bbb;
	text-decoration: none;
}
.jcarousel-item-label a:hover {
	color: #888;
}


/*---------- FOOTER ----------*/

.footer-wrapper {
	position: relative;
	background: #e3e3e3;
	text-align: center;
	display: block;
	margin-top: 85px;
	padding-bottom: 50px;
	clear: both;
}
.footer-wrapper td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 17px;
	color: #797979;
	background-image: url(/images/dot.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
	letter-spacing: .03em;
}
.footer-wrapper h2 {
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .02em;
}
.footer-wrapper a {
	color: #7d7d7d;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cacaca;
}
.footer-wrapper a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
}
.footer-social-block {
	display: table;
	margin-bottom: 3px;
}
a.footer-social-facebook {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.footer-social-facebook:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-facebook.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.footer-social-behance {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-behance.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.footer-social-behance:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-behance.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.footer-social-twitter {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.footer-social-twitter:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-twitter.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.footer-social-linkedin {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-linkedin.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.footer-social-linkedin:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-linkedin.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.footer-social-pinterest {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-pinterest.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.footer-social-pinterest:hover {
	display:block;
	width: 31px;
	height: 23px;
	float: left;
	border-bottom: none !important;
	background-image: url(images/social-pinterest.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.footer-social a {
	border-bottom: none !important;
}
.footer-quote {
	display: block;
	clear: both;
	width: 100%;
	height: 58px;
	background-color: #2f2f2f;
	margin-bottom: 40px;
	background-image: url(/images/quote-bckgrd.gif);
	background-repeat: repeat;
}
.footer-quote a {
	border-bottom-style: none;
}
.footer-quote a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
}



/*---------- FEEDBURNER ----------*/

.feedburnerFeedBlock ul {
	margin-left:0;
	padding-left:0;
	list-style: none outside none;
	font-size:10px !important;
}
.feedburnerFeedBlock img {
	width:170px !important;
	height: auto;
}
.feedburnerFeedBlock ul li {
	margin-bottom: 12px;
	float: left !important;
	width:170px !important;
	margin-right:15px;
}
.feedburnerFeedBlock p {
	font-size:9px !important;
	line-height:13px;
	color:#ccc;
}
.feedburnerFeedBlock ul li span.headline a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	text-decoration: none;
	display: none !important;
}
.feedburnerFeedBlock ul li span.headline a:hover {
	text-decoration: underline;
}
#creditfooter {
	display: none;
}