/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin: 0px 0px 15px 0px;
	padding:0;
	border:0;
}

body
{		
	font-family: Trebuchet MS, Verdana;
	font-size: 70%;
	background: #231F20;
	text-align: center;	
	line-height: 18px;
	color: #FFF;
}

.clear{
	clear:both;		
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Trebuchet MS, Verdana;
	font-size: 100%;
	color: #302C2D;
}

a 
{
	color: #FFF;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 904px;		
	padding-bottom: 15px;
	margin-top: 35px;
}

	#wrapper h1 
	{
		margin: 0px;
		padding: 0px;
	}
	
		#wrapper h1 a 
		{
			width: 237px;
			height: 35px;
			display: block;
			background: url(../Images/shellGraphics_03.gif) no-repeat top left;
		}
		
			#wrapper h1 a span 
			{
				display: none;
			}

	#wrapper #sitecontainer 
	{
		border: solid 15px #FFF;
		width: 874px;
		margin-top: 4px;	
		float:left;
	}
	
		/* Home Content */
		#wrapper #sitecontainer #homeleftpanel 
		{
			width: 428px;
			float: left;
			padding: 5px;
		}
		
		#wrapper #sitecontainer #homerightpanel 
		{
			width: 376px;
			float: left;
			height: 370px;			
			text-align: left;
			padding: 30px;
		}
		
			#wrapper #sitecontainer #homerightpanel .enterbutton 
			{				
				margin: 30px 0px 0px 147px;
				width: 85px;
				height: 25px;
				display: block;
				background: url(../Images/shellGraphics_07.gif) no-repeat;
			}	
			
				#wrapper #sitecontainer #homerightpanel .enterbutton span 
				{
					display: none;
				}	
				
			#wrapper #sitecontainer #homerightpanel .returnbutton 
			{				
				margin: 30px 0px 0px 84px;
				width: 208px;
				height: 25px;
				display: block;
				background: url(../Images/artWorkshopsReturn.gif) no-repeat;
			}	
			
				#wrapper #sitecontainer #homerightpanel .returnbutton span 
				{
					display: none;
				}	
				
		/* Standard Page Layout */
		#wrapper #sitecontainer #standardleftpanel 
		{
			width: 378px;
			float: left;			
			padding: 30px;
		}
		
			/* Client Area Photo */
			#wrapper #sitecontainer #standardleftpanel .clientphoto 
			{
				width: 116px;
				float: left;
				margin: 0px 10px 10px 0px;
				background: #7A7A7A;
			}
		
			#wrapper #sitecontainer #standardleftpanel h2 
			{
				margin: 0px;
				padding: 0px;
				font-size: 150%;
			}
			
			#wrapper #sitecontainer #standardleftpanel #photo 
			{
				width: 374px;
				float: left;
				height: 281px;
				line-height: 281px;						
				background: #000 url(../Images/LoadingImage.gif) no-repeat top left;				
				text-align: center;		
			}
			
				#wrapper #sitecontainer #standardleftpanel #photo img 
				{
					vertical-align: middle;														
				}
			
			#wrapper #sitecontainer #standardleftpanel #photolist 
			{
				width: 374px;
				float: left;
				height: 36px;
				line-height: 36px;				
				margin-top: 14px;							
			}
						
				#wrapper #sitecontainer #standardleftpanel #photolist #photolistback 
				{
					width: 14px;
					float: left;
				}	
				
				#wrapper #sitecontainer #standardleftpanel #photolist #photolistphotos 
				{
					width: 326px;
					float: left;									
					margin: 0px 10px 0px 10px;
					height: 36px;					
					text-align: center;		
					overflow: hidden;				
				}	
				
					#wrapper #sitecontainer #standardleftpanel #photolist #photolistphotos ul 
					{
						width: 3000px;
						margin: 0px;
						padding: 0px;
					}		
					
						#wrapper #sitecontainer #standardleftpanel #photolist #photolistphotos ul li 
						{
							display: inline;
							list-style-type: none;
							float: left;	
							margin-right: 10px;										
						}
				
				#wrapper #sitecontainer #standardleftpanel #photolist #photolistforward
				{
					width: 14px;
					float: left;
				}				
		
		#wrapper #sitecontainer #standardrightpanel 
		{
			width: 376px;
			float: left;
			text-align: right;
			padding: 30px;
		}	
		
			/* Portfolio Nav */
			#wrapper #sitecontainer #standardrightpanel #portfolionav 
			{				
				float: left;
				width: 376px;
			}
			
				#wrapper #sitecontainer #standardrightpanel #portfolionav ul 
				{
					margin: 0px 0px 0px 193px;
					padding: 0px;
				}
			
					#wrapper #sitecontainer #standardrightpanel #portfolionav ul li 
					{
						width: 183px;
						list-style-type: none;
					}
					
						#wrapper #sitecontainer #standardrightpanel #portfolionav ul li a 
						{
							display: block;
						}
												
							#wrapper #sitecontainer #standardrightpanel #portfolionav ul li.commercial a 
							{
								height: 35px;
								background: url(../Images/siteNavigation_03.gif) no-repeat top left;	
							}
							
							#wrapper #sitecontainer #standardrightpanel #portfolionav ul li.portrait a 
							{
								height: 35px;
								background: url(../Images/siteNavigation_05.gif) no-repeat top left;	
							}
							
							#wrapper #sitecontainer #standardrightpanel #portfolionav ul li.weddings a 
							{
								height: 34px;
								background: url(../Images/siteNavigation_06.gif) no-repeat top left;	
							}
							
							#wrapper #sitecontainer #standardrightpanel #portfolionav ul li.fineart a 
							{
								height: 31px;
								background: url(../Images/siteNavigation_08.gif) no-repeat top left;	
							}
							
							#wrapper #sitecontainer #standardrightpanel #portfolionav ul li.exhibitions a 
							{
								height: 31px;
								background: url(../Images/exhibitionsNav.gif) no-repeat top left;	
								margin-top: 2px;
							}
							
								#wrapper #sitecontainer #standardrightpanel #portfolionav ul li a:hover 
								{
									background-position: bottom left;
								}
								
								#wrapper #sitecontainer #standardrightpanel #portfolionav ul li a span 
								{
									display: none;
								}
							
			/* Main Nav */
			#wrapper #sitecontainer #standardrightpanel #mainnav 
			{		
				text-align: right;	
				margin-top: 70px;	
				float: left;	
				width: 376px;				
			}
				
				#wrapper #sitecontainer #standardrightpanel #mainnav ul 
				{ 
					margin: 0px 0px 0px 152px;
					padding: 0px;
				}
			
					#wrapper #sitecontainer #standardrightpanel #mainnav ul li 
					{
						width: 223px;
						list-style-type: none;
					}
					
						#wrapper #sitecontainer #standardrightpanel #mainnav ul li a 
						{
							display: block;
							width: 223px;
						}
						
							#wrapper #sitecontainer #standardrightpanel #mainnav ul li.artworkshops a 
							{
								height: 35px;
								background: url(../Images/artWorkshopsNav.gif) no-repeat top right;	
							}
												
							#wrapper #sitecontainer #standardrightpanel #mainnav ul li.biog a 
							{
								height: 35px;
								background: url(../Images/siteNavigation_10.gif) no-repeat top right;	
							}
							
							#wrapper #sitecontainer #standardrightpanel #mainnav ul li.rates a 
							{
								height: 31px;
								background: url(../Images/siteNavigation_11.gif) no-repeat top right;	
							}
							
							#wrapper #sitecontainer #standardrightpanel #mainnav ul li.clientarea a 
							{
								height: 31px;
								background: url(../Images/siteNavigation_12.gif) no-repeat top right;	
							}
							
								#wrapper #sitecontainer #standardrightpanel #mainnav ul li a:hover 
								{
									background-position: bottom right;
								}
								
								#wrapper #sitecontainer #standardrightpanel #mainnav ul li a span 
								{
									display: none;
								}
	
	#wrapper #sitefooter 
	{
		width: 904px;
		float: left;
		height: 35px;
		line-height: 35px;		
	}
	
		#wrapper #sitefooter #leftfooter 
		{
			margin: 0px;
			padding: 0px;
			width: 452px;
			float: left;
		}
		
			#wrapper #sitefooter #leftfooter li 
			{
				display: inline;
				list-style-type: none;	
				padding-right: 10px;
			}
			
				#wrapper #sitefooter #leftfooter li a 
				{
					color: #FFF;
				}
			
		#wrapper #sitefooter #rightfooter 
		{
			width: 452px;
			float: left;
			text-align: right;			
		}
		
			#wrapper #sitefooter #rightfooter a 
			{
				color: #FFF;	
			}