/* 
STYLE.CSS
AUTHOR - metal@flat.com
DATE   - August, 2009
NOTES  - This layout and stylesheet uses an em based configuration with a ratio of 1.0em => 10px
		 
		 colors used:
		 #21221e - dark grey: nav headers, body text
		 	aliased as ".black"
		 	
		 #878885 - light grey: navigation, footer links, 
		 	aliased as ".grey"
		 	
		 #888888 - light grey: slide captions
		 	
		 #22bbcc - cyan: used on links and is the color of the slides' right hash
			aliased as ".cyan"
		
*/
/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* NAVIGATION - LEFT SIDE */
/* ------------------------------------------------------------------------------------------------------- */

/* ul.main_nav - for main pages' navigation links on the left */
div.nav_main {
	margin-bottom: 2.0em;
}

ul.nav_main {
	line-height: 2.4em;
}

ul.nav_main li {
	width: 100%;
}

ul.nav_main li a, ul.nav_main li a:link, ul.nav_main li a:visited, ul.nav_main li span.header {
	width: 100%;
	margin: 0.0em !important;
	padding: 0.0em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	display: block;
	color: #878885;
}

ul.nav_main li a:hover, ul.nav_main li a:active {
	width: 100%;
	margin: 0.0em !important;
	padding: 0.0em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	border-bottom: none;
	display: block;
	color: #22bbcc;
}

ul.nav_main li a:active, ul.nav_main li span.header {
	color: #21221e;
}

ul.nav_main li span, ul.nav_main li * span {
	font-size: 2.4em;
}



/* ul.nav_accordian - for main pages' navigation links on the left */
div.nav_accordian { /* hack needed for IE */
	margin-bottom: 0.1em;
	line-height: 1.4em;
}

ul.nav_accordian li {
	width: 12.0em;
	font-size: 1.0em;
	background-color: #ffffff;
}

ul.nav_accordian li a, ul.nav_accordian li a:link, ul.nav_accordian li a:visited {
	margin: 0.0em !important;
	padding: 0.1em 0.5em 0.0em 0.5em !important;
	border: none;
	background-color: #ffffff;
	text-decoration: none;
	outline: none !important;
	display: block;
	color: #878885;
}

ul.nav_accordian li a:hover, ul.nav_accordian li a:active, ul.nav_accordian li a.on:link, ul.nav_accordian li a.on:visited {
	margin: 0.0em !important;
	padding: 0.1em 0.5em 0.0em 0.5em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none !important;
	border-bottom: none;
	display: block;
	color: #22bbcc;
}

ul.nav_accordian li a:active {
	color: #21221e;
}

ul.nav_accordian li a.header, ul.nav_accordian li a.header:link, ul.nav_accordian li a.header:visited {
	margin: 0.0em !important;
	padding: 0.5em !important;
	outline: none !important;
	background-color: #ffffff;
	/*
	background-image: url('../img/nav-arrow-accordion.gif') !important;
	background-repeat: no-repeat !important;
	background-position: 10.3em 0.8em;
	*/
}

ul.nav_accordian li a.header:hover {
	/*
	background-position: 10.3em -2.2em;
	*/
}

ul.nav_accordian li a.header:active {
	/*
	background-position: 10.3em -5.2em;
	*/
}

ul.nav_accordian li a.last, ul.nav_accordian li a.laston { /* hack needed for IE */
	padding-bottom: 0.5em !important;
}
ul.nav_accordian li a.laston { /* hack needed for IE */
	color: #22bbcc !important;
}

ul.nav_accordian li * span {
	font-size: 1.1em;
}

ul.nav_accordian li ul, ul.nav_accordian li ul li { /* navigation nest */
	width: 100%;
}




/* ul.slideshow_accordian - for slideshows sub-select menus at the bottom of slide display */
div.slideshow_accordian {
	margin-bottom: 0.1em;
	line-height: 1.4em;
	width: 14.0em;
	margin-right: 1.0em;
	float: left;
}

ul.slideshow_accordian li {
	width: 14.0em;
	font-size: 1.0em;
	background-color: transparent;
}

ul.slideshow_accordian li a, ul.slideshow_accordian li a:link, ul.slideshow_accordian li a:visited {
	margin: 0.0em !important;
	padding: 0.1em 0.0em 0.0em 0.0em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	border-bottom: none;
	display: block;
	color: #878885;
}

ul.slideshow_accordian li a:hover, ul.slideshow_accordian li a:active {
	margin: 0.0em !important;
	padding: 0.1em 0.0em 0.0em 0.0em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	border-bottom: none;
	display: block;
	color: #22bbcc;
}

ul.slideshow_accordian li a:active {
	color: #21221e;
}

ul.slideshow_accordian li.seperator {
	height: 0.1em;
	background: transparent url('../img/bkgd-dashed.gif') repeat-x top left;
}

ul.slideshow_accordian li a.header, ul.slideshow_accordian li a.header:link, ul.slideshow_accordian li a.header:visited {
	margin: 0.0em !important;
	padding: 0.5em 0.0em 0.7em  0.0em !important;
	background-color: transparent;
	background-image: url('../img/nav-arrow-slideshow_accordion.gif') !important;
	background-repeat: no-repeat !important;
	background-position: 12.9em 0.8em;
}

ul.slideshow_accordian li a.header:hover {
	background-position: 12.9em -2.2em;
}

ul.slideshow_accordian li a.header:active {
	background-position: 12.9em -5.2em;
}

ul.slideshow_accordian li a.child_last {
	padding-bottom: 0.7em !important;
}

ul.slideshow_accordian li * span {
	font-size: 1.1em;
}

ul.slideshow_accordian li ul, ul.slideshow_accordian li ul li { /* navigation nest */
	width: 100%;
}

ul.slideshow_accordian li ul.slideshow_accordian_related {
	position: relative;
	top: 0.7em;
}