w/* CSS Reset (Eric Meyer) */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
    background-color: #f0f0f0;    
}

html {
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: #000;	
}

a:visited {
	color: #000;	
}

p.black_18 {
	font-family: 'Roboto';
	color: #000;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

p.black_30 {
	font-family: 'Roboto';
	color: #000;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

/*
p.regular_20 {
	font-family: 'Roboto';
	color: #000;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

p.thin_20 {
	font-family: 'Roboto';
	color: #000;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
*/
h1.light_40 {
	font-family: 'Roboto';
	color: #000;
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 0.5px;
}

div#rightInfo_mobile a {
	text-decoration: none;
	color: #000;
}

p.body {
	font-family: 'Roboto';
	color: #000;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
}

div#page {
	width: 100%;
}

div#main {
	position: relative;
	width: 965px;
	left: 50%;
	margin-left: -533px;
	height: 3200px;
}


div#pagewrap {
	margin-left: 5%;
	margin-right: 5%;	
}

p.contact {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

p.contact a {
	text-decoration: none;
	color: #000;
}

div#leftInfo {
	width: 100%;
	text-align: left;
	height: 99px;
	color: #000;
	text-align: left;
	font-family: 'Roboto';
	color: #000;
	font-size: 18px;
	/*font-weight: 300;*/
	letter-spacing: 0.5px;
	line-height: 23px;
	position: relative;
	top: 52px;
}

div#leftInfo_container {
	position: absolute;
	width: 20%;
	height: 235px;
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#header a {
	text-decoration: none;
}

a:hover {
	font-weight: bold;
}

div#navi_work {
	position: relative;
	padding-top: 5px;
	padding-bottom: 12px;
	height: 30px;
	/*border-bottom: 1px solid #000;*/
}

div#navi_work_current {
	position: relative;
	padding-top: 5px;
	padding-bottom: 12px;
	height: 30px;
	/*border-bottom: 1px solid #000;*/
	font-weight: bold;
}

 div#navi_work a {
	color: #000;
}

div#navi_about {
	position: relative;
	padding-top: 2px;
	padding-bottom: 12px;
	height: 30px;
	border-bottom: 1px solid #000;
}

div#navi_about_current {
	font-weight: bold;
	position: relative;
	padding-top: 2px;
	padding-bottom: 12px;
	height: 30px;
	border-bottom: 1px solid #000;
}

 div#navi_about a {
	color: #a8a8a8;
}

div#navi_blog {
	position: relative;
	padding-top: 5px;
	padding-bottom: 12px;
	height: 30px;
	/*border-bottom: 1px solid #000;*/
}

div#navi_blog_current {
	position: relative;
	padding-top: 5px;
	padding-bottom: 12px;
	height: 30px;
	/*border-bottom: 1px solid #000;*/
	font-weight: bold;
}

 div#navi_blog a {
	color: #a8a8a8;
}

div#navi a {
	text-decoration: none;
	color: #000;
}

div#navi a:hover {
	text-decoration: none;
	color: #000;
}

div#rightInfo a {
	text-decoration: none;
	color: #000;
}

div#contact {
	position: relative;
	left: 10%;
}

div#content {
	width: 100%;
	left: 0;
	position: relative;
	font-size: 14px;
	/*top: -42px;*/
	background: #fff;
	overflow: auto;
	padding-bottom: 40px;
}
/*
div#introimages {
	position: relative;
	left: 0;
	top: -43px;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
	text-align: center;
}

div#jabout_bg {
	position: relative;
	width: 100%;
	left: 0;
	height: auto;
	background: #ffffff;
	top: -27px;
}


div#footer_bg {
	position: relative;
	width: 100%;
	left: 0;
	height: auto;
	top: -11px;
	background: #ffffff;
}
*/

span.body_large {
	font-family: 'Roboto';
	color: #000;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 31px;
}

p.bodytitle {
	font-family: 'Roboto';
	color: #000;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 23px;
}

div#footer {
	position: relative;
	top: 24px;
	width: 100%;
	height: 64px;
	left: 10px;
}

#wrapper {
	position: relative;
	top: 0;
}

#bordertop  {
   border-top: 1px solid #ccc;
   position: relative;
   left: 12.5%;
   width: 960px;
 }

/*intro */
#cycler{
	position:relative; 
}

#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

span.intend {
	position: relative;
	top: 46px;
	width: 200px;
}

.bottomHeadline {
	width: 200px;
	position: relative;
	left: 12.5%;
}

span.intend2 {
	position: relative;
	top: 41px;
	width: 200px;
}

.clear { clear: both; }

#row {
	max-width: 1170px;	
}

#work {
	float: left;
	height: 280px;	
}

div#back {
	color: #000;
	font-family: FolioStd-Light_aa;
	position: absolute;
	top: 0;
}

/*
div#workPic {
	position: relative;
	top: 20px;
	left: 5%;
	width: 38%;
	float: left;
}

div#workInfo {
	color: #000;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.5px;
	position: relative;
	top: 11px;
	left: 8.8%;
	width: 39.2%;
	float: left;
	background: #fff;
	
	padding-left: 1.2%;
	padding-right: 1.2%;
	height: auto;
}


div#workInfo p.body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 20px;
	font-size: 14px;
}
*/

div#workInfo a {
	text-decoration: none;
	color: #000;
}
/*
div#thumbnails {
	position: relative;
	left: -1%;
	width: 100%;
	top: -46px;
}
*/
div.thumbRow {
	position: relative;
	height: 320px;
	width: 103%;
	top: -6px;
	left: 3px;
}

div.thumbRow2 {
	position: relative;
	height: 320px;
	width: 103%;
	top: -6px;
	left: 3px;
}

.cthumb {
	border: 1px solid #f7f7f7;
	padding: 3px;
	margin-top: 46px;
}

div.fb_hover:hover {
	background-position: 0 0;
	background-size: 48% 100%;
}

div.insta_hover:hover {
	background-position: 0 0;
	background-size: 52% 100%;
}

div.contact_hover:hover {
	background-position: 0 0;
	background-size: 48% 100%;
}

div.thumb_bg {
	background: #fff;
/*	width: 17%;*/
	margin: 10px;
	padding: 14px;
	padding-right: 20px;
	height: 100%;
	float: left;
	
}

div.thumb_bg:hover {
	background: #dddddd;
	font-weight: 500;
}

div#tn_container a {
	color: #000;
	text-decoration: none;
	font-weight: 300;
}