/* !Global Reset */
/*-------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, ul, ol {
	margin: 0 0 1em;
}

/* !Fixers */
/*-------------------------------------------------------------------- */
* a {position: relative;} /* Gets links displaying over a PNG background */
a {outline: none;} /* Gets rid of Firefox's dotted borders */
a img {border: none;} /* Gets rid of IE's blue borders */
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
q:before, q:after {content: '';}

/* !Base Elements */
/*-------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #6dc26b; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: .25em solid #e3e3e3; margin-left: 1.5em; padding-left: 1.5em;}
body {
	background-color: #322b24 ;
	color: #f9eeee;
/*	font: 1.25em/1.75em "Helvetica Neue", ;*/
	FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #f9eeee;
    FONT-FAMILY:  Helvetica, Verdana, sans-serif;
    TEXT-DECORATION: none;
    line-height: 18px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p {FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #f9eeee;
    FONT-FAMILY:  Helvetica, Verdana, sans-serif;
    TEXT-DECORATION: none;
    line-height: 18px;}
code {font: 1.1em monaco, courier, monospace;}
h1 {margin: 0;}
h2 {font-size: 2em; font-weight: bold;
	float: left;
	margin-left: 80px;}
h3 {color: #ada7a1; font-size: 18px; margin: 0;}
h3 a {color: #ada7a1; text-decoration: underline;}
h4 {color: #7d736a; font-size: 30px; line-height: 1em;}
h4 strong {color: #eee;}
h5 {color: #ada7a1; font-size: 18px; line-height: 18px;
	float: left;
	margin-left: 3px;
	margin-top: 20px;
	margin-bottom: -10px;}
h6 {color: #fff; font-size: 14px;
	float: left;
	margin-left: 3px;
	margin-top: 20px;
	margin-bottom: -10px;}
h7 {color: #fff;
	float: left;
	margin-left: 3px;
	margin-top: 30px;
	margin-bottom: -10px;
	FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #f9eeee;
    FONT-FAMILY:  Helvetica, Verdana, sans-serif;
    TEXT-DECORATION: none;
    line-height: 18px;
	}
hr {border-color: #7d736a; border:1px;}
ol, ul {margin-left: 2em;}

/* !Masthead */
/*-------------------------------------------------------------------- */
#masthead {
	overflow: hidden;
	padding: 90px 0 44px;
	width: 1080px;
}

/* !Logo */
#logo {float: left;}

/* Logo Image Replacement */
h1 {margin-left: 118px;}
h1 a {
	background: url('/img/logo.gif') top left no-repeat;
	display: block;
	height: 47px;
	text-indent: -9999px;
	width: 304px;
}
h1 a:hover {background: url('/img/logo.gif') bottom left no-repeat;}

/* Tagline */
h2 a {color: #636363 !important;}
h2 a:hover {color: #fff !important;}
h2 {margin: -5px 0 0 214px;}


/* !Menu */
#menu {
	float: right;
	padding-top: 1em;
}
ul#nav {
	list-style: none;
	margin: 0 10px 0 0;
}
ul#nav li {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
}
ul#nav li a {
	color: #6dc26b;
	display: block;
	margin-left: 20px;
	text-align: center;
	width: 88px;
}
ul#nav li a:hover {color: #fff;}
ul#nav li#on a {color: #fff;}

/* !Content */
/*-------------------------------------------------------------------- */
#content {
	font-weight: bold;
	overflow: hidden;
	width: 1080px;
}

/* Titles for portfolio items */
.skinny {
	float: left;
	margin: 0 5px 3em;
	width: 88px;
}
.skinny .skinny-image {height: 170px;}
.skinny h3 {
	color: #fff;
	padding: 0 10px;
	text-align: right;
}
.skinny p {
	color: #fff;
	margin: 0;
	padding: 0 10px;
	text-align: right;
}

/* Portfolio items */
.item {
	float: left;
	margin: 0 10px 3em;
	text-align: right;
	width: 295px;
}
.item h3 {
	color: #fff;
	border-bottom: 1px dotted #262626;;
	padding: 0 5px;
}
.item h3 a {color: #fff;}
.item p {
	/*border-bottom: 1px dotted #262626;*/
	margin: 0;
	padding: 0 5px;
}
.item-image {
	position: relative;
	border-style:solid;
	border-color:#d7d4d4;
	border-width: 8px;
	}
.item-image a {
	background: url('/img/glassbox.png') 0 0 no-repeat;
	display: block;
	height: 170px;
	left: 0;
	position: absolute;
	text-align: left;
	text-indent: -9999px !important;
	top: 0;
	width: 280px;
	z-index: 1;
}
.item-image a:hover {background: url('/img/glassbox.png') 0 -170px no-repeat !important;}

.item-image-lg {
	border-style:solid;
	border-color:#252525;
	border-width: 2px;
	}

/* !About */
/*-------------------------------------------------------------------- */

#about {overflow: hidden;}
#about-main {
	color: #aaa;
	float: left;
	margin-left: 110px;
	width: 600px;
}
#about-sidebar {
	float: right;
	margin-right: 1px;
	width: 350px;
}
#about-sidebar h3 {
	border-bottom: 1px dotted #262626;
	color: #fff;
	padding: 0 5px;
	text-align: right;
}
#about-sidebar p {
	border-bottom: 1px dotted #262626;
	margin: 0;
	padding: 0 5px;
	text-align: right;
}
#about-sidebar p.profilepic {
	border-bottom: 0;
	margin-bottom: 1em;
}
#about-sidebar p.bio {
	border-bottom: 0;
	margin-top: 1em;
}

/* !Contact */
/*-------------------------------------------------------------------- */
#contact-form {
	color: #aaa;
	float: left;
	width: 638px;
}
#contact-form h4 {
	margin-left: 118px;
	margin-bottom: .25em;
}
p#contact-info {margin-left: 110px;}
p#contact-info strong {color: #39f;}

form.zemContactForm p label {
	color: #636363;
	display: block;
	float: left;
	line-height: 30px;
	text-align: right;
	padding-right: 40px;
	width: 78px;
}
form.zemContactForm p label.zemRequired {color: #fff;}
form.zemContactForm p label:after {content: "/";}
#Name, #Email, #Subject, #Message, #Company, #Location, #Type, #URL, #Deadline, #Budget, #Description {
	background: #eee;
	border: 3px solid #0d0d0d;
	outline-color: #39f;
	font-family: sans-serif;
	padding: 5px;
	width: 288px;
}
#Type {width: 304px;}
#Message, #Description {width: 500px;}
p#sendemail {margin-left: 118px;}

#contact-sidebar {
	float: left;
	margin-left: 110px;
	width: 304px;
}
#contact-sidebar strong {color: #39f;}
#contact-sidebar h3 {
	/*border-bottom: 1px dotted #262626;*/
	color: #ada7a1;
	padding: 0 5px;
	margin-bottom: .5em;
	text-align: left;
}
#contact-methods h3 {margin: 0;}
#contact-methods dl {overflow: hidden;}
#contact-methods dl dt {
	/*border-bottom: 1px dotted #262626;*/
	color: #636363;
	float: left;
	margin-left: 5px;
	font-weight: bold;
	text-align: left;
	width: 88px;
}
#contact-methods dl dd {
	/*border-bottom: 1px dotted #262626;*/
	color: #fff;
	float: left;
	margin-left: 5px;
	/*text-indent: 20px;*/
	width: 200px;
}
#contact-methods a {color: #6dc26b;}
#contact-methods a:hover {color: #fff; text-decoration:underline;}

ul.zemError {
	color: #fff;
	margin-left: 135px;
}
ul.zemError strong {color: #39f;}
div.zemThanks {}
fieldset {padding-top: .5em;}
fieldset legend {
	color: #636363;
	font-size: 1.2em;
	padding-left: 118px;
}
fieldset legend span {border-bottom: 1px dotted #262626;}

/* !Portfolio */
/*-------------------------------------------------------------------- */
#portfolio {
	margin-left: 118px;
	width: 844px;
}
#portfolio-detials {
	float: left;
	margin-bottom: 1em;
	width: 412px;
}
/*#portfolio-desc {
	float: left;
	margin-bottom: 1em;
	width: 700px;
}*/
#portfolio img {clear: both;}
#portfolio h3 {
	border-bottom: 1px dotted #262626;
	color: #fff;
	padding: 0 5px;
	margin: 0;
}
#portfolio p {
	border-bottom: 1px dotted #262626;
	margin: 0;
	padding: 0 5px;
}
#portfolio h3 span, #portfolio p span {
	color: #313131;
	display: block;
	float: left;
	padding-right: 20px;
	width: 88px;
	text-align: right;
}
#portfolio img {margin-top: 1em;}

/* Previous & Next Item Links */
#previous, #next {
	position: fixed;
	top: 257px;
	height: 88px;
	width: 88px;
}
#previous {left: 10px;}
#previous a {
	background: url('/img/arrow-left.gif') top left no-repeat;
	display: block;
	height: 88px;
	text-indent: -9999px;
	width: 87px;
}
#previous a:hover {background: url('/img/arrow-left.gif') bottom left no-repeat;}
#next {left: 982px;}
#next a {
	background: url('/img/arrow-right.gif') top left no-repeat;
	display: block;
	height: 88px;
	text-indent: -9999px;
	width: 88px;
}
#next a:hover {background: url('/img/arrow-right.gif') bottom left no-repeat;}

/* !Error-Page */
/*-------------------------------------------------------------------- */
#error-page {margin-left: 118px;}
#error-page h4 {margin: 1em 0;}

/* !Footer */
/*-------------------------------------------------------------------- */
#footer {
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 1.5em;
	margin-bottom: 1.5em;
	overflow: hidden;
	width: 1080px;
}
#footer a {color: #636363;}
#footer a:hover {color: #fff;}

/* !Copyright */
#copyright {
	float: left;
	margin-left: 115px;
	width: 280px;
}
#copyright em {color: #333; margin-left: .5em;}
#copyright a {color: #6dc26b;}

/* !HireMe */
#hireme {
	float: left;
	margin-left: 25px;
	text-align: center;
	width: 200px;
}
#hireme strong {color: #fff;}
#hireme a {color: #6dc26b;}

/* !Submenu */
#submenu {
	float: left;
	margin-left: 20px;
	width: 600px;
}
ul#footer-nav {
	list-style: none;
	margin: 0;
}
ul#footer-nav li {
	display: inline;
	margin-left: 22px;
}

/* !Other */
/*-------------------------------------------------------------------- */
.clear {clear:both;}

/* Main Menu Highlighters */
#menu1, #menu2, #menu3 {
	background: #6dc26b;
	position: absolute;
	top: 0;
	height: 5px;
	width: 88px;
	z-index: 100;
}
#menu1 {left: 766px;}
#menu2 {left: 874px;}
#menu3 {left: 982px;}

a {-webkit-transition-duration: .33s; -webkit-transition-property: color, background;}
.item-image a {-webkit-transition-duration: 0 !important; -webkit-transition-property: none !important;}