@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - -

Title: 		screen styles
Version: 	3.0 

Author: 	Jason Duerr - jason@sandstrompartners.com
Modified: 	2009-07-31

- - - - - - - - - - - - - - - - - - - - - */
/* @group global reset */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
/* @end global reset */

/* @group Globals */
html { background: #DDDCD0;height:100%;
width:100%;
	}
body { 	
	background: #DDDCD0; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	min-width: 920px;
/* 	overflow-y: auto; */
height:100%;
width:100%;
/* overflow:auto; */
	padding: 0;
	}
div#supersize {
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: -2;
	}
		#supersize img{
		overflow: hidden;
			height:100%;
			width:100%;
		}
a:link,
a:visited {
	color: #7e7e7e;
	}
a:hover,
a:active {
	color: #0e9bcd;
	text-decoration: none;
	}

/* @end Globals */

/* @group -Containers */
#header,#nav,#primary,#secondary,#primary-content-wrap {
	display:inline-block;
/* 	overflow:hidden; */
	}
/* #header,#nav,#primary {float:left} */
#secondary { position: absolute; }

/* #header {width:100%} */
#nav { position: absolute; left: 0; top: 0; width: 200px; }
#primary { padding-top: 20px; position: absolute; width: 79.9%; }
#secondary { height: 100%; right: 0; top: 0; width: 20%; }

#primary-page-wrap { 
	margin: 0 auto; 
	position: relative;
	width: 770px; 
	}
#home #primary-page-wrap { 
	width: 840px; 
	}
#primary-content-wrap {
	background: transparent url('../_img/bkg-white-50.png') 0 0;
	left: 200px;
	padding: 20px;
	position: absolute;
	top: 50px;
	width: 530px;
	}
	#primary-content {
	background: #fff;
/* 	height: 2000px; */
	padding: 10px 20px;
	position: relative;
	}

	body.story #primary-content-wrap,
	body#rant #primary-content-wrap
	{
		background: transparent url('../_img/bkg-black-60.png') 0 0;
		}
	
	body#home #primary-content {
		padding: 5px 5px 10px;
		position: relative;
		}
	body#disclosure #primary-content,
	body#connect #primary-content {
		min-height: 225px;
		}
	body.what #primary-content {
		height: 485px;
		}	
	body.story #primary-content,
	body#rant #primary-content {
		background: #333333;
		padding: 10px 20px;
		position: relative;
		}	
		
	body#home #primary-content {
		height: 520px;
		padding: 0;
		width: 600px;
		}
body#home #primary-content-wrap {
	margin-left: 0;
	padding: 20px;
	top: 50px;
	width: 600px;
	}

	/* @group Logo */
	#header {		
		bottom: 35px;
		height: 65px;
		left: 0;
		position:fixed; 
		}
	#logo {
		background: transparent url('../_img/logo.png') no-repeat 0 0 scroll;
/* 		bottom: 35px; */
		display: block;
		height: 65px;
/* 		left: 0; */
/* 		position: fixed; */
		width: 157px;
		}
		#logo a:link,
		#logo a:visited,
		#logo a:hover,
		#logo a:focus {
			display: block;
			height: 65px;
			text-indent: -9999px;
			width: 157px;
		z-index: 150;
			}
	/* @end Logo */

	/* @group Nav */
	#nav {
		background: transparent url('../_img/bkg-nav-global.png') repeat-y 0 0;
		border: none;
/* 		float: left; */
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		padding: 20px 0 70px 0;
		width: 200px;
		}
		#nav a {
			background: transparent url('../_img/sprite-nav-global.png') 0 0;
			display: block;
			height: 24px;
			text-indent: -9999px;
			width: 200px;
			}
		#nav-item-home a {
			background-position: 0 0;
			}
		#nav-item-good a {
			background-position: 0 -24px;
			}
		#nav-item-about a {
			background-position: 0 -48px;
			}
		#nav-item-stories a {
			background-position: 0 -72px;
			}
		#nav-item-being a {
			background-position: 0 -96px;
			}
		#nav-item-rant a {
			background-position: 0 -120px;
			}
		#nav-item-disclosure a {
			background-position: 0 -144px;
			}
		#nav-item-connect a {
			background-position: 0 -168px;
			}
		#nav-item-home a:hover,
		#home #nav-item-home a {
			background-position: -400px 0;
			}
		#nav-item-good a:hover,
		#services #nav-item-good a {
			background-position: -400px -24px;
			}
		#nav-item-about a:hover,
		#about #nav-item-about a {
			background-position: -400px -48px;
			}
		#nav-item-stories a:hover,
		#stories #nav-item-stories a {
			background-position: -400px -72px;
			}
		#nav-item-being a:hover,
		#human #nav-item-being a {
			background-position: -400px -96px;
			}
		#nav-item-rant a:hover,
		#rant #nav-item-rant a {
			background-position: -400px -120px;
			}
		#nav-item-disclosure a:hover,
		#disclosure #nav-item-disclosure a {
			background-position: -400px -144px;
			}
		#nav-item-connect a:hover,
		#connect #nav-item-connect a {
			background-position: -400px -168px;
			}
/*
	.subnav {
		background: transparent url('../_img/bkg-nav-global.png') repeat-y 0 0;
		border: none;
		float: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
		padding: 0 0 5px 0;
		text-transform: capitalize;
		width: 200px;
		}
*/
/*
		.subnav a {
			background: transparent url('../_img/sprite-subnav-global.png') 0 0;
			display: block;
			height: 20px;
			text-indent: -9999px;
			width: 200px;
			}
*/
		#nav-item-fredrick a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 0;
			height: 20px;
			}
		#nav-item-rick a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -18px;
			height: 20px;
			}
		#nav-item-samantha a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -36px;
			height: 20px;
			}
		#nav-item-tom a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -54px;
			height: 20px;
			}
		#nav-item-gwyneth a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -72px;
			height: 20px;
			}
		#nav-item-gloria a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -90px;
			height: 20px;
			}
		#nav-item-what a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -108px;
			height: 20px;
			}
		#nav-item-bio a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: 0 -126px;
			height: 20px;
			}

		#nav-item-fredrick a:hover,
		#fredrick #nav-item-fredrick a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px 0;
			}
		#nav-item-rick a:hover,
		#rick #nav-item-rick a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -18px;
			}
		#nav-item-samantha a:hover,
		#samantha #nav-item-samantha a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -36px;
			}
		#nav-item-tom a:hover,
		#tom #nav-item-tom a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -54px;
			}
		#nav-item-gwyneth a:hover,
		#gwyneth #nav-item-gwyneth a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -72px;
			}
		#nav-item-gloria a:hover,
		#gloria #nav-item-gloria a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -90px;
			}
		#nav-item-what a:hover,
		.what #nav-item-what a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -108px;
			}
		#nav-item-bio a:hover,
		.bio #nav-item-bio a {
			background-image: url('../_img/sprite-subnav-global.png');
			background-position: -400px -126px;
			}


	#story {
		background: transparent url('../_img/bkg-black-60.png') 0 0;
		float: right;
		margin-left: 830px;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		text-align: right;
		top: 0px;
		width: 125px;
		z-index: 50;
		}
		#story a:link,
		#story a:visited {
			color: #f09a37;
			font-size: 10px;
			text-decoration: none;
			}
		#story a:hover,
		#story a:active {
			color: #F6921E;
			}
		#story h4 {
			color: #C1C492;
			font-size: 10px;
			font-weight: normal;
			line-height: 20px;
			text-transform: uppercase;
			}
		#story p {
			color: #fff;
			font-size: 16px;
			line-height: 20px;
			padding-bottom: 0;
			}
		#story .location {
			color: #999;
			display: block;
			font-size: 12px;
			font-weight: normal;
			line-height: 15px;
			}

h1, h2 {
	color: #333;
	font-weight: normal;
	font-size: 20px;
	padding-bottom: 5px;
	}
	
p {
	color: #808080;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 18px;
	}
#primary-content ul	 {
	color: #808080;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
#primary-content li	 {
	padding-bottom: 5px;
	}

	
#primary-content ul#bio-list {
	padding: 0;
	}

body.good h1 {
	line-height: 1px;
	padding: 0;
	text-indent: -9999px;
	}
body#about h1 {
	line-height: 1px;
	padding: 0;
	text-indent: -9999px;
	}
body#rant h1 {
	line-height: 1px;
	padding: 0;
	text-indent: -9999px;
	}
body#human h1 {
	background: transparent url('../_img/h1-beinghuman.gif') 0 0 no-repeat;
	color: #c1c492;
	display: block;
	height: 36px;
	margin-top: 16px;
	text-indent: -9999px;
	}
body.bio h1 {
	background: transparent url('../_img/h1-bio.gif') 0 0 no-repeat;
	color: #c1c492;
	display: block;
	height: 36px;
	margin-top: 16px;
	text-indent: -9999px;
	}
body#services h1 {
	background: transparent url('../_img/h1-goodat.gif') 0 0 no-repeat;
	color: #c1c492;
	display: block;
	height: 72px;
	margin-top: 16px;
	text-indent: -9999px;
	}
body#disclosure h1 {
	background: transparent url('../_img/h1-disclosure.gif') 0 0 no-repeat;
	color: #c1c492;
	display: block;
	height: 36px;
	margin-top: 16px;
	text-indent: -9999px;
	}
body#connect h1 {
	background: transparent url('../_img/h1-connect.gif') 0 0 no-repeat;
	color: #c1c492;
	display: block;
	height: 36px;
	margin-top: 16px;
	text-indent: -9999px;
	}
body.story h1 {
	background: transparent url('../_img/h1-humanstories.gif') 0 0 no-repeat;
	color: #c1c492;
	display: block;
	height: 20px;
	margin-top: 16px;
	text-indent: -9999px;
	}
body.story h2 {
	color: #262626;
	display: block;
	height: 60px;
	margin-top: 0px;
	text-indent: -9999px;
	}
	body#alan.story h2 {
		background: transparent url('../_img/h2-alan.gif') 0 0 no-repeat;
		}
	body#fredrick.story h2 {
		background: transparent url('../_img/h2-fredrick.gif') 0 0 no-repeat;
		}
	body#gwyneth.story h2 {
		background: transparent url('../_img/h2-gwyneth.gif') 0 0 no-repeat;
		}
	body#gloria.story h2 {
		background: transparent url('../_img/h2-gloria.gif') 0 0 no-repeat;
		}
	body#rick.story h2 {
		background: transparent url('../_img/h2-rick.gif') 0 0 no-repeat;
		}
	body#samantha.story h2 {
		background: transparent url('../_img/h2-samantha.gif') 0 0 no-repeat;
		}
	body#tom.story h2 {
		background: transparent url('../_img/h2-tom.gif') 0 0 no-repeat;
		}
body.story #primary-content p {
	color: #B3B3B3;
	font-size: 14px;
	line-height: 2;
	}


body.bio h2,
body#services h2 {
	background: transparent url('../_img/expand-arrow.gif') no-repeat 10px 4px;
	border-bottom: 1px dotted #ccc;
	cursor: pointer;
	padding-left: 22px;
	margin: 5px 0 5px;
	}
body.bio h2.open,
body#services h2.open {
	background: transparent url('../_img/expand-arrow-open.gif') no-repeat 6px 7px;
	}
body.bio p {
	padding-left: 22px;
	}

body#human p.response {
	padding-left: 22px;
	}


/* stories */
.story-inset {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
	height: 180px;
	width: 180px;
/* 	margin-top: -180px; */
	}


#slider {
  margin: 20px auto 0;
  position: relative;
  text-align: center;
  width: 500px;
}

.scroll {
  height: 465px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
}

.scrollContainer div.panel {
  padding: 0;
  height: 340px;
  width: 500px;
}

.scrollButtons {
  position: absolute;
  bottom: 0;
  cursor: pointer;
  z-index: 6;
}

.scrollButtons.left {
  left: -10px;
}

.scrollButtons.right {
  right: 0px;
}
#primary-content ul.navigation {
	bottom: 5px;
	display: block;
	left: 90px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	}
#primary-content ul.navigation li {
	display:inline;
	margin-right:5px;
	}
#primary-content ul.navigation a {
	color:#b8ba88;
	font-size: 12px;
	padding: 3px 5px;
	text-decoration:none;
	}
#primary-content ul.navigation a.selected {
	background: #b8ba88;
	color: #fff;
	}

#primary-content ul#bio-list,
#primary-content ul#private-list,
#primary-content ul#business-list {
	margin-bottom: 10px;
	padding: 0;
	}
#primary-content ul li ul {
	padding-left: 22px;
	}

#wrapper {
	background: transparent url('../_img/bkg-page-border.png') repeat-y 15px 0;
/* 	height: 99.9%; */
	margin: 0;
	overflow: visible;
/* 	overflow-y: scroll; */
	padding: 0;
 	position: absolute; 
	width: 99.9%;
	z-index: 2;	
}
#strip {
	background: transparent url('../_img/bkg-page-border.png') repeat-y 15px 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
 	position: fixed; 
	width: 100%;
	z-index: -1;
}