* {
	margin: 0;
	padding: 0;
}


html, body {
	color: #202020;
	background: #f8f8f8 url('../images/bgs/body.png') repeat-x center top;
	font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
}

html, body, big, small, h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}

html, body, em, strong, big, small, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: none;
}

a {
	color: #0060bf;
	border-bottom: 1px dotted #0060bf;
	text-decoration: none;
}

a:hover,
a.hover {
	background: #e5eff9;
}

.nolink {
	border-bottom: 1px dotted #404040;
}

.col-wrap {
	position: relative;
	width: 750px;
	margin: 0 auto;
}


/************************************************************/


h3 {
	font: 18px/20px Georgia, serif;
	padding-top: 10px;
	color: #808080;
}

h4 {
	margin-bottom: 6px;
	font-weight: bold;
	color: #000;
}


.inline-para {
	display: inline;
}

.inline-list {
	display: inline;
	list-style: none;
}

.inline-list li {
	display: inline;
	list-style: none;
}


.preview {
	display: block;
	width: 230px;
	margin: 0 5px;
	border-bottom: none;
	color: inherit;
}

.preview .top,
.preview .image,
.preview .caption,
.preview .bottom {
	display: block;
	width: 208px;
	padding: 0 10px;
}

.preview .top,
.preview .bottom {
	height: 10px;
	background: url('../images/preview-edge.png') no-repeat;
}

.preview .image,
.preview .caption {
	background: url('../images/preview.png') repeat-y;
}

.preview .top { background-position: 0 top; }
.preview .image { background-position: 0 top; }
.preview .caption { background-position: 0 top; }
.preview .bottom { background-position: 0 bottom; }

.preview:hover .top { background-position: -230px top; }
.preview:hover .image { background-position: -230px top; }
.preview:hover .caption { background-position: -230px top; }
.preview:hover .bottom { background-position: -230px bottom; }

.preview .image span {
	display: block;
	height: 133px;
	background: url('../images/thumbnails/colorful.jpg') center center;
}

.preview .caption {
	padding: 10px 15px 0 15px;
	width: 198px;
	height: 42px;
	color: #606060;
}

.preview strong {
	display: block;
	font-weight: bold;
	color: #000;
}

.preview .desc {
	display: block;
}


.preview-group {
	display: block;
	overflow: auto;
	list-style: none;
}

.preview-group li {
	display: block;
	list-style: none;
	width: 250px;
	float: left;
	margin: 5px 0;
}


/***************************************/


.section {
	position: relative;
	margin-bottom: 48px;
	padding-top: 41px;
	border-top: 1px solid #d8d8d8;
	color: #404040;
	font: 12px/24px "Lucida Sans", "Lucida Grande", sans-serif;
}

.section-first {
	border-top: none;
}

.section h3 {
	margin-bottom: 1em;
	color: #000;
}

.section p,
.section ul,
.section dl,
.section .multicol {
	position: relative;
	margin-bottom: 24px;
}

.section li,
.section dd,
.section dt {
	line-height: 18px;
	}

.section li,
.section dd {
	margin-bottom: 12px;
}

.section dt {
	margin-bottom: 12px;
}

.section dd {
	margin-left: 24px;
}

.section strong {
	font-weight: bold;
	color: #000;
}

.section dl dt {
	display: list-item;
	list-style: disc outside;
	}


/************************************************************/


.multicol {
	position: relative;
}

.multicol .col1,
.multicol .col2 {
	width: 230px;
}

.multicol .col2 {
	position: absolute;
	right: 0;
	top: 0;
}

.multicol .col1 ul,
.multicol .col2 ul {
	position: static;
	width: auto;
	margin-bottom: 12px;
}

.multicol .col1 li,
.multicol .col2 li {
	margin-bottom: 6px;
	line-height: 18px;
}


/************************************************************/


.image-rotator {
	overflow: hidden;
}

.image-rotator span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.image-rotator .hidden {
	visibility: hidden;
}


/************************************************************/


#header {
	position: relative;
	background: url('../images/bgs/aurora.jpg') no-repeat center top;
}

#header .col-wrap {
	height: 102px;
}

#header a { border-bottom: none; }
#header a:hover { background: none; }


#header h1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 227px;
	height: 65px;
	color: #fff;
}

#header h1 a {
	position: absolute;
	display: block;
	overflow: hidden;
	left: 0;
	bottom: 21px;
	width: 209px;
	height: 28px;
	background: url('../images/logos/title.png') no-repeat left top;
	text-indent: -1000em;
}

#header h1 a:hover,
#header h1.active a {
	background-image: url('../images/logos/title-active.png');
}


#header .menu {
	display: block;
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 375px;
	padding: 12px 0;
	font: 16px/16px Georgia, serif;
	text-align: center;
}

#header .menu li {
	display: inline;
	list-style: none;
	margin-left: 2em;
}

#header .menu a {
}

#header .menu a span {
	color: #409fff;
}

#header .menu a:hover span {
	color: #fff;
}

#header .menu .active a span {
	color: #fff;
	border-bottom: 3px solid #fff;
}

#header .menu .about { margin-left: 0; }


/************************************************************/


#leader {
	color: #525252;
}

#leader .col-wrap {
	height: 234px;
	padding: 48px 0;
}

#leader a:hover,
#leader a.hover {
	background: #dce3e4;
}

#leader h2,
#leader p {
	width: 355px;
}

#leader h2 {
	width: 355px;
	color: #000;
	font: 24px/30px Georgia, serif;
}

#leader p {
	margin-top: 12px;
	font: 12px/24px "Lucida Sans", "Lucida Grande", sans-serif;
}

#leader .nav {
	display: block;
	list-style: none;
	margin-top: 24px;
}

#leader .nav li {
	display: inline;
	list-style: none;
}

#leader .nav li.prev {
}

#leader .nav .sep {
	color: #808080;
	padding: 0 .5em;
}


#leader .shortcuts {
	margin-top: 12px;
}

#leader .shortcuts p {
	display: inline;
	font-weight: bold;
}

#leader .shortcuts ul {
	display: inline;
	list-style: none;
	padding-left: .5em;
}

#leader .shortcuts li {
	display: inline;
	list-style: none;
}

#leader .shortcuts .sep {
	color: #808080;
	padding: 0 .5em;
}


#leader .shortcuts li.first {
	border-left: none;
}


/***************************************/


#sidebar {
	float: right;
	width: 184px;
	padding-top: 41px;
	}
	#sidebar h3 {
		color: #000;
		}
		#sidebar h3 a,
		#sidebar h3 span {
			display: block;
			color: #000;
			border-bottom: none;
			padding-bottom: .25em;
			}
		#sidebar h3 a:hover {
			background: none;
			text-decoration: underline;
			}
	#sidebar ul {
		display: block;
		list-style: none;
		border-top: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		}
		#sidebar li {
			display: block;
			list-style: none;
			border-top: 1px solid #D8D8D8;
			}
		#sidebar li.first {
			border-top: none;
			}
			#sidebar li a,
			#sidebar li.selected span {
				display: block;
				padding: .5em 0;
				border-bottom: none;
				}
				#sidebar li a small {
					color: #909090;
					margin-left: .5em;
					}
			#sidebar li.selected span {
				font-weight: bold;
				color: #000;
				}


/***************************************/

#leader.landing-leader .col-wrap {
	background: url('../images/leaders/landing.jpg') no-repeat right top;
}

#landing {
	margin-top: 48px;
}

#landing .about,
#landing .portfolio,
#landing .recent {
	width: 230px;
	border-top: 1px solid #a0a0a0;
	color: #404040;
	font: 12px/18px "Lucida Sans", "Lucida Grande", sans-serif;
}

#landing .portfolio {
	position: absolute;
	left: 260px;
	top: 0;
}

#landing .recent {
	position: absolute;
	right: 0;
	top: 0;
}

#landing h3 {
	margin-bottom: 12px;
}

#landing .about li {
	margin-bottom: 12px;
}

#landing .portfolio p {
	margin-bottom: 12px;
}

#landing .portfolio .preview {
	margin: 0;
}

#landing .recent ul {
	display: block;
	list-style: none;
}

#landing .recent li {
	display: block;
	list-style: none;
	margin-bottom: 18px;
}

#landing .recent strong {
	color: #000;
	font-weight: bold;
}

#landing .more {
	margin-top: 24px;
}


/************************************************************/


#twitter-feed li em {
	display: block;
	font-size: 10px;
	font-style: normal;
	color: #808080;
}

#twitter-feed .loading {
	padding-left: 24px;
	background: url('../images/loading-small.gif') no-repeat left center;
	color: #808080;
}


/************************************************************/


#leader.about-leader .col-wrap {
	background: url('../images/leaders/about.jpg') no-repeat right top;
}


/************************************************************/


#leader.portfolio-leader .col-wrap {
	background: url('../images/leaders/portfolio.jpg') no-repeat right top;
}

#portfolio .section .briefs {
	display: none;
	position: absolute;
	list-style: none;
	left: 0;
	top: 79px;
	width: 230px;
	font: 12px/18px "Lucida Sans", "Lucida Grande", sans-serif;
}

#portfolio .section .briefs li {
	margin-bottom: 12px;
}

#portfolio .section .briefs li span {
	display: block;
}

#portfolio .section .preview-group {
	position: relative;
	left: 0;
	width: 750px;
	margin-bottom: 24px;
}

#portfolio .section .preview-group li {
	margin-top: 0;
	margin-bottom: 20px;
}


/***************************************/


#leader.contact-leader .col-wrap {
	background: url('../images/leaders/contact.png') no-repeat right top;
}


/***************************************/


#about {
	}
	#about .section {
		width: 500px;
		}


/***************************************/


#project {
	min-height: 400px;
	}
	#project .section {
		width: 500px;
		}
	#project .challenges {
		}
		#project .challenges dd {
			margin-bottom: 24px;
			}
		#project .challenges .approach {
			display: none;
			font-style: italic;
			margin-top: 12px;
			}


/***************************************/


#contact .section {
	width: 500px;
	}

#contact-success,
#contact-failure {
	margin-bottom: 12px;
	}
	
#contact-success {
	background: #80ff80;
	padding: .25em 1em;
	color: #204020;
	}
	#contact-success p {
		margin-bottom: 0;
		}

#contact-failure {
	background: #ff8080;
	padding: .25em 1em;
	color: #402020;
	}
	#contact-failure p {
		margin-bottom: 0;
		}
	#contact-failure ul {
		margin-left: 2em;
		margin-bottom: 0;
		}
	
#contact-form {
	}
	#contact-form p {
		margin-bottom: 12px;
		}
	#contact-form label {
		display: block;
		}
		#contact-form label small {
			color: #909090;
			}
	#contact-form .error {
		display: block;
		padding: .25em 0;
		font-size: 10px;
		color: #402020;
		}
		#contact-form .error span {
			padding: .25em .5em;
			background: #ff8080;
			}
	
#contact-name,
#contact-email,
#contact-subject,
#contact-message {
	padding: 2px;
	font-family: inherit;
	font-size: inherit;
	}
	
#contact-name { width: 20em; }
#contact-email { width: 20em; }
#contact-subject { width: 30em; }
#contact-message { width: 40em; height: 8em; }

#contact-submit {
	font-size: 1.17em;
}


/************************************************************/


#footer {
	margin-top: 96px;
	background: url('../images/bgs/footer.png');
	color: #a0a0a0;
}

#footer .col-wrap {
	height: 61px;
}

#footer a {
	color: #a0a0a0;
	border-bottom: 1px dotted #a0a0a0;
}

#footer a:hover {
	background: transparent;
	color: #fff;
	border-bottom: 1px dotted #fff;
}


#footer .legal,
#footer .menu {
	display: block;
	position: absolute;
	list-style: none;
	top: 24px;
	padding-bottom: 2px;
}

#footer .legal li,
#footer .menu li {
	display: inline;
	padding: 0 .5em;
	border-left: 1px solid #a0a0a0;
}

#footer .legal li.first,
#footer .menu li.first {
	padding-left: 0;
	border-left: none;
}

#footer .legal {
	left: 0;
}

#footer .menu {
	right: 0;
}


/************************************************************/


#leader .image-rotator {
	background: #fff url('../images/leaders/loading.gif') no-repeat center center;
	}
	#leader .image-rotator .rotator-nav {
		position: absolute;
		display: block;
		left: auto;
		top: auto;
		right: 12px;
		bottom: 6px;
		width: 90px;
		height: 42px;
		z-index: 2;
		}
		#leader .image-rotator .prev,
		#leader .image-rotator .next {
			position: absolute;
			display: block;
			width: 42px;
			height: 42px;
			top: 0;
			border: none;
			outline: none;
			background: transparent url('../images/leader-nav.png') no-repeat;
			text-indent: -1000px;
			z-index: 3;
			}
		#leader .image-rotator .prev {
			left: 0;
			background-position: 0 0;
			}
		#leader .image-rotator .next {
			right: 0;
			background-position: -42px 0;
			}

#leader .image-1,
#leader .image-2,
#leader .image-3,
#leader .image-4,
#leader .image-5,
#leader .image-6 {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent no-repeat center center;
}

#leader.dev-amo-leader .col-wrap,
#leader.moco-dir-leader .col-wrap,
#leader.sheriff-duty-leader .col-wrap,
#leader.ship-it-leader .col-wrap,
#leader.transport4-leader .col-wrap,
#leader.psych-leader .col-wrap {
	background: url('../images/leaders/frame-web.jpg') no-repeat right top;
}

#leader.dev-amo-leader .image-rotator,
#leader.moco-dir-leader .image-rotator,
#leader.sheriff-duty-leader .image-rotator,
#leader.ship-it-leader .image-rotator,
#leader.transport4-leader .image-rotator,
#leader.psych-leader .image-rotator {
	position: absolute;
	right: 8px;
	top: 75px;
	width: 359px;
	height: 254px;
}


#leader.murmur-leader .col-wrap,
#leader.ridevia-leader .col-wrap {
	background: url('../images/leaders/frame-mobile.jpg') no-repeat right top;
}

#leader.murmur-leader .image-rotator,
#leader.ridevia-leader .image-rotator {
	position: absolute;
	right: 93px;
	top: 114px;
	width: 188px;
	height: 215px;
}


#leader.mimosa-leader .col-wrap,
#leader.the-hive-leader .col-wrap,
#leader.networth-leader .col-wrap {
	background: url('../images/leaders/frame-app.jpg') no-repeat right top;
}

#leader.mimosa-leader .image-rotator,
#leader.the-hive-leader .image-rotator,
#leader.networth-leader .image-rotator {
	position: absolute;
	right: 8px;
	top: 59px;
	width: 359px;
	height: 221px;
}


#leader.ridevia-leader .image-1 { background-image: url('../images/leaders/portfolio/ridevia-1.png'); }
#leader.ridevia-leader .image-2 { background-image: url('../images/leaders/portfolio/ridevia-2.png'); }

#leader.mimosa-leader .image-1 { background-image: url('../images/leaders/portfolio/mimosa-1.jpg'); }
#leader.mimosa-leader .image-2 { background-image: url('../images/leaders/portfolio/mimosa-2.jpg'); }
#leader.mimosa-leader .image-3 { background-image: url('../images/leaders/portfolio/mimosa-3.jpg'); }

#leader.ship-it-leader .image-1 { background-image: url('../images/leaders/portfolio/ship-it-1.jpg'); }
#leader.ship-it-leader .image-2 { background-image: url('../images/leaders/portfolio/ship-it-2.jpg'); }
#leader.ship-it-leader .image-3 { background-image: url('../images/leaders/portfolio/ship-it-3.jpg'); }
#leader.ship-it-leader .image-4 { background-image: url('../images/leaders/portfolio/ship-it-4.jpg'); }

#leader.transport4-leader .image-1 { background-image: url('../images/leaders/portfolio/transport4-1.jpg'); }
#leader.transport4-leader .image-2 { background-image: url('../images/leaders/portfolio/transport4-2.jpg'); }
#leader.transport4-leader .image-3 { background-image: url('../images/leaders/portfolio/transport4-3.jpg'); }
#leader.transport4-leader .image-4 { background-image: url('../images/leaders/portfolio/transport4-4.jpg'); }
#leader.transport4-leader .image-5 { background-image: url('../images/leaders/portfolio/transport4-5.jpg'); }

#leader.the-hive-leader .image-1 { background-image: url('../images/leaders/portfolio/the-hive-1.jpg'); }
#leader.the-hive-leader .image-2 { background-image: url('../images/leaders/portfolio/the-hive-2.jpg'); }
#leader.the-hive-leader .image-3 { background-image: url('../images/leaders/portfolio/the-hive-3.jpg'); }
#leader.the-hive-leader .image-4 { background-image: url('../images/leaders/portfolio/the-hive-4.jpg'); }

#leader.murmur-leader .image-1 { }

#leader.networth-leader .image-1 { background-image: url('../images/leaders/portfolio/networth-1.jpg'); }
#leader.networth-leader .image-2 { background-image: url('../images/leaders/portfolio/networth-2.jpg'); }
#leader.networth-leader .image-3 { background-image: url('../images/leaders/portfolio/networth-3.jpg'); }
#leader.networth-leader .image-4 { background-image: url('../images/leaders/portfolio/networth-4.jpg'); }

#leader.psych-leader .image-1 { background-image: url('../images/leaders/portfolio/psych-1.jpg'); }
#leader.psych-leader .image-2 { background-image: url('../images/leaders/portfolio/psych-2.jpg'); }

#leader.sheriff-duty-leader .image-1 { background-image: url('../images/leaders/portfolio/sheriff-duty-1.jpg'); }
#leader.sheriff-duty-leader .image-2 { background-image: url('../images/leaders/portfolio/sheriff-duty-2.jpg'); }
#leader.sheriff-duty-leader .image-3 { background-image: url('../images/leaders/portfolio/sheriff-duty-3.jpg'); }
#leader.sheriff-duty-leader .image-4 { background-image: url('../images/leaders/portfolio/sheriff-duty-4.jpg'); }
#leader.sheriff-duty-leader .image-5 { background-image: url('../images/leaders/portfolio/sheriff-duty-5.jpg'); }


#leader.moco-dir-leader .image-1 { background-image: url('../images/leaders/portfolio/moco-dir-1.jpg'); }
#leader.moco-dir-leader .image-2 { background-image: url('../images/leaders/portfolio/moco-dir-2.jpg'); }
#leader.moco-dir-leader .image-3 { background-image: url('../images/leaders/portfolio/moco-dir-3.jpg'); }
#leader.moco-dir-leader .image-4 { background-image: url('../images/leaders/portfolio/moco-dir-4.jpg'); }
#leader.moco-dir-leader .image-5 { background-image: url('../images/leaders/portfolio/moco-dir-5.jpg'); }
#leader.moco-dir-leader .image-6 { background-image: url('../images/leaders/portfolio/moco-dir-6.jpg'); }


#leader.dev-amo-leader .image-1 { background-image: url('../images/leaders/portfolio/dev-amo-1.jpg'); }
#leader.dev-amo-leader .image-2 { background-image: url('../images/leaders/portfolio/dev-amo-2.jpg'); }
#leader.dev-amo-leader .image-3 { background-image: url('../images/leaders/portfolio/dev-amo-3.jpg'); }
#leader.dev-amo-leader .image-4 { background-image: url('../images/leaders/portfolio/dev-amo-4.jpg'); }
#leader.dev-amo-leader .image-5 { background-image: url('../images/leaders/portfolio/dev-amo-5.jpg'); }


/************************************************************/

#portfolio-preview-ridevia .image span { background-image: url('../images/thumbnails/portfolio/ridevia.jpg'); }
#portfolio-preview-mimosa .image span { background-image: url('../images/thumbnails/portfolio/mimosa.jpg'); }
#portfolio-preview-ship-it .image span { background-image: url('../images/thumbnails/portfolio/ship-it.jpg'); }
#portfolio-preview-transport4 .image span { background-image: url('../images/thumbnails/portfolio/transport4.jpg'); }
#portfolio-preview-the-hive .image span { background-image: url('../images/thumbnails/portfolio/the-hive.jpg'); }
#portfolio-preview-murmur .image span { }
#portfolio-preview-networth .image span { background-image: url('../images/thumbnails/portfolio/networth.jpg'); }
#portfolio-preview-psych .image span { background-image: url('../images/thumbnails/portfolio/psych.jpg'); }
#portfolio-preview-moco-dir .image span { background-image: url('../images/thumbnails/portfolio/moco-dir.jpg'); }
#portfolio-preview-sheriff-duty .image span { background-image: url('../images/thumbnails/portfolio/sheriff-duty.jpg'); }
#portfolio-preview-dev-amo .image span { background-image: url('../images/thumbnails/portfolio/dev-amo.jpg'); }


/************************************************************/


#body {
	background: #f8f8f8 url('../images/bgs/body.png') repeat-x center top;
}