@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'AvantGarde LT Medium';
  font-style: normal;
  font-weight: 400;
  src: url ('AvantGardeLTMedium.ttf'); /* IE */
  src: local('AvantGarde LT Medium'), url('AvantGardeLTMedium.ttf') format('truetype');
}

html, body {
width: 100%;
}

body {
background: #fff;
color: #000000;
height: auto;
-webkit-font-smoothing: subpixel-antialiased;
overflow-y: scroll;
font-family: "AvantGarde LT Medium", Trebuchet MS, Helvetica, Arial, sans-serif;
margin:0 auto;
}



img {
margin: 0;
padding: 0;
}

a {
color: #4f4f4f;
text-decoration: none;
border-bottom: 1px solid green;
outline: none;
margin: 0;
}

a:hover {
	color: #7a7a7a;
border-bottom: 1px solid #000;
}

#header a {
	
	border-bottom: 1px solid transparent;
 -moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
	/*-webkit-filter:grayscale(1) brightness(0);
	-moz-filter:grayscale(1) brightness(0);*/
}

#header a:hover,   {
border-bottom: 1px solid transparent;
 z-index:2;
	-webkit-filter:grayscale(0) brightness(.1);
	-moz-filter:grayscale(0) brightness(.1);
}




.thumb-desc a h3 {
display: inline;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

h1, h1 a {
color: #000000;
}

ul, li {
margin: 0;
padding: 0;
}

p {

}

/* Layout */
#delay {
position: fixed;
left: -1000px;
top: -1000px;
width: 2px;
height: 2px;
z-index: 1;
}

#block {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
}

#block-inner {
padding: 10px;
}

#wrap {
width: 100%;
max-width: 1400px;
border-left: 0px solid #1a1a1a;
border-right: 0px solid #1a1a1a;
overflow: auto;
overflow-x: hidden;
margin: 0px auto;
padding-left: 0px;
padding-right: 0px;
}

#header {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: url('../images/header-bg.png') repeat-x;
overflow: hidden;
z-index: 1000;
margin: 0px auto;
padding-top: 15px;
padding-bottom: 15px;
height:64px;
}

#header.header-state {
padding-bottom: 0px;
}

#header-center {
width: 100%;
max-width: 1400px;
min-width:600px;
overflow: hidden;
margin: 0px auto;
padding: 0px;
padding-top: 0;
padding-bottom: 0;
}

#header-inner {
width: 105%;
overflow: auto;
}


#header .col {
	width:25%;
	float:left;
	
}
#header .col-inner {
	padding:10px 20px;
}
#header .header-last {
	float:right;
	width:70px;
}
#header .header-last .col-inner {
	padding:0 20px 0 0;
}

#header .header-last img {
	float:right;
	position:relative;
	top:-7px;
}
.title {
	 -moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
	/*-webkit-filter:grayscale(1) brightness(-0.2);
	-moz-filter:grayscale(1) brightness(-0.2);*/

}
.title:hover {
	 z-index:2;
	/*-webkit-filter:grayscale(0) brightness(0);
	-moz-filter:grayscale(0) brightness(0);*/
}
.main-nav {
	margin-top:16px;
	text-shadow: 1px 1px 1px #FFF;
}
#top-spacer {
	margin-top:79px;
}

.thumb  { -moz-transition:all 0.6s ease;
	-webkit-transition:  0.6s ease;
	
	transition:all 0.6s ease;
	/*-webkit-filter:grayscale(1) brightness(-0.2);
	-moz-filter: grayscale(100%);
	-moz-filter: brightness(-0.2);
	filter: grayscale(100%); */
	 }
.thumb:hover { z-index:2;

	/*-webkit-filter:grayscale(1) brightness(0);
	-moz-filter:grayscale(1) brightness(0);
	-moz-filter: brightness(0);*/
}



#change, #content, #thumbs, #single-nav {
width: 100%;
overflow: auto;
}

#content {
margin-top: 0px;
width:100%;
overflow: hidden;

}

.col-full {
	width:100%;
	
}
.col-full p {
	padding:0px 40px;
	color:#4f4f4f;
	margin-top:5px;
	letter-spacing:.1em;
	
}
.col-full h2 {
	padding:0px 40px;
	color:#404040;
	margin:10px 0 0 0;
	font-size:1.3em;
	line-height: 1.4em;
	border-bottom:1px solid #10a309;
	
}
.col-full img {
width: 100%;
height: auto;
background: transparent;
display: block;
margin: 0;
}

#thumbs {
width:100%;
position: relative;
z-index: 3;
border-top:1px solid #10a309;
}


/* slide styles */


.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
			
				
				height: auto;
				padding: 0;
				
				display: block;
				float: left;
			}
		
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
				height:auto;
			}
	
			.clearfix {
				float: none;
				clear: both;
			}
			
/* end slide styles */

#profile {
	margin-bottom:50px;
	float:left;
	padding-top:79px;
	width: 100%;
position: relative;
top:-158px;

}
#profile img{
	border-top:1px solid #10a309;
}
#profile .info{

background:#FFF;
}
#portfolio {
	padding-top:79px;
	width: 100%;
	float:left;
position: relative;
top:-79px;
}
.spacer {
	width:100%;
	height:800px;
	background:transparent;
}



#back-top {
	
	float:right;
	z-index:9999;
	
}

#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

.twelve {
	font-size:12px;
	line-height:13px;
	
}






#marker {
padding-top: 161px;
padding-bottom: 14px;
border-bottom: 0px solid #ccc;
z-index: 1;
background: #fff;
position: relative;
z-index: 3;
}

#marker .blinker {
margin-top: -21px;
}



#footer {
margin-bottom: 0px;
margin-top: 15px;
width: 100%;
background: #fff;
position: relative;
z-index: 999;
border-top:1px solid #10a309;
}
#footer .col-inner p {
margin: 0px;
color: #4F4F4F;
}
#footer .col-inner h2 {
margin:0px 0px 15px 0px;
color: #4F4F4F;
font-size:1.3em;
}
#footer p a {
     font-size:14px;
}

#footer-inner {
width: 105%;
}

#footer-social {
	margin-top:15px;
	height:40px; 
	width:120px;
	padding:0;
	overflow::hidden;
}
#footer-social ul {
	list-style:none;
}
#footer-social ul li {
	margin-right:10px;
	width:25px;
	height:23px;
	float:left;
}
#linked span {
	background:url('../images/icons.png') no-repeat; 
	height:23px; 
	width:25px;
	float: left;
	background-position:0 -21px;
}
#linked span:hover {
	background-position:0 0px;
}
#fb span {
	background:url('../images/icons.png') no-repeat; 
	height:23px; 
	width:25px;
	float: left;
	background-position:-25px -21px;
}
#fb span:hover {
		background-position:-25px 0px;
}

#twit span {
	background:url('../images/icons.png') no-repeat;   
	height:23px; 
	width:25px;
	float: left;
	background-position:-50 -21px;
}
#twit span:hover {
	background-position:-50px 0px;
}
#footer .col-inner {
padding:10px 20px 30px 20px;
overflow: auto;
}

#single-nav {
margin-bottom: 0px;
padding-top: 120px;
margin-top: 0px;
width: 100%;
overflow: hidden;
background: #fff;
position: relative;
z-index: 999;
}

#single-nav-inner {
width: 105%;
}



/* Columns */

.col {
width: 25%;
float: left;
}
.col-3-footer {
width: 65%;
float: left;
}
.col-1-footer {
width: 35%;
float: left;
}

.col-inner {
padding: 20px;
padding-bottom: 26px;
padding-top: 26px;
overflow: auto;
}

.col-inner.pt0 {
padding-top: 0px;
}

.col-inner.pb0 {
padding-bottom: 0px;
}

.col-inner p {
margin-bottom: 25px;
}
	/* Thumbs */
.col-inner.thumb {
padding: 0px;
background: transparent;
overflow: hidden;
margin: 0;
line-height: 0;
}

.col-inner.thumb img {
width: 100%;
height: auto;
background: transparent;
display: block;
margin: 0;
}

.thumb-desc {
position: absolute;
z-index: 102;
background: #fff;
display: none;
}

.thumb-desc a {
padding-bottom: 52px;
}

.thumb-color {
position: absolute;
z-index: 99;
display: none;
}

.thumb-desc .col-inner {
padding-top: 16px;
}
	

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

.left {
float: left;
}

.right {
float: right;
}

.align-left {
text-align: left;
}

.align-right {
text-align: right;
}


/* Images */
img {
display: block;
margin: 0;
padding: 0;
background: transparent;
}

/* Fonts & weights */
body {
font-size: 16px;
line-height: 24px;
font-weight: normal !important;
}

h1, h2, h3, h4, h5, h6 {
font-size: 19px;
line-height: 26px;
font-weight: normal !important;
}

h1 {
font-size: 48px;
line-height: 52px;
margin-top: 0px;
}
h2 a {
  border-bottom:none;	
}
h2 a:hover {
  border-bottom:none;	
}
.main-nav a {
     font-size:19px;	
}