/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:inherit;
	font-style:normal;
	vertical-align:baseline;
	background:transparent;
	border:0;
	outline:0
}
article, aside, figure, figure img, hgroup, footer, header, nav, section { display:block }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
input, select { vertical-align:middle }
a img { border:0 }
:focus { outline:0 }
a:hover, a:active { outline:none }
body {
	color: #f4f1f1;
	color:rgba(255,255,255,0.9);
	/*font: 100%/1.4 "Arial Narrow", Arial, "Myriad Pro", Verdana, Helvetica, sans-serif;*/
	font: 100%/1.4 "Myriad Pro", "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	background:#1c1a1a;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased
}
::selection { background:#ff1aa8 }
::-moz-selection {
background:#ff1aa8;
}
img::selection { background:transparent }
img::-moz-selection {
background:transparent
}
body { -webkit-tap-highlight-color: #ff1aa8; }
.hide { display:none }
.clear { clear:both }
/*
************************************************************************************
	GENERAL STYLING
************************************************************************************
*/
a {
	color:#00afef;
	text-decoration:none;
	font-weight:bold;
	-moz-transition:all 0.25s ease;
	-webkit-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease
}
a:hover, a:hover img { opacity:.6 }
ul.slides li p a { color: #fff; }
.italics { font-style: italic; }
.bold { font-weight: bold; }
.block {
	width:95%;
	max-width:1220px;
	margin:0 auto;
	overflow:hidden
}
.fl_left { float: left; }
.fl_right { float: right; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
#content {
	margin:0 auto;
	padding:0 10%;
	overflow:hidden;
}
h1, p { color: #fff;}
.end {
	margin-right:0;
	padding:0
}
img, object, embed, video, iframe { max-width:100% }
img { height:auto }
footer { width:100% }
header {
	width:90%;
	max-width:1200px;
	margin:5% auto 0;
	padding:0 5%;
	-moz-transition:all 0.25s ease;
	-webkit-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease
}
header img {
	z-index:1000;
	position:relative
}
header h1 .word1 {
	margin-left:-10px;
	padding-right:9px
}
section {
	margin:0 auto;
	padding-bottom:3em
}
section h1 {
	display:block;
	position:relative;
	margin-bottom:.5em;
	padding:0 10px 0 0;
	font-size:2.5em;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:1px;
}
section h1:after {
	content:'';
	position:absolute;
	margin-left:.25em;
	width:100%;
	height:45%;
	border-bottom:2px solid #f4f1f1;;
	border-bottom:2px solid rgba(255,255,255,0.3);
}
section p {
	font-size:1.1em;
	line-height:1.35em;
	margin-bottom: .8em;
}
section img {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px
}
#blurb p {
	margin-bottom:1em;
	line-height:1.35em;
	font-size:1.2em
}
#blurb p + p { text-align:right }
#work .portfolio {
	margin-top:1.5em;
	font-style:italic
}
#work p { font-size:.875em }
#about_me img.web {
	float: left;
	width: 500px;
	margin: 0 3em 2em 1em;
	border: 0px solid #fff;
	-moz-transition:opacity 0.25s ease;
	-webkit-transition:opacity 0.25s ease;
	-o-transition:opacity 0.25s ease;
	transition:opacity 0.25s ease;
}
img.print { display: none; }
#about_me p {
	margin:0;
	line-height:1.5em;
	font-size:1em
}
#about_me p strong { font-weight:bold }
#about_me p + p { margin-top:1em }
#contact_me .contact_message {
	width: 45%;
	color: #fff;
}
#contact_me .my_form {
	width: auto;
	min-width: 600px;
	color: #fff;
}
#contact_me .mobile_message { display: none; }
#contact_me img {
	float: right;
	width: 200px;
	/*	margin: 0 2em 2em 1em;*/
	border: 0px solid #fff;
	-moz-transition:opacity 0.25s ease;
	-webkit-transition:opacity 0.25s ease;
	-o-transition:opacity 0.25s ease;
	transition:opacity 0.25s ease;
}
.quote {
	padding:5% 0;
	border-top:2px solid rgba(255,255,255,0.1);
}
	.quote blockquote {
		text-transform: uppercase;
		font: 3em bold Arial, Impact, sans-serif;
	}
	.quote p + p { text-align: right; }





footer { background:#111 }
footer p {
	padding:12px 5% 10px;
	line-height:1.5em;
	text-align:center;
	font-size:.875em;
	color:rgba(255,255,255,0.8)
}
.no-js header img { visibility:hidden }
.no-js #about_me { border-bottom:none }
.no-js #quote { display:none }
.no-fontface header img { visibility:hidden }
.no-fontface header h1 { margin:-28% 0 5% }
.no-fontface #quote blockquote .top { margin-bottom:1% }
.no-fontface #quote blockquote em { padding:1.5% }
.no-rgba body, .no-rgba header h1 { color:#F5F5F5 }
.no-rgba a { color:#19D0F7 }
.no-rgba a:hover { color:#999 }
.no-rgba section h1:after { border-bottom:2px solid #333 }
.no-rgba #quote { border-top:2px solid #333 }
.no-rgba #quote em { background:#111 }
.ie7 header h1 {
	display:block;
	visibility:visible;
	width:auto
}

/*
*************************************
   All mobile
*************************************
*/
@media only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust:none }
	body, .block, #container {
		width:100%;
		min-width:0;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0
	}
	header { margin:10% auto 0 }
	header h1 { margin-top:-29% }
	header h1 .word1 {
		margin:0;
		padding:0
	}
	header h1 .word1, header h1 .word2 { -webkit-mask-box-image:none }
	#content {
		clear:left;
		margin:15px auto 25px
	}
	section { padding-bottom:1.5em }
	section h1 { font-size:1.8em }
	section p {
		font-size:.75em;
		line-height:1.25em
	}
	section a + p { margin-bottom:1.5em }
	section img { width:100% }
	#blurb {
		padding:0 0 2em;
		line-height:1em
	}
	#blurb p {
		display:inline;
		width:100%;
		margin-bottom:0;
		font-size:.75em
	}
	#blurb p br { display:none }
	#blurb p.contact:after { content:"." }
	#work p { font-size:.75em }
	#work .portfolio { margin:0 0 1.5em }
	#about_me img {
		float:right;
		width:30%;
		margin:0 0 1.5em 1.5em
	}
	#about_me p {
		margin:0 0 .75em;
		font-size:.75em
	}
	#about_me p + p { margin-bottom: 2em; }
	.quote blockquote { font-size: 1.5em; letter-spacing: 0.1em;	}
	.quote { padding:10% 0 5% }
	.quote blockquote .top, .quote blockquote em, .quote blockquote em span, .quote blockquote .bottom 
	{ -webkit-mask-box-image:none }



#contact_me img { display: none; }
#contact_me .contact_message, #contact_me .my_form, #contact_me img { display: none; }
#contact_me .mobile_message { display: block;  }
footer p { font-size:.6875em }
}
/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	#quote { padding:12% 0 5% }
	section h1 {
		display:block;
		position:relative;
		margin-bottom:.5em;
		padding:0 10px 0 0;
		font-size:1.7em;
		font-weight: normal;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	section p {
		line-height:1.35em;
		margin-bottom: .8em;
		width: 95%;
	}
	#quote blockquote { font-size: 1em;	}
}
/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
section a + p { margin-bottom:2em }
#blurb { padding-bottom:2.5em }
#endeavors { margin-bottom:-0.5em }
}
/*Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#blurb p {
		margin-bottom:0;
		font-size:1em
	}
}

/*
************************************************************************************
	PRINT STYLING
************************************************************************************
*/

@media only print {
	body {
		background-color: #fff;
		background-image: none;
		border-color: #000;
		color: #000;
		margin: 1em auto;
	}
	img.web { display: none; }
	img.print { 
		float: none;
		display: block;
		width: 80%;
		margin: 0 auto 1em;
	}

	#contact_me .contact_message, #contact_me .my_form, #contact_me img, 
	.flex-control-nav, .flexslider, #recent_projects, p.contact-me
	{
		display: none;
	}

	#content_Full, #wrapperBody, #wrapperContent { border: none; }
	#wrapperContent { overflow: visible; }
	#content_ColRight {
		float: none;
		width: auto;
		border: 0;
	}

	#contact_me .mobile_message { display: block;  }
	.quote blockquote { font-size: 1em;	}
		.quote p, .quote p + p { text-align: center; }

	

}