@font-face{
	font-family:'martabold';
	src:url('../fonts/marta_bold-webfont.eot');
	src:url('../fonts/marta_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/marta_bold-webfont.svg') format('svg'),
		url('../fonts/marta_bold-webfont.woff') format('woff'),
		url('../fonts/marta_bold-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'martaregular';
	src:url('../fonts/marta_regular-webfont.eot');
	src:url('../fonts/marta_regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/marta_regular-webfont.svg') format('svg'),
		url('../fonts/marta_regular-webfont.woff') format('woff'),
		url('../fonts/marta_regular-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'martaitalic';
	src:url('../fonts/marta_italic-webfont.eot');
	src:url('../fonts/marta_italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/marta_italic-webfont.svg') format('svg'),
		url('../fonts/marta_italic-webfont.woff') format('woff'),
		url('../fonts/marta_italic-webfont.ttf') format('truetype'); 
	font-weight:normal;
	font-style:normal;
}
*{ 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body{
	margin:0;
	color:#3e230b;
	font:14px/20px martaregular, Arial, Helvetica, sans-serif;
	background:#fafafa;
	min-width:1000px;
}
a{
	text-decoration:none;
	color:#3e230b;
	outline:none;
}
a:hover{text-decoration:underline;}
a:active{background-color:transparent;}
input, textarea, select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#3e230b;
	overflow:auto;
	outline:none;
}
label{vertical-align:middle;}
button, input{
	width:auto;
	overflow:visible;
	outline:none;
}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins{text-decoration:underline;}
s, strike, del{text-decoration:line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse:collapse;
	border-spacing:0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{margin-left:1px;}
ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
header, footer, article, section, hgroup, nav, figure, aside{ display:block; }
figure{ margin:0; padding:0; }
input[type="image"]{padding:0;border:none;}
img{border-style:none;}
.alignleft{
	float:left;
	margin:0 5px 5px 0;
}
.alignright{
	float:right;
	margin:0 0 5px 5px;
}
img.aligncenter{
	display:block;
	margin:0 auto;
}
.wp-caption{
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding:4px;
}
.wp-caption img{
	margin:0;
	padding:0;
	border:0 none;
}
.wp-caption p.wp-caption-text{
	padding:0 4px;
	margin:0;
}
#wrapper{
	width:100%;
	position:relative;
	overflow:hidden;
	padding:178px 0 0;
}
#header{
	border-bottom:1px solid #533b25;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
}
#header.fixed{
	width:100%;
	position:fixed;
	background:#fafafa;
	z-index:10;
	top:0;
	left:0;
}
.fixed .header-holder{
	overflow:hidden;
	position:relative;
	width:980px;
	margin:0 auto;
	padding:24px 0 10px;
	text-align:center;
}
.fixed .logo{
	position:absolute;
	z-index:1;
	margin:0;
	top:11px;
	left:128px;
	width:54px;
	height:43px;
	background:url(../images/logo2.png) no-repeat;
}
.fixed .nav{
	display:inline-block;
	vertical-align:top;
}
.header-holder{
	width:980px;
	margin:0 auto;
	padding:17px 10px 4px;
	text-align:center;
}
.logo{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:234px;
	height:106px;
	margin:0 auto 30px;
	background:url(../images/logo.png) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
.nav{
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
	list-style:none;
	font:bold 12px/12px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
.nav li{
	display:inline-block;
	vertical-align:top;
	padding:0 17px;
	border-left:1px solid #3e230b;
}
.nav li:first-child{
	padding-left:0;
	border-left:none;
}
.nav a{color:#3e230b;}
.nav .active a,
.nav a:hover,
.nav a:active{
	color:#282222;
	text-decoration:none;
}
.intro{border-bottom:1px solid #533b25;}
.intro-holder{
	width:980px;
	margin:0 auto;
	padding:12px 0 77px;
	text-align:center;
}
.heading{
	overflow:hidden;
	display:inline-block;
	width:385px;
	margin:0 0 16px;
}
.heading h2{
	margin:0;
	display:inline-block;
	padding:0 12px;
	position:relative;
	font:20px/22px Helvetica, Arial, sans-serif;
	letter-spacing:2px;
}
.heading h2:before,
.heading h2:after{
	position:absolute;
	right:100%;
	top:0;
	background:url(../images/sep04.png) repeat-x 0 50%;
	content:'';
	width:999px;
	height:100%;
	text-align:left;
}
.heading h2:after{
	left:100%;
	right:auto;
}
.intro-holder .photo{margin:0 0 28px;}
.intro-holder .photo img{vertical-align:top;}
.intro-holder p{
	margin:0 0 41px;
	font:19px/28px martaregular, Arial, Helvetica, sans-serif;
	letter-spacing:0.11em;
}
.items-holder{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.items-holder .col{
	width:156px;
	display:inline-block;
	vertical-align:top;
	list-style:none outside;
	padding:0 0 0 10px;
	text-align:center;
}
.items-holder .col:first-child{padding-left:0;}
.items-holder .img-holder{
	min-height:50px;
	margin:0 0 13px;
}
.items-holder .img-holder img{vertical-align:top;}
.items-holder .col h3{
	font:17px/22px martaregular, Arial, Helvetica, sans-serif;
	letter-spacing:0.11em;
	margin:0;
}
.testimonial{border-bottom:1px solid #533b25;}
.testimonial-holder{
	width:980px;
	margin:0 auto;
	padding:48px 0 99px;
	text-align:center;
}
.carousel{position:relative;}
.carousel .mask{
	position:relative;
	overflow:hidden;
	width:933px;
	margin:0 auto;
}
.carousel .mask .slideset{
	width:99999px;
	float:left;
}
.carousel .mask .slide{
	width:281px;
	float:left;
	padding:0 15px;
}
.cursor,
.carousel .btn-prev, 
.carousel .btn-next{
	display:none;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:190px;
	width:41px;
	height:67px;
	background:url(../images/sprite_new.png) no-repeat -100% -100%;
}
.cursor {
	display:block;
	margin:-33px 0 0;
	z-index:500;
}
.cursor.btn-prev {
	background-position:-33px -72px;
	margin-left:20px;
}
.carousel .btn-prev{
	left:-20px;
	background-position:-33px -72px;
}
.cursor.btn-next {
	background-position:-40px -160px;
	margin-left:-60px;
}
.carousel .btn-next{
	right:-20px;
	background-position:-40px -160px;
}
.pagination{
	display:inline-block;
	vertical-align:top;
	padding:19px 0 0;
}
.pagination ul{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.pagination li{
	float:left;
	padding:0 0 0 5px;
	list-style:none outside;
}
.pagination li:first-child{padding-left:0;}
.pagination a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:8px;
	height:8px;
	background:url('../images/sprite_new.png') no-repeat;
}
.pagination .active a{background-position:-16px 0;}
.testimonial-holder:after{
	content:'';
	display:block;
	clear:both;
}
.testimonial-holder .heading{margin:0 0 27px;}
.author-box{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	position:relative;
	width:150px;
	height:150px;
}
.author-description{
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:5;
	margin:-9px 0 0;
}
.testimonial-holder .text-box{
	text-align:left;
	position:relative;
	z-index:6;
	letter-spacing:0.11em;
	padding:0 0 41px;
	margin:0 0 -6px;
	background:url(../images/sep01.png) no-repeat 0 100%;
}
.testimonial-holder .text-box p{margin:0;}
.testimonial-holder .img-mask{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:150px;
	height:150px;
	background:url(../images/img-mask.png) no-repeat;
}
.testimonial-holder  .slide img{
	vertical-align:top;
	margin:20px 0 0;
}
.testimonial-holder .author{
	display:block;
	margin:0 0 -2px;
	font:bold 14px/16px Georgia, 'Times New Roman', serif;
	letter-spacing:2px;
}
.testimonial-holder .slide span{
	font:13px/16px Georgia, 'Times New Roman', serif;
	letter-spacing:2px;
	margin:0;
}
.portfolio{border-bottom:1px solid #533b25;}
.portfolio-holder{
	width:980px;
	margin:0 auto;
	padding:48px 0 61px;
	text-align:center;
}
.portfolio-holder .heading{margin:0 0 42px;}
.portfolio-gallery{
	position:relative;
}
.portfolio-gallery:after{
	content:'';
	display:block;
	clear:both;
}
.portfolio-gallery .pagination{
	margin:-6px 0 0;
	padding:0;
}
.carousel.single .pagination ul,
.portfolio-gallery.single .pagination ul{
	display:none;
}
.portfolio-gallery .mask{
	overflow:hidden;
	width:99.99%;
	position:relative;
}
.portfolio-gallery .mask:after{
	content:'';
	display:block;
	clear:both;
}
.portfolio-gallery .mask .slideset{
	width:99999px;
	float:left;
}
.portfolio-gallery .btn-prev, 
.portfolio-gallery .btn-next{
	display:none;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:230px;
	width:41px;
	height:67px;
	background:url(../images/sprite_new.png) no-repeat -100% -100%;
	z-index:10;
}
.portfolio-gallery .btn-prev{
	left:-20px;
	background-position:-33px -72px;
}
.portfolio-gallery .btn-next{
	right:-20px;
	background-position:-40px -160px;
}
.portfolio-element{
	display:inline-block;
	vertical-align:top;
	width:290px;
	margin:0 -22px 33px;
}
.portfolio-element .fade-slideshow {
	position:relative;
}
.portfolio-element .fade-slide {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.portfolio-element .fade-slide.active {
	z-index:2;
}
.portfolio-gallery .slide-frame{
	overflow:hidden;
	margin:0 -15px;
}
.portfolio-element h3{
	position:relative;
	z-index:2;
	margin:-36px 0 0;
	font:14px/16px martabold, Arial, Helvetica, sans-serif;
}
.portfolio-gallery .slide{float:left;}
.portfolio-box{
	overflow:hidden;
	width:290px;
	height:251px;
	position:relative;
}
.portfolio-element a{
	display:block;
	overflow:hidden;
	width:290px;
	height:100%;
	position:relative;
	z-index:1;
}
.portfolio-element a .fly {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.portfolio-element .portfolio-mask{
	position:absolute;
	top:-42px;
	left:-1px;
	width:290px;
	height:292px;
	background:url(../images/portfolio-mask.png) no-repeat;
	z-index:3;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.portfolio-element .portfolio-box:hover .portfolio-mask {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}
.portfolio-box img{
	position:relative;
	float:left;
	margin:0 0 0 37px;
}
.blog{border-bottom:1px solid #533b25;}
.blog-holder{
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding:48px 0 140px;
	text-align:center;
}
.blog-holder .heading{margin:0 0 31px;}
.blog-gallery{position:relative;}
.blog-gallery .mask{
	overflow:hidden;
	position:relative;
	width:100%;
}
.post-holder{
	overflow:hidden;
	padding:0 0 0 10px;
	width:9999px;
	cursor: url('http://www.barknbond.com/images/cursor_1.cur'), move;
}
.post{
	width:382px;
	float:left;
	margin:0 0 20px;
	padding:0 20px;
	border-right:1px solid #b5aba2;
	font:14px/24px martaregular, Arial, Helvetica, sans-serif;
	text-align:left;
}
.post .post-frame{
	overflow:auto;
	height:432px;
	letter-spacing:2px;
}
.post .entry-content{
	padding:0 0 38px;
	background:url(../images/sep03.png) no-repeat 50% 100%;
}
.post h3{
	font:22px/24px martabold, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	margin:0 0 30px;
	cursor:text;
}
.post p{
	margin:0;
	padding:0 5px 0 0;
	cursor:text;
}
.post img{
	margin-top: 8px;
	outline: none;
	border:1px solid #ccc;
}
.post a{
	font:14px/24px martabold, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.post a:hover{
	text-decoration: underline;
}

}
.post-holder .scrollable-area-wrapper .vscrollbar {
	cursor:default;
}
.contact-holder{
	width:980px;
	margin:0 auto;
	padding:48px 0;
	text-align:center;
	font:20px/22px martaregular, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
}
.contact-holder .questions{
	display:block;
	margin:0 0 38px;
	font:20px/22px martabold, Arial, Helvetica, sans-serif;
	letter-spacing:3px;
}
.contact .heading{margin:0 0 17px;}
.contact-frame{
	padding:0;
	margin:0;
	font:20px/28px martaregular, Arial, Helvetica, sans-serif;
	/*background:url(../images/sep02.png) no-repeat 50% 100%;*/
}
.contact-frame h3{
	display:inline-block;
	margin:0 0 22px;
	font:20px/22px martabold, Arial, Helvetica, sans-serif;
}
.social-networks{
	overflow:hidden;
	margin:0 0 12px;
	padding:0;
	list-style:none;
}
.social-networks li{
	display:inline-block;
	vertical-align:top;
	padding:0 0 0 5px;
}
.social-networks li:first-child{padding-left:0;}
.social-networks a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:49px;
	height:50px;
	background:url(../images/sprite_new.png) no-repeat -100% -100%;
}
.social-networks .facebook{background-position:0 -11px;}
.social-networks .twitter{background-position:-56px -11px;}
.social-networks .gplus{
	background:url(http://barknbond.com/images/g-plus-ico.png) no-repeat;
	height:48px;
	width:48px;
	}
.contact-frame p{
	margin:0;
	letter-spacing:3px;
}
.contact-frame p a{text-decoration:none;}
.contact-frame strong{font:20px/22px martabold, Arial, Helvetica, sans-serif;}
.contact-frame p a:hover{text-decoration:underline;}
.contact-frame p span{
	font:20px/28px martabold, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.wpcf7-form{
	width:500px;
	margin:0 auto;
}
.wpcf7-form .row{margin:0 0 18px;}
.wpcf7-form .row:after{
	content:'';
	display:block;
	clear:both;
}
.wpcf7-form input[type="text"]{
	float:left;
	width:477px;
	height:30px;
	margin:0;
	padding:9px 10px 7px;
	border:1px solid #3e230b;
	background:#fafafa;
	font:18px/28px martaregular, Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color:#3e230b;
}
.wpcf7-form .validate-area.error input[type="text"] {border-color:#f00;}
.wpcf7-form input.medium{
	width:268px;
	margin:0 17px 0 0;
}
.wpcf7-form input.small{width:170px;}
.wpcf7-form textarea{
	min-width:478px;
	min-height:148px;
	max-width:478px;
	max-height:148px;
	margin:0;
	padding:9px 10px;
	border:1px solid #3e230b;
	background:#fafafa;
	font:18px/26px martaregular, Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color:#3e230b;
}
.wpcf7-form input[type="submit"]{
	min-width:300px;
	height:48px;
	margin:14px 0 0;
	padding:0 10px;
	background:#3e230b;
	border:0;
	font:22px/48px martaregular, Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color:#fff;
	cursor:pointer;
}
.error .error-text{display:block;}
.error-text{
	display:none;
	margin:0;
	font:12px/14px Helvetica, Arial, sans-serif;
	color:#dd0017;
}
.success-text {
	margin:0;
	font:12px/14px Helvetica, Arial, sans-serif;
	color:#27b516;
}
#footer{background:url(../images/sep03.png) no-repeat 50% 0;}
.footer-holder{
	width:980px;
	margin:0 auto;
	padding:22px 0 22px;
	text-align:center;
	font:12px/14px martaitalic, Arial, Helvetica, sans-serif;
}
.footer-holder .copyright{
	margin:0;
	text-align: center;
	letter-spacing:2px;
	margin-bottom: 40px;
}
#credits{
	display: block;
}
#credits a{
	text-decoration: none;
	font:12px/14px martabold, Arial, Helvetica, sans-serif;
}
#credits a:hover{
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid;
}
.jcf-hidden{
	display:block !important;
	position:absolute !important;
	left:-9999px !important;
}
.scrollable-area-wrapper{
	position:relative;
	overflow:hidden;
	width:382px;
}
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar{
	position:absolute;
	top:0;
	right:0;
	width:4px;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line{
	float:left;
	width:4px;
	height:431px !important;
	background:url(../images/sprite_new.png) no-repeat -112px 0;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider{
	width:4px;
	height:112px !important;
	background:url(../images/sprite_new.png) no-repeat 0 -65px;
}
.scrollable-area-wrapper .hscrollbar{
	position:static;
	height:20px;
	top:auto;
}
.scrollable-area-wrapper .hscroll-line{
	height:20px;
	width:auto;
}

.ios-download-header {
	margin-top: 70px !important;
	border-bottom: 3px solid;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.ios-download-btn {
	display: block;
	margin: 0 auto;
}

a.app-header{
	color: #f62d57;
}