@charset "utf-8";

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: rotator.css
* Version: 1.0 (2009-10-28)
* Author: Rob Masefield
* Copyright (C) 2009 Equinox Design

== STRUCTURE: ====================================================

* Page width: 960 px
* Number of columns: 2
* Primary Colours: #10579A (Blue), #AA0000 (Red), #444444 (Grey)

==================================================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* FEATURE ROTATOR
==========================================*/

#featureGallery 												{ text-align: left; position: relative; float: left; background-color: #fff; margin: 0; padding: 0; width: 900px; }
	* html #featureGallery /* this is recognized by IE only */ 	{ width: 900px;  /* total width, only for IE5.x/Win */ w\idth: 900px; /* content width for other IE */ }

.slider 														{ position: relative; float: left; margin: 0px; border: 0px; width: 900px; }
	* html .slider  /* this is recognized by IE only */ 		{ width: 900px;  /* total width, only for IE5.x/Win */ w\idth: 900px; /* content width for other IE */ }

#featureGallery .slider .main_image 							{ width: 900px; height: 320px; float: left; background: #444; position: relative; 
																  overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/ color: #fff; }
	
	#featureGallery .slider .main_image .desc 					{ position: absolute; top: 15px; left: 235px; /*--Stick the desc class to the bottom of our main image container--*/
																	  width: 180px; display: none; /*--Hide description by default, if js is enabled, we will show this--*/ }
																  
	#featureGallery .slider .main_image .block 					{ width: 200px; background: transparent; }
	#featureGallery .slider .main_image .image_thumb 			{ position: absolute; top: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/ width: 200px; }
		
		#featureGallery .slider .main_image .image_thumb img 			{ padding: 3px; background: #fff; height: 40px; width: 40px; overflow: hidden; float: left; }
		#featureGallery .slider .main_image .image_thumb ul 			{ margin: 0; padding: 0; list-style: none; }
		#featureGallery .slider .main_image .image_thumb ul li 			{ margin: 0; padding: 10px; width: 200px; height: 60px; float: left; border-bottom: none;
																 	      background: transparent url('../_img/image_rotator_tab_inactive.gif') no-repeat bottom right; }
		#featureGallery .slider .main_image .image_thumb ul li.hover 	{ background: transparent url('../_img/image_rotator_tab_hover.gif') no-repeat bottom right; cursor: pointer; }
																		/*--Hover State--*/
		#featureGallery .slider .main_image .image_thumb ul li.active 	{ background: transparent url('../_img/image_rotator_tab_active.gif') no-repeat bottom right; cursor: default; }
																		/*--Active State--*/
		html #featureGallery .slider .main_image .image_thumb ul li h2 	{ margin: 0; width: 120px; padding: 0; }

		#featureGallery .slider .main_image .image_thumb ul li .title 	{ float: left; margin-left: 10px; padding: 0; }
		#featureGallery .slider .main_image .image_thumb ul li p 		{ display: none; } 
																		/*--Hide the description on the list items--*/
																		/* caching Images Code */

div.preloader 													{ position: absolute; left: -9999px; top:  -9999px; }
	div.preloader img 											{ display: block; }



#featureGallery .slider .main_image h2 							{ color: #fff; text-decoration: none; font-weight: normal; font-size: 1.67em; margin: 5px 15px 15px 0; padding: 0px; }
	#featureGallery .slider .main_image h2 a:link 				{ color: #fff; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .main_image h2 a:visited 			{ color: #fff; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .main_image h2 a:hover 				{ color: #fff; text-decoration: none; font-weight: normal; }

#featureGallery .slider .main_image p 							{ font-size: 1em; margin: 15px 15px 15px 0; color: #e7e7e7; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .main_image p a:link 				{ color: #ffcc00; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .main_image p a:visited 			{ color: #ffcc00; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .main_image p a:hover 				{ color: #ffcc00; text-decoration: none; font-weight: normal; border-bottom: none; }

#featureGallery .slider .image_thumb h2 						{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #555555; text-decoration: none; }
	#featureGallery .slider .image_thumb h2 a:link 				{ color: #444; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .image_thumb h2 a:visited 			{ color: #444; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .image_thumb h2 a:hover 			{ color: #444; text-decoration: none; font-weight: normal; }

#featureGallery .slider .image_thumb .active h2 				{ color: #fff; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .image_thumb .active h2 a:link 		{ color: #fff; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .image_thumb .active h2 a:visited 	{ color: #fff; text-decoration: none; font-weight: normal; }
	#featureGallery .slider .image_thumb .active h2 a:hover 	{ color: #fff; text-decoration: none; font-weight: normal; }
	
.galleryDate													{ color: #AAA; font-size: 0.916667em; }