/* GLOBAL STYLES */



body{
		background-color:		black;
		margin:	0;
		width:	100%;
		font-size:	62.5%;
		color:	white;
		}
		
#container{
			margin-left:	0;
			width:	100%;
			overflow:	hidden;
			font-family:	Arial, sans-serif;
			color:	white;
			}
			
#navlist{	
			width:	100%;
			font-family:	Arial, sans-serif;
			color:	white;
			letter-spacing:	0.1em;
			position:	absolute;
			top:	25px;
			left:	0px;
			text-transform:	uppercase;
			font-size:	1.2em;
			z-index:	2;
			border-bottom:	1px;
			border-bottom-color:	white;
			border-bottom-style:	solid;
			margin-bottom:	10px;
			border-bottom-width:	100%;
			padding-left:	5px;
			}
			
			
			
#navlist, ul, li{
					color:	white;
					width:	200%;
					list-style-type:	none;
					display:	inline;
					margin-right:	50px;
					
					
					}
					
		
#navlist ul {
			list-style: none;
			margin: 0;
			padding-left: 40px;
			width: 15em;
		
			}
			
#navlist, ul, li{
					
					list-style-type:	none;
					display:	inline;
					margin-right:	50px;
										
					}

					
#navlist li 	{
					position: relative;
					}


#navlist ul ul {
				position: absolute;
				z-index: 500;
				top: 20px;
				top: 100%;
				left:	-40px;
				width: 15em;
				height:	15em;
	
				}
				
				
div#navlist ul ul {
					
					display:	none;
					}

div#navlist ul li:hover ul
							{
							display:block;
							font-size: 90%;
							cursor:pointer;
							}
							
		
#navlist a:link {
				color:	white;
				text-decoration:	none;
				}
				
#navlist a:visited{	
					color:	white;
					}
#navlist a:hover{	
				color:	#666666;
				}
				

				

				

			
		
/*position of background image and content to the right*/		
		


#spring img{
					position: absolute;
					left: 0px;
					bottom:	0px;
					z-index: 1;
					float:	left;
					}

#logo{
		position:	absolute;
		bottom:		50px;
		left:	200px;
		z-index:	3;
		}
		
		
/*Styles for Image Gallery*/

/*Image Gallery Swap */


#gallery				{
						position:	absolute;
						top:	65px;
						left:	200px;
					
						}


.gallerycontainer		{
						position: relative;
						/*Add a height attribute and set to largest image's height to prevent overlaying*/
						}
						
.gallerycontainer img{	
						margin:	0 10px 10px 0;
						}


.thumbnail:hover, a:hover		{
						background-color: transparent;
						text-decoration: none;
						color:	white;
						}
	
.thumbnail:hover img	{
						border: 0;
						
						}

.thumbnail span			{ /*CSS for enlarged image*/
						position: absolute;
						padding: 0 10px 10px 10px;
						left: -1000px;
						visibility: hidden;
						color: white;
						text-decoration: none;
						font-family:Arial, sans-serif;
						font-size:	smaller;
						}

.thumbnail span img		{ /*CSS for enlarged image*/
						border-width: 0;
						padding-right: 5px;
						}

.thumbnail:hover span	{ /*CSS for enlarged image*/
						visibility: visible;
						top: 0px;
						left: 550px; /*position where enlarged image should offset horizontally */
						z-index: 50;
						}		
		
		
/*Styles for Dropdown list*/				
					
#cssdropdown, #cssdropdown ul {
						list-style: none;
						list-style-type:	none;
						display:	inline;
						margin-right:	30px;
						width:	100%;
						}






.subuls{
		display: none;
		width: 10%;
		letter-spacing:	0.1em;
		font-size:	0.8em;
		position: absolute;
		top: 20px;
		left: 150px;

		}

.subuls li{
			width: 100%;
			}

.subuls li a:link, a:visited{
							text-decoration: none;
							color:	black;
							}
.subuls li a:hover{
					color:	#666666;
					}
								

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
					top: auto;
					left: auto;
					}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
									display: inline;
									
									}
/*End Styles for CSS Drop Down*/