@charset "utf-8";
@font-face {
    font-family: "Nove";
    src: url("../font/nove.eot");
    src: local("☺"),
    url("../font/nove.woff") format("woff"),
    url("../font/nove.ttf") format("truetype"),
    url("../font/nove.svg") format("svg");
}
@font-face {
    font-family: "NoveL";
    src: url("../font/novel.eot");
    src: local("☺"),
    url("../font/novel.woff") format("woff"),
    url("../font/novel.ttf") format("truetype"),
    url("../font/novel.svg") format("svg");
}
#html{
	min-height:100%;
	height:100%;
	background-color:#000000;
	}
body{
	min-height:100%; height:100%; background-color:#000000; margin:0px; padding:0px; }

#content {
    margin-left:0px;
 	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
    background-image: url("../images/bg-top.jpg");
	background-repeat:repeat-x;
	background-color:#171717;
	background-position:top center;
	overflow:hidden;
}
#inner{
 	background-image: url("../images/inner-topv4.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width:100%; height:1607px;
	margin:0px auto;
}

#logo{margin:0px auto; text-align:center; margin:0 0 30px 0;}

#navigation-section{margin:0px auto; text-align:center;  width:100%; padding:0px auto;}


#navigation-section a:link, a:visited, a:hover, a:actve{text-decoration:none;}
#navigation-section img{border:none;}
.nav-portfolio{text-align:center; display:inline-block;}

.nav-resume{text-align:center; display:inline-block;}

.nav-contact{text-align:center; display:inline-block;}
#portfolio-section{
	width:100%; margin:260px 0px 0px 0px;	float:left; background-color:#b6e11e; text-align:center; padding:20px 0 0 0;
}

#contact-section{
float:left;
background-position:top center;	background-repeat:repeat-x; width:100%;  padding:20px 0 0 0;
background: #232323;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #232323 0%, #353535 64%, #313131 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(64%,#353535), color-stop(100%,#313131));
background: -webkit-linear-gradient(top,  #232323 0%,#353535 64%,#313131 100%);
background: -o-linear-gradient(top,  #232323 0%,#353535 64%,#313131 100%);
background: -ms-linear-gradient(top,  #232323 0%,#353535 64%,#313131 100%);
background: linear-gradient(to bottom,  #232323 0%,#353535 64%,#313131 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#313131',GradientType=0 );
}
#footer-section{
	width:100%; height:276px; float:left; background-image: url("../images/bottomv3.jpg"); background-position:top center;
}

#portfolio-content{
	width:100%; font-family:"Nove", arial; color:#373737; 
}
#portfolio-content p{font-size:2em; margin:10px; padding:0px;}
#portfolio-content img{
	border:solid 6px #FFF;
	box-shadow: 3px 3px 0px #737e5e; margin:1px;
}
.section_header{
	text-align:center;
}
#contact-content{
	background-position:top center;	background-repeat:no-repeat; width:100%; padding:0px 0 0 0; text-align:center;
	font-family:"Nove", arial; font-size:1.2em; color:#FFFFFF;
}
#contact-content a{
	color:#FFF; text-decoration:none;
}
#contact-content a:visited{
	color:#FFFF; text-decoration:none;
}
#contact-content a:hover{
	color:#b5e11c; text-decoration:underline;
}
#contact-content a:active{
	color:#b5e11c; text-decoration:none;
}
#contact-content img{
	border:0; vertical-align:middle;
}

.spacer-imgs{
	border:none;
}

.nav{
	margin:0px; padding:0px; list-style:none; text-align:center;
}

.nav li{
	margin:0px; padding:0px;
}
.backup-portfolio {
	font-family:Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-1.5px; font-weight:bold;
}
.backup-portfolio a{
	color:#333; text-decoration:none;
}
.backup-portfolio a:visited{
	color:#333; text-decoration:none;
}
.backup-portfolio a:hover{
	color:#FFF; text-decoration:underline;
}
.backup-portfolio a:active{
	color:#333; text-decoration:none;
}

.backup-contact {
	font-family:Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-1.5px; font-weight:bold; bottom:0px;
}
.backup-contact a{
	color:#FFF; text-decoration:none;
}
.backup-contact a:visited{
	color:#FFF; text-decoration:none;
}
.backup-contact a:hover{
	color:#b7e122; text-decoration:underline;
}
.backup-contact a:active{
	color:#FFF; text-decoration:none;
}
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

.loading {
	float:right; 
	background:url(images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	padding-left:20px;
	width:70%; 
	margin:20px auto; 
	font-family:"Nove", arial; font-size:1.5em;
	color:#b5e11c;
	display:none
}
.contacticons{display:inline-block;}
@media all and (max-width: 781px) {
#navigation-section{ float:left;}

.nav-portfolio{width:31%; float:left; margin-left:20px;}
.nav-portfolio img{width:100%;}

.nav-resume{width:33%; float:left;}
.nav-resume img{width:61.4%;}

.nav-contact{width:33%; float:left;}
.nav-contact img{width:76%;}
#portfolio-section{margin:36px 0 0 0;}
.module img{width:75%;}
}
@media all and (max-width: 670px) {
.contact-us{width:80%;}
.contact-us button{width:100%;}
.contact-us textarea{width:90%;}
.contact-us input{width:90%;}
}
@media all and (max-width: 665px) {
#navigation-section{display:block; width:100%;}

.nav-portfolio{display:block; width:100%; margin:0px;}
.nav-portfolio img{width:250px;}
.nav-resume img{width:160px;}
.nav-resume{display:inline-block; width:50%;}
.nav-contact img{width:200px;}
.nav-contact{display:inline-block; width:50%;}
#portfolio-section{margin:30px 0 0 0;}
.contact-us input{width:80%;}
.contact-us textarea{width:80%;}
}
@media all and (max-width: 636px) {
.module img{width:80%;}
.module img{display:inline-block;}
.module{width:48%;}
}
@media all and (max-width: 625px) {
.section_header img{width:80%;}
}

@media all and (max-width: 510px) {
#logo img{width:95%;}
#logo{margin:0 0 50px 0;}
#logo{padding-top:20px};
}
@media all and (max-width: 336px) {
#logo{margin:0 0 61px 0;}
@media all and (max-width: 365px) {
.nav-portfolio img{width:220px;}
.nav-portfolio{display:block; width:100%; margin:0px;}
.nav-resume img{width:140px;}
.nav-resume{display:inline-block; width:50%;}
.nav-contact img{width:173px;}
.nav-contact{display:inline-block; width:50%;}
.contacticons{display:block;}
#contact-content img{width:10%;}
}