@charset "UTF-8";
/* CSS Document */




/*----------------------------------------------------------------------------------------------------------------CAROUSEL------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 890px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
padding: 0;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
margin: 0;
padding: 0;

}
#folio.panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 55px 0 45px; /*margin around each panel*/
width: 780px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding: 0 20px 0 0;
}
#folio a { border-bottom: 1px dotted; }
#folio a:visited { color: #fe7800; }
#folio a:link {color: #fe7800;}
#folio a:hover {color: #b6f2f1;}
#folio h4 {
	float: left;
	width: 305px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	text-align: right;
}
#folio p {
	float: right;
	margin: 0;
	padding: 0;
	width: 475px;
	height: 280px;
	background: url(/grfx/OLD_home-folio_bkg.jpg) top left no-repeat;
}
#folio p img {
	margin: 18px 24px 30px 24px;
	padding: 0;
}

#folio p a img {  }
#folio p a:visited img { border: 1px solid #999; }
#folio p a:link img {border: 1px solid #999;}
#folio p a:hover img {border: 1px solid #b6f2f1;}

#folio h5 {
	float: left;
	width: 305px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
}
#folio #folionotes {
	float: left;
	margin: 0;
	padding: 0;
	width: 305px;
	text-align: right;
	list-style: none;
	font-size: 12px;
	color: #CCC;
}
#folio #folionotes li {
	margin: 0 0 5px 0;
	padding: 0 9px 0 0;
	background: url(/grfx/OLD_folio-li.png) top right no-repeat;
}
#folio h6 {
	float: left;
	width: 305px;
	margin: 0;
	padding: 15px 0 0 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}


/*----------------------------------------------------------------------------------------------------------SPRY ACCORDION------------------*/


/*-------------------------------------------------------------------------------------------------------home page----------------*/
#Acc1 {
	margin: 0;
	padding: 0;
}
#Acc1 .Accordion {
	overflow: hidden;
}
#Acc1 .AccordionPanel {
	margin: 0px;
	padding: 0px;
}
#Acc1 .AccordionPanelTab {
	-moz-user-select: none;
	-khtml-user-select: none;
	margin: 5px 0 0 0;
	padding: 0 0 7px 20px;

	background: url(/grfx/OLD_acc-h4_00.png) bottom left no-repeat;
	font-size: 14px;
	font-weight: normal;
	
	color: #b6f2f1;
	cursor: pointer;
	
}
#Acc1 .AccordionPanelContent {
	overflow: auto;
	margin: 0 5px;
	padding: 5px 0 0 0;
	height: 160px;
	background: #403225 url(/grfx/OLD_acc-content_bkg.png) top left no-repeat;
}
#Acc1 .AccordionPanelContent ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d9cbb0;	
}	
#Acc1 .AccordionPanelContent ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 7px;
	background: url(/grfx/OLD_acc-li.png) top left no-repeat;
}
#Acc1 .AccordionPanelOpen .AccordionPanelTab {
	background: url(/grfx/OLD_acc-h4_02.png) bottom no-repeat;
	color: #f5b440;
}
#Acc1 .AccordionPanelOpen .AccordionPanelTabHover {
	background: url(/grfx/OLD_acc-h4_02.png) bottom no-repeat;
	color: #f5b440;
}
#Acc1 .AccordionPanelTabHover {
	background: url(/grfx/OLD_acc-h4_01.png) bottom no-repeat;
	color: #f5b440;
}