/* Global -------------------------------------------------------------------- */
html { height: 100%; }

body { margin: 0; padding: 0; background: #fff; height: 100%; }

img {	border: 0; vertical-align: top; }

p {	margin: 1em 0 0 0; }

/* Layout -------------------------------------------------------------------- */

#container {
	width: 890px;
	height: 100%;
	margin: 0 auto 0 auto;
	}

#leftCol {
	width: 281px;
	height: 100%;
	text-align: right;
	background: url(../../images/linebg.gif) repeat-y top right;
	float: left;
	}

#rightCol{
	width: 605px;
	margin: 0;
	padding: 0;
	float: right;
	}
		
/* Left Column --------------------------------------------------------------- */

#title {
	font: bold 24px/24px Georgia, "Times New Roman", Times, serif;
	color: #7f7f7f;
	padding-right: 20px;
	padding-top: 25px;
	}

#subtitle a {
	font: normal 14px/24px Georgia, "Times New Roman", Times, serif;
	color: #939393;
	text-decoration: none;
	padding-right: 20px;
	}

#subtitle a:hover {
	color: #333;
	}

#nav {
	margin-top: 30px;
	margin-right: 1px;
	}
	
#nav a {
	padding-right: 20px;
	margin-left: -20px;
	margin-bottom: -15px;
	display: block;
	width: 280px;
	font: normal 18px/30px Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-decoration: none;
	background: #fff;
	}

#nav a:hover {
	background: url(../../images/navbg.gif) no-repeat top right;
	}

#nav a.active {
	background: url(../../images/navbg.gif) no-repeat top right;
	}
	
#nav a:focus { 
	outline: none;
	}
	
#description {
	width: 260px;
	margin-top: 40px;
	padding-right: 20px;
	font: normal 12px/20px Georgia, "Times New Roman", Times, serif;
	color: #939393;
	}
	
#description img {
	margin-right: -3px;
	}
	
#description h1 {
	font: bold 16px/35px Georgia, "Times New Roman", Times, serif;
	color: #7f7f7f;
	margin: 0;
	padding: 0;
	}

#subnav {
	text-align: right;
	float: right;
	margin-right: -2px;
	height: 45px;
	}

#subnav a {
	padding-left: 10px;
	display: block;
	width: 45px; 
	height: 45px;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	float: left;
	display: none;
	}
	
#subnav img {
	padding: 5px 8px 0 0;
	}
	
#subnav a:hover {
	background: url(../../images/icon_hover.gif) no-repeat top left;
	}
	
#subnav a.active {
	background: url(../../images/icon_active.gif) no-repeat top left;
	cursor: default;
	}
	
#subnav a:focus { 
	outline: none;
	}

#subnavDescription {
	width: 260px;
	margin-top: 5px;
	display: none;
	}
	
#subnavDescription div {
	width: 260px;
	}
	
#portfolioImages {
	margin-top: 30px;
	margin-left: 30px;
	height: 560px;
	width: 560px;
	display: none;
	}
	
#portfolioImages img {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	}

/* Right Column -------------------------------------------------------------- */

#homeSlideshow {
	margin-top: 30px;
	margin-left: 30px;
	height: 560px;
	width: 560px;
	display: none;
	}
	
#homeSlideshow img {
	border: 1px solid #ccc;
	}

#portfolioNav {
	padding: 25px 0 0 26px;
	height: 45px;
	}

#portfolioNav img {
	padding: 5px 0 0 5px;
	}

#portfolioNav a {
	padding-right: 5px;
	float: left;
	display: block;
	width: 45px; 
	height: 45px;
	display: none;
	}
	
#portfolioNav a:hover {
	background: url(../../images/icon_hover.gif) no-repeat top left;
	}
	
#portfolioNav a.activeSlide {
	background: url(../../images/icon_active.gif) no-repeat top left;
	cursor: default;
	}

#portfolioNav a:focus { 
	outline: none;
	}
	
#portfolioImages {
	margin-top: 30px;
	margin-left: 30px;
	height: 500px;
	width: 560px;
	display: none;
	}
	
#portfolioImages img {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	}

/* Formatting ---------------------------------------------------------------- */

.clear { 
	clear: both; 
	}