/*
    _____          ___                                   _____    
    /  /::\        /  /\          ___        ___         /  /::\   
   /  /:/\:\      /  /::\        /__/\      /  /\       /  /:/\:\  
  /  /:/  \:\    /  /:/\:\       \  \:\    /  /:/      /  /:/  \:\ 
 /__/:/ \__\:|  /  /:/~/::\       \  \:\  /__/::\     /__/:/ \__\:|
 \  \:\ /  /:/ /__/:/ /:/\:\  ___  \__\:\ \__\/\:\__  \  \:\ /  /:/
  \  \:\  /:/  \  \:\/:/__\/ /__/\ |  |:|    \  \:\/\  \  \:\  /:/ 
   \  \:\/:/    \  \::/      \  \:\|  |:|     \__\::/   \  \:\/:/  
    \  \::/      \  \:\       \  \:\__|:|     /__/:/     \  \::/   
     \__\/        \  \:\       \__\::::/      \__\/       \__\/    
                   \__\/           ~~~~                            
      ___           ___           ___           ___           ___     
     /  /\         /__/\         /  /\         /__/\         /  /\    
    /  /:/         \  \:\       /  /::\        \  \:\       /  /:/_   
   /  /:/           \__\:\     /  /:/\:\        \  \:\     /  /:/ /\  
  /  /:/  ___   ___ /  /::\   /  /:/~/::\   _____\__\:\   /  /:/_/::\ 
 /__/:/  /  /\ /__/\  /:/\:\ /__/:/ /:/\:\ /__/::::::::\ /__/:/__\/\:\
 \  \:\ /  /:/ \  \:\/:/__\/ \  \:\/:/__\/ \  \:\~~\~~\/ \  \:\ /~~/:/
  \  \:\  /:/   \  \::/       \  \::/       \  \:\  ~~~   \  \:\  /:/ 
   \  \:\/:/     \  \:\        \  \:\        \  \:\        \  \:\/:/  
    \  \::/       \  \:\        \  \:\        \  \:\        \  \::/   
     \__\/         \__\/         \__\/         \__\/         \__\/    

*/


/* reset
--------------------------------------------- */

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, font, 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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: ''; content: none; }
:focus {
	outline: 0; }
ins { 
	text-decoration: none; }
del {
	text-decoration: line-through; }
table {
	border-collapse: collapse; border-spacing: 0; }
	
	
/* general & typography
--------------------------------------------- */

body {
	background: #fff;
	color: #000;
	font: 62.5% Helvetica, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: left;
	}
p, ol, ul {
	line-height: 150%;
	}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3, h4, h5, h6 { font-size: 1.4em; }

a:link, a:visited {
	color: #456A96;
	text-decoration: none;
	}
	a:hover, a:active {
		color: #456A96;
		text-decoration: underline;
		}
code {
  	background: #e9f0fa;
  	cursor: text;
  	font-family: "Courier New", Courier, monospace;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	margin: 0 20px 10px 0;
	}
.alignright {
	float: right;
	margin: 0 0 10px 20px;
	}
.left {	float: left; }
.right { float: right; }	
.strong { font-weight: bold; }
.clear { clear: both; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase;}

.brdrbtm { border-bottom: 1px dotted #ccc; }
.brdrtop { border-top: 1px dotted #ccc; }

.clear { clear: both; }

::-moz-selection {
    color: #fff;
    color: rgba(255,255,255,.85);
    background: #14a2cf;
    }
::selection {
    color: #fff;
    color: rgba(255,255,255,.85);
    background: #14a2cf;
    }

/* wrapper
--------------------------------------------- */

#wrapper {
	float: left;
	font-size: 1.3em;
	margin: 40px 40px;
	width: 700px;
	}	
	
/* header
--------------------------------------------- */

#header {
	float: left;
	width: 100%;
	}
#header .why-hello-there {
	float: left;
	width: 450px;
	}
	#header .why-hello-there span {
		color: #14a2cf;
		}	

	#header h1.brand {
		float: left;
		font-size: 4em;
		margin: 5px 0 0;
		}
	#header .why-hello-there h2 {
		clear: both;
		color: #adadad;	
		float: left;
		font-weight: normal;
		}
	#header .contact {
		float: right;
		margin: 38px 0 0;
		text-align: right;
		}
	#header .dc {
		float: right;
		}
	#header img.headshot {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float: right;
		margin: 40px 0 0 15px;
		}


/* content
--------------------------------------------- */
	
#content {

	}

#content h2 {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #14a2cf;
	float: left;
	font-weight: normal;
	margin: 30px 0 0;
	padding: 15px 0;
	width: 100%;
	}
	
#content .lead {
	border-bottom: 1px dotted #ccc;
	float: left;
	padding: 15px 0;
	width: 100%;
	}
	#content .lead .title {
		float: left;
		}
		#content p.focus {
			font-size: 1.2em;
			font-weight: bold;
			}
	#content .lead .date {
		color: #adadad;
		float: right;
		font-style: italic;
		text-align: right;
		}
#content p {

	}
#content span {
	font-weight: bold;
	}
		
#content ul {
	float: left;
	padding: 15px 0;
	width: 100%;
	}
	#content ul li {
		color: #ccc;
		list-style: disc;
		float: left;
		margin: 0 0 15px;
		width: 100%;
		}
		#content ul li p {
			color: #000;
			}
		#content ul li ul {
		
			}
			#content ul li ul li {
			
				}
				#content ul li ul li p {
					color: #000;
					}

/* footer
--------------------------------------------- */	
	
#footer {
	float: left;
	margin: 30px 0;
	}