html {
	font-family: arial,sans-serif;
	font-size: 62.5%;}

body {
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: url('../img/bg.gif');
	background-attachment: fixed; }

div#wrapper {
	position: relative;
	margin: 30px;
	z-index: 50;}

div#shadowman {
	position: fixed;
	top: 15px;
	right: 0;
	z-index:0;}

a {
	color: #f6ffbe;
	font-weight: bold;
	text-decoration: none; }

a:hover {
	background-color: #a4b732; }


/* NAVIGATION */
div#nav {
	position: fixed;
	top:0;
	left:0;
	margin: 30px;	
	background-color: white;
	width: 176px;
	height: auto; }

img#navHome {
	
	position: absolute;
	top: -16px;
	left: -6px; }

div#sectionNavContainer ul {
	margin: 180px 0 0 0;
	padding: 0;
	list-style-type: none; }

a.sectionNav_link { 
	display: block;
	color: #BED630; 
	width: 120px;
	padding: 7px 0 7px 12px ;
	text-decoration: none;
	font: bold 33px Arial, sans-serif; }
	
a.sectionNav_link:hover {
	background-color: #d7e584;
	color: #FFF;
	text-decoration: none; }

a.sectionNav_linkSelected {
	display: block;
	color: white;
	background-color: #BED630; 
	width: 120px;
	padding: 7px 0 7px 12px ;
	text-decoration: none;
	font: bold 33px Arial, sans-serif; }

a.sectionNav_linkSelected:hover {
	text-decoration: none; }

#contactNavContainer ul {
	margin: 30px 0 0 0;
	padding: 0;
	list-style-type: none;}

#contactNavContainer a {
	color: #BED630;
	display: block;
	width: auto;
	margin: 0 0 5px 12px ;
	padding: 0;
	text-decoration: none;
	font: bold 1.8em Arial, sans-serif;}

#contactNavContainer a:hover {
	color: #8da500;
	background: none;}

#copyright {
	margin: 30px 0 0 12px;
	Color: #b2b2b2;
	font: normal 11px Arial, sans-serif;
	letter-spacing: 0em;
	text-decoration: none;
	text-align: left; }

a#byHighlighter {
	margin: 2px 0 0 12px;
	padding-bottom: 12px !important;
	font: bold 11px Arial, sans-serif;
	text-decoration: none;
	color: #d2d2d2;
	float: left;
 }
 
a#byHighlighter:hover {
	color: #333333;
	background: none;
	padding-bottom: 12px;}

	
/* CONTENT AREA */	
div#content {
	margin: 30px 0 30px 206px;
}

.titleColumn {
	width: 155px;
	float: left;
	margin: 20px 0 0 20px; }
	
.titleColumn h1 {
	padding: 0;
	margin: 0;
	Color: #333333;
	text-transform: uppercase; 
	font: Bold 3.0em Arial, sans-serif; }

.titleColumn a {
	font: bold 1.4em Arial, sans-serif;
	color: #f6ffbe;
	letter-spacing: .03em;
	text-decoration: none;
 }



/* CONTENT AREA - NEWS PANEL*/
#newsPanel {
	background-color: #cae045;
	width: 660px;
	height: auto;
	overflow: auto; }

#contentNews {
	width: 465px;
	float: left;
	margin: 20px 0; }

#contentNews ul {
	list-style-image: url('../img/bullet.png');
	margin: 0;
	padding-left: 18px;
	
	} 


#contentNews li {
	font: normal 1.4em Arial, sans-serif;
	color: #333333;
	letter-spacing: 0em;
	line-height: 1.3em;
	text-align: left;
	padding: 0;
	margin: 0 0 20px 0;}


/* CONTENT AREA - TWITTER PANEL*/	
div#twitterPanel {
	background-color: #cae045;
	width: 660px;
	min-height: 100px;
	height: auto;
	overflow: auto; 
	margin: 30px 0 0 0;}

div#contentTwitter {
	width: 465px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;}

#twitter_div { 
	width: 465px;
	padding: 0;
	margin: 0; }

ul#twitter_update_list { 
	width: 445px; 
	padding: 0; 
	margin: 0; 
	list-style-image: url('../img/bullet.png');
	margin: 0;
	padding-left: 18px;
	overflow: hidden; }

ul#twitter_update_list li { 
	width: 445px; 
	padding: 0;
	margin: 0 0 20px 0;
	color: #333333;
	font: normal 1.4em Arial, sans-serif;
	line-height: 1.4em;}
 
 
 
 
 
 
 
/* CONTENT AREA - FLICKR PANEL*/
#flickrPanel {
	background-color: #cae045;
	width: 660px;
	min-height: 100px;
	height: auto;
	overflow: auto; 
	margin: 30px 0 0 0} 

#contentFlickr {
	width: 475px;
	float: left;
	margin: 20px 0;
	padding: 0;
	overflow: auto;}

#flickr_badge_uber_wrapper {text-align: left; width:475px;}

#flickr_badge_wrapper {padding:0;}

.flickr_badge_image {margin:0 10px 10px 0; float: left;}

.flickr_badge_image img {border: 3px solid #3c3c3c !important; width: 79px; height:79px;}

.flickr_badge_image img:hover {border: 3px solid #6c6c6c !important; width: 79px; height:79px;}

#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}

#flickr_badge_icon {float:left; margin-right:5px;}

#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Sans-serif !important; color:#3993ff !important;}

#flickr_badge_uber_wrapper a:hover,

#flickr_badge_uber_wrapper a:link,

#flickr_badge_uber_wrapper a:active,

#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_wrapper {}

#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans-serif !important; color:#666666 !important;}




	
		
/* PROJECT PAGE */

a#project_linkLost {
	background-image: url('../img/workTab_lost.png');
	background-position: 0 0;
	width: 210px;
	height: 250px;
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left; }

a#project_linkLost:hover {
	background-position: 0 -250px; }
	
a#project_linkK7 {
	background-image: url('../img/workTab_k7.png');
	background-position: 0 0;
	width: 210px;
	height: 250px;
	border: 0;
	margin: 0 0 0 15px !important;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left; }

a#project_linkK7:hover {
	background-position: 0 -250px;}

a#project_linkWKM {
	background-image: url('../img/workTab_wkm.png');
	background-position: 0 0;
	width: 210px;
	height: 250px;
	border: 0;
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left; }

a#project_linkWKM:hover {
	background-position: 0 -250px; }

div#project_selectedLost {
	background-image: url('../img/workTab_lost_selected.png');
	background-position: 0 0;
	width: 210px;
	height: 250px;
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left; }

div#project_selectedK7 {
	background-image: url('../img/workTab_k7_selected.png');
	background-position: 0 0;
	width: 210px;
	height: 250px;
	border: 0;
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left; }
	
div#project_selectedWKM {
	background-image: url('../img/workTab_wkm_selected.png');
	background-position: 0 0;
	width: 210px;
	height: 250px;
	border: 0;
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left; }










#project_container {
	float: left;
	clear: both;
	width: 660px;
	height: auto;
	background-color:  white;
	overflow: auto;
	margin: 0 0 30px 0;
	padding: 0; }

div#project_bar_lost {
	float: right;
	width: 450px;
	height: 3px;
	background-color: #333333; 
	margin: 0;
	padding: 0; }

div#project_bar_wkm {
	float: left;
	width: 450px;
	height: 3px;
	background-color: #333333; 
	margin: 0;
	padding: 0; }
	
div#project_bar_k7_1 {
	float: left;
	width: 225px;
	height: 3px;
	background-color: #333333; 
	margin: 0;
	padding: 0; }
	
div#project_bar_k7_2 {
	float: right;
	width: 225px;
	height: 3px;
	background-color: #333333; 
	margin: 0;
	padding: 0; }	

div#project_featuredQuote {
	margin: 30px 20px 30px 20px;
	padding: 0;
	}
	
div#project_featuredQuote p {	
	font: bold 2.1em Helvetica,Arial, sans-serif;
	color: #333333;
	line-height: 1.3em;
	margin: 0 0 7px 0; }
	
div#project_featuredQuote h2 {
	font: italic 1.2em Helvetica,Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;}



/* LEFT COLUMN */

div#project_columnLeft {
	float: left;
	clear: both;
	width: 450px;
	height: auto;
	margin: 0;
	padding: 0;}
		
div#project_columnLeft h1 {
	background-color: #333333;
	font: Bold 1.8em Helvetica,Arial, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
	color: white;
	width: 125px;
	padding: 8px 0 8px 20px;
	margin: 0;
	float: left; }
	
div#project_columnLeft p {
	font: normal 1.2em Helvetica,Arial, sans-serif;
	line-height: 1.5em;
	color: #333333;
	margin: 20px 20px 30px 20px;
	float: left;
	width: 430px;}
	
div#project_reviews {
	Margin: 20px 20px 10px 20px;
	float: left; }
	
div#project_reviews p {
	font: bold 1.4em Helvetica,Arial, sans-serif;
	line-height: 1.2em;
	color: #333333;
	margin: 0 0 20px 0;
	float: left;
	width: 430px;}
	
.reviewer {
	font: italic 12px Helvetica,Arial, sans-serif;
	color: #333333;
	line-height: 30px;}



/* RIGHT COLUMN */

div#project_columnRight {
	float: left;
	width: 210px;
	height: auto;
	margin: 0;
	padding: 0;}

div#project_columnRight h1 {
	background-color: #333333;
	font: Bold 1.8em Helvetica,Arial, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
	color: white;
	width: 170px;
	padding: 8px 0 8px 20px;
	margin: 0 0 20px 20px;
	float: left; }
	
div#project_columnRight img {
	border: 3px solid #3c3c3c;}

div#project_columnRight img:hover {
	border: 3px solid #bdd52f;}

.thumbs {
	
	display:block;
	background-position: 0 0;
	width: 170px;
	height: 120px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 0;
	text-decoration: none; }
	
#awards {
	margin: 0 0 30px 0;
	padding: 0;
	float: left;}
	
	
	
	
	
	
/* BIOS */	
	
div#bio_headline {
	background-color: #cae045;
	width: 660px;
	height: auto;
	overflow: auto;
	margin: 0;
	padding: 0;}
	
div#bio_headline p {
	float: left;
	font: bold 2.2em Helvetica,Arial, sans-serif;
	line-height: 1.2em;
	margin: 20px 0 20px 20px;
	padding: 0; }

div#bio_description {
	background-color: white;
	width: 660px;
	height: auto;
	overflow: auto;
	margin: 30px 0 0 0;
	padding: 0;}
	
div#bio_description p {
	float: left;
	font: normal 1.2em Helvetica,Arial, sans-serif;
	line-height: 1.5em;
	margin: 20px 20px 0 20px;
	padding: 0; }
	
div#bio_description p + p {
	margin-bottom: 20px; }


div#bio_profileContainer {
	width: 660px;
	margin: 30px 0 30px 0;
	overflow: auto;
	}

div#bio_laura {
	margin-left:30px;}

.bio_profile {
	width: 315px;
	height: 575px;
	background-color: white;
	overflow: auto;
	float: left;
	}
	
.bio_profile h1 {
	background-color: #333333;
	font: Bold 1.8em Helvetica,Arial, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
	color: white;
	width: 275px;
	padding: 8px 0 8px 20px;
	margin: 20px 0 0 0;
	float: left;}
	
.bio_profile img {
	margin: 20px 0 0 20px;
	}
	
.bio_profile p {
	font: normal 1.2em Helvetica,Arial, sans-serif;
	line-height: 1.4em;
	margin: 20px 0 0 20px;
	width: 275px;
	}
	
	
	
/* ABOUT */	
	
#about_description {
	background-color: #BED630;
	width: 660px;
	height: auto;
	overflow: auto;
	margin: 0;
	padding: 0 0 20px 0; }

#about_description p {
	float: left;
	font: normal 1.8em Helvetica,Arial, sans-serif;
	line-height: 1.3em;
	color: #333333;
	margin: 20px 20px 0 20px;
	padding: 0; }

#about_largeName {
	font: bold 28px Helvetica,Arial, sans-serif;}

#about_ipMessage {
	background-color: white;
	width: 660px;
	height: auto;
	overflow: auto;
	margin: 30px 0 0 0;
	padding: 0 0 0 0; }

#about_ipMessage h1 {
	background-color: #333333;
	font: Bold 1.8em Helvetica,Arial, sans-serif;
	line-height: 1em;
	text-transform: uppercase;
	color: white;
	width: 436px;
	padding: 8px 0 8px 20px;
	margin: 20px 0 0 0;
	float: left; }
	
#about_infographics {
	float: left;
	width:550px;
	margin: 25px 0 0 55px; }
	
.about_infographic {
	width:275px;
	height: 106px;
	margin: 0;
	padding: 0 0 40px 0;
	float: left; }
	
.about_infographic img {
	margin: 0;
	padding: 0;
	float: left;}
	
.about_infographic h2 {
	color: #333333;
	font: Bold 2.7em Helvetica,Arial, sans-serif;
	margin: 60px 0 0 12px;
	padding: 0;
	float: left;}