/*----CONTENT PAGE STYLES----*/

#leftCol {
	width: 170px /*200px*/;
	height: 276px /*353px*/;	
	float: left;
	margin: 25px 0 0 31px;	
	text-align: right;
	padding: 82px 30px 0 0;
	display: inline;
}

#rightCol { /* rightCol override */
	width: 577px /*610px*/ !important;
	float: left;
	margin: 25px 0 0 0;	
	padding: 27px 0 0 53px;
}

#subNav {
	margin-top: 10px;
	list-style: none;
}

/*----Typography----*/

#leftCol h2 {
	font: bold 24px/28px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #f6a31d;
	text-transform: lowercase;
}

#rightCol h2 {
	font: bold 18px/20px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #f7a82a;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#rightCol h3 {
	font: bold 12px/14px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #b6372a;
	text-transform: uppercase;
	margin: 20px 0 0 0;
}

#rightCol h4 {
	font: bold 11px/16px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #b6372a;
	margin: 0 0 2px 0;
}

#rightCol p {
	font: normal 12px/18px tahoma, verdana, sans-serif;
	color: #3e2b1e;
}
 
/*----Links----*/


#subNav li a {
	font: bold 12px/20px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #3e2b1e;
	text-decoration: none;
}

#subNav li a:hover, #subNav li a.selected {
	color: #f6a31d;
}

#leftCol h2 a {
	font: bold 24px/28px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #f6a31d;
	text-transform: lowercase;
	text-decoration: none;
}

#rightCol a {
	font-weight: bold;
	color: #3e2b1e;
	text-decoration: none;
	border-bottom: 1px solid #dddad4;
}

#rightCol a:hover {
	border-bottom: 0;
}

/*----PORTFOLIO STYLES----*/

.portfolio #leftCol {
	background: #fafaf6 url("images/backgrounds/leftCol.gif") no-repeat 256px 26px !important; 		
	width: 227px /*257px*/;
	float: left;
	margin: 25px 0 0 31px;	
	text-align: right;
	padding: 75px 30px 0 0 !important;
	display: inline;
}

.portfolio #rightCol { /* rightCol override */
	width: 577px /*610px*/ !important;
	float: left;
	background: #fafaf6;		
	margin: 25px 0 0 0;	
	padding: 25px 0 0 33px !important;
}

.portfolio #screenshot {
	width: 332px;
	float: left;
	display: inline;
}

.portfolio #projectDescription {
	width: 245px;
	float: left;
	display: inline;
}

/*----Typography----*/

.portfolio #projectDescription ul {
	list-style: none;
	margin-left: 17px;
}

.portfolio #projectDescription ul ul {
	margin-left: 0 !important;
}

.portfolio #projectDescription li {
	font: normal 12px/16px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #3e2b1e;
	margin-bottom: 15px;
	width: 185px;
}

.portfolio #projectDescription li li {
	margin-bottom: 10px !important;
}

.portfolio #projectDescription h3 {
	font: bold 12px/16px 'Trebuchet MS', trebuchet, tahoma, verdana, sans-serif;
	color: #b6372a;
	text-transform: lowercase;
	margin: 0 0 2px 0 !important;
}
 
/*----Links----*/

.portfolio .linkNoBorder {
	border-bottom: 0 !important;
	text-decoration: none !important;	
}