@charset "UTF-8";
/* CSS Document */
html{height:100%; margin:0; padding:0;}
body {
	font: 100%/1.4 "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	color: #605F5F;
	background-color:#f5f5f5; 
}
#wrap{
	margin: 0 auto;
}

ul, ol, dl {
	margin: 0;
	list-style:none;
	float:right;
}
ul li{float:left;}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

a img { 
	border: none;
}

a:link, a:visited {
	color: #3A3A3A;
	text-decoration: none;
}

a:hover{ 
	color:#fff;
	text-decoration: none;
}
a:active, a:focus {
	color: #3A3A3A;
	text-decoration: none;
}
a.active { 
	color:#fe0906;
	text-decoration: none;
}
/*  layout information. ---------*/
/*  Padding is only placed on the top and/or bottom of the div */


.container {
	text-align:left;
	width: 888px;
	background:url(../images/backdrop.png) repeat;
	margin: 20px auto;
}

.content {
	margin: 0px auto;
	padding:60px 0;
	width:750px;
}
/* header ---------------------*/
#header{
	width:100%;
	height:110px;
	padding:  0px 0px 100px 0px;
}
.nav{margin:0 20px 0 0px; border-bottom: #FFF 1px solid;}
#header .nav{border-bottom: #7F7D7D 1px solid;}
#header h1{margin:10px 8px; width:381px; height: 54px; background:url(../images/lk.png) no-repeat; text-indent:-999px; overflow:hidden;}

.nav a{
	display:block;
	padding: 8px 18px 6px 16px;
	font-size:12px;
}

/* section ---------------------*/

.section {
	width:100%;
	padding:0; margin:0;
}
.sectionContent{
	margin: 0 30px 0 50px; 
	padding:50px 0px;
	color:#605F5F;
}

#work, #contact{background:url(../images/wback.png) repeat;}
.sectionContent .nav{margin-bottom:40px;}
.sectionContent .nav a{margin-top:20px;}
h2{ margin-bottom:0px; padding:0; display:block;font-family: Garamond, Baskerville, Caslon, serif; font-size: 54px; font-weight:400; color:#FFF; float:left;line-height:100%;}


#workthumbs a{
	float:left;
	margin:0px 19px 19px 0;
	border:#fff 4px solid;
	position:relative;
	overflow:hidden
}

#workthumbs .roll{
	position:absolute;
	left:0px; top:110px;
	width:129px; height:50px;
	padding:2px 5px;
	background:url(../images/rback.png) repeat;
	color:#fff;
	font-size:13px;
}

#workthumbs{ margin:0px 0px 20px 2px;}
.sectionfoot{ margin:0 20px 0 0px;}
.sectionfoot a{float:right; padding: 3px 8px 3px 30px; border:#A3A3A3 1px solid; font-size:12px; margin-top:8px;}
 .share{display:block; background:url(../images/plus.gif) 9px 6px no-repeat; overflow:hidden;}
/* a.share:hover{background-position: 9px -24px;}*/
#work .sectionfoot{border-top:#fff 1px solid;}
#socialbox {position:absolute; padding: 3px 8px 3px 30px; font-size:12px; background:#B7B7B7 url(../images/plus.gif) 9px 6px no-repeat; border:#fff 1px solid; color:#fff; display:none;}
#socialbox a{padding-left:17px;}
#socialbox a img{ vertical-align:top;}



#experience{background:url(../images/eback.png) repeat;}
.sectionContent p {margin:20px 20px 0 0; padding:0; font-size:16px; font-weight:200; line-height:26px;}
strong{font-size:20px;}
.large{font-size:26px;font-weight: 100;}
.medium, #about .strong{font-size:22px;font-weight: 100;}
#experience strong{font-size:20px; font-weight:400; color:#fff;margin-right: 8px;}
 .download{display:block; background:url(../images/dwnld.gif) 9px 6px no-repeat; overflow:hidden;}
/*  a.download:hover{background-position: 9px -24px;}*/
#experience .sectionfoot{margin-top:20px;}

#about{background:url(../images/aback.png) repeat;}

.email{padding: 3px 9px 3px 25px; display:block; background:url(../images/email.png) 0px 7px no-repeat;float:left;}
#contact {font-size:16px; font-weight:200;}
 a.linkedin{display:block;width:20px;height:20px; background:url(../images/linked.png) 0px 0px no-repeat;overflow:hidden;margin:0; padding:0; text-indent:-999px;clear: both;}
a.linkedin:hover{background-position: 0px -20px;}
 a.top{display:block; float:right; width:39px; height:39px; text-indent:-999px; background:url(../images/top.png) 0px 0px no-repeat; overflow:hidden; padding:0; margin:0 0 20px 8px; border:none;}
 a.top:hover{background-position: 0px -39px;}
 

/*  ----------------------------*/

.hidden{ display:none;}

.clear { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}