/* 
  ------------------------------------------------
  PVII Slideshow Magic
  by Project Seven Development
  www.projectseven.com
  Style: 04
	Shadow Box 480 wide
  ------------------------------------------------
*/
/*
The Root Slideshow DIV
*/
#p7ssm {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: auto;
	z-index: 100;
	position: relative;
	background-color: #E4E4E4;
	padding: 16px;
}
/*SHADOW BOXES*/
/*The width relates to the background images that create the shadow boxes. If you
change the width on these rules, you must also edit the shadow box Fireworks PNG file
to make the actual images wider or narrower. In the default config, the limit for
fullsize image width for pages that use the shadow box style is 400px.*/
#p7ssm_w1 {
	margin: 0 auto;
	width: 516px;
	background-image: url(img/p7ssm_layout480.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#p7ssm_w2 {
	background-image: url(img/p7ssm_layout_topper480.jpg);
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}
#p7ssm_bottom {
	background-image: url(img/p7ssm_layoutbottom480.jpg);
	background-repeat: no-repeat;
	height: 26px;
	font-size: 0;
	line-height: 0;
}
/*
NAV MENU
*/
#p7ssm_nav_wrapper {
	position: relative;
}
/*The Drop Down Menu DIV*/
#p7SSMwnav {
	position: absolute;
	width: 200px;
	left: 0;
	top: auto;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1;
}
/*
The Inner Nav Menu Wrapper... Necessary for the script
The Script will hide this element before the page loads
Set value to "none" if you want to hide the nav bar in
Dreamweaver, but it will be hidden if script is disabled.
*/
#p7ssm_navList {
	display:block;
}
#p7ssm_navList ul {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#p7ssm_navList li {
	list-style-type: none;
}
/*The Navbar Links*/
#p7ssm #p7ssm_navList a {
	text-decoration: none;
	display: block;
	background-color: #333333;
	color: #999999;
	padding: 2px 10px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #444444;
}
#p7ssm #p7ssm_navList a:hover {
	background-color: #FF9900;
	color: #000000;
	border-color: #FFFFFF;
}
/*THUMBNAILS*/
#p7SSMwhmb {
	width: 138px;
	position: absolute;
	left: 446px;
	top: 36px;
	background-color: #FFFFFF;
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1.0;
	margin-left: 0px;
}
#p7ssm_thumb_wrapper {
	border-top: 1px solid #F9F9F9;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #F9F9F9;
}
/*Thumbnail Drag Bar*/
#p7ssm_dragbar {
	height: 22px;
	cursor: move;
	background-image: url(img/p7ssm3_dragbar.jpg);
	background-repeat: no-repeat;
	background-color: #CDCDCD;
	border-bottom: 1px solid #444444;
}
#p7ssm_dragbar span {
	display: none;
}
/*Thumbnail Preview*/
/*Preview Table - DO NOT EDIT*/
#p7ssm_preview table {
	margin: 0 auto;
}
#p7ssm_preview {
	padding: 6px 0;
}
#p7ssm_preview td {
	padding: 0;
	vertical-align: middle;
	height: 106px;
}
#p7ssm_preview img {
	padding: 2px;
	border: 1px solid #666;
	display: block;
}
.p7ssm_sectionTrigger {
	font-size: 12px;
	background-color: #E3E3E3;
	background-image: url(img/p7ssm3_sectionTrigbg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #999;
}
#p7ssm .p7ssm_sectionTrigger a {
	text-decoration: none;
	display: block;
	color: #333333;
	padding: 3px 10px;
	background-image: url(img/p7ssm3_plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#p7ssm .p7ssm_sectionTrigger a:hover {
	color: #666666;
}
#p7ssm .p7ssm_sectionTrigger .down {
	background-image: url(img/p7ssm3_minus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #333333;
	letter-spacing: 0.1em;
}
/*Thumbnail Matrix*/
.p7ssm_thumb_section {
	padding: 4px;
	background-color: #4a4a4a;
}
.p7ssm_thumb_section ul {
	margin: 0px;
	padding: 0px;
}
.p7ssm_thumb_section li {
	list-style-type: none;
	float: left;
	margin: 3px;
}
.p7ssm_thumb_section a {
	padding: 2px;
	float: left;
	border-top: 1px solid #666666;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #666666;
}
/*\Hide from IE5 Mac*/
.p7ssm_thumb_section a {
	float: none;
	display: block;
}
/*End Hide*/
.p7ssm_thumb_section a:hover {
	border-color: #FF9900;
}
.p7ssm_thumb_section .down {
	border-color: #000000 !important;
	cursor: default;
	background-color: #FFFFFF;
}
.p7ssm_thumb_section img {
	height: 20px;
	width: 20px;
	padding: 0;
	border: 0;
	display: block;
}
.p7ssm_clearThumbs {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*Toolbar Controls */
#p7ssm_toolbar {
	padding: 0;
}
#p7ssm_tools {
	position: relative;
	width: auto;
	margin: 0 auto;
	z-index: 100;
}
#p7ssm_toolbar em {display: none;}
#p7ssm_toolbar a {display: block;}
/*The Icon that Tgoggles the Nav Menu open and closed*/
#p7SSMtnav {
	display: block;
	width: 34px;
	height: 36px;
	background-image: url(img/p7ssm3_talbums.jpg);
	background-repeat: no-repeat;
}
/*The Nav Bar Icon down state*/
#p7SSMtnav.down {
	background-position: left bottom;
}
/*The Icon that Tgoggles the Thumbnail Panel open and closed*/
#p7SSMthmb {
	background-image: url(img/p7ssm3_tthumbs.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 23px;
}
/*The Thumbnail Icon down state*/
#p7SSMthmb.down {
	background-position: left bottom !important;
}
#p7ssm_first {
	background-image: url(img/p7ssm3_first.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 22px;
	background-position: left top;
}
#p7ssm_prev {
	background-image: url(img/p7ssm3_prev.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
.p7ssm_play {
	background-image: url(img/p7ssm3_play.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
.p7ssm_pause {
	background-image: url(img/p7ssm3_pause.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_next {
	background-image: url(img/p7ssm3_next.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 18px;
}
#p7ssm_last {
	background-image: url(img/p7ssm3_last.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 28px;
}
#p7ssm_counter {
	font-size: 11px;
	color: #888888;
	padding: 0 0 0 12px;
}
#p7ssm_slidechannel {
	position: relative;
	background-image: url(img/p7ssm3_speedchannel.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	height: 36px;
	width: 50px;
	top: 0px;
}
#p7ssm_slider {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 100;
	height: 17px;
	width: 8px;
}
#p7ssm_slidebar {
	background-image: url(img/p7ssm3_slider.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 8px;
	cursor: default;
}
/*The Hover state for all the toolbar icons*/
#p7ssm_first:hover, #p7ssm_prev:hover,
.p7ssm_play:hover, .p7ssm_pause:hover,
#p7ssm_next:hover, #p7ssm_last:hover,
#p7ssm_slidebar:hover, #p7SSMthmb:hover, #p7SSMtnav:hover {
	background-position: left bottom;
}
/*SLIDER TOOLTIP*/
#p7ssm_speed{
	position:absolute;
	display:none;
	left:0px;
	top:36px;
	padding:4px;
	background-color:#333333;
	border:1px solid #000;
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 100;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
/*FULLSIZE IMAGE */
/*\FS TABLE DO NOT EDIT - and hide from IE5 Mac*/
#p7ssm_fstbl {
	margin: 0 auto;
}
/*The Outer Wrapper for Fullsize Image*/
#p7ssm_fullsize {
	padding: 20px 0 4px 0;
}
/*Animating Box Wrapper for Fullsize Image*/
#p7ssm_fsc {
	margin: 0 auto;
	padding: 0px;
	border: 1px solid #333;
	background-color: #333333;
}
/*Inner Wrapper for Fullsize Image*/
#p7ssm_fsw {
	position: relative;
}
/*Crossfade Wrapper - DO NOT EDIT*/
#p7ssm_cf {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 99;
}
/*Firefox Strict Mode Box Model Fix - DO NOT EDIT*/
#p7ssm_cf img {
	display: block;
}
/*The Fullsize Image*/
#p7ssm_fsc img {
	border: 0;
}
/*\Firefox Fix - Hide from IE5 Mac*/
#p7ssm_fsc img {
	display: block;
}
/* Description Styles */
#p7ssm_description {
	font-size: 10px;
	padding: 6px 12px;
	color: #999999;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	display: none;
}
/*Description Paragraphs*/
#p7ssm_description p {
	margin: 6px 0;
}
/*Description Links*/
#p7ssm_description a {
	color: #FF9900;
}
/*Hiiden Link for Fullsize Image. DO NOT EDIT*/
.p7ssm_lk {
	display:none;
}
/*Hidden Description Source. DO NOT EDIT*/
.p7ssm_fd {
	display:none;
	padding: 0;
}
/*The Loading Progrees Bar. DO NOT EDIT*/
#p7ssm_loading {
	position:absolute;
	left:0px;
	top:0px;
	visibility: hidden;
	z-index: 100;
}