@charset "UTF-8";
/* CSS Document */


/*--------------Page layout--------------*/




body{background-color:#ecf0f1;}
header{position:fixed; top:0; left:50%; right:0; z-index:1; width:960px; margin:0 0 0 -480px; height:51px; border-bottom:rgb(240,240,240) 1px solid; background-color:white; }
.name{width:480px; float:left;}
nav{width:430px; float:right; padding-right:50px;}
.wrapper{width:1280px; background-color:white; margin:0 auto; overflow:auto;}
.container{width:960px; margin:0 auto;}
.content{padding-top:95px;}
.greeting{width:480px; float:left; background-color:#ecf0f1; height:386px; padding-top:268px;margin-top:95px;}
.intro{margin:0 auto; width:340px; text-align:center;}
.slides{width:480px; float:right;margin-top:95px;}
.slides img{width:100%; display:block;}
.text{width:540px; float:left; padding-left:10px; padding-right:90px; padding-top:80px;}
.photo{width:320px; float:left; padding-top:80px;}
.statement{padding:16px 0; border-top:2px solid black; border-bottom:2px solid black; margin-top:36px;}
.category{width:100%;}
footer{clear:both;}
.contacttext{width:50%; float:left;padding-top:80px;}
.contactphoto{width:50%; float:right;padding-top:80px;}
.contactphoto img{width:100%; display:block;}
.clear{clear:both;}
.hidden{display:none;}

/*---------CSS CLEAR FIX-----------*/
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

/*--------------Navigation--------------*/
nav ul{
	list-style:none;
	float:right;
}
nav li{
	display:inline;
	margin-right:35px;
	
}
nav a{
	font-family:"Raleway", sans-serif;
	font-size:1em;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	color:black;
	line-height:45px;
}

/*--------------Thumbnails--------------*/
.item{ width:318px; 
height:120px;
float:left; 
margin-bottom:3px; 
margin-right:2px;
position:relative; 
z-index:0; 
cursor:pointer;
overflow:hidden;
}

.item:nth-child(3n+3){margin-right:0;}
.item img{display:block; width:100%;height:auto;overflow:hidden;}

.textcaption{
		position:absolute;
		top:0;
		left:0;
		padding-top:40px;
		height:80px;
		text-align:center;
		z-index:100;
		width:318px;
		filter:alpha(opacity=0);
  		-moz-opacity:0;
  		-khtml-opacity: 0;
		opacity:0;
		background-color:#ecf0f1;
	}

.item:hover .textcaption{
	filter:alpha(opacity=100);
  	-moz-opacity:1;
  	-khtml-opacity: 1;
	opacity:1;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
	}