/* 
Title:		porterdrywall.com screen styles for Project Lists
Author: 	gordon@slickfishstudios.com, jim@yellahoose.com
*/

/* ***************//*************** */
#projectContent { /* used only in Projects Section */
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	display: block;
	width: 604px;
	min-height: 400px;
	height: 100%;
	overflow: auto;
}
#breadcrumb {
	float: left;
	display: block;
	width: 100%;
	height: 2em;
	background: #eee; /*aad378*/
	text-transform: lowercase;
	border-bottom: 1px solid #ccc;
}
#breadcrumb p {
	padding: 0 0 0 10px; 
	margin: 0;
	color: #999;
	font-size: .8em;
	line-height: 2.4em;
}
#breadcrumb a {
	text-decoration: none;
	color: #666; /*49821D*/
}
#breadcrumb a:hover {
	text-decoration: underline;
	color: #666;
}
#projectContentMain {
	width: 100%;
	height: 100%;
	overflow: auto;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	color: #888;
}

#projectContentMain .para { /* text formatting for scrolling pages */
	padding: 10px 10px 0 10px;
	margin: 0;
	color: #7d7d7d;
	line-height: 135%;
}


/* *************** COLS FOR LISTS *************** */
#projectContentMain .ColList {
	display: block;
	width: 50%;
	padding: 0;
	margin: 0;
	float: left;
}

/* *************** .SearchList *************** */
/* SearchList tier 1 (headers) */
#projectContentMain .ColList .SearchList {
	padding: 0;
	margin: 5px 10px 15px 0;
	display: block;
}
#projectContentMain .ColList .SearchList li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#projectContentMain .ColList .SearchList li a {
	color: #b3c7e5;
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 5px;
	margin: 0 0 3px 0;
	background: #426fb2;
	text-transform: uppercase;
}
#projectContentMain .ColList .SearchList li a span {
	text-transform: capitalize;
	font-size: .9em;
	color: #fff;
}
#projectContentMain .ColList .SearchList li a:hover {
	background: #6d96d4;
	color: #fff;
	text-decoration: none;
}
#projectContentMain .ColList .SearchList li#northern a { /* northern header */
	color: #b3c7e5;
	background: #426fb2;
}
#projectContentMain .ColList .SearchList li#northern a:hover { 
	color: #fff;
	background: #6d96d4;
}
#projectContentMain .ColList .SearchList li#southern a { /* southern header */
	color: #c3d8ca;
	background: #2c8f4f;
}
#projectContentMain .ColList .SearchList li#southern a:hover {
	color: #fff;
	background: #3bbd69;
}
#projectContentMain .ColList .SearchList li#central a { /* central header */
	color: #bcd0d1;
	background: #4c7c7e;
}
#projectContentMain .ColList .SearchList li#central a:hover { 
	color: #fff;
	background: #63bdc1;
}
#projectContentMain .ColList .SearchList li#coastal a { /* coastal header */
	color: #cdcde5;
	background: #8181fb;
}
#projectContentMain .ColList .SearchList li#coastal a:hover { 
	color: #fff;
	background: #6060ca;
}

/* SearchList tier 2 */
#projectContentMain .ColList .SearchList li ul {
	padding: 0;
	margin: 0 0 0 5px;
	color: #333;
}
#projectContentMain .ColList .SearchList li ul li {
	padding: 0;
	margin: 0;
}
#projectContentMain .ColList .SearchList li ul li.pad5, #SmallList li.pad5 {
	padding: 3px 0;
	margin: 0;
	list-style-type: none;
	display: block;
}
#projectContentMain .ColList .SearchList li ul li em, #SmallList li em {
	color: #999;
	font-style: normal;
	font-weight: normal;
	font-size: .8em;
}
#projectContentMain .ColList .SearchList li ul li a, #projectContentMain .ColList .SearchList li#coastal ul li a, #projectContentMain .ColList .SearchList li#northern ul li a, #projectContentMain .ColList .SearchList li#southern ul li a, #projectContentMain .ColList .SearchList li#central ul li a {
	color: #777;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 15px;
	margin: 0;
	background: #fff url(../images/bull_north.gif) no-repeat left 50%;
	text-transform: capitalize;
	display: inline;
}
#projectContentMain .ColList .SearchList li ul li a:hover, #projectContentMain .ColList .SearchList li#coastal ul li a:hover, #projectContentMain .ColList .SearchList li#northern ul li a:hover, #projectContentMain .ColList .SearchList li#southern ul li a:hover, #projectContentMain .ColList .SearchList li#central ul li a:hover {
	color: #426fb2;
	text-decoration: none;
	background: #fff url(../images/bull_north_over.gif) no-repeat left 50%;
}

/* SET CURRENT FOR LISTS WITHIN PROJECT GALLERIES */
/* plain */
#projectContentMain .ColList .SearchList li ul li a.current {
	color: #6d96d4;
	background-image: url(../images/bull_north_current.gif);
}
#projectContentMain .ColList .SearchList li ul li a.current:hover {
	color: #6d96d4;
	background-image: url(../images/bull_north_over.gif);
}

/* northern anchor styles */
#projectContentMain .ColList .SearchList li ul li.northern a, #projectContentMain .ColList .SearchList li#northern ul li.northern a { /* northern list-style & links */
	color: #426fb2;
	background-image: url(../images/bull_north.gif);
}
#projectContentMain .ColList .SearchList li ul li.northern a:hover, #projectContentMain .ColList .SearchList li#northern ul li.northern a:hover, #projectContentMain .ColList .SearchList li#northern ul li.northern a.current:hover, #projectContentMain .ColList .SearchList li ul li.northern a.current:hover, #projectContentMain .ColList .SearchList li#northern ul li a.current:hover { 
	color: #6d96d4;
	background-image: url(../images/bull_north_over.gif);
}
#projectContentMain .ColList .SearchList li#northern ul li.northern a.current, #projectContentMain .ColList .SearchList li ul li.northern a.current, #projectContentMain .ColList .SearchList li#northern ul li a.current  { 
	color: #6d96d4;
	background-image: url(../images/bull_north_current.gif);
}

/* southern anchor styles */
#projectContentMain .ColList .SearchList li ul li.southern a, #projectContentMain .ColList .SearchList li#southern ul li.southern a { /* southern list-style & links */
	color: #2c8f4f;
	background-image: url(../images/bull_south.gif);
}
#projectContentMain .ColList .SearchList li ul li.southern a:hover, #projectContentMain .ColList .SearchList li#southern ul li.southern a:hover, #projectContentMain .ColList .SearchList li#southern ul li.southern a.current:hover, #projectContentMain .ColList .SearchList li ul li.southern a.current:hover, #projectContentMain .ColList .SearchList li#southern ul li a.current:hover { 
	color: #3bbd69;
	background-image: url(../images/bull_south_over.gif);
}
#projectContentMain .ColList .SearchList li#southern ul li.southern a.current, #projectContentMain .ColList .SearchList li ul li.southern a.current, #projectContentMain .ColList .SearchList li#southern ul li a.current { 
	color: #3bbd69;
	background-image: url(../images/bull_south_current.gif);
}

/* central anchor styles */
#projectContentMain .ColList .SearchList li ul li.central a, #projectContentMain .ColList .SearchList li#central ul li.central a { /* central list-style & links */
	color: #4c7c7e;
	background-image: url(../images/bull_central.gif);
}
#projectContentMain .ColList .SearchList li ul li.central a:hover, #projectContentMain .ColList .SearchList li#central ul li.central a:hover, #projectContentMain .ColList .SearchList li#central ul li.central a.current:hover, #projectContentMain .ColList .SearchList li ul li.central a.current:hover, #projectContentMain .ColList .SearchList li#central ul li a.current:hover { 
	color: #63bdc1;
	background-image: url(../images/bull_central_over.gif);
}
#projectContentMain .ColList .SearchList li#central ul li.central a.current, #projectContentMain .ColList .SearchList li ul li.central a.current, #projectContentMain .ColList .SearchList li#central ul li a.current { 
	color: #63bdc1;
	background-image: url(../images/bull_central_current.gif);
}

/* coastal anchor styles */
#projectContentMain .ColList .SearchList li ul li.coastal a, #projectContentMain .ColList .SearchList li#coastal ul li.coastal a { /* coastal list-style & links */
	color: #8181fb;
	background-image: url(../images/bull_coastal.gif);
}
#projectContentMain .ColList .SearchList li ul li.coastal a:hover, #projectContentMain .ColList .SearchList li#coastal ul li.coastal a:hover, #projectContentMain .ColList .SearchList li#coastal ul li.coastal a.current:hover, #projectContentMain .ColList .SearchList li ul li.coastal a.current:hover, #projectContentMain .ColList .SearchList li#coastal ul li a.current:hover { 
	color: #6060ca;
	background-image: url(../images/bull_coastal_over.gif);
}
#projectContentMain .ColList .SearchList li#coastal ul li.coastal a.current, #projectContentMain .ColList .SearchList li ul li.coastal a.current, #projectContentMain .ColList .SearchList li#coastal ul li a.current { 
	color: #6060ca;
	background-image: url(../images/bull_coastal_current.gif);
}




#projectImage img {
	width: 290px;
	margin-bottom: 5px;
}
#projectImage b {
	color: #31be59;
}
#projectImage {
	width: 292px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}