/* -----------------------------------------------
Pieces Stylesheet
PixelGood®
http://www.pixelgood.com
----------------------------------------------- */

h3.project_head {
	background: #056b76 url("/assets/images/headers/h_projtitle_bkgd.gif") repeat 0 0;	
	border: 3px solid #d9e0e0;
	clear: none;
	color: #d8f2f5;	
	display: inline;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 20px 0;
	padding: 8px 10px;
	width: 440px;
    -webkit-border-radius: 6px; /* 6px for Safari */
    -moz-border-radius: 6px; /* 6px for Firefox */
	}
h4.project_sub {
	clear: none;
	color: #fb9212;	
	float: none;
	margin: 20px 10px 10px 10px;
	width: 440px;
	}
#project {
	background: transparent url("/assets/images/bkgds/bg_columns.gif") repeat-x 0 0;	
	display: block;
	height: auto;
	overflow: auto;
	padding-top: 0; /* Corrects for Little PG on all non-project pages */
	position: relative;
	width: 888px;
    -webkit-border-radius: 6px; /* for Safari */
    -moz-border-radius: 6px; /* for Firefox */
	}
#project_desc {
	background: transparent url("/assets/images/headers/h_projtitle_reflect.png") no-repeat 0 36px; /* for header reflection */	
	display: block;
	float: left;	
	height: auto;
	margin: 10px 20px 10px 10px;
	width: 858px;
	}
#project_desc p {
	clear: none;	
	margin: 0 0 10px 10px;
	}
#project_desc hr {
	clear: none;
	margin-left: 10px;
	}
#project_desc ul, #project_desc ol {
/*list-style-type: none;*/
	margin: 0 0 10px 40px;
	width: auto;
	}
#project_desc p.project_quote {
	color: #4d4a42;/*#f78b1f; #00b5cb;*/
	font: bold 15px/18px "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	}
.byline {
	color: #4d4a42;/* #666; #f9a24c; #00b5cb;*/
	font: normal 13px/16px "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-bottom: 5px;
	}
.award {
	background: url("/assets/images/icons/icon_award.gif") no-repeat 0 15px;
	min-height: 40px;
	padding: 15px 0 0 36px;
	}
#project_piece_outer {
	background: transparent url("/assets/images/bkgds/bg_project_piece.gif") no-repeat 20px bottom;
    display: inline;
 	float: right;
	height: auto;
	margin-bottom: 20px;
    padding-bottom: 32px;
    padding-left: 20px;
    position: static;
    width: 372px;
	}
#project_piece_inner {
	background-color: #d5f1f4;
	border: 1px solid #c7d2d3;
    float: left;
	height: auto;
	position: relative;
    width: 370px;
    -webkit-border-radius: 6px; /* 6px for Safari */
    -moz-border-radius: 6px; /* 6px for Firefox */
	}
#piece_title {	
	background: transparent url("/assets/images/icons/icon_piece_title.gif") no-repeat 17px 4px;
	display: inline;
	float: left;
	font: bold 11px/13px "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 0 9px 0 26px;
	position: relative;
	width: 305px;
	}
#piece_view {	
	display: inline;
	float: left;
	margin: 5px 10px 0 0;
	height: 20px;
	position: relative;
	width: 20px;
	}
#piece_view a:link, #piece_view a:visited {
	background: transparent url("/assets/images/icons/icon_view.gif") no-repeat 0 0;
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	}
#piece_view a:hover, #piece_view a:active {
	background: transparent url("/assets/images/icons/icon_view.gif") no-repeat -20px 0;		
	}
#project_piece {
	/*background: #fff url("/assets/images/bkgds/bg_pieces.gif") repeat-x 0 0;*/
	background: #fff url("/assets/images/bkgds/bg_pieces.jpg") no-repeat 0 0;	
	border: 1px solid #a0bdc0;
	clear: both;
	display: block;
	height: 356px;
	margin: 0 6px;
	vertical-align: middle;
	width: 356px;
	}
#project_nav {
	background: #00b5cb url("/assets/images/bkgds/bg_project_nav.gif") repeat 0 0;
	display: block;
	float: left;
	height: auto;
	margin: 6px;
	padding: 10px 10px 15px 10px;
	width: 338px;
    -webkit-border-bottom-left-radius: 4px; /* for Safari */
    -webkit-border-bottom-right-radius: 4px; /* for Safari */
    -moz-border-radius-bottomleft: 4px; /* for Firefox */
    -moz-border-radius-bottomright: 4px; /* for Firefox */	
	}
.project_nav_title {	
	background: transparent url("/assets/images/icons/icon_piece_nav_title.gif") no-repeat 96px 3px;
	color: #fff;
	font: bold 10px/12px "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 4px -218px 0 0;
	padding: 0 10px;
	width: 90px;
	}
#project_nav ul {
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 110px;
	padding-right: 10px;
	width: 218px;
	}
#project_nav li {
	border: 2px solid #d5f1f4;
	display: inline;
	float: left;
	height: 11px;
	margin: 5px 5px 0 0;
	width: 11px;
    -webkit-border-radius: 4px; /* for Safari */
    -moz-border-radius: 4px; /* for Firefox */
	}
#tooltip_wrapper {
	background: transparent url("/assets/images/bkgds/bg_tooltip.png") no-repeat 53px bottom;	
	display: block;
	float: left;
	height: 35px;
	position: absolute;
	text-align: left;
	width: 200px;
	}
#tooltip {
	background-color: #fff;
	border: 2px solid #f78b1f;
	color: #666;
	font: normal 10px/12px "Trebuchet MS", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;	
	padding: 5px;
	position: absolute;
	width: auto;
    -webkit-border-radius: 4px; /* for Safari */
    -moz-border-radius: 4px; /* for Firefox */
	}

/* -----------------------------
Additional Pieces Navigation
-------------------------------- */

/* ---------->>> Links, Visited Links <<<----------*/
li#one a:link, li#one a:visited, li#two a:link, li#two a:visited, li#three a:link, li#three a:visited, li#four a:link, li#four a:visited, li#five a:link, li#five a:visited, li#six a:link, li#six a:visited, li#seven a:link, li#seven a:visited, li#eight a:link, li#eight a:visited, li#nine a:link, li#nine a:visited, li#ten a:link, li#ten a:visited, li#eleven a:link, li#eleven a:visited, li#twelve a:link, li#twelve a:visited, li#thirteen a:link, li#thirteen a:visited, li#fourteen a:link, li#fourteen a:visited, li#fifteen a:link, li#fifteen a:visited, li#sixteen a:link, li#sixteen a:visited, li#seventeen a:link, li#seventeen a:visited, li#eighteen a:link, li#eighteen a:visited, li#nineteen a:link, li#nineteen a:visited, li#twenty a:link, li#twenty a:visited {
	display: block;
	height: 11px;
	width: 11px;
	}
li#one a:link, li#one a:visited {
	background: transparent url("/assets/images/nav/additional_pieces.gif") no-repeat -11px 0;
	}
li#two a:link, li#two a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -22px 0;
	}
li#three a:link, li#three a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -33px 0;
	}
li#four a:link, li#four a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -44px 0;
	}
li#five a:link, li#five a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -55px 0;
	display: block;
	}
li#six a:link, li#six a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -66px 0;
	}
li#seven a:link, li#seven a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -77px 0;
	}
li#eight a:link, li#eight a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -88px 0;
	}
li#nine a:link, li#nine a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -99px 0;
	}
li#ten a:link, li#ten a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -110px 0;
	}
li#eleven a:link, li#eleven a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -121px 0;
	}
li#twelve a:link, li#twelve a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -132px 0;
	}
li#thirteen a:link, li#thirteen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -143px 0;
	}
li#fourteen a:link, li#fourteen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -154px 0;
	}
li#fifteen a:link, li#fifteen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -165px 0;
	}
li#sixteen a:link, li#sixteen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -176px 0;
	}
li#seventeen a:link, li#seventeen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -187px 0;
	}
li#eighteen a:link, li#eighteen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -198px 0;
	}
li#nineteen a:link, li#nineteen a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -209px 0;
	}
li#twenty a:link, li#twenty a:visited {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat -220px 0;
	}
li#one a:hover, li#one a:active, li#two a:hover, li#two a:active, li#three a:hover, li#three a:active, li#four a:hover, li#four a:active, li#five a:hover, li#five a:active, li#six a:hover, li#six a:active, li#seven a:hover, li#seven a:active, li#eight a:hover, li#eight a:active, li#nine a:hover, li#nine a:active, li#ten a:hover, li#ten a:active, li#eleven a:hover, li#eleven a:active, li#twelve a:hover, li#twelve a:active, li#thirteen a:hover, li#thirteen a:active, li#fourteen a:hover, li#fourteen a:active, li#fifteen a:hover, li#fifteen a:active, li#sixteen a:hover, li#sixteen a:active, li#seventeen a:hover, li#seventeen a:active, li#eighteen a:hover, li#eighteen a:active, li#nineteen a:hover, li#nineteen a:active, li#twenty a:hover, li#twenty a:active {
	background: url("/assets/images/nav/additional_pieces.gif") no-repeat 0 0;
	display: block;
	}