@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: 'aruallight';
    src: url('arual-webfont.eot');
    src: url('arual-webfont.eot?#iefix') format('embedded-opentype'),
         url('arual-webfont.woff') format('woff'),
         url('arual-webfont.ttf') format('truetype'),
         url('arual-webfont.svg#aruallight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'NexaLightRegular';
    src: url('nexa-light.eot');
    src: url('nexa-light.eot') format('embedded-opentype'),
         url('nexa-light.woff') format('woff'),
         url('nexa-light.ttf') format('truetype'),
         url('nexa-light.svg#NexaLightRegular') format('svg');
}
@font-face {
    font-family: 'NexaBoldRegular';
    src: url('nexa-bold.eot');
    src: url('nexa-bold.eot') format('embedded-opentype'),
         url('nexa-bold.woff') format('woff'),
         url('nexa-bold.ttf') format('truetype'),
         url('nexa-bold.svg#NexaBoldRegular') format('svg');
}

::selection {
   background: #F60; 
   color:#fff;
   }
::-moz-selection {
   background: #F60;
   color:#fff;
}
/*.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../preloader.gif') 50% 50% no-repeat #0f0f0f;
}*/

body {
	background-color: #0f0f0f;
	height: 100%;
	margin: 0;
	background-repeat: repeat;
	color: #999;
	background-image: url(../images/blackorchid.png);
}
#loading{
	padding: 20px;
	text-align: center;
	display: none;
	margin-top: 20%;
	margin-bottom: 20%;
}
#wrap {
	height: 700px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	background-image: url(../images/comingsoon.png);
	background-repeat: no-repeat;
}
#wrapper {
	height: 100%;
	min-height: 100%;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#portfoliowrap {
	height: 510px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	background-repeat: no-repeat;
}
#portfolioinnerwrap {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 900px;
}

#webdesign_wrap {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 20px;
	background-image: url(../images/Portfolio/webdesignfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#webdesign_wrap a {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	background-image: url(../images/Portfolio/webdesignfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#webdesign_wrap a:hover {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	background-image: url(../images/Portfolio/webdesignfolio.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
	display: block;
}


#graphicdesign_wrap {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 20px;
	background-image: url(../images/Portfolio/graphicdesignscroll.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#graphicdesign_wrap a {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	background-image: url(../images/Portfolio/graphicdesignscroll.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#graphicdesign_wrap a:hover {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	background-image: url(../images/Portfolio/graphicdesignscroll.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
	display: block;
}


#photography_wrap {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 20px;
	text-indent: -9999px;
	background-image: url(../images/Portfolio/photographyfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#photography_wrap a {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	text-indent: -9999px;
	background-image: url(../images/Portfolio/photographyfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#photography_wrap a:hover {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	text-indent: -9999px;
	background-image: url(../images/Portfolio/photographyfolio.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
}
#printdesign_wrap {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/Portfolio/printdesignscroll.png);
}
#printdesign_wrap a {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/Portfolio/printdesignscroll.png);
}
#printdesign_wrap a:hover {
	height: 470px;
	width: 185px;
	position: relative;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/Portfolio/printdesignscroll.png);
}
#top_panel {
	clear: both;
	height: 125px;
	width: 980px;
	min-width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
}
#topwrap {
	height: 100px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
	clear: both;
	padding-right: 22px;
	padding-left: 22px;
}
#logo {
	float: left;
	height: 100px;
	width: 355px;
	position: relative;
	display: block;
	clear: both;
	visibility: visible;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 0.7s;
	-moz-animation-delay: 0.1s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 0.7s;
	-ms-animation-delay: 0.1s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 0.7s;
	-o-animation-delay: 0.1s;
	-o-animation-iteration-count: one;
	animation-duration: 0.7s;
	animation-delay: 0.1s;
	animation-iteration-count: one;
}

#logo a{
	text-decoration:none;
	border:none;	
}
#logo img{
	text-decoration:none;
	border:none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#logo img a{
	text-decoration:none;
	border:none;
	}
#logo img:hover{
	text-decoration:none;
	margin-left:5px;
	border:none;
}

#nav {
	font-family: 'aruallight';
	clear: both;
	height: 50px;
	width: 980px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	padding-right: 22px;
	padding-left: 22px;
}

#nav ul {
	font-family: aruallight;
	list-style-type: none;
	position: relative;
	float: right;
	width: auto;
	min-width: 650px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}
#nav ul li a{
	font-family: 'aruallight';
	color: #FFF;
	position: relative;
	float: left;
	font-size: 1.35em;
	font-weight: normal;
	margin-left: 0px;
	list-style-type: none;
	text-align: left;
	margin-right: 5px;
	display: block;
	text-decoration: none;
	clear: none;
	width: auto;
	height: 45px;
	margin-top: 5px;
	border-radius:3px 3px 0px 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

#nav ul .nohashhome a:hover{
	box-shadow:inset -0px -75px #464646;
}
#nav ul .hashabout a:hover{
	box-shadow:inset -0px -75px #FF6600;
}
#nav ul .hashportfolio a:hover{
	box-shadow:inset -0px -75px #c91c46;	
}
#nav ul .hashservices a:hover{
	box-shadow:inset -0px -75px #9f1c75;	
}
#nav ul .hashhireme a:hover{
	box-shadow:inset -0px -75px #0187f2;	
}
#nav ul .hashcontact a:hover{
	box-shadow:inset -0px -75px #59d28e;	
}


#nav ul .nohashhome a.current{
	background-color: #464646;	
}
#nav ul .hashabout a.current{
	background-color: #F60;	
}
#nav ul .hashportfolio a.current{
	background-color: #c91c46;	
}
#nav ul .hashservices a.current{
	background-color: #9f1c75;	
}
#nav ul .hashhireme a.current{
	background-color: #0187f2;	
}
#nav ul .hashcontact a.current{
	background-color: #59d28e;	
}

#content {
	min-height: 1px;
	margin-left: auto;
	margin-right: auto;
	min-width: 1024px;
	width: 1024px;
	margin-bottom: 0px;
	margin-top: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2d2d2d;
}
#content-wrap {
	min-height: 1px;
	height: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-decoration: none;
	margin-bottom: 0px;
	font-family: NexaLightRegular;

}


.blueitalic {
	font-family: NexaLightRegular;
	font-size: 1.2em;
	font-style: oblique;
	color: #08d6f5;
	text-align: right;
	position: relative;
	margin-top: 20px;
	margin-right: 20px;
	clear: both;
	float: right;
}
.blueitalic2 {
	font-family: NexaLightRegular;
	font-size: 1.3em;
	font-style: oblique;
	color: #08d6f5;
	position: relative;
	margin-left: 10%;
}
.reditalic {
	font-family: NexaLightRegular;
	font-size: 1.1em;
	font-style: oblique;
	color: #f91800;
	position: relative;
	margin-left: 8%;
	font-weight: bold;
}


#shortintro {
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-family: NexaLightRegular;
	color: #C1C1C1;
	font-size: 1.05em;
	font-style: normal;
	height: 220px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
}

#shortintro p {
	width: 809px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	-webkit-transition: text-shadow 0.6s linear 0s;
	-moz-transition: text-shadow 0.6s linear 0s;
	-ms-transition: text-shadow 0.6s linear 0s;
	-o-transition: text-shadow 0.6s linear 0s;
	transition: text-shadow 0.6s linear 0s;
	font-family: NexaLightRegular;
}
#shortintro p:hover{
	text-shadow: 0px 3px 2px #4E4E4E;
}
.redpink {
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	font-weight: bolder;
	color: #ff004e;
	position: relative;
	line-height: 40px;
}
.whitetext {
	font-family: NexaBoldRegular;
	font-size: 1.3em;
	font-style: normal;
	color: #fff;
}
.liteorange {
	font-family: NexaBoldRegular;
	font-size: 1.3em;
	color: #fab95b;
	font-weight: bold;
}
.whitelarge {
	font-family: NexaBoldRegular;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bolder;
}


.whitetextsml {
	font-family: NexaBoldRegular;
	font-size: 1.1em;
	font-style: normal;
	color: #fff;
}
#socialbuttons {
	float: right;
	height: 68px;
	width: 278px;
	position: relative;
	top: -5px;
	display: block;
	visibility: visible;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-iteration-count: one;
		-moz-animation-duration: 1s;
	-moz-animation-delay: 0.2s;
	-moz-animation-iteration-count: one;
		-ms-animation-duration: 1s;
	-ms-animation-delay: 0.2s;
	-ms-animation-iteration-count: one;
		-o-animation-duration: 1s;
	-o-animation-delay: 0.2s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 0.2s;
	animation-iteration-count: one;
}
#social1 {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	margin-right: 6px;
	background-image: url(../images/facebook.png);
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	}

#social2 {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	margin-right: 6px;
	background-image: url(../images/tw.png);
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	}
#social3 {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	margin-right: 6px;
	background-image: url(../images/gplus.png);
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#social4 {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	background-image: url(../images/mail.png);
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#social1:hover {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	margin-right: 6px;
	background-image: url(../images/facebook.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
}
#social2:hover {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	margin-right: 6px;
	background-image: url(../images/tw.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
}
#social3:hover {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	margin-right: 6px;
	background-image: url(../images/gplus.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
}

#social4:hover {
	height: 58px;
	width: 65px;
	position: relative;
	float: left;
	background-image: url(../images/mail.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
}
#featuredwrapper {
	display: block;
	clear: both;
	height: auto;
	min-height: 300px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 0px;
}
#bigfeatured {
	display: block;
	clear: both;
	height: 400px;
	width: 954px;
	border: 3px solid #2d2d2d;
	position: relative;
	margin-top: 5px;
	margin-bottom:10px;
	-webkit-transition: border-color 1s linear 0s;
	-moz-transition: border-color 1s linear 0s;
	-ms-transition: border-color 1s linear 0s;
	-o-transition: border-color 1s linear 0s;
	transition: border-color 1s linear 0s;
	border-radius: 2px;
	margin-left: auto;
	margin-right: auto;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-iteration-count: one;
		-moz-animation-duration: 1s;
	-moz-animation-delay: 0.2s;
	-moz-animation-iteration-count: one;
		-ms-animation-duration: 1s;
	-ms-animation-delay: 0.2s;
	-ms-animation-iteration-count: one;
		-o-animation-duration: 1s;
	-o-animation-delay: 0.2s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 0.2s;
	animation-iteration-count: one;
}

#bigfeatured:hover {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	border-top-color: #de4231;
	border-right-color: #de4231;
	border-bottom-color: #de4231;
	border-left-color: #de4231;
}
#featureditems {
	clear: both;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	list-style-type: none;
}
.row1 {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 960px;
	height: 130px;
	overflow:visible;
	position: relative;
}
.row2 {
	clear: both;
	width: 960px;
	min-width:1024px
	height: auto;
	min-height: 200px;
	overflow: visible;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	padding-top: 0px;
	padding-right: 32px;
	padding-bottom: 0px;
	padding-left: 32px;
	display: block;
}


.featureitem1 {
	height: 115px;
	width: 294px;
	list-style-type: none;
	position: relative;
	border: 3px solid #2d2d2d;
	border-radius: 2px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	margin-right: 10px;
	float: left;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	overflow: hidden;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.4s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 0.4s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 0.4s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 0.4s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 0.4s;
	animation-iteration-count: one;
}



.featureitem2 {
	height: 115px;
	width: 294px;
	list-style-type: none;
	position: relative;
	border: 3px solid #2d2d2d;
	border-radius: 2px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	overflow: hidden;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.8s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 0.8s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 0.8s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 0.8s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 0.8s;
	animation-iteration-count: one;
}

.featureitem3 {
	height: 115px;
	width: 294px;
	list-style-type: none;
	position: relative;
	border: 3px solid #2d2d2d;
	border-radius: 2px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 10px;
	float: left;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	overflow: hidden;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 1.2s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 1.2s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 1.2s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 1.2s;
	animation-iteration-count: one;
}
.featureitem4 {
	height: 100px;
	width: 294px;
	list-style-type: none;
	position: relative;
	border: 3px solid #2d2d2d;
	border-radius: 2px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
	margin-right: 10px;
	float: left;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	overflow: hidden;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-delay: 1.3s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 0.6s;
	-moz-animation-delay: 1.3s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 0.6s;
	-ms-animation-delay: 1.3s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 0.6s;
	-o-animation-delay: 1.3s;
	-o-animation-iteration-count: one;
	animation-duration: 0.6s;
	animation-delay: 1.3s;
	animation-iteration-count: one;
}



.featureitem5 {
	height: 100px;
	width: 294px;
	list-style-type: none;
	position: relative;
	border: 3px solid #2d2d2d;
	border-radius: 2px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	overflow: hidden;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-delay: 1.6s;
	-webkit-animation-iteration-count: one;
		-moz-animation-duration: 0.6s;
	-moz-animation-delay: 1.6s;
	-moz-animation-iteration-count: one;
		-ms-animation-duration: 0.6s;
	-ms-animation-delay: 1.6s;
	-ms-animation-iteration-count: one;
		-o-animation-duration: 0.6s;
	-o-animation-delay: 1.6s;
	-o-animation-iteration-count: one;
	animation-duration: 0.6s;
	animation-delay: 1.6s;
	animation-iteration-count: one;
}
.featureitem6 {
	height: 115px;
	width: 294px;
	list-style-type: none;
	position: relative;
	border: 3px solid #2d2d2d;
	border-radius: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 10px;
	float: left;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	overflow: hidden;
}
.featworkwrapper {
	clear: both;
	width: 100%;
	min-width:1024px;
	height: auto;
	min-height: 680px;
	overflow: visible;
	position: relative;
	padding-top:5px;
	background-image: url(../images/dvsu2p.png);
	
}
.varworkwrapper {
	clear: both;
	width: 100%;
	min-width:1024px;
	height: auto;
	min-height: 370px;
	overflow: visible;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(../images/binding_dark.png);
}
#snippetwrapper {
	height: 100px;
	width: 300px;
	float: right;
	position: relative;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 0.6s;
	-moz-animation-delay: 1.8s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 0.6s;
	-ms-animation-delay: 1.8s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 0.6s;
	-o-animation-delay: 1.8s;
	-o-animation-iteration-count: one;
	animation-duration: 0.6s;
	animation-delay: 1.8s;
	animation-iteration-count: one;
}
#snippetwrapper img {
	opacity: 0.4;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
#snippetwrapper img:hover {
	opacity:1;
}

#latestwork {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: left;
	display: block;
	height: 45px;
	width: 631px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: auto;
	position: relative;
	float: left;
	line-height: 45px;
}
#snippets {
	height: 45px;
	width: 300px;
	float: right;
	position: relative;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
	font-size: 1.4em;
	line-height: 45px;
}
#featuredwork {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	clear: both;
	height: 25px;
	width: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 25px;
	text-align: left;
	display: block;
	position: relative;
}


.latestworks {
	font-family: NexaBoldRegular;
	font-size: 1.3em;
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
}
.latestworksthin {
	font-family: NexaLightRegular;
	font-size: 1.3em;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
}



.featureitem1:hover {
	height: 192px;
	border-color:#d7303c;
}
.featureitem2:hover{
	height: 192px;
	border-color:#b4184e;
}
.featureitem3:hover {
	height: 192px;
	border-color:#5e3aaa;
}
.featureitem4:hover {
	height: 150px;
	border-color: #3753c7;
}
.featureitem5:hover{
	height: 150px;
	border-color: #029bee;
}
.featureitem6:hover {
	height: 192px;
	border-color:#60e399;
}
#pointnavwrapper {
	height: auto;
	width: 960px;
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
	clear: both;
	position: relative;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #2A2A2A;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.webdesign {
	float: left;
	height: 160px;
	width: 192px;
	margin-top: 5px;
	position: relative;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 0.2s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 0.2s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 0.2s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 0.2s;
	animation-iteration-count: one;
	
}

.graphicdesign {
	float: left;
	height: 160px;
	width: 192px;
	margin-top: 5px;
	position: relative;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.6s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 0.6s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 0.6s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 0.6s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 0.6s;
	animation-iteration-count: one;
}
.printdesign {
	float: left;
	height: 160px;
	width: 192px;
	margin-top: 5px;
	position: relative;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 1s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 1s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-iteration-count: one;
}
.photography {
	float: left;
	height: 160px;
	width: 192px;
	margin-top: 5px;
	position: relative;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1.4s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 1.4s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 1.4s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 1.4s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 1.4s;
	animation-iteration-count: one;
}
.personalprojects {
	float: left;
	height: 160px;
	width: 192px;
	margin-top: 5px;
	position: relative;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 1s;
	-moz-animation-delay: 1.8s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 1s;
	-ms-animation-delay: 1.8s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 1s;
	-o-animation-delay: 1.8s;
	-o-animation-iteration-count: one;
	animation-duration: 1s;
	animation-delay: 1.8s;
	animation-iteration-count: one;
}
#webdesigncircle, #webdesigncircle a {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #272727;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-moz-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-ms-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-o-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	border: 3px solid #4F4F4F;
	display: block;
}


#graphicdesigncircle {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #272727;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-moz-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-ms-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-o-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	border: 3px solid #4F4F4F;
	display: block;
}
#printdesigncircle {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #272727;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-moz-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-ms-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-o-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	border: 3px solid #4F4F4F;
	display: block;
}
#photographycircle {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #272727;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-moz-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-ms-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-o-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	border: 3px solid #4F4F4F;
	display: block;
}
#personalprojectscircle {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #272727;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-moz-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-ms-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	-o-transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	transition: border-width, border-color, background-color 0.4s ease-in-out 0s;
	border: 3px solid #4F4F4F;
	display: block;
}
#webdesigncircle:hover {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #de4430;
}
#webdesigncircle.current {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #de4430;
}
#graphicdesigncircle:hover {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #c91c46;
}
#graphicdesigncircle.current {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #c91c46;
}
#printdesigncircle:hover {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #9f1c75;
}
#printdesigncircle.current {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #9f1c75;
}
#photographycircle:hover {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #0187f2;
}
#photographycircle.current {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #0187f2;
}
#personalprojectscircle:hover {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #59d28e;
}
#personalprojectscircle.current {
	clear: both;
	height: 40px;
	width: 40px;
	margin-top: 20px;
	position: relative;
	border-radius: 50%;
	background-color: #0C0C0C;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #59d28e;
}
#webdesigntext{
	height: 60px;
	width: 192px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: block;
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #CCC;
	font-weight: bold;
	opacity: 0.15;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

#webdesigncircle:hover +#webdesigntext{
	opacity:1;
	margin-top:25px;
}
#webdesigntext.current{
	opacity:1;
	margin-top:25px;
}
#graphicdesigntext.current{
	opacity:1;
	margin-top:25px;
}
#printdesigntext.current{
	opacity:1;
	margin-top:25px;
}
#photographytext.current{
	opacity:1;
	margin-top:25px;
}
#personalprojectstext.current{
	opacity:1;
	margin-top:25px;
}

#graphicdesigntext {
	height: 60px;
	width: 192px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: block;
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #CCC;
	font-weight: bold;
	opacity: 0.15;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
#graphicdesigncircle:hover +#graphicdesigntext{
	opacity:1;
	margin-top:25px;
}
#printdesigntext {
	height: 60px;
	width: 192px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: block;
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #CCC;
	font-weight: bold;
	opacity: 0.15;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
#printdesigncircle:hover +#printdesigntext{
	opacity:1;
	margin-top:25px;
}
#photographytext {
	height: 60px;
	width: 192px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: block;
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #CCC;
	font-weight: bold;
	opacity: 0.15;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
#photographycircle:hover +#photographytext{
	opacity:1;
	margin-top:25px;
}
#personalprojectstext {
	height: 60px;
	width: 192px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: block;
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #CCC;
	font-weight: bold;
	opacity: 0.15;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
#personalprojectscircle:hover +#personalprojectstext{
	opacity:1;
	margin-top:25px;
}
.skillswrapper {
	background-image: url(../images/gray_sand.png);
	display: block;
	clear: both;
	height: auto;
	min-height: 300px;
	width: 100%;
	min-width:1024px;
	padding-top: 5px;
	padding-bottom: 20px;
	position: relative;
	margin-top: 0px;
	top: 0px;
}
#footer {
	background-color: #0C0C0C;
	clear: both;
	height: 35px;
	width: 100%;
	min-width:1024px;
	position: relative;
}
#footerwrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
}
.footleft {
	float: left;
	position: relative;
	clear: none;
	margin: 0px;
	padding: 0px;
}
.footleft a {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #666;
}
.footleft a:hover {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #CCC;
}
.footleft a.current{
	position: relative;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #CCC;
}


.footright {
	float: right;
	position: relative;
	clear: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

#skillspanel {
	display: block;
	width: 960px;
	position: relative;
	height: 275px;
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
}
.panel-1 {
	height: 100%;
	min-height: 250px;
	width: 300px;
	float: left;
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.panel-2 {
	height: 100%;
	min-height: 250px;
	width: 250px;
	float: left;
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
.panel-3 {
	height: 100%;
	min-height: 250px;
	width: 250px;
	float: left;
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
}
.designtext {
	font-family: NexaBoldRegular;
	color: #E8005C;
	font-size: 1.8em;
	font-weight: bolder;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 5px;
	margin-bottom: 5px;
}
.developtext {
	font-family: NexaBoldRegular;
	color: #00B9E8;
	font-size: 1.8em;
	font-weight: bolder;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 5px;
	margin-bottom: 5px;
}
.arttext {
	font-family: NexaBoldRegular;
	color: #F30;
	font-size: 1.8em;
	font-weight: bolder;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 5px;
	margin-bottom: 5px;
}
.normaltext {
	font-family: NexaBoldRegular;
	font-size: 1em;
	letter-spacing: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.webdesignport a{
	text-decoration: none;
	font-family: NexaBoldRegular;
	color: #de4430;
	position: relative;
	font-size: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 5px;
	opacity: 0.5;
	margin-left: 0px;
	-webkit-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-moz-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-ms-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-o-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
}
.webdesignport a:hover {
	opacity:1;
	margin-left:30px;

}
.graphicdesignport a {
	text-decoration: none;
	font-family: NexaBoldRegular;
	color: #c91c46;
	position: relative;
	font-size: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 5px;
	opacity: 0.5;
	margin-left: 0px;
	-webkit-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-moz-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-ms-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-o-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
}
.graphicdesignport a:hover {
	opacity:1;
	margin-left:30px;

}
.printdesignport a {
	text-decoration: none;
	font-family: NexaBoldRegular;
	color: #9f1c75;
	position: relative;
	font-size: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 5px;
	opacity: 0.5;
	margin-left: 0px;
	-webkit-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-moz-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-ms-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-o-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
}
.printdesignport a:hover {
	opacity:1;
	margin-left:30px;

}
.photoport a {
	text-decoration: none;
	font-family: NexaBoldRegular;
	color: #0187f2;
	position: relative;
	font-size: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 5px;
	opacity: 0.5;
	margin-left: 0px;
	-webkit-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-moz-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-ms-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-o-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
}
.photoport a:hover {
	opacity:1;
	margin-left:30px;

}
.ppport a {
	text-decoration: none;
	font-family: NexaBoldRegular;
	color: #59d28e;
	position: relative;
	font-size: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 5px;
	opacity: 0.5;
	margin-left: 0px;
	-webkit-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-moz-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-ms-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	-o-transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
	transition: margin-left 0.6s ease-out 0s, opacity 0s ease 0s;
}
.ppport a:hover {
	opacity:1;
	margin-left:30px;

}
.headingtext {
	font-size: 1.9em;
	text-decoration: none;
	font-weight: bold;
	margin-top: 3%;
	position: relative;
	font-family: NexaBoldRegular;
}
.headingtext2 {
	font-size: 1.9em;
	text-decoration: none;
	font-weight: bold;
	margin-top: 3%;
	position: relative;
	color: #FF6600;
	font-family: NexaBoldRegular;
}

#portfoliowrapper {
	display: block;
	width: 960px;
	min-height: 450px;
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	font-family: NexaBoldRegular;
}
#serviceswrapper {
	display: block;
	width: 960px;
	min-height: 450px;
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}

.servicestext {
	font-family: NexaBoldRegular;
	text-decoration: none;
	margin-left: 0px;
	position: relative;
	color: #666666;
	-webkit-transition: margin-left 0.6s ease-out 0s;
	-moz-transition: margin-left 0.6s ease-out 0s;
	-ms-transition: margin-left 0.6s ease-out 0s;
	-o-transition: margin-left 0.6s ease-out 0s;
	transition: margin-left 0.6s ease-out 0s;
	display: block;
}
.servicestext:hover {
	margin-left: 20px;
	position: relative;
	color: #F30;
	text-decoration: none;
	display: block;
}
.webdesignitems {
	float: left;
	height: 216px;
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
	position: relative;
	text-decoration: none;
	background-color: #202020;
	padding-top: 7.5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 30px;
	margin-top: 20px;
	border-radius:3px;
}
a {
	text-decoration: none;
}


.webdesignitems .webdesignimages {
	height: 186px;
	width: 285px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	list-style-type: none;
	text-decoration: none;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	opacity: 0.5;
	-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opacity 0.6s ease-out 0s;
	-ms-transition: opacity 0.6s ease-out 0s;
	-o-transition: opacity 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
		
}
.webdesignitems .webdesignimages:hover {
	opacity: 1;

		
}
#web-tagline {
	height: 120px;
	width: 700px;
	margin-bottom: 60px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #de4430;
	position: relative;
	margin-left: 15px;
}
#content-wrap #webdesignitem-wrapper #web-tagline .statement {
	font-family: NexaBoldRegular;
	text-decoration: none;
	font-style: oblique;
	font-size: 2em;
	color: #DE4430;
	margin-top: 5px;
	margin-left: 25px;
	position: relative;
	letter-spacing: 5px;
}



#webdesignitem-wrapper, #graphicdesignitem-wrapper, #printdesignitem-wrapper, #photographyitem-wrapper, #personalprojectsitem-wrapper {
	width: 960px;
	position: relative;
	height: auto;
	min-height: 510px;
	list-style-type: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.webdesigntitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	color: #999;
	text-decoration: none;
	position: relative;
	width: 285px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	list-style-type: none;
}

.graphicdesignitems, .printdesignitems {
	float: left;
	height: 210px;
	width: 187px;
	margin-right: 2.5px;
	margin-left: 2.5px;
	list-style-type: none;
	position: relative;
	text-decoration: none;
	background-color: #202020;
	padding-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius:3px;
}
a {
	text-decoration: none;
}


.graphicdesignitems .graphicdesignimages, .printdesignitems .printdesignimages {
	height: 177px;
	width: 177px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	list-style-type: none;
	text-decoration: none;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	overflow:hidden;		
}
.graphicdesignimages img, .printdesignimages img{
	height: auto;
	width: auto;
	position: absolute;
	overflow: hidden;
	opacity: 0.5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opacity 0.6s ease-out 0s;
	-ms-transition: opacity 0.6s ease-out 0s;
	-o-transition: opacity 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
	left: -10%;
	top:-10%;
}
.graphicdesignimages img:hover,.printdesignimages img:hover{
	opacity: 1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.graphicdesignitems .graphicdesignimages:hover, .printdesignitems .printdesignimages:hover {
	opacity: 1;
}
.graphicdesignitems .graphicdesignimages:hover +.graphicdesigntitles{
	color:#c91c46;	
	-webkit-transition: color 0.6s ease-out 0s;
	-moz-transition: color 0.6s ease-out 0s;
	-ms-transition: color 0.6s ease-out 0s;
	-o-transition: color 0.6s ease-out 0s;
	transition: color 0.6s ease-out 0s;
}
.printdesignitems .printdesignimages:hover +.printdesigntitles{
	color:#9f1c75;	
	-webkit-transition: color 0.6s ease-out 0s;
	-moz-transition: color 0.6s ease-out 0s;
	-ms-transition: color 0.6s ease-out 0s;
	-o-transition: color 0.6s ease-out 0s;
	transition: color 0.6s ease-out 0s;
}
.webdesignitems .webdesignimages:hover +.webdesigntitles{
	color: #de4430;	
	-webkit-transition: color 0.6s ease-out 0s;
	-moz-transition: color 0.6s ease-out 0s;
	-ms-transition: color 0.6s ease-out 0s;
	-o-transition: color 0.6s ease-out 0s;
	transition: color 0.6s ease-out 0s;
}
#graphic-tagline {
	height: 120px;
	width: 850px;
	margin-bottom: 60px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #c91c46;
	position: relative;
	margin-left: 15px;
	font-family: NexaBoldRegular;
}

#content-wrap #graphicdesignitem-wrapper #graphic-tagline .statement {
	font-family: NexaBoldRegular;
	text-decoration: none;
	font-style: oblique;
	font-size: 2em;
	color: #c91c46;
	margin-top: 5px;
	margin-left: 25px;
	position: relative;
	letter-spacing: 5px;
}
 

.graphicdesigntitles, .printdesigntitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #999;
	text-decoration: none;
	position: relative;
	width: 177px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	list-style-type: none;
}
#print-tagline {
	height: 120px;
	width: 850px;
	margin-bottom: 60px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #9f1c75;
	position: relative;
	margin-left: 15px;
}

#content-wrap #printdesignitem-wrapper #print-tagline .statement {
	font-family: NexaBoldRegular;
	text-decoration: none;
	font-style: oblique;
	font-size: 2em;
	color: #9f1c75;
	margin-top: 5px;
	margin-left: 25px;
	position: relative;
	letter-spacing: 5px;
}


.photographyitems {
	float: left;
	height: 235px;
	width: 235px;
	margin-right: 2.5px;
	margin-left: 2.5px;
	list-style-type: none;
	position: relative;
	text-decoration: none;
	background-color: #202020;
	padding-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
	margin-top: 5px;
	border-radius:3px;
}


.photographyitems .photographyimages {
	height: 230px;
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2.5px;
	position: relative;
	list-style-type: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	opacity: 0.5;
	-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opacity 0.6s ease-out 0s;
	-ms-transition: opacity 0.6s ease-out 0s;
	-o-transition: opacity 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
}
.photographyitems .photographyimages:hover {
	opacity:1;	
}
.photographyitems:hover{
background-color:#0187f2;
}
.photographyitems .photographyimages:hover + .photographyitems{
	background-color:#0187f2;
	-webkit-transition: background-color 0.2s ease-out 0s;
	-moz-transition: background-color 0.2s ease-out 0s;
	-ms-transition: background-color 0.2s ease-out 0s;
	-o-transition: background-color 0.2s ease-out 0s;
	transition: background-color 0.2s ease-out 0s;
}
#photo-tagline {
	height: 120px;
	width: 700px;
	margin-bottom: 60px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #0187f2;
	position: relative;
	margin-left: 15px;
}
#content-wrap #photographyitem-wrapper #photo-tagline .statement {
	font-family: NexaBoldRegular;
	text-decoration: none;
	font-style: oblique;
	font-size: 2em;
	color: #0187f2;
	margin-top: 5px;
	margin-left: 25px;
	position: relative;
	letter-spacing: 5px;
}

.personalprojectsitems {
	float: left;
	height: 490px;
	width: 470px;
	margin-right: 5px;
	margin-left: 5px;
	list-style-type: none;
	position: relative;
	text-decoration: none;
	background-color: #202020;
	padding-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 20px;
	margin-top: 5px;
	border-radius:3px;
	display:block;
}


.personalprojectsitems .personalprojectsimages {
	height: 460px;
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	position: relative;
	list-style-type: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom:5px;
	display: block;
	opacity: 0.5;
	-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opacity 0.6s ease-out 0s;
	-ms-transition: opacity 0.6s ease-out 0s;
	-o-transition: opacity 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
}
.personalprojectsitems .personalprojectsimages:hover {
	opacity:1;	
}

.personalprojectsitems .personalprojectsimages:hover + .personalprojectstitles{
	color:#59d28e;
	-webkit-transition: color 0.6s ease-out 0s;
	-moz-transition: color 0.6s ease-out 0s;
	-ms-transition: color 0.6s ease-out 0s;
	-o-transition: color 0.6s ease-out 0s;
	transition: color 0.6s ease-out 0s;
}
.personalprojectstitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #999;
	text-decoration: none;
	position: relative;
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-left:5px;
	list-style-type: none;
}
#personalprojects-tagline {
	height: 120px;
	width: 700px;
	margin-bottom: 60px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #59d28e;
	position: relative;
	margin-left: 15px;
}
#content-wrap #personalprojectsitem-wrapper #personalprojects-tagline .statement {
	font-family: NexaBoldRegular;
	text-decoration: none;
	font-style: oblique;
	font-size: 2em;
	color: #59d28e;
	margin-top: 5px;
	margin-left: 25px;
	position: relative;
	letter-spacing: 5px;
}

#pageheaderwrap {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	clear: both;
	height: auto;
	min-height: 350px;
	width: 960px;
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}
#pageheaderwrap2 {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	clear: both;
	height: auto;
	min-height: 250px;
	width: 960px;
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}

#metawrap {
	display: block;
	float: right;
	height: auto;
	width: 520px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	list-style-type: none;
	
}
.metatext {
	font-family: NexaBoldRegular;
	font-weight: bold;
	color: #C7C7C7;
	text-decoration: none;
	font-size: 1em;
	position: relative;
	display: block;
	width: auto;
	height: auto;
	float: left;
	margin-right: 8px;
}
.metatext2 {
	font-family: NexaLightRegular;
	text-decoration: none;
	font-size: 1em;
	position: relative;
	display: block;
	width: auto;
	height: auto;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
}


#metawrap li {
	font-size: 1.1em;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
	word-wrap: break-word;
	list-style-type: none;
	clear: both;
}
#pagethumbnail {
	display: block;
	float: left;
	height: auto;
	min-height: 150px;
	width: auto;
	min-width:150px;
	margin-right: 30px;
	position: relative;
	background-color: #333;
	margin-top: 0px;
	padding: 4px;
	border-radius: 3px;

}
#pagethumbnail img{
	display: block;
	max-width:345px;
}
#metawrap li a {
	text-decoration: none;
	position: relative;
	color: #09F;
	font-size: 0.9em;
	font-weight: bold;
	opacity: 0.5;
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	-moz-transition: opacity 0.4s ease-in-out 0s;
	-ms-transition: opacity 0.4s ease-in-out 0s;
	-o-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
	list-style-type: none;
}
#pagecontentwrap {
	display: block;
	height: auto;
	min-height: 400px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#metawrap li a:hover {
	opacity:1;
}
#metawrap h1 {
	text-decoration: none;
	position: relative;
	font-size: 1.8em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
.webdesignheader   {
	text-decoration: none;
	position: relative;
	color: #de4430;
	font-size: 1.8em;
	font-weight: bold;
	font-family: NexaBoldRegular;
	margin-top: 0px;
}
.graphicdesignheader {
	text-decoration: none;
	position: relative;
	color: #c91c46;
	font-size: 1.8em;
	font-weight: bold;
	font-family: NexaBoldRegular;
	margin-top: 0px;
}
.printdesignheader {
	text-decoration: none;
	position: relative;
	color: #9f1c75;
	font-size: 1.8em;
	font-weight: bold;
	font-family: NexaBoldRegular;
	margin-top: 0px;
}
.photographyheader {
	text-decoration: none;
	position: relative;
	color: #0187f2;
	font-size: 1.8em;
	font-weight: bold;
	font-family: NexaBoldRegular;
	margin-top: 0px;
}
.personalprojectsheader {
	text-decoration: none;
	position: relative;
	color: #59d28e;
	font-size: 1.8em;
	font-weight: bold;
	font-family: NexaBoldRegular;
	margin-top: 0px;
}

.photographypageitems {
	float: left;
	height: 230px;
	width: 230px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom:15px;
	margin-top:5px;
	position: relative;
	display: block;
	overflow:hidden;
	border-radius:5px;
}



.photographypageitems .photos img{
	min-height: 230px;
	min-width: 230px;
	max-height:350px;
	max-width:350px;
	position: relative;
	display: block;
	position: relative;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s ease-in-out 0s;
	-moz-transition: opacity 0.5s ease-in-out 0s;
	-ms-transition: opacity 0.5s ease-in-out 0s;
	-o-transition: opacity 0.5s ease-in-out 0s;
	transition: opacity 0.5s ease-in-out 0s;
}
.photographypageitems .photos img:hover {
	opacity:1;
	border-radius:5px;
}

.varworkwrapper .row2 #snippetwrapper .snippetitem {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100px;
	float: left;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	overflow: hidden;
}
.varworkwrapper .row2 #snippetwrapper .snippetitem a .snippetimg {
	display: block;
	position: relative;
	min-width: 100px;
	min-height: 100px;
	max-height: 120px;
	max-width: 150px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.varwork {
	display: block;
	height: auto;
	width: 294px;
	margin-top: -10%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}
.varwork2{
	display: block;
	height: auto;
	width: 294px;
	margin-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}

.varwork3{
	display: block;
	height: auto;
	width: 294px;
	margin-top: -20%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}
.about1text {
	font-size: 2.1em;
	text-decoration: none;
	font-weight: bold;
	color: #09F;
}
.about2text {
	font-size: 2.1em;
	text-decoration: none;
	font-weight: bold;
	color: #F90064;
}
.about3text {
	font-size: 2.1em;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
}
#aboutwrap {
	display: block;
	height: auto;
	width: 600px;
	position: relative;
	margin-bottom: 8%;
	float: left;
	clear: both;
	word-wrap: break-word;
	font-size: 1.05em;
	font-family: NexaBoldRegular;
	color: #999;
	margin-top: 5%;
}
#aboutwrap p {
	font-family: NexaLightRegular;
}

#aboutwrap3 {
	display: block;
	height: auto;
	width: 600px;
	position: relative;
	margin-bottom: 8%;
	float: left;
	clear: both;
	word-wrap: break-word;
	font-size: 1.05em;
	font-family: NexaBoldRegular;
	color: #999;
	margin-top: 5%;
}
#aboutwrap3 p {
	display: block;
	height: auto;
	width: 570px;
	position: relative;
	word-wrap: break-word;
	font-family: NexaBoldRegular;
}
#profilepic1 {
	float: right;
	clear: right;
	position: relative;
	display: block;
	background-color: #292929;
	height: 200px;
	width: 200px;
	margin-top: 8%;
	margin-right: 5%;
}
#profilepic1 img {
	position: relative;
	display: block;
	background-color: #292929;
	height: 190px;
	width: 190px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 5px;
}

#profilepic2 {
	float: left;
	clear: left;
	position: relative;
	display: block;
	background-color: #292929;
	height: 200px;
	width: 200px;
	margin-top: 3%;
	margin-left: 2%;
}

#profilepic2 img {
	position: relative;
	display: block;
	height: 190px;
	width: 190px;
	margin: 5px;
}



#aboutwrap2 {
	display: block;
	height: auto;
	width: 600px;
	position: relative;
	margin-bottom: 0%;
	float: right;
	clear: right;
	word-wrap: break-word;
	font-family: NexaBoldRegular;
	font-size: 1.05em;
	color: #999;
}
#aboutwrap2 p {
	font-family: NexaLightRegular;
}
#aboutwrap3 p {
	font-family: NexaLightRegular;
}


#contactform {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	position: relative;
	margin-top:5%;
	margin-bottom:10%;
}
#tbl_contact .frmfld{
	width:350px;
	color:#F06000;	
}
#tbl_contact .frmfld, #tbl_contact .frmarea{
	border:solid 1px #444;
	padding:2px;
	font-size:1em;
}
input{
	background-color:#333;	
}
textarea {  
	background-color: #333;  
	color: #F06000;  
} 
label {
	padding:0px 20px 0px 0px;
	margin:0px;
}
label.req {
	display:block;
	color:#09F;
}
.warning_sent {
	color:#fff;
	font-weight:bold;
}
#tbl_contact p.warning {
	font-weight:bold;
	color:#000;
	padding:5px 0px 5px 15px;
	background:#fff20b;
}
.missing {
	color:#EF3054;
}
#tbl_contact th, #tbl_contact td {
	text-align:left;
	vertical-align:top;
}
#tbl_contact th {
	padding:0px 10px 3px 0px;
}
#tbl_contact td {
	padding:3px 0px 3px 3px;
}
#tbl_contact .frmarea {
	height:300px;
	width:500px;
	color: #F30;
}
#sbm, #btn {
	display:block;
	width:150px;
	height:30px;
}
#sbm {
	float:left;
	border:solid 1px #444;
	border-radius:4px;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 150px;
	height: 30px;
}
#btn {
	text-align:center;
	background-color:transparent;
	border:none;
	cursor:pointer;
	color:#fff;
	text-transform:lowercase;
}
#sbm:hover {
	border:solid 1px #09F;
	border-radius:4px;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#hireme_btn{
	display: block;
	float: right;
	height: 60px;
	width: 190px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right:10%;
	margin-top:6%;			
}

.hireme_btn_img{
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	opacity: 0.5;
	-webkit-transition: opacity 0.4s ease-in-out 0s;
	-moz-transition: opacity 0.4s ease-in-out 0s;
	-ms-transition: opacity 0.4s ease-in-out 0s;
	-o-transition: opacity 0.4s ease-in-out 0s;
	transition: opacity 0.4s ease-in-out 0s;
}
#hireme_content {
	display: block;
	float: left;
	position: relative;
	width: 550px;
	min-height: 500px;
	margin-bottom: 5%;
	margin-top: 3%;
}
#content-wrap #hireme_content ul li {
	list-style-type: square;
	margin-left: 10%;
	color: #AEAEAE;
	font-size: 1.1em;
	font-family: NexaLightRegular;
	margin-top: 0px;
	margin-bottom: 15px;
	letter-spacing: 3px;
}


.hireme_btn_img:hover{	
	opacity:1;
}
.hiremeheading {
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #F60;
}
.hiremeheading2 {
	font-family: NexaBoldRegular;
	font-size: 1.4em;
	color: #F30;
}
#content-wrap #photowrap .photographypageitems .photos a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wordcontentwrap{
	word-wrap:break-word;
	width: 800px;
	position:relative;	
}
.printdesignpiece {
	color: #9F1C75;
}
.photopiece {
	color: #0187f2;
}
.webdesignpiece {
	color: #DE4430;
}
.graphicdesignpiece {
	color: #C91C46;
}
.pppiece {
	color: #9F1C75;
}


#content-wrap #contactform #contact_form p .messagefield {
	color: #09F;
	font-size: 1.5em;
	font-family: NexaBoldRegular;
	font-weight: bold;
	display: block;
	float: left;
	position: relative;
	width: 125px;
}
#content-wrap #contactform #contact_form p .messagefield2 {
	color: #666;
	font-size: 1.5em;
	font-family: NexaBoldRegular;
	font-weight: bold;
	display: block;
	float: left;
	position: relative;
	width: 125px;
}
#content-wrap #contactform #contact_form #message {
	width: 450px;
	height: 250px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	border: 2px solid #666;
	border-radius: 4px;
	padding: 5px;
	color: #F60;
	font-size: 1.1em;
	font-weight: bold;
	font-family: NexaLightRegular;
}

#content-wrap #contactform #contact_form .submit .sendbutton {
	width: 150px;
	background-color: #242424;
	font-size: 2em;
	text-decoration: none;
	border: 2px solid #666;
	float: left;
	clear: left;
	position: relative;
	font-family: NexaBoldRegular;
	color: #666;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	border-radius: 4px;
	margin-left: 160px;
	margin-top: 20px;
	margin-bottom: 30px;
	-webkit-transition: color 0.4s ease-in-out 0s;
	-moz-transition: color 0.4s ease-in-out 0s;
	-ms-transition: color 0.4s ease-in-out 0s;
	-o-transition: color 0.4s ease-in-out 0s;
	transition: color 0.4s ease-in-out 0s;
}
#content-wrap #contactform #contact_form .submit .sendbutton:hover {
	width: 150px;
	background-color: #242424;
	font-size: 2em;
	text-decoration: none;
	border: 2px solid #09F;
	position: relative;
	font-family: NexaBoldRegular;
	color: #09F;
	font-weight: bold;
	cursor: pointer;
}
#content-wrap #contactform #contact_form p #name {
	width: 250px;
	height: 30px;
	font-size: 1.2em;
	margin-left: 15px;
	position: relative;
	border: 2px solid #666;
	color: #F60;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-radius: 4px;
	font-family: NexaLightRegular;
}
#content-wrap #contactform #contact_form p #email {
	width: 250px;
	height: 30px;
	font-size: 1.2em;
	position: relative;
	margin-left: 15px;
	border: 2px solid #666;
	color: #F60;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-radius: 4px;
	font-family: NexaLightRegular;
}
#success {
	color: #0C9;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	background-color: #242424;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
#fail {
	color: #F03;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	background-color: #242424;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
#content-wrap #contactform #contact_form p #url {
	width: 250px;
	height: 30px;
	font-size: 1.2em;
	margin-left: 15px;
	position: relative;
	border: 2px solid #666;
	color: #999;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-radius: 4px;
	font-family: NexaLightRegular;
}
#content-wrap #contactform #contact_form p #url:focus, #content-wrap #contactform #contact_form p #email:focus, #content-wrap #contactform #contact_form p #name:focus
 { 
border: 2px solid #09F;
border-radius: 4px;
 } 

#content-wrap #contactform #contact_form #message:focus {
	border: 2px solid #09F;
	border-radius: 4px;
}
.bigtext {
	font-size: 1.15em;
	color: #F33;
	font-weight: bold;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-iteration-count: one;
	-moz-animation-duration: 2s;
	-moz-animation-delay: 0.5s;
	-moz-animation-iteration-count: one;
	-ms-animation-duration: 2s;
	-ms-animation-delay: 0.5s;
	-ms-animation-iteration-count: one;
	-o-animation-duration: 2s;
	-o-animation-delay: 0.5s;
	-o-animation-iteration-count: one;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-iteration-count: one;
}
.floatleftclearboth {
	clear: both;
	float: left;
	width: 450px;
	font-size: 0.95em;
	font-weight: bold;
}

#nav ul .nohashhome a{
	border-bottom-color: #666;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	box-shadow: none;
	-webkit-transition: all 0.35s linear 0s;
	-moz-transition: all 0.35s linear 0s;
	-ms-transition: all 0.35s linear 0s;
	-o-transition: all 0.35s linear 0s;
	transition: all 0.35s linear 0s;
}
#nav ul .hashabout a{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C64F00;
	box-shadow: none;
	-webkit-transition: all 0.35s linear 0s;
	-moz-transition: all 0.35s linear 0s;
	-ms-transition: all 0.35s linear 0s;
	-o-transition: all 0.35s linear 0s;
	transition: all 0.35s linear 0s;
}
#nav ul .hashportfolio a{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #961435;
	box-shadow: none;
	-webkit-transition: all 0.35s linear 0s;
	-moz-transition: all 0.35s linear 0s;
	-ms-transition: all 0.35s linear 0s;
	-o-transition: all 0.35s linear 0s;
	transition: all 0.35s linear 0s;
}
#nav ul .hashservices a{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #781457;
	box-shadow: none;
	-webkit-transition: all 0.35s linear 0s;
	-moz-transition: all 0.35s linear 0s;
	-ms-transition: all 0.35s linear 0s;
	-o-transition: all 0.35s linear 0s;
	transition: all 0.35s linear 0s;
}
#nav ul .hashhireme a{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0166B8;
	box-shadow: none;
	-webkit-transition: all 0.35s linear 0s;
	-moz-transition: all 0.35s linear 0s;
	-ms-transition: all 0.35s linear 0s;
	-o-transition: all 0.35s linear 0s;
	transition: all 0.35s linear 0s;
}
#nav ul .hashcontact a{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2CA061;
	box-shadow: none;
	-webkit-transition: all 0.35s linear 0s;
	-moz-transition: all 0.35s linear 0s;
	-ms-transition: all 0.35s linear 0s;
	-o-transition: all 0.35s linear 0s;
	transition: all 0.35s linear 0s;
}

#top_gradientbar {
	clear: both;
	height: 3px;
	width: 100%;
	min-width: 1024px;
	background: linear-gradient(250deg, #cb195c, #ffcc00, #cb195c, #0090ff, #82fd96, #0090ff, #cb195c, #ffcc00);
	background-size: 800% 800%;
	-webkit-animation: gradientbar 25s linear infinite;
	-moz-animation: gradientbar 25s linear infinite;
	-o-animation: gradientbar 25s linear infinite;
	animation: gradientbar 25s linear infinite;
	display: block;
	visibility: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
@-webkit-keyframes gradientbar {
     0%{background-position:2% 50%}
     50%{background-position:50% 100%}
     100%{background-position:100%}
 }


@-moz-keyframes gradientbar {
     0%{background-position:2% 50%}
     50%{background-position:50% 100%}
     100%{background-position:100%}
 }


@-o-keyframes gradientbar {
     0%{background-position:2% 50%}
     50%{background-position:50% 100%}
     100%{background-position:100%}
 }

@keyframes gradientbar { 
     0%{background-position:2% 50%}
     50%{background-position:50% 100%}
     100%{background-position:100%}
 }