/*-------------RESET------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	ol, ul, li {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	table {border-collapse: collapse;border-spacing: 0;}
	
/*////////////////////////////////////////////////////////////////////////////*/
body {
	background: #fff;
	color: #222;
	font-family: 'OpenSansCondensedLight', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
}

.wrapper {
	width: 1020px;
	margin: 0 auto;
	padding: 20px 0 0;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	border-top: 10px solid #f5ebe5;
}

.wrapper2 {
	width: 1020px;
	padding: 5px 0;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

h2 {
	padding: 10px 0;
	color: #bfbdb9;
	
}

p {
	font-family: 'OpenSansCondensedLight', sans-serif;
	font-size: 13px;
	color: #959595;
	margin-bottom: 10px;
	line-height: 18px;
	text-shadow: #fff 0 1px 0;
}

a {
	color: #bfa493;
	text-decoration: none;
	line-height: 1px;
	outline: none;
}

a:hover {color: #926b52;}

a:visited {color: #bfa493;}

li {
	margin: 0 0 15px;
}

.logo {
	display: block;
	background: url(../images/logo.jpg) no-repeat top center;
	width: 258px;
	height: 100px;
	margin: 25px auto;
}

.nav-main {
	background: url(../images/nav-main-background.jpg) no-repeat top left;
	width: 670px;
	height: 33px;
	margin: 0 0 0 151px;
	overflow: hidden;
}

.nav-main li {
	float: left;
	margin: 0;
}

.nav-main li a {
	display: block;
	text-decoration: none;
	padding: 15px 20px;
	font-size: 13px;
	width: 114px;
}

.nav-main li a:hover {color: #926b52;}

.nav-main li a.home {
	padding-left:0;
}

.nav-main li a.portfolio {
	padding-left:0;
}

.nav-main li a.bio {
	padding-left:0;
	text-align: center;
}

.nav-main li a.contact {
	padding-left:0;
	text-align: right;
}

.nav-main li a.blog {
	padding-right:0;
	text-align: right;
}

.nav-main li a.nav-active {
	color: #ccc;
}


.footer {margin: 100px 0 70px; text-align: center;}
	.footer p {font-size: 12px; color: #bbb;}

/*----------------EXTRAS--------------*/
.boxes {
	background: url(../images/boxes.png) no-repeat center top;
	height: 445px;
}

.detail {
	background: url(../images/detail.png) no-repeat 50px 60px;
}

.main p {
	width: 590px;
	padding-left: 80px;
	overflow: hidden;
}

.main .email {
	display: block;
	margin: 20px 0 20px 80px;
	
}

.big-top {
	margin-top: 88px;
}

.linkage {
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
	padding-left: 80px;
}

.linkage p {
	padding-left: 0;
}

.linkage a {
	border-right: 1px solid #bfa493;
	padding: 0 10px;
}

.linkage a:hover {
	color: #926b52;
}

.social {
	display: none;
	background: #fff;
	position: absolute;
	top: 9px;
	left: 9px;
	text-align: center;
	padding: 15px;
	width: 161px;
	height: 161px;
}

.social li {
	margin:0;
}

.social a {
	padding: 26px 0 28px;
	display: block;
/* 	border-bottom: 1px solid #f5ebe5; */
}

.social a:hover {color: #926b52;}

.exacto {
	position: absolute;
	left: 0px;
	top: 138px;
	z-index: 9999;
}

.exacto-thumbs {
	position: absolute;
	left: 0px;
	top: 98px;
	z-index: 9999;
}

.feature1 {
	background: url(../images/gallery1.jpg) no-repeat left top;
	display: block;
	width: 184px;
	height: 122px;
}

.feature2 {
	background: url(../images/gallery2.jpg) no-repeat left top;
	display: block;
	width: 184px;
	height: 122px;
}

.feature3 {
	background: url(../images/gallery3.jpg) no-repeat left top;
	display: block;
	width: 184px;
	height: 122px;
}

.featured a {
	display: block;
	width: 184px;
	padding: 0 0 19px;
}

.featured:hover > a {
	opacity: 0.6;
}

.featured:hover > a:hover {
	opacity: 1;
}

.feature-active {
	opacity: 1 !important;
}

.side h2 {
	text-align: center;
	padding: 14px 0 18px;
	font-size: 12px;
}

.active1 {
	background: url(../images/gallery1-active.jpg) no-repeat left top;
}

.active2 {
	background: url(../images/gallery2-active.jpg) no-repeat left top;
}

.active3 {
	background: url(../images/gallery3-active.jpg) no-repeat left top;
}

/*----------------FORM STUFF--------------*/
.formify {
	width: 595px;
	padding-left: 75px;
	overflow: hidden;
	position: relative;
}

.formify p {
	padding: 0;
}

.form-half {
	width: 280px;
	float: left;
}

input {
	width: 285px;
	height: 30px;
	margin: 0 0 20px;
	border: 1px solid #eee;
	background: #f8f8f8;
	padding: 0 0 0 5px;
}

/*
input:required {
	background-color: #fddada;
}
*/

textarea {
	border: 1px solid #eee;
	background: #f8f8f8;
	padding: 10px 0 0 5px;
	font-size: 12px;
}

:-moz-placeholder {
	font-family: 'OpenSansCondensedLight', sans-serif;
}

::-webkit-input-placeholder {
	font-family: 'OpenSansCondensedLight', sans-serif;
}

.send {
	background: #f5ebe5;
	position: absolute;
	left: 0;
	bottom: 6px;
	border: solid 1px #d7cdc7;
	padding: 15px 8px;
	display: block;
	width: 50px;
	float: left;
	text-align: center;
	color: #d1b8a9;
}

.send:visited {color: #d1b8a9;}

.send:hover {background: #d7cdc7; color: #fff;}

.oops-name, .oops-email, .oops-found, .oops-message {
	color: red;
	display: none;
	margin: 0;
	font-family: 'OpenSansCondensedLightItalic';
	font-size: 12px;
	width: 280px;
}

p.thanks {
	display: none;
	float: left;
	color: #8dd196;
	margin: 0px 0 10px 80px;
	font-size: 13px;
	padding: 0;
}


/*---CLEARFIX---*/
.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear {display: inline-block;} 
html[xmlns] .clear {display: block;}
* html .clear {height: 1%;}

/*------------------BRETT'S GRID--------------*/
.main, .side {
	float: right; 
	overflow: hidden;
}

.main {
	width: 670px;
	overflow: hidden;
	/* height: 446px; */
}

.main2 {
	width: 816px;
	float: right;
	overflow: hidden;
}

.side {
	width: 184px;
	margin-left: 15px;
}

/*----------------FONTS---------------*/
/*-OPEN SANS CONDENSED-*/
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../type/opensans/OpenSans-CondLight-webfont.eot');
    src: url('../type/opensans/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/opensans/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../type/opensans/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../type/opensans/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('../type/opensans/OpenSans-CondLightItalic-webfont.eot');
    src: url('../type/opensans/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/opensans/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('../type/opensans/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('../type/opensans/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../type/opensans/OpenSans-CondBold-webfont.eot');
    src: url('../type/opensans/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/opensans/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../type/opensans/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../type/opensans/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}