@charset "UTF-8";

/* Start#Respet */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, ad#resps, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}
ad#resps, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, main, nav, section, summary {
	display: block;
}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
.cf:before, .cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom: 1;
}
/* End Reset */

/* Start General Style */
html{
	background-color: #ededed;
}

body{
	font: 100%  'Roboto', Tahoma,  Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #242424;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	margin: 0 auto;
	min-width: 320px;
}
h1, h2, h3, h4{
	font-family: 'Montserrat', Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.88);
	text-shadow: 0 .035em .1250em #444;
	text-align: center;
}
a{
	text-decoration: none;
	color: #eee;
	-webkit-transition: all 200ms linear; /*safari and chrome */
	-moz-transition: all 200ms linear; /* firefox */
	-o-transition: all 200ms linear; /* opera */
	transition: all 200ms linear;
}
a:hover, a:focus{
	outline: none;
	border: none;
}
a img{
	border: none;
	outline: 0;
}
ul,li{
	list-style-type: none;
}
img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.divide{
	border-bottom: 4px solid #eee;
	box-shadow: 0 2px 8px rgba(16, 16, 16, .45);
	min-width: 4.5em;
	width: 37%;
	display: inline-block;
	margin-bottom: .4em;
}
/* End General Style */

/* Start Nav */
#menu{
	width: auto;
	margin: 0;
	margin-bottom: .6em;
	overflow: hidden;
	background-color:#262628;
	font-family: 'Montserrat', Tahoma, Arial, Helvetica, sans-serif;
	/* CSS3 animation transitions */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.menu-link{
	display: block;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	height: 3.5em;
	width: 3.5em;
	text-indent: -9999em;
	background-color: #262628;
	color: #ececec;
	font-size: 1em;
	-moz-box-shadow:    inset 0 0 1em #181818;
   	-webkit-box-shadow: inset 0 0 1em #181818;
   	box-shadow:         inset 0 0 1em #181818;
}
.js #menu{
	overflow: hidden;
	max-height: 0;
}
#menu.active{
	max-height: 15.5em;
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #262628;
	-moz-box-shadow:    inset 0 0 1em #111;
   	-webkit-box-shadow: inset 0 0 1em #111;
   	box-shadow:         inset 0 0 1em #111;
}
#menu li a{	
	text-transform: uppercase;
	display: block;
	color: #ececec;
	text-shadow: 2px 2px 8px #101010;
	border: none;
	font-size: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	line-height: 2em;
	cursor: pointer;
	text-align: center;
}
#menu a:hover,
#menu a:focus{
	background-color: #303030;
}
#menu a.current {
	color: rgb(123, 121, 143);
	cursor: default;
	color: rgb(237, 228, 214);
}
/* End Nav */

/* Start Header */
header{
	display: block;
	min-height: 3.5em;
	background: url(../images/web_banner.jpg) repeat-x top left fixed;
	background-size: contain;
}
header h1{
	display: block;
	margin: 0 auto;
	font-size: 1.8em;
	text-transform: uppercase;
	padding-top: .2em;
	text-shadow: 2px 2px 8px #101010;
	color: #eee;
}
/* End Header */

/* Start Other Content */

/* End Other Content */

/* Start Main */
main{
	width: 96%;
	margin: 0 auto;
	padding: .4em 4% 1em 4%;
	text-align: center;
}
#graphicd main,
#webd main{
	width: 100%;
	padding: .4em 0 0 0;
}
main h2{
	font-size: 2.5em;
	font-weight: bold;
	color: #373737;
	text-shadow: none;
	text-align: center;
}
main h3{
	font-weight: bold;
	font-size: 2em;
}
main article{
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c1;
}
main article p{
	font-size: 1.4em;
}
main section{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c0c0c1;
}
main section#resp a{
	margin: 0 auto;
	display: block;
	width: 7em;
}
main section#resp h3 img{
	margin-top: .3em;
}
main section#resp h3 span{
	display: block;
	width: 118px;
	margin: 0 auto;
}
main section#recentp{
	display: none;
}
main section#callp{
	padding: 3%;
}
main section#callp a{
	display: block;
	width: 100%;
	max-width: 430px;
	margin: 0 auto;
}
main section#callp a img{
	max-width: 430px;
	width: 100%;
	max-height: 336px;
	height: auto;
	border: 1px solid #d8d8d8;
	background-color: rgba(255, 255, 255, 0.4);
}
main section#callp a h2,
main section#portp h2{
	display: block;
	margin: 0 auto;
	max-width: 430px;
	color: #373737;
	font-size: 2em;
	line-height: 1.3em;
	padding-top: .5em;
}
main section#callp .divcont .slidecont:first-child h2{
	margin-bottom: .6em;
}
main section#portp h4{
	color: #616161;
	font-size: 1em;
	font-weight: 400;
	text-shadow: none;
}
main section#portp{
	border: none;
}
main section#portp .divcont{
	padding: 3% 0 0 0;
}
main section#recentp div.slidecont{
	position: relative;
	width: 100%;
	max-width: 430px;
	margin: 3em auto;
}
main section#portp div.slidecont{
	position: relative;
	width: 100%;
	max-width: 768px;
}
main section#portp div.slidecont div.slide{
	height: 200px;
	margin-top: -200px;
	position: relative;
	z-index: 2;
	background-color: rgba(0,0,0,.6);
	padding-top: 40px;
}
main section#portp div.slide h2{
	color: #fff;
	font-weight: 400;
	width: 90%;
	max-width: 740px;
}
main section#portp div.slide h4{
	color: #ddd;
}
main section
.slidecont:hover,
.thumb:hover,
.exit:hover{
	cursor: pointer;
}
main section#portp div.slidecont:first-child,
main section#portp div.slidecont:last-child{
	margin: 0 auto;
}
main section#recentp div.slidecont .imgcont{
	position: relative;
	width: 100%;
	height: 200px;
	max-width: 430px;
	overflow: hidden;
}
main section#portp div.slidecont .imgcont{
	position: relative;
	width: 100%;
	height: 200px;
	max-width: 768px;
	overflow: hidden;
}
main section#recentp img{
	position: absolute;
	width: 100%;
	max-width: 551px;
	top: -160px;
}
main section#portp img{
	position: absolute;
	width: 106%;
	max-width: 800px;
	top: -160px;
	left: -2.5%;
}
#webd main section#portp img{
	top: -60px;
}
#contactd main article p{
	padding: 1em 0 1.5em 0;
	text-align: center;
	font-size: 1.6em;
}
.errorlist{
	display: block;
	padding-bottom: 4em;
	margin: 0 auto;
	text-align: center;
}
.errorlist li{
	display: inline;
	line-height: 3em;
	white-space: nowrap;
}
/* End Main */

/* Start Aside */
aside{
	background: url(../images/web_banner.jpg) repeat-x bottom;
	background-size: cover;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 auto;
}
aside div#asidecont{
	width: 96%;
	padding: 0 2% 4% 2%;
}
aside h3{
	font-weight: bold;
	font-size: 2em;
	color: #eee;
	text-shadow: 2px 2px 6px rgba(16, 16, 16, .7);
	margin-bottom: .3em;
}
aside div#selfycont{
	width: 250px;
	height: 250px;
	border-radius: 250px;
	-moz-border-radius: 250px;
	-webkit-border-radius: 250px;
	border: 5px solid #eee;
	overflow: hidden;
	box-shadow: 2px 3px 8px rgba(16, 16, 16, .65);
	margin: 1em auto;
}
aside div#selfycont div#selfy{
	background-image: url(../images/selfy.png);
	width: 491px;
	height: 332px;
	margin: -2em 0 0 -10em;
}
aside ul{
	max-width: 25em;
	display: block;
}
aside ul li{
	font-family: 'Roboto', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #eee;
	text-shadow: 1px 1px 3px #101010;
	display: block;
}
aside ul.contact li{
	display: block;
	padding-left: 2.3em;
}
aside ul.contact li.email{
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
	height: 1.5em;
	width: 16.6em;
	margin-bottom: .3em;
}
aside ul.contact li.email a{
	padding-left: 2.3em;
	margin-left: -2.3em;
	display: block;
	height: 1.5em;
	width: 16.6em;
}
aside ul.contact li.phone{
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	height: 2em;
	width: 8.3em;
}
aside ul.contact li.phone a{
	padding-left: 2.3em;
	margin-left: -2.3em;
	display: block;
	height: 1.9em;
	width: 8.3em;
	padding-top: .2em;
}
aside ul li#ordiv h4{
	font-weight: bold;
	font-size: 1.5em;
	color: #eee;
	text-shadow: 2px 2px 6px rgba(16, 16, 16, .7);
	padding: 0;
	margin: 0;
}
aside ul li#ordiv{
	display: inline-block;
	padding: 3%;
}
aside form div#outputmsg{
	display: block;
	float: right;
	font-size: 1.2em;
	font-family: 'Montserrat', Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #eee;
	text-shadow: 1px 1px 3px #101010;
	margin: .4em 0 0 .4em;
}
aside #leftcontact{
	float: left;
	margin-right: 6.65em;
}
form{
	display: block;
	max-width: 25em;
	width: 100%;
	border: none;
	position: relative;	
	text-align: left;
	float: left;
}
fieldset{
	width: 100%;
	border: none;
	padding: 0;
}
legend{
	font-family: 'Roboto', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #eee;
	text-shadow: 1px 1px 3px #101010;
}
input, textarea{
	display: block;
	border: 1px solid rgba(0, 0, 0, .5);
	background-color: rgba(256, 256, 256, .9);
	padding: .4em;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #111;
	box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .5);
}
input{
	height: 3.2em;
	min-width: 21em;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(0, 0, 0, .6);
    font-weight: bold;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(0, 0, 0, .7);
    font-weight: bold;
}
textarea{
	width: 100%;
	max-width: 30em;
	min-height: 12em;
}
input#submit{
	display: block;
	float: left;
	margin: .8em 0 .6em .1em;
	background-color: #eee;
	width: 4.5em;
	min-width: 4.5em;
	height: 1.9em;
	color: #969696;
	font-size: 1.5em;
	font-family: 'Roboto', Tahoma, Arial, Helvetica, sans-serif;
	border: none;
	border-bottom: 3px solid #aeabab;
	box-shadow: 2px 3px 8px rgba(16, 16, 16, .65);
	padding-top: .3em;
}
input#submit:hover{
	cursor: pointer;
}
label{
	display: inline-block;
	padding: .5em 0 .2em 0;
	font-size: 1.1em;
	font-family: 'Roboto', Tahoma, Arial, Helvetica, sans-serif;
	color: #eee;
	text-shadow: 1px 1px 3px #101010;
}
#success, #error {
    display: none;
    position: relative;
    z-index: 1;
}
#success span, #error span {
    display: block;
    float: left;
    background-color: rgba(0,0,0,.8);
    max-width: 25em;
    margin: 0 auto;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 6em;
}
#success span p, #error span p {
	padding: 4%;
	text-align: center;
}
.successcolor{
	color: #9bd32d;
}
.errorcolor{
	color: #c0392b;
}
.error{
	display: inline;
	color: #c0392b;
	margin-left: .4em;
	padding: 1% 2% 1% 2%;
	width: auto;
	background-color: rgba(0,0,0,.8);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/* End Aside*/

/* Start Gallery */
.projdesc{
	display: none;
}
.panel .projdesc{
	display: inline;
}
.panel .projdesc p{
	display: none;
}
.bgfade{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 2;
}
.panel{
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 167px;
	/*min-height: 430px;*/
	background-color: #ededed;
	overflow: hidden;
	z-index: 3;
}
.panel .desccont{
	padding: 0 3% 2% 2%;
	width: auto;
	height: auto;
}
.panel .desccont h2{
	color: #373737;
	font-size: 1.6em;
	text-shadow: none;
	line-height: 1.2em;
}
.panel .desccont p{
	margin-top: .3em;
}
.panel .desccont h5{
	text-align: center;
}
.panel .desccont h5 a{
	color: #93ca1d;
}
.panel .desccont h5 a:hover{
	color: #3a5fb9;
}
.panel .desccont h4{
	color: #616161;
	font-size: 1em;
	font-weight: 400;
	text-shadow: none;
}
.panel .thumb{
	position: relative;
	float: left;
	width: 32%;
	margin: .8em 0 .6em 2%;
	overflow: hidden;
	margin-left: 2%;
	border: 1px solid #d8d8d8;
	background: url(../images/zoomin.png);
	background-size: cover;
}
.panel .exit{
	position: absolute;
	right: 0;
	background-image: url(../images/exit.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
.panel .thumbleft{
	margin-left: 0;
}
.panel .thumb img{
	position: absolute;
	min-width: 301px;
	width: 301px;
	top: -150px;
	left: -80px;
	overflow: hidden;
	-webkit-transition: all 200ms linear; /*safari and chrome */
	-moz-transition: all 200ms linear; /* firefox */
	-o-transition: all 200ms linear; /* opera */
	transition: all 200ms linear;
}
.panel .thumb:hover img{
	min-width: 551px;
	top: -300px;
	left: -230px;
	-webkit-transition: all 200ms linear; /*safari and chrome */
	-moz-transition: all 200ms linear; /* firefox */
	-o-transition: all 200ms linear; /* opera */
	transition: all 200ms linear;
	opacity: .3;
}
.panel .previewp{
	width: auto;
	height: auto;
}
.panel .previewp img{
	padding: 23px;
	height: auto;
	max-height: 500px;
	width: auto;
}
/* End Gallery */

/* Start Footer */
footer{
	clear:both;
	width: 100%;
	height: 2em;
}
footer small{
	font-size: .9em;
	display: block;
	width: 100%;
	text-align: center;
	padding: .5em 0 0 0;
}
/* End Footer */
@media only screen and (max-width:400px) { 
	.panel .desccont h2{
		font-size: 1.2em;
	}
}
@media only screen and (max-width:430px) { 
	
	.divide{
		min-width: 4.1em;
		width: 34%;
	}
	header h1{
		font-size: 1.3em;
		padding-top: .6em;
	}
	aside ul.contact li{
		font-size: 1.1em;
		padding-left: 2.6em;
	}
	aside ul.contact li.email{
		background-size: 2.3em;
	}
	aside ul.contact li.phone{
		background-size: 2.1em;
	}
}

@media only screen and (min-width:768px) { 
	
	body{
		margin: 0 auto;
		padding: 0;
	}
	h1, h2, h3, h4{
		text-align: left;
	}
	/* Start Nav */
	a.menu-link{
		display: none;
	}
	.js #menu{
		max-height: none;
	}
	#menu{
		width: 100%;		
		padding: 0;
	}
	#menu li{
		float:left;
	}
	#menu ul{
		display: block;
		width: 43em;
		text-align: center;
		margin: 0 auto;
	}
	#menu a:hover,
	#menu a:focus{
		background-color: #303030;
	}
	#menu li a{
		font-size: 1.3em;
		text-align: center;
		cursor: pointer;	
		padding: .4em .8em .4em .8em;
	}
	#menu li:hover,
	#menu li:active{
		-moz-box-shadow:    none;
   		-webkit-box-shadow: none;
   		box-shadow:         none;
	}
	#menu li:nth-child(1):hover,
	body#homed #menu ul li:nth-child(1):hover,
	body#homed #menu li:nth-child(1){
		border-bottom: 3px solid #44bbdd;
	}
	#menu li:nth-child(2):hover,
	body#graphicd #menu ul li:nth-child(2):hover,
	body#graphicd #menu li:nth-child(2){
		border-bottom: 3px solid #93ca1d;
	}
	#menu li:nth-child(3):hover,
	body#webd #menu ul li:nth-child(3):hover,
	body#webd #menu li:nth-child(3){
		border-bottom: 3px solid #f05f60;
	}
	#menu li:nth-child(4):hover{
		border-bottom: 3px solid #3a5fb9;
	}
	#menu li:nth-child(5):hover,
	body#contactd #menu ul li:nth-child(5):hover,
	body#contactd #menu li:nth-child(5){
		border-bottom: 3px solid #f8b830;
	}
	/* End Nav */

	/* Start Header */
	header{
		height: 12em;
	}
	header h1{
		font-size: 3.5em;
		letter-spacing: .06em;
		text-align: center;
		padding-top: 1em;
	}
	/* End Header */

	/* Start Main */
	main{
		text-align: left;
	}
	#graphicd main,
	#webd main{
		width: 96%;
		padding: .4em 4% 1em 4%;
	}
	main section#recentp,
	main section#portp{
		display: block;
		padding: 0 0 1.5em 0;
	}
	main section#portp{
		margin-bottom: 3em;
	}
	main section#recentp h3,
	main section#portp h3{
		margin-bottom: .1em;
	}
	main section#recentp h2,
	main section#portp h2{
		display: block;
		margin: 0 auto;
		max-width: 300px;
		color: #373737;
		font-size: 1.5em;
		padding-top: .3em;
		line-height: 1.2em;
	}
	main section#recentp h4,
	main section#portp h4{
		display: block;
		margin: 0 auto;
		max-width: 300px;
		color: #616161;
		font-size: 1em;
		text-shadow: none;
		text-align: center;
		font-weight: normal;
	}
	main section#recentp div.slidecont,
	main section#portp div.slidecont{
		width: 31.33%;
		max-width: 300px;
		float: left;
		margin: 1em auto;
		max-height: 282px;
		min-height: 270px;
		height: auto;
	}
	main section#recentp div.slidecont .imgcont,
	main section#portp div.slidecont .imgcont{
		height: 215px;
		max-width: 430px;
		width: 100%;
	}
	main section#recentp div.slidecont div.slide,
	main section#portp div.slidecont div.slide{
		height: 90px;
		margin-top: 0;
		z-index: 0;
		background-color: rgba(0,0,0,0);
		padding-top: 0;
	}
	main section#portp div.slide h2{
		color: #373737;
		font-weight: 700;
	}
	main section#portp div.slide h4{
		color: #616161;
	}
	main section#recentp img,
	main section#portp img{
		position: absolute;
		max-width: 551px;
		width: 100%;
		top: -50px;
		left: 0;
	}
	main section#recentp div.divcont div.slidecont:nth-child(n+2){
		margin-left: 3%;
	}
	main section#portp div.divcont div.slidecont:nth-child(3n),
	main section#portp div.divcont div.slidecont:nth-child(3n-1){
		margin-left: 3%;
	}
	main section#callp{
		padding: 1.5em 0 3em 0;
		border-bottom: 1px solid #c0c0c1;
		box-shadow: 0 1px 0 #fff;
	}
	main section#callp div.slidecont{
		width: 48.5%;
		max-width: 430px;
		float: left;
		margin: 0 auto;
	}
	main section#callp div.slidecont:nth-child(2){
		margin-left: 3%;
	}
	main section#resp{
		text-align: center;
		margin-top: -1.7em;
		border: none;
		padding-bottom: 3.5em;
	}
	main section#resp a{
		display: inline;
		width: auto;
	}
	main section#resp h3{
		display: inline-block;
		height: 118px;
	}
	main section#resp h3 span{
		display: inline-block;
		margin: 0 .7em 0 .7em;
		height: 68px;
	}
	main section#resp h3 img{
		margin-top: 0;
	}
	main section#recentp div.divcont,
	main section#portp div.divcont{
		margin: 0 auto;
		max-width: 59.8em;
		padding: 0;
	}
	main section#callp div.divcont{
		max-width: 55.5em;
		margin: 0 auto;
	}
	main section#portp div.slidecont:first-child,
	main section#portp div.slidecont:last-child{
		margin: 1em auto;
	}
	/* End Main */


	/* Start Gallery */
	.panel{
		min-height: 500px;
		max-height: 700px;
	}
	.panel .projdesc p{
		display: block;
	}
	.panel .desccont h5{
		text-align: left;
	}
	.panel .previewp{
		display: block;
		float: left;
		height: 100%;
		width: 50%;
	}
	.panel .previewp img{
		padding: 0;
		max-height: 100%;
	}
	.panel .desccont{
		display: block;
		float: left;
		height: 100%;
		width: 50%;
	}
	.panel .desccont h2{
		margin-top: .3em;
	}
	/* End Gallery */

	/* Start Other Content */


	/* End Other Content */

	/* Start Aside */
	aside{
		padding: 0 2% 0 2%;
	}
	aside div#selfycont{
		margin: 1em 0 1em 0;
	}

	aside ul li, aside form div#outputmsg, legend, label{
		text-shadow: 2px 2px 6px #101010;
	}
	
	/* End Aside */

	/* Start Footer */
	footer{
		clear:both;
	}
	/* End Footer */
}
@media only screen and (min-width:865px) { 
	/* Start Header */
	header h1{
		font-size: 4em;
		padding-top: .7em;
	}
	/* End Header */

	/* Start Main */

	/* End Main */

	/* Start Aside */
	aside{
		background-attachment: fixed;
	}
	/* End Aside */
}
@media only screen and (min-width:1040px) {

	/* Start General Style */
	body{

	}

	/* End General Style */

	/* Start Header */
	header{
	
	}

	header h1{

	}

	header h1 a{
	
	}
	/* End Header */

	/* Start Main */
	main{
		max-width: 1275px;
		margin: 0 auto;
		clear: both;
		text-align: left;
	}
	main section#recentp div.slidecont,
	main section#portp div.slidecont{
		overflow: hidden;
		max-width: 300px;
		min-height: 215px;
		max-height: 215px;
		margin-bottom: 2em;
	}
	main section#recentp h2,
	main section#portp h2{
		padding-top: 0;
	}
	main section#recentp div.slidecont div.slide,
	main section#portp div.slidecont div.slide{
		position: relative;
		bottom: 0;
		height: 215px;
		width: 100%;
		max-width: 300px;
		padding: 4.5em 2px;
		overflow: hidden;
		opacity: 1;
		-webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
	}
	main section#recentp div.slidecont .imgcont,
	main section#portp div.slidecont .imgcont{
		position: relative;
		bottom: 0;
		-webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;
	}
	main section#recentp div.slide h2,
	main section#recentp div.slide h4,
	main section#portp div.slide h2,
	main section#portp div.slide h4{
		color: #eee;
	}
	main section#recentp div.slidecont:hover div.slide,
	main section#portp div.slidecont:hover div.slide{
		opacity: 1;
		height: 215px;
		bottom: 215px;
	}
	main section#recentp div.slidecont:hover .imgcont,
	main section#portp div.slidecont:hover .imgcont{
		bottom: -215px;
	}
	main section#callp div.slidecont{
		overflow: hidden;
		max-width: 430px;
		max-height: 336px;
	}
	main section#callp div.slidecont a div.slide{
		position: relative;
		max-width: 430px;
		padding-top: 8em;
		overflow: hidden;
		opacity: 1;
		bottom: 0;
		height: 336px;
		-webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
	}
	main section#callp div.slidecont a img{
		position: relative;
		bottom: 0;
		-webkit-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -o-transition: all 400ms ease-in;
        transition: all 400ms ease-in;
	}
	main section#callp a div.slide h2{
		color: #eee;
	}
	main section#callp div.slidecont a:hover div.slide{
		opacity: 1;
		height: 336px;
		bottom: 336px;
	}
	main section#callp div.slidecont a:hover img{
		bottom: -336px;
	}
	.divcont{
		max-width: 64em;
		margin-left: 2em;
		margin-right: 2em;
	}
	/* End Main */

	/* Start Graphic Design */
	
	/* End Graphic Design */


	/* Start Main Slider Colors */
		
	/* 
		==Color Key==
	#3a5fb9 = facebook blue
	#44bbdd = sky blue
	#0f4b5c = dark matte blue
	#874e91 = purple
	#ed4c27 = orange
	#3cc4a9 = mint green
	#93ca1d = lime green
	#f8b830 = flat yellow
	#fd7335 = carrot orange
	#f05f60 = salmon pink
	*/

	main section#recentp div.divcont div.slidecont:nth-child(1) div.slide{
		background-color: #ed4c27;
	}
	main section#recentp div.divcont div.slidecont:nth-child(2) div.slide{
		background-color: #3cc4a9;
	}
	main section#recentp div.divcont div.slidecont:nth-child(3) div.slide{
		background-color: #f8b830;
	}

	main section#callp div.divcont div.slidecont:nth-child(1) div.slide{
		background-color: #fd7335;
	}
	main section#callp div.divcont div.slidecont:nth-child(2) div.slide{
		background-color: #3a5fb9;
	}

	main section#portp div.divcont div.slidecont:nth-child(1) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(11) div.slide{
		background-color: #fd7335;
	}
	main section#portp div.divcont div.slidecont:nth-child(2) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(12) div.slide{
		background-color: #3a5fb9;
	}
	main section#portp div.divcont div.slidecont:nth-child(3) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(13) div.slide{
		background-color: #3cc4a9;
	}
	main section#portp div.divcont div.slidecont:nth-child(4) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(14) div.slide{
		background-color: #f8b830;
	}
	main section#portp div.divcont div.slidecont:nth-child(5) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(15) div.slide{
		background-color: #ed4c27;
	}
	main section#portp div.divcont div.slidecont:nth-child(6) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(16) div.slide{
		background-color: #93ca1d;
	}
	main section#portp div.divcont div.slidecont:nth-child(7) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(17) div.slide{
		background-color: #44bbdd;
	}
	main section#portp div.divcont div.slidecont:nth-child(8) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(18) div.slide{
		background-color: #f05f60;
	}
	main section#portp div.divcont div.slidecont:nth-child(9) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(19) div.slide{
		background-color: #0f4b5c;
	}
	main section#portp div.divcont div.slidecont:nth-child(10) div.slide,
	main section#portp div.divcont div.slidecont:nth-child(20) div.slide{
		background-color: #874e91;
	}
	/* End Slider Colors */

	/* Start Aside */
	aside #leftcontact ul:last-child{
		display: none;
	}
	#success span, #error span{
		margin-top: 7em;
	}
	/* End Aside */

	/* Start Gallery */
	.panel .desccont{
		max-width: 600px;
	}
	/* End Gallery */

	/* Start Other Content */

	/* End Other Content */

	/* Start Footer */

	/* End Footer */
}