/* Filterable Portfolio Stylesheet */

/* Fonts */

@font-face {
    font-family:'nexa_boldregular';
    src: url('fonts/nexa_free_bold-webfont.eot');
    src: url('fonts/nexa_free_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_free_bold-webfont.woff') format('woff'),
         url('fonts/nexa_free_bold-webfont.ttf') format('truetype'),
         url('fonts/nexa_free_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'nexa_lightregular';
    src: url('fonts/nexa_free_light-webfont.eot');
    src: url('fonts/nexa_free_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_free_light-webfont.woff') format('woff'),
         url('fonts/nexa_free_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_free_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Simple Reset
------------------------------------------------------------ */
html, body, div, h1, h2, ul, li, dl, dd, dt, p { 
	margin: 0; 
	padding: 0; 
}

ul { 
	list-style: none; 
}


/* Import Fonts
------------------------------------------------------------ */



/* Custom Classes
------------------------------------------------------------ */
.group:after { 
	visibility: hidden; 
	display: block; 
	content: ""; 
	clear: both; 
	height: 0; 
}

/* General Styles
------------------------------------------------------------ */
html {
	overflow-y:scroll;
}

body { 
	font-family:'nexa_lightregular';
	color: #fff; 
	background: url(images/bg5.png) repeat;
}

#wrap { 
	max-width: 960px;
	width:100%; 
	/*min-height: 720px;*/
	margin: 0 auto; 
	overflow: hidden;
}

a {  
	text-decoration: underline; 
	-moz-transition: 0.4s all linear; 
	-webkit-transition: 0.4s all linear; 
	-o-transition: 0.4s all linear; 
	transition: 0.4s all linear; 
	outline-color: #aaa; 
}

a:hover { 

}

.demo-top { 
	margin-bottom: 0.35714em; 
	padding-bottom: 0.5em; 
	border-bottom: 3px solid #000; 
}

.back-to-post { 
	border-top: 1px solid #000; 
	margin-bottom: 3em; 
}


/* Filter */
dl { 
	margin-top:10px;
	margin-left:235px;
	margin-bottom: 10px; 
	color: #777; 
}

dt, dd { 
	float: left; 
}

dt { 
	margin-right: 5px; 
}

.filter li { 
	float: left; 
}

/*.filter li:after { 
	content: "/"; 
}*/

.filter li:last-child:after { 
	content: "";
}

.filter a { 
	padding: 0 10px; 
	color: #ccc; 
	text-decoration: none;
}

.filter a:hover, .current a { 
	color: #fff;
}

/* Portfolio Items */

.portfolio li { 
	float: left; 
	margin-left: 16px; 
	margin-bottom: 16px; 
	border: 1px solid #ccc; 
	-moz-box-shadow: 0 5px 5px -3px #222; 
	-webkit-box-shadow: 0 5px 5px -3px #222; 
	box-shadow: 0 5px 5px -3px #222; 
}

.portfolio li:nth-child(4n) { 
	margin-right: 0; 
}

.portfolio a { 
	display: block; 
	border: 3px solid #fff;  
	text-decoration: none;
}

.portfolio img { 
	width: 210px; 
	height: 130px; 
	display: block; 
	border: 1px solid #ccc; 
}

/* My Personal Styles
------------------------------------------------------------ */

/*REMINDER: somehow this style conflicted with how the fonts show up on your site. you put your logo in the other way.*/

#logo {
	margin-left:20px;
}

#logo img {
	margin-top:30px;
}

#logo h3, h4 {
	text-indent:-9999px;
}

#header {
	height:110px;
}

#footer {
	height:30px;
}

#footer small {
	color:white;
	font-family:'nexa_lightregular';
}

#links {
	font-family:'nexa_lightregular';
	font-size:12px;
	list-style:none;
	margin-top:-150px;
	margin-left:800px;
	
}

#links li {
	float:left;
}

#links a {
	text-decoration:none;
	color:#ccc;
	padding-left:10px;
}

#links a:hover {
	color:#fff;
}

#links a.active {
	color:white;
}

.line-separator {
	margin-top:5px;
	height:4px;
	background:white;
	border-bottom:1px solid white;
}

.line-separator2 {
	margin-top:10px;
	margin-bottom:10px;
	height:4px;
	background:white;
	border-bottom:1px solid white;
}

.about1 {
	margin-top:10px;
	float:left;
}

.about1 img {
	width:320px;
	height:500px;
	border:none;
}

.about2 {
	margin-top:10px;
	width:320px;
	height:500px;
	float:left;
	font-size:14px;
}

.about3 {
	margin-top:10px;
	width:320px;
	height:500px;
	float:left;
}

.about2 p {
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
}



.about3 p {
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
}

.about3 a {
	border:none;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	color:white;
}

.pj1 {
	margin-top:10px;
	width:260px;
	height:500px;
	float:left;
}

.pj1 h2 {
	margin-left:15px;
	margin-top:15px;
	font-size:24px;
}

.pj1 p {
	margin-left:15px;
	margin-top:15px;
	margin-right:15px;
	font-size:16px;
}

.pj1 h3 {
	margin-top:15px;
	margin-right:15px;
	font-size:19px;
}

.pj1 a {
	border:none;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	color:white;
	text-decoration: none;
}

.pj26 {
	margin-top:10px;
	width:260px;
	height:500px;
	float:left;
}

.pj26 h2 {
	margin-left:15px;
	margin-top:15px;
	font-size:24px;
}

.pj26 p {
	margin-left:15px;
	margin-top:15px;
	margin-right:15px;
	font-size:16px;
}

.pj26 h3 {
	margin-top:15px;
	margin-right:15px;
	font-size:19px;
}

.pj26 a {
	border:none;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	color:white;
	text-decoration: none;
}

.pj27 {
	margin-top:10px;
	width:260px;
	height:500px;
	float:left;
}

.pj27 h2 {
	margin-left:15px;
	margin-top:15px;
	font-size:24px;
}

.pj27 p {
	margin-left:15px;
	margin-top:15px;
	margin-right:15px;
	font-size:16px;
}

.pj27 h3 {
	margin-top:15px;
	margin-right:15px;
	font-size:19px;
}

.pj27 a {
	border:none;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	color:white;
	text-decoration: none;
}

.pj3 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
}

.pj4 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj5 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj6 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj7 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj8 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj9 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj10 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj11 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj12 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj13 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj14 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj15 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj16 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj17 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj18 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj19 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj20 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj20 iframe {
	width:690px;
	height:500px;
}

.pj21 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj22 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj23 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj24 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}

.pj25 {
	margin-top:10px;
	width:690px;
	height:500px;
	float:right;
	background:white;
	margin-top:10px;
}