/* CSS designed by FAR Studio Designs */
/* Summer 2008 */

/*  dark blue: 		030e40
	light blue: 	bae3ef
	mid blue:		3678ab
	light green: 	01b19e
	dark green:		055348
	mid green:		0aa796
	cream:  		fffbf2
*/	
		
body 	{color: #030e40;  
		background: #030e40 url(FarArt/wc_bg.jpg);
		font-family: Verdana,  Arial, "Trebuchet MS", sans-serif;
		font-size: .8em;
		margin: 0px; padding: 0px;
		}


h1		{height: 198px;	/* image replacement */
		width: 200px;
		text-indent: -9000px;
		}

	
h2 		{
		
		color: #01b19e;
		font-family:"Times New Roman", Times, serif;
		font-size: 1.8em;
		}
	
h3 		{color: #203013; 
		font-size: 1.4em;
		}
	




a:link		{color: #3678ab; 
		text-decoration: none;
		font-style: italic;
		}
	a:visited {color: #055348;
			text-decoration: none;
			}
	a:hover 	{color: #01b19e; background: #030e40; }
	a:active	{color: #01b19e;}


img		{
		border: none;
		padding: 10px 0;
		}
		
/* IDs  */


div#wrapper	{  
			background: #fffbf2 url(FarArt/wc_main.jpg);
			margin-right: auto; 
			margin-left: auto;
			position: relative;
			width: 1000px;
			}
	
div#header	{
			background: transparent url(FarArt/wc_header.jpg); 
			background-repeat: no-repeat;
			background-position: 0 0px;
			height: 252px;
			margin: 0;
			}


#menu		{
			font-size: 1.2em;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			position: absolute;
			top: 210px;
			left: 300px;
			}

/* Son of Suckerfish Drop Down Menus from HTMLDog.com */
				
#nav, #nav ul {     
			padding: 0;     
			margin: 0; 
			list-style: none;     
			} 
		#nav a:link 		{     
					color: #fff;
					display: block;     
					list-style: none;     
					width: 7.8em; 	
					} 
		#nav a:visited 		{     
					color: #bae3ef;
					}
		#nav a:hover 		{     
					color: #01b19e;
					background: #030e40;
					}


		#nav li 	{     	
					float: left;     
					width: 7.5em; 
					background: #3678ab;
					border: 1px solid #244316;
					padding: 2px 2px 2px 4px;
					}		
		#nav li ul 	{     
					position: absolute;     
					width: 7.5em;     
					left: -999em; 
					} 
		#nav li:hover ul {     left: auto;}
		#nav li:hover ul, #nav li.sfhover ul {left: auto; }
		#nav > li	{background: none; border:none;}
						
/* End Son of Suckerfish  */

						
div#main	{
			top: 20px;
			width: 650px;
			margin-left: 300px;
			}

/* screen Gallery 1 */

ul.gallery1, ul.gallery1 li, ul.gallery2, ul.gallery2 li, ul.gallery3, ul.gallery3 li{
			list-style: none;
			margin: 0 0 50px 0;
			padding:0;
			}
	ul.gallery1{
			width: 520px;
			height: 500px;
			position: relative;
			background: transparent url(FarArt/wc_screen.jpg) no-repeat 10% 10%;
			}
	ul.gallery2{
			width: 520px;
			height: 500px;
			position: relative;
			background: transparent url(FarArt/wc_2screen.jpg) no-repeat 10% 10%;
			}
	ul.gallery3{
			width: 520px;
			height: 500px;
			position: relative;
			background: transparent url(FarArt/wc_3screen.jpg) no-repeat 10% 10%;
			}


	ul.gallery1 li, ul.gallery2 li, 	ul.gallery3 li{
			float: left;
			display: inline;
			padding: 0;
			margin: 400px 0 0px 0;
			}
	ul.gallery1 a span, ul.gallery2 a span, ul.gallery3 a span {
			display: none;
			}
	ul.gallery1 a:hover, ul.gallery2 a:hover, ul.gallery3 a:hover {
			background: none;
			z-index: 100;
			}
	ul.gallery1 a:hover span, ul.gallery2 a:hover span, ul.gallery3 a:hover span{
			position: absolute;
			width:500px;
			height: 400px;
			float: left;
			top: 0;
			left: 0;
			display: block;
			}								
	ul.gallery1	li	a:hover	span  em, ul.gallery2	li	a:hover	span  em, ul.gallery3 li a:hover span  em	{
				color: #0aa796;
				display: block;
				font-size: 1.2em;
				height: auto  !important; /* min height hack for IE */  
				height: 32px; /* needs to match the min-height pixels above */
				min-height: 32px;
				left: 150px;
				position: absolute;
				text-decoration: none;
				top: 520px;
				width: 250px;
				}												

			

#sidebar	{
			border: #f00 medium;
			left: 2em;
			position: absolute;
			top: 260px;
			width: 180px;
			}	
	#sidebar a	{color: #0a998a;  }
			

#footer		{
			background: #3678ab url(FarArt/wc_footer2.jpg) no-repeat;
			font-size: .9em;
			height: 160px;
			width: 1000px;
			margin: 0;
			padding: 40px 0px 0;
			}

	#footer ul	{
				margin: 0 0 0 260px;
				}
	#footer li	{
				float: left;
				list-style: none; 
				padding: 0 0px;
				}
	#footer li a:link  {color: #fff; }
	#footer li a:visited, #sidebar a:visited   {color: #bae3ef;}
	#footer li a:hover, #sidebar a:hover 	{color: #01b19e; background: #030e40; }			
	#footer li a:active, #sidebar a:active	{color: #01b19e;}



/* Classes */




.clearfloats	{clear: both;}


						
.caption	{font-size: .9em;
			text-align: center;
			margin: -2px 0 6px;
			}
			
.caption2	{
			color: #055348;
			font-size: .8em;
			margin: -5px 0px auto 20px;
			}						

.centtext	{
			text-align: center;
			}				
.date		{color: #0aa796;
			}