/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: square; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/*table       { margin-bottom: 1.4em; width:100%; }*/
table       { margin-bottom: 1.4em; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
/*.top        { margin-top:0; padding-top:0; }*/
.bottom     { margin-bottom:0; padding-bottom:0; }
/* f2f2f2 */

/*-----------------------------------*/
body { 
	margin:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#000;
	line-height:20px;
	font-size:12px;
	color:#333;
}

strong, em, b, i, legend {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}


a img {
	border-width:0px;
}

p {
	margin:1em 0 0 0;
	padding-bottom:1.75em;	
}

sup { 
	vertical-align:baseline;
	position:relative;
	top:-5px;
}

ul, ol { 
	margin: 1em 1em 1.75em 15px;
	padding:0 0 0 10px;
}

ul {
	list-style-type:none;
}
ul ul {
	margin-bottom:1em;
	list-style-image:url(/images/bullet_grey.gif);
}

blockquote  {
	margin:1em 1em 1em 40px;
	font-style:normal;
	color:#666;
}

table {
	border-collapse:collapse;
	margin:0px 10px;
}
th {
	background-color:#e5e5e5;
}

th, td {
	font-size:1em;
}

a:focus, a:hover { background:transparent url(/images/link_underline.gif) 0 100% repeat-x; }
a { color:#FF6600 !important; text-decoration:none; font-weight:normal; background-image:none; }

img {
	border-width:0px;
}
img.left  { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 0 0 1.5em 1.5em; }


@media print { 
	.printHide { display:none !important; }
} 

.required_field { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#f48024; 
	font-size:14px;
	font-weight:normal;
}

hr.clearBoth {
	margin:0px !important;
	padding:px !important;
	clear:both !important;
	height:0px !important;
	border-width: 0px !important;
	border-color:#fff !important;
	background-color:#fff !important;
	line-height:0px !important;
	color:#fff !important;
}

/*----------------- Font Styles -----------------*/

h1, .h1,
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5, 
h6, .h7 {  
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: normal; 
	color:#666;
}

h1, .h1 { /* Title */ 
	margin:.2em 0 .2em 0;
	font-size:125%; 
	font-weight:bold;
}
h1 h2, .h1 .h2, h1 .h2, .h1 h2 {
	font-size:90%;
}
h2, .h2 { /* Sub Title */
	margin:.2em 0 .2em 0;
	font-size:125%;
	color:#013d7b; 
}
h3, .h3 { /* Heading */
	margin:.2em 0 .2em 0;
	font-size: 110%; 
	font-weight:bold;
}
h4, .h4 { /* Sub Heading */
	margin:.2em 0 .2em 0;
	font-size: 110%;
}
h5, .h5 { /* Sub Heading */
	margin-bottom: 1.1em;
}
h6, .h6 { /* Sub Heading */
	margin-bottom: 1.1em;
}

/* Sub Fonts - Redefined If they are used in site */
.custom1 {
	color:#013d7b; 
	font-weight:bold;
}
.custom2 {
	color: #666;
}
.custom3 {
	font-size:13px;
}
.custom4 {
	color:#666;
	font-size:80%;
}


/*-------------------------------------------------------------------
MENU {
-------------------------------------------------------------------*/

ul#homeMenu { position:relative; margin:0; padding:0; width:250px; height:27px; list-style:none; background-color:#fff; }
/* All LIs and As */
ul#homeMenu li, ul#homeMenu li a {float:left; display:block; width:100%; height:27px; line-height:27px; cursor:pointer;}
ul#homeMenu li a {color:#013d7b !important; text-decoration:none; font-size:14px; background-image:none; }
ul#homeMenu li a.no_link {cursor:default;}
/* ie6 fix */
ul#homeMenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} 
/* Main Menu Items Hover */
ul#homeMenu li a:hover, 
ul#homeMenu li:hover {position:relative; color:#000;}
ul#homeMenu li:hover > a {color:#000;}
/* Hid Sub Menus */
ul#homeMenu ul, 
ul#homeMenu :hover ul ul {z-index:510; position:absolute; left:-9999px; top:-9999px; width:196px; margin:0; padding:5px; list-style:none; background-color:#b3b3b3; } 
/* Show 2nd Level */
ul#homeMenu :hover ul {left:175px; top:0px;}
/* Over 2nd Level */
ul#homeMenu :hover ul :hover ul {z-index:520; left:175px; top:-5px;}
/* 2nd Level LIs and As */
ul#homeMenu li ul li, ul#homeMenu li ul li a {margin:0; text-align:left; text-indent:5px; color:#000 !important; font-size:12px; height:20px; line-height:20px; width:100%;}
/* 2nd Level Items Hover */
ul#homeMenu li a:hover, 
ul#homeMenu li:hover {color:#013d7b !important;}
ul#homeMenu li:hover > a {color:#013d7b !important;}

/* 3rd Level LIs and As */
ul#homeMenu li ul li ul li, ul#homeMenu li ul li ul li a {color:#fff !important;}
/* 3rd Level Items Hover */
ul#homeMenu li ul li a:hover, 
ul#homeMenu li ul li:hover {color:#013d7b !important;}
ul#homeMenu li ul li:hover > a {color:#013d7b !important;}

/*-------------------------------------------------------------------*/

ul#submenu { position:relative; margin:15px 0 0 0; padding:0; width:100%; height:27px; list-style:none; background-color:#fff; }
/* All LIs and As */
ul#submenu li, ul#submenu li a {float:left; display:block; height:27px; line-height:27px; width:auto; cursor:pointer;}
ul#submenu li a {margin-right:50px; color:#013d7b !important; text-decoration:none; font-size:14px; background-image:none; }
ul#submenu li a.no_link {cursor:default;}
/* ie6 fix */
ul#submenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} 
/* Main Menu Items Hover */
ul#submenu li a:hover, 
ul#submenu li:hover {position:relative; color:#000;}
ul#submenu li:hover > a {color:#000;}
/* Hid Sub Menus */
ul#submenu ul, 
ul#submenu :hover ul ul {z-index:510; position:absolute; left:-9999px; top:-9999px; width:196px; margin:0; padding:5px; list-style:none; background-color:#b3b3b3; } 
/* Show 2nd Level */
ul#submenu :hover ul {left:0px; top:27px;}
/* Over 2nd Level */
ul#submenu :hover ul :hover ul {z-index:520; left:196px; top:-5px;}
/* 2nd Level LIs and As */
ul#submenu li ul li, ul#submenu li ul li a {margin:0; text-align:left; text-indent:5px; color:#000 !important; font-size:12px; height:20px; line-height:20px; width:100%;}
/* 2nd Level Items Hover */
ul#submenu li a:hover, 
ul#submenu li:hover {color:#013d7b !important;}
ul#submenu li:hover > a {color:#013d7b !important;}

/* 3rd Level LIs and As */
ul#submenu li ul li ul li, ul#submenu li ul li ul li a {color:#fff !important;}
/* 3rd Level Items Hover */
ul#submenu li ul li a:hover, 
ul#submenu li ul li:hover {color:#013d7b !important;}
ul#submenu li ul li:hover > a {color:#013d7b !important;}

/*-------------------------------------------------------------------*/

#menu { float:right; padding:0; margin:23px 0px 0px 0px; font-size:14px; list-style:none; height:27px; position:relative; border-bottom:1px solid #ececec; z-index:201; }
#menu li {float:left;}
#menu li a {display:block; float:left; height:27px; line-height:27px; background-color:#b3b3b3; color:#fff !important; text-decoration:none; padding:0px 10px; background-image:none;}
#menu table {border-collapse:collapse; margin:0px; width:0; height:0; position:absolute; top:0; left:0;}
#menu li a:hover {z-index:200; position:relative; color:#000e60 !important; background-color:#b3b3b3;}
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {color:#000e60 !important;} /* background-color:#c60;*/
#menu :hover ul {left:0; top:27px; width:175px; background-color:#444; border-top:3px solid #fff;}
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul {left:175px; top:-3px; white-space:nowrap; width:100px; z-index:200; height:auto;}
#menu :hover ul li {margin:0; border-bottom:1px solid #c6c6c6;}
#menu :hover ul li a {width:175px; padding:0; text-indent:10px; color:#000e60; height:26px; line-height:26px;}
#menu :hover ul :hover {color:#000e60;} /*background-color:#c60; */
#menu :hover ul :hover ul li a {width:200px; padding:0; text-indent:10px;}
#menu :hover ul :hover ul :hover {color:#000e60;}

/* } -----------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------
FORM {
-------------------------------------------------------------------*/

.formResults {
	height:0px;
	visibility: hidden;
	opacity: 0;
	overflow:visible;
}

/*-------------------------------------------------------------------*/

.form1 label {
	font-weight:bold;	
}

.form1 fieldset {
	display:table;
	border-width:1px;
	border-color:#B3B3B3;
}

.form1 legend {
	padding:3px 5px;
	font-weight:bold;
}

.form1 fieldset label:active,
.form1 fieldset label:hover {
	background:#efefef;
}
.form1 fieldset label {
	margin:1px;
	padding:1px;
	display:block;
	float:left;
	cursor:pointer;
	font-size:11px;
	line-height:11px;
	width:45%;
	font-weight:normal;
	background:#efefef;
	border-color:#ccc;
}

/*-------------------------------------------------------------------*/

.form2 fieldset {
	display:table;
	margin:2em;
	padding:10px;
	border-width:1px;
	border-color:#bfbfbf;
	border-style:solid;
}
.form2 fieldset div {
	margin:5px 0px 20px 15px;
	float:left;
	width:40%;
}

.form2 legend {
	padding:3px 5px;
	font-weight:bold;
	font-size:larger;
}
.form2 .unselected:hover,
.form2 .unselected:active {
	border-color:#5da454;
}
.form2 .fancy {
	display:block;
	margin:0.5em;
	padding:0.5em;
	padding-left:32px;
	width:150px;
	float:left;
	/*clear:both;*/
	background-position:8px center;
	background-repeat:no-repeat;
	border:1px solid #b4b4b4;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.form2 .text { padding-left:.5em; width:auto; }
.form2 .checked{background-color:#d8d8d8; background-image:url(/images/fancy-form/fancy-chk_on.png); border-color:#5da454;}
.form2 .unchecked{background-color:#d8d8d8; background-image:url(/images/fancy-form/chk_off.png);}
.form2 .selected{background-color:#d8d8d8; background-image:url(/images/fancy-form/rdo_on.png); border-color:#5da454;}
.form2 .unselected{background-color:#d8d8d8; background-image:url(/images/fancy-form/rdo_off.png);}

/* } -----------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------
CUSTOM
-------------------------------------------------------------------*/

#logo {
	display:block;
	width:312px;
	height:77px;
	float:left;
}

#contact_container {
	margin-top:5px;
	float:right;
	height:32px;
}

	#contact_container span {
		color:#002e6e;
		font-size:28px;
		line-height:32px;
	}

	#contact_container a {
		display:block;
		float:right;
		height:32px;
		width:32px;
		margin-left:5px;
		background: transparent url(/images/social_media.png) 0 0 no-repeat;
		text-indent:-9999px;
	}

	#contact_container a#blogger {
		background-position:-64px 0;
	}

	#contact_container a#twitter {
		background-position:-32px 0;
	}

#getQuote {
	float:right;
	display:block; 
	position:relative;
	top:17px;
	margin-right:5px;
	height:27px; 
	width:100px;
	line-height:27px;
	background-color:#b3b3b3; 
	font-size:14px;
	color:#fff !important; 
	text-decoration:none; 
	text-align:center;
}

#getQuote:hover {
	color:#000e60 !important;
}


table#home {
	margin:20px 0 0 0;
}
	table#home tr th {
		width:350px;
	}
	table#home tr th, table#home tr td {
		margin:0;
		padding:0;
		border:2px solid #B4B4B4;
		border-width:0 2px 2px 0;
	}
	table#home tr:first-child th, table#home tr:first-child td {
		border-width:2px;
	}
	
	table#home tr th {
		padding:0;
		background-color:#fff;
		color:#002E6E;
		font-size:1.1em;
	}
	table#home tr td table {
		margin:0 0 10px 0;
		padding:0;
		border-width:0;
	}
	table#home tr td table td {
		text-indent:1.75em;
		line-height:1.4em;
		border-width:0 !important;
	}
	table#home tr td.inst_dist table tr:first-child td:first-child,
	table#home tr td.dist_only table tr td:first-child {
		text-indent:4px;
	}

.altContent {
	display:none;	
}

hr {
	height: 1px;
	margin: 5px 0px; /*this will align it left for Mozilla*/
	border-width: 2px 0px 0px 0px;
	border-color:#b3b3b3;
	border-style:solid;
	text-align: left;/*this will align it for IE*/
}

hr.top {
	position:relative;
	top:1px;
}

#container {
	margin: 20px auto 0px auto;
	padding:25px;
	width: 750px;
	/*HACK*/
	min-height:500px;
	height:auto !important;
	height:500px;
	/*----*/
	border: 1px solid #b3b3b3;
	background-color:#FFF;
}

#footer {
	margin:0px auto 50px auto;
	padding:0px;
	width:800px;
	background-color:transparent;
	font-size:.9em;
}

#footer a {
	color:#013D7B !important;
}

#footer table, #footer table td {
	padding:0;
	margin:0;
}

.partnerBlock {
	margin-bottom:4px;
	padding-right:10px;
	/*HACK*/
	min-height:130px;
	height:auto !important;
	height:130px;
	/*----*/
	background-color:#dfdfdf;
	border:1px solid #dfdfdf;
	clear:both;
}
.partnerBlock p {
	margin:20px 20px 0px 20px;
	padding:0px;
}
.partnerBlock .partnerLogo {
	margin-right:10px;
	padding-right:4px;
	float:left;
	height:130px;
	width: 150px;
	overflow:hidden;
	background-color:#fff;
}
.partnerBlock .partnerLogo a {
	display:block;
	width: 150px;
	height:130px;
	text-align:center;
}
.partnerBlock .partnerLogo a img {
	vertical-align:middle;
}


.leftColumn, 
.leftColumn2 {
	float: left;
	width: 47%;
}

.rightColumn, 
.rightColumn2 {
	padding-top:3px;
	float: right;
	width: 49%;
}

.rightColumn .videoContainer {
	margin:30px auto 20px auto;
	text-align:center;
	background-color:#000;
}

.leftColum p, 
.rightColumn p, 
.leftColum2 p, 
.rightColumn2 p {
	width:95%;
}

.leftColumn2 {
	width: 420px;
}

.rightColumn2 {
	width: 305px;
	margin-left:20px;
}
	
form#sbmtFrm div.leftColumn input {
	margin-bottom:8px;
}

#container.our_people #content {
	/*HACK*/
	min-height:700px;
	height:auto !important;
	height:550px;
	/*----*/
}

#people {
	margin:0 auto 25px;
	width:756px;
	/*HACK*/
	min-height:450px;
	height:auto !important;
	height:450px;
	/*----*/
}

#people #peopleOverlay {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	height:600px;
	width:756px;
	z-index:50;
	background-color:#FFF;
}

#people div.personContainer {
	margin:0px 20px 20px 0px;
	float:left;
	width:88px;
	height:94px;
}

#people div.personBackground {
	margin:0px;
	padding:0px;
	float:none;
	position:relative;
	top:0px;
	left:0px;
	width:88px;
	height:94px;
	background-image:url(/images/people/shadow.png);
	background-repeat:no-repeat;
	background-position: -63px -58px;
}

#people img.personPhoto {
	position:relative;
	top:0px;
	left:0px;
	cursor:pointer;
}

#people div.personInfo {
	padding: 3px 0 0 3px;	
	visibility: hidden;
}

#people span {
	line-height:15px;
}

#people span.personName {
	font-weight:bold;	
}

#people span.personTitle {
	font-size:80%;	
}


/*-----------------------
NEWS CAROUSEL
-----------------------*/

#newsCarouselContainer {
	margin:0;
	float:right;
	width:350px;
	height:55px;
}

#newsCarousel {
	overflow:hidden;
	z-index:1;
}

#newsCarousel,
#newsCarousel ul,
#newsCarousel ul li,
#newsCarousel ul li a {
	width:350px;
	height:55px;
}

#newsCarousel ul,
#newsCarousel ul li {
	list-style-type:none;
}

#newsCarousel ul,
#newsCarousel ul li,
#newsCarousel ul li a {
	float:left;
	display:block;
	color:inherit !important;
	margin:0px !important;
	padding:0px !important;
}
#newsCarousel ul li a {
	padding:3px !important;
	width:344px;
	height:49px;
	background-image:none;
}
#newsCarousel ul li a span {
	color:#013d7b;
}


/*-----------------------
HOME SLIDE SHOW
-----------------------*/

	table#home tr td div#show {
		width:394px;
	}/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next five rules are required for Slideshow to work correctly.
	Override at your own risk.
*/

.slideshow {
	display: block; position: relative; z-index: 0;
}
.slideshow-images {
	display: block; overflow: hidden; position: relative;
}		
.slideshow-images img {
	display: block; position: absolute; z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}
.slideshow-thumbnails ul {
	left: 0; position: absolute; top: 0; width: 100000px;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px; width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0;
}
.slideshow-images-next { 
	opacity: 0;
}
.slideshow-images img {
	float: left; left: 0; top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: auto; margin: 0 auto; width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000; bottom: 0; color: #FFF; font: normal 12px/22px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0; opacity: 0;
}
.slideshow-captions-visible {
	height: 22px; opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat; height: 48px; left: 50%; margin: -24px 0 0 -122px; overflow: hidden; position: absolute; top: 50%; width: 244px; z-index: 10000;
}
.slideshow-controller * {
	margin: 0; outline: none; padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	background: url(controller-controls.png) no-repeat -47px 0; cursor: pointer; display: block; height: 18px; left: 112px; overflow: hidden; position: absolute; top: 15px; width: 20px;
}
.slideshow-controller a.active {
	background-position: -47px -18px;
}
.slideshow-controller li {
	list-style: none;
}			 
.slideshow-controller li.first a {
	background-position: 0 0; left: 36px; width: 19px;
}
.slideshow-controller li.first a.active {
	background-position: 0 -18px;
}
.slideshow-controller li.prev a {
	background-position: -19px 0; left: 68px; width: 28px;
}
.slideshow-controller li.prev a.active {
	background-position: -19px -18px;
}
.slideshow-controller li.play a {
	background-position: -67px 0;
}
.slideshow-controller li.play a.active {
	background-position: -67px -18px;
}
.slideshow-controller li.next a {
	background-position: -87px 0; left: 148px; width: 28px;
}
.slideshow-controller li.next a.active {
	background-position: -87px -18px;
}
.slideshow-controller li.last a {
	background-position: -115px 0; left: 189px; width: 19px;
}
.slideshow-controller li.last a.active {
	background-position: -115px -18px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	background: url(loader.png); height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -55px; height: 55px; left: 0; position: absolute; width: 100%;
}
.slideshow-thumbnails * {
	margin: 0; padding: 0;
}
.slideshow-thumbnails li {
	float: left; list-style: none;
}
.slideshow-thumbnails a {
	display: block; float: left; outline: none; margin: 5px 5px 0 0; padding: 5px;
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important; opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-hidden {
	background-color: #FFF; opacity: 0;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF; opacity: .5;
}
.slideshow-thumbnails-active {
	background-color: #9FF; opacity: 1;
}