/**
 * Coding by MapleStudios.co.uk
**/

/*** Base Styles **/
*{ margin:0; padding:0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration: none !important;}

div.hr {
	background: url(../img/breaker.png) no-repeat top left;
	width: 1000px;
	height: 12px;
	border: 0;
	margin: 30px auto 20px auto;
}
hr {
	display: none;
}
@font-face {
	font-family: 'MuseoSans900';
	src: url('fonts/museosans_900-webfont.eot');
	src: local('Museo Sans'), local('MuseoSans900'), url('fonts/museosans_900-webfont.woff') format('woff'), url('fonts/museosans_900-webfont.ttf') format('truetype'), url('fonts/museosans_900-webfont.svg#webfontKKkMN4kJ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MuseoSans700';
	src: url('fonts/museosans_700-webfont.eot');
	src: local('Museo Sans'), local('MuseoSans700'), url('fonts/museosans_700-webfont.woff') format('woff'), url('fonts/museosans_700-webfont.ttf') format('truetype'), url('fonts/museosans_700-webfont.svg#webfontDsLK7qWx') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MuseoSans500';
	src: url('fonts/museosans_500-webfont.eot');
	src: local('Museo Sans'), local('MuseoSans500'), url('fonts/museosans_500-webfont.woff') format('woff'), url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#webfontUwZypJNm') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueBold';
	src: url('fonts/helveticaneue-webfont.eot');
	src: local('Helvetica Neue'), local('HelveticaNeueBold'), url('fonts/helveticaneue-webfont.woff') format('woff'), url('fonts/helveticaneue-webfont.ttf') format('truetype'), url('fonts/helveticaneue-webfont.svg#webfont5rq5Bclm') format('svg');
	font-weight: normal;
	font-style: normal;
}
div#wrapper {
	margin: 0 auto;
}
/* vVAva */


a {
	dext-decoration: none;
}
.diagonal_lines_pattern, body {
	/*background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #ccc), color-stop(0.25, #ccc), color-stop(0.25, #bbb), color-stop(0.5, #bbb), color-stop(0.5, #ccc), color-stop(0.75, #ccc), color-stop(0.75, #bbb));
	background-image: -webkit-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -moz-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -ms-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -o-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb', GradientType=0 );
*/
	background: url(../img/hash_bg.png) repeat;
	/*width:100%;*/
	height: 100%;
}
.diagonal_lines_pattern p {
	color: #fff;
	display: block;
	position: relative;
	margin: 0 auto;
	/*width:14em;*/
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.5;
	text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 5px 2px rgba(100, 100, 100, 0.15), 0px 6px 4px rgba(100, 100, 100, 0.2), 0px 7px 6px rgba(100, 100, 100, 0.25), 0px 8px 10px rgba(100, 100, 100, 0.3);
}
.diagonal_lines_pattern p a {
	color: #FFFFFF;
	text-decoration: none;
}
.diagonal_lines_pattern p a:hover {
	color: #24a1f5;
	text-shadow: 0px 0px 2px #1d96e7, 0px 1px 1px #2078b2, 0px 2px 1px #2078b2, 0px 3px 1px #2078b2, 0px 4px 1px #1e73ac, 0px 5px 1px #0268ab, 0px 6px 1px #135886, 0px 7px 1px #015e9c, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3);
}
/*** Header Styles **/

/*div#header h1 {
	font-family: 'MuseoSans900', Arial, sans-serif;
	letter-spacing: 6px;
	font-size: 14px;
	text-transform: uppercase;
	color: #374044;
	width: 653px;
	margin: 91px auto 28px auto;
	text-align: center;
	background: url(../img/header_title-bg.png) no-repeat -2px 0;
}
div#header h2 {
	font-family: 'MuseoSans700', Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	width: 653px;
	margin: 0 auto;
	text-align: center;
	color: #374044;
	padding-bottom: 5px
}
	div#header h2 span {
		font-size: 18px;
		position: relative;
		padding: 0 5px;
		vertical-align: 20%;
	}
div#header p {
	font-family: Georgia, sans-serif;
	width: 653px;
	background: url(../img/header_para-bg.png) no-repeat 0 4px;
	margin: 0 auto;
	text-align: center;
	color: #96a3a7;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 20px;
}*/
div#header p span {
	font-family: 'MuseoSans500', Arial, sans-serif;
	color: #c1c8cb;
}
/*** Portfolio Styles **/

div#portfolio {
	width: 100%;
	padding-top: 60px;
	margin: 0 auto;
}
div#portfolio ul {
	padding-left: 0 !important;
	text-align: center;
	margin: 0 auto;
}
div#portfolio ul li {
	display: -moz-inline-stack;
	zoom: 1;
 *display:inline;
	display: inline-block;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 200px;
}
div#portfolio ul li.middle {
	padding: 0 20px 0 20px;
}
div#portfolio ul li img {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	padding: 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:100%;
}
h3 a {text-decoration: none !important; color: #374044;}
h3 a:hover {text-decoration: none !important; color: #0D0D0D;}

div#portfolio ul li img:hover {
	border: 2px solid #96a3a7;
	/*-moz-box-shadow: #424242 0px 0px 0px 2px;
	-webkit-box-shadow: #424242 0px 0px 0px 2px;
	box-shadow: #424242 0px 0px 0px 2px;*/
	cursor: pointer;
}
div#portfolio ul li h3 {
	font-family: 'HelveticaNeueBold', Arial, sans-serif;
	font-size: 16px;
	color: #374044;
	font-weight: bold;
	line-height: 1.8em;
	
}
div#portfolio ul li p {
	color: #767676;
	font-family: 'HelveticaNeue', sans-serif;
	font-size: 13px;
}
/*** Profile Styles **/

div#profile {
	width: 1000px;
	margin: 0 auto;
}
div#profile h2,  div#contact h2 {
	font-family: 'MuseoSans700', Arial, sans-serif;
	font-size: 16px;
	color: #4b575c;
	text-transform: uppercase;
	padding: 8px 0 12px 45px;
}
div#profile h2 span {
	font-size: 14px;
	position: relative;
	padding: 0 7px;
	vertical-align: 10%;
}
/*** 'About me & what I do' **/
	
div#profile div#bio {
	width: 550px;
	float: left;
	margin-bottom: 60px;
}
div#profile div#bio h2 {
	background: url(../img/bio_icon.png) no-repeat top left;
	margin: 38px 0 16px 0;
}
div#profile div#bio p {
	color: #4b575c;
	font-family: Verdana;
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 15px;
}
div#profile div#bio p span {
	color: #a1a9ad;
}
div#profile div#bio p a {
	color: #53c3e8;
}
div#profile div#bio p a:hover {
	text-decoration: none;
}
div#profile div#bio img {
	float: left;
	border: 1px solid #dbdbdb;
	padding: 10px 10px 9px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 20px 0 0;
}
/*** 'Recognition & links' **/
	
div#profile div#links {
	width: 395px;
	margin: 75px 0 60px 0;
	float: right;
}
div#profile div#links h2 {
	background: url(../img/links_icon.png) no-repeat top left;
	margin: 38px 0 11px 0;
}
div#profile div#links ul {
	background: url(../img/links_breaker.png) repeat-x left 8px;
}
div#profile div#links ul {
	padding-top: 30px;
}
div#profile div#links ul li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 12px;
*padding-bottom: 6px;
}
div#profile div#links ul li img {
	float: left;
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
	padding: 8px 8px 7px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 15px 0 0;
}
div#profile div#links ul li img:hover {
	border: 1px solid #74ceeb;
	-moz-box-shadow: #74ceeb 0px 0px 5px;
	-webkit-box-shadow: #74ceeb 0px 0px 5px;
	box-shadow: #74ceeb 0px 0px 5px;
	cursor: pointer;
}
div#profile div#links ul li h4 {
	font-family: Verdana;
	font-size: 12px;
	text-transform: uppercase;
	color: #53c3e8;
	margin: 10px 0 15px 0;
}
div#profile div#links ul li h4 a {
	color: #53c3e8;
	text-decoration: none;
}
div#profile div#links ul li h4 a:hover {
	text-decoration: underline;
}
div#profile div#links ul li p {
	font-family: Georgia;
	color: #96a3a7;
	font-size: 12px;
	text-transform: uppercase;
}
/*** Contact & Tweets **/

div#contact-wrapper {
	clear: both;
	border-top: 1px solid #ebebeb;
	background: url(../img/contact_bg.png) repeat top left;
}
div#contact {
	width: 1000px;
	min-height: 600px;
	margin: 40px auto 0 auto;
	background: url(../img/contact_breaker.png) repeat-x 0 52px;
}
div#contact h2 {
	background: url(../img/contact_icon.png) no-repeat top left;
}
div#contact form {
	float: left;
	width: 600px;
	margin: 45px 0 0 0;
}
div#contact form input,  div#contact form textarea {
	border: 1px solid #c5cdd0;
	padding: 11px 15px 9px 15px;
	margin: 10px 0;
	color: #32505a;
	font-family: Verdana;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div#contact form input[type=text]:focus,  div#contact form textarea:focus {
	border: 1px solid #74ceeb;
	-moz-box-shadow: #74ceeb 0px 0px 5px;
	-webkit-box-shadow: #74ceeb 0px 0px 5px;
	box-shadow: #74ceeb 0px 0px 5px;
}
div#contact form input {
	float: right;
	width: 259px;
}
div#contact form input.left {
	float: left;
}
div#contact form input.required {
	background: url(../img/contact_form-required.png) #fff no-repeat 96% 12px;
}
div#contact form input.required:focus {
	background: url(../img/contact_form-required-hover.png) #fff no-repeat 96% 12px;
}
div#contact form input.submit {
	background-color: #374146;
	font-family: 'MuseoSans700', Arial, sans-serif;
	width: 80px;
	margin: 5px 0 0 0;
	padding: 8px 15px 6px 15px;
	float: left;
	clear: left;
	border: 1px solid #374146;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	cursor: pointer;
}
div#contact form input.submit:hover {
	background-color: #5b686d;
	border: 1px solid #3e494e;
}
div#contact form textarea {
	float: left;
	clear: both;
	width: 568px;
	height: 200px;
}
div#contact form textarea.required {
	background: url(../img/contact_form-required.png) #fff no-repeat 98% 12px;
}
div#contact form textarea.required:focus {
	background: url(../img/contact_form-required-hover.png) #fff no-repeat 98% 12px;
}
div#contact form span.errors {
	float: right;
	width: 495px;
	color: #ec643f;
	font-style: italic;
	font-family: Georgia;
	font-size: 12px;
	margin-top: 17px;
}
div#contact div#success {
	width: 100%;
	float: left;
	margin-top: 30px;
}
div#contact div#success h3 {
	font-family: 'MuseoSans900', Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #4b575c;
	text-align: center;
}
div#contact div#success p {
	color: #4b575c;
	font-family: Verdana;
	font-size: 12px;
	line-height: 24px;
	padding-top: 30px;
	text-align: center;
	width: 100%;
	float: left;
	clear: left;
}
/*** Info & Tweet **/
		
div#contact div#sidebar {
	width: 360px;
	float: right;
	margin: 65px 0 0 0;
}
div#contact div#sidebar h3 {
	font-family: 'HelveticaNeueBold', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #374044;
	text-shadow: 0 1px 0 #fff;
	padding-bottom: 28px;
}
div#contact div#sidebar p {
	font-family: Verdana;
	width: 340px;
	font-size: 12px;
	color: #adb4b7;
	line-height: 24px;
}
div#contact div#sidebar div.tweet {
	width: 329px;
	height: 106px;
	font-family: Georgia;
	font-style: italic;
	font-size: 12px;
	color: #96a3a7;
	margin-top: 15px;
	line-height: 24px;
}
div#contact div#sidebar div.tweet a {
	color: #53c3e8;
	text-decoration: none;
}
div#contact div#sidebar div.tweet a:hover {
	text-decoration: underline;
}
div#contact div#sidebar div.tweet ul {
	float: left;
	width: 329px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: -1px;
	padding: 5px 15px;
	border: 1px solid #dee3e5;
	background-color: #fff;
}
/** Footer **/
		
div#contact div#footer {
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
}
div#contact div#footer h5 {
	font-family: 'MuseoSans900', Arial, sans-serif;
	letter-spacing: 6px;
	font-size: 14px;
	text-transform: uppercase;
	color: #4b575c;
	width: 101px;
	padding: 0px 0 0 6px;
	margin: 65px auto 10px auto;
	text-align: center;
	background: url(../img/footer_bg.png) no-repeat top center;
}
div#contact div#footer p {
	color: #96a3a7;
	font-family: Georgia;
	font-size: 12px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	padding-bottom: 15px;
}
/** Preload **/
div#preload {
	display: none;
}