/*reset*/
img, div, a, h1, h2, h3, li{ behavior: url("iepngfix.htc") }

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}

.hidethis{
	display:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a{
	text-decoration:none;
}
h1, h2, h3{
	padding:20px;
}


body{
	font-size:72.5%;
	color:#303030;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#a24700;
	}
#bg-wrap{
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
	position:relative;
	min-height:1400px;
}
#wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
}
/* top bar
==================================================
*/
#topbg{
	width:100%;
	background-image:url(images/top-bar.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	min-height:95px;
}
#hello{
	position:relative;
	padding:14px 0 0 10px;
}
#hello h1{
	width:897px;
	height:69px;
	padding:0;
	background:url(images/h1.png) top left no-repeat;
	text-indent:-999999px;
}
img.arrow{
	position:absolute;
	top:92px;
	left:130px;
}

/* branding
==================================================
*/

#branding{
	float:left;
	width:360px;
	position:relative;
}
#logo{
	position:relative;
	padding-top:140px;
}
img.logo{
	position:relative;
	left:15px;
}
#snaps{
	position:absolute;
	width:488px;
	height:167px;
	background-image:url(images/snaps.png);
	background-position:top left;
	background-repeat:no-repeat;
	top:460px;
	left:-60px;
}

/* Content
==================================================
*/

#content{
	float:right;
	width:530px;
	height:500px;
	padding-top:100px;
}
/* menu */
#menu{
	width:124px;
	float:left;
	border-right:1px solid #cda684;
	min-height:460px;
}
#menu li{
	height:69px;
	border-bottom:1px solid #cda684;
}
#menu li.work{
	background-image:url(images/hilite.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#menu li a{
	line-height:69px;
	text-align:center;
	font-size:1.4em;
	text-transform:uppercase;
	color:#9a5515;
	display:block;
	width:124px;
}
/* folio */

#folio{
	float:right;
	width:400px;
}
#preview{
	padding:0 0 10px 5px;
}
#preview #foliowrap{
	width:374px;
	height:243px;
	possition:relative;
	background-image:url(images/folio-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#foliowrap div.scrollable{
	top:30px;
	left:27px;
	width:320px;
	height:185px;
	position:relative;
	overflow:hidden;
	border:1px solid #43382e;
	padding:0;
}
a.btt{
	cursor:pointer;
}
#foliowrap div.scrollable div.items{
	width:20000em;
	position:absolute;
	clear:both;
}
#preview div.scrollable div.items img{
	position:relative;
	
}
#desc{
	width:374px;
	clear:both;
	background-image:url(images/desc-bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	margin-left:2px;
}
#desc .inside{
	padding:20px;
}
#desc p{
	font-size:1.4em;
	line-height:1.6em;
	color:#261b16;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#desc em, a{
	color:#864d00;
	font-weight:bold;
	font-size:1.4em;
}
/* Footer
==================================================
*/
#footer{
	clear:both;
	position:relative;
	top:58px;
}
#footer h2{
	width:613px;
	height:29px;
	padding:0;
	background:url(images/h2.png) top left no-repeat;
	text-indent:-999999px;
}

/* FWRAP */
h3{
	color:#e59a5c;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
}
h3.about{
	background:url(images/about.png) top left no-repeat;
	text-indent:-999999px;
	width:97px;
	height:18px;
	padding:0;
	margin:25px 0 0 20px;
}
ul.info{
	padding:0 40px;
	position:relative;
	top:-20px;
}
ul.info li{
	color:#fbfbfb;
	font-size:1.2em;
	padding:0 0 5px 25px;
}
ul.info li.email{
	background-image:url(images/email.gif);
	background-position:center left;
	background-repeat:no-repeat;
	
}
ul.info li.email span{
	display:block;

}
ul.info li.phone{
	background-image:url(images/phone.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding:5px 0 5px 25px;
}
h3.social{
	background:url(images/social.png) top left no-repeat;
	text-indent:-999999px;
	width:71px;
	height:13px;
	padding:0;
	margin:25px 0 0 30px;
}
#fwrap{
	margin-top:20px;
	width:960px;
}

#aboutme, #social, #cform{
	float:left;
}
#aboutme{
	width:420px;
	margin-right:10px;
}
#aboutwrap{
	padding:40px;
}
#aboutwrap p{
	color:#e59a5c;
	font-size:1.2em;
	padding-bottom:20px;
	line-height:1.4em;
}
#social{
	width:132px;
	
	margin-right:10px;
}
#social ul{
	width:132px;
	padding-top:15px;
	position:relative;
	left:13px;
}
*html #social{
	text-align:left;
}
#social li{
	width:106px;
	height:62px;
	margin-top:10px;
}
#cform{
	width:365px;
	padding-top:20px;
	float:right;
}
#cform ul{
		list-style-type:none;
		position:relative;
	}
	li{
		padding:5px 0;
	}
	#cform li.submit{
		background-image:url(images/send-btn.png);
		background-position:top left;
		background-repeat:no-repeat;
		position:relative;
		top:-5px;
	}
	label{
		width:345px;
		display:block;
		padding:5px 0;
		font-weight:bold;
		color:#e5ae80;
	}
	input.input-text, textarea{
		width:320px;
		height:142px;
	}
	input.input-text, textarea{
		border:none;
		background-color:transparent;
		padding:10px;
		color:#e5ae80;
		font-size:1.4em;
		font-family:Arial, Helvetica, sans-serif;
	}
	textarea{
		overflow:auto;
	}
	div.msg{
		background-image:url(images/textarea-bg.png);
		background-position:top left;
		background-repeat:no-repeat;
		width:345px;
		height:142px;
	}
	div.txt{
		background-image:url(images/input-bg.png);
		background-position:top left;
		background-repeat:no-repeat;
		width:345px;
		height:45px;
	}
	
	input.submit{
		width:345px;
		height:35px;
		border:none;
		background-color:transparent;
		cursor:pointer;
	}
	
	#twitfeed{
		clear:both;
		width:960px;
		border-top:1px solid #cd7708;
	}
	#feed{
		padding:5px 10pxpx;
		color:#e59a5c;
		background-image:url(images/twitter-feed-icon.gif);
		background-position:center right;
		background-repeat:no-repeat;
	}
	#copy{
		widht:960px;
		padding:20px;
		color:#783701;
		background-image:url(images/footer-bg.png);
		background-position:top left;
		background-repeat:repeat-x;
		
	}
	
	div.sent{
		padding:10px 20px;
		color:#fff;
		border-top:1px dotted #cd7708;
		border-bottom:1px solid #cd7708;
		margin:0 20px;
	}
	em.bold{
		font-weight:bold;
		color:#e6c2b3;
	}