/* STYLES FOR HOMEPAGE SLIDESHOW */

#top {
	width: 983px;
	height: 396px;
	position: relative;
	z-index: 33;
}


#portnav {
	position: absolute;
	left: 6px;
	top: 25px;
	width: 173px;
	height: 371px;
	z-index: 38;
	background: transparent 163px top repeat-y url(images/bkgd_panel.png);
}

#panel {
	width: 377px;
	height: 371px;
	z-index: 3;
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent 164px top repeat-y url(images/bkgd_panel.png);
  color:#fff;
}

*html #panel {
	right: -1px;
}


#drawer {
	position: relative;
	left:170px;
	width: 800px;
	height: 94px;
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: left;
}

#bottom {
	width: 983px;
	height: 541px;
	position: relative;
	background: url(images/bottom.jpg) top center no-repeat;
}

#next_comp {
	display: block;
	width: 983px;
	height: 541px;
}

.drawerleft {
	height:94px;
	width:600px;
	background-color: #666;
	float:left;
}

.portfoliostatement {
	font-size: 14px;
	background-image: url(images/bkgd_portfoliostatement.gif);
	height:68px;
}

.portfoliostatement p {
	padding: 5px 10px;
	background-image: url(images/bkgd_portfoliostatement.gif);
}

.drawerright {
	height:94px;
	width:200px;
	float:left;
}
.red .drawerright{ background-color: #c5532c; }
.olive .drawerright{ background-color: #9ba603; }
.teal .drawerright{ background-color: #64a7b8; }
.orange .drawerright{ background-color: #e79133; }
.blue .drawerright{ background-color: #4a769c; }

.portfoliotitle {
	font-size: 18px;
	padding: 5px 20px 5px 10px;
	font-weight: bold;
	height:58px;
}

.red .portfoliotitle { background-image: url(images/bkgd_portfoliotitle_red.gif); }
.olive .portfoliotitle { background-image: url(images/bkgd_portfoliotitle_olive.gif); }
.teal .portfoliotitle { background-image: url(images/bkgd_portfoliotitle_teal.gif); }
.orange .portfoliotitle { background-image: url(images/bkgd_portfoliotitle_orange.gif); }
.blue .portfoliotitle { background-image: url(images/bkgd_portfoliotitle_blue.gif); }

.slideshownav a {
	width:100px;
	height:19px;
	padding-top:7px;
	display:block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.slideshownav a:hover {
	text-decoration: underline;
}

.slideshownav a#ssprevious {
	float: left;
	padding-left: 23px;
	background: transparent 12px 9px no-repeat url(images/arrow_prev.gif);
}

.slideshownav a#ssnext {
	float: right;
	text-align:right;
	padding-right: 22px;
	background: transparent 100px 9px no-repeat url(images/arrow_next.gif);
}

#close {
	width:195px;
	height:20px;
}

#close a {
	width:193px;
	height:24px;
	padding:2px 6px 0 0;
	display:block;
	background: 180px 10px no-repeat url(images/arrow_up.gif);
	font-size:1px;
	text-indent:-10000px;
}

#panel h1 {
	position: absolute;
	top:201px;
	right:0;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	padding:4px 12px;
}
*html #panel h1 { right:-1px; }

#panel .red h1 { background-image: url(images/bkgd_portfoliotitle_red.gif); }
#panel .olive h1 { background-image: url(images/bkgd_portfoliotitle_olive.gif); }
#panel .teal h1 { background-image: url(images/bkgd_portfoliotitle_teal.gif); }
#panel .orange h1 { background-image: url(images/bkgd_portfoliotitle_orange.gif); }
#panel .blue h1 { background-image: url(images/bkgd_portfoliotitle_blue.gif); }

#panel h2 {
  font-family:Times New Roman, Times, serif;
	position: absolute;
	top:245px;
	left:0;
	font-style: italic;
	font-size: 18px;
  font-weight:normal;
  line-height:1.2;
	padding:9px 30px 0 175px;
	text-align:left;
	width:172px;
}
*html #panel h2 { right:-1px; }

#panel .red h2 { background: transparent top right no-repeat url(images/portfolio_wrap_red.gif); }
#panel .olive h2 { background: transparent top right no-repeat url(images/portfolio_wrap_olive.gif); }
#panel .teal h2 { background: transparent top right no-repeat url(images/portfolio_wrap_teal.gif); }
#panel .orange h2 { background: transparent top right no-repeat url(images/portfolio_wrap_orange.gif); }
#panel .blue h2 { background: transparent top right no-repeat url(images/portfolio_wrap_blue.gif); }

#view {
	position: absolute;
	bottom: 0;
	right: 13px;
	z-index: 5;
	width:200px;
	height:26px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*#view { right: 12px; }*/

a#view_link {
	width:190px;
	height:20px;
	padding:6px 0 0 10px;
	display:block;
	color: #fff;
	text-decoration: none;
	background: 180px 10px no-repeat url(images/arrow_down.gif);
}

#view a.red { background-color: #c5532c; }
#view a.olive { background-color: #9ba603; }
#view a.teal { background-color: #64a7b8; }
#view a.orange { background-color: #e79133; }
#view a.blue { background-color: #4a769c; }

a#view_link:hover {
	text-decoration: underline;
}

#ss_holder {
	position:absolute;
	left:170px;
	top:25px;
	height:371px;
	width:800px;
	overflow: hidden;
	z-index:2;
}

.portnavstuff {
	text-align: left;
	position:absolute;
	left:0;
	bottom: 0;
}

.portnavstuff p {
  font-family:Times New Roman, Times, serif;
	font-style: italic;
	font-size:13px;
	padding:4px;
}

.portnavstuff ul {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:12px;
}

.portnavstuff ul li {
	list-style: none;
}

.portnavstuff ul li a{
	text-decoration: none;
	color: #343434;
	display:block;
	padding:4px;
	width:165px;
	background: none;
}

.portnavstuff ul li a:hover, .portnavstuff ul li a.selected{
	background:#eee top left repeat-y;
}

.portnavstuff ul li.red a:hover, .portnavstuff ul li.red a.selected {background-image: url(images/bkgd_portnav_selected_red.gif);}
.portnavstuff ul li.olive a:hover, .portnavstuff ul li.olive a.selected {background-image: url(images/bkgd_portnav_selected_olive.gif);}
.portnavstuff ul li.teal a:hover, .portnavstuff ul li.teal a.selected {background-image: url(images/bkgd_portnav_selected_teal.gif);}
.portnavstuff ul li.orange a:hover, .portnavstuff ul li.orange a.selected {background-image: url(images/bkgd_portnav_selected_orange.gif);}
.portnavstuff ul li.blue a:hover, .portnavstuff ul li.blue a.selected {background-image: url(images/bkgd_portnav_selected_blue.gif);}

#slideshow div {width:800px;height:371px;background-color:#eee;}
#slideshow td {width:700px;height:371px;}
#details h1 {white-space:nowrap;}