@charset "UTF-8";
/*
Name: Oleana Global CSS
URL: http://oleana.com
*/

/* IMPORT & RESET
-------------------------------------------------------------- */
@import url(typography.css);
@import url(contribute.css);
 
html, body, div, span, img, center, textarea{	
	background: 	transparent;
	border: 		0;
	margin: 		0;
	outline: 		0;
	padding: 		0;
	vertical-align:	baseline; }
 
:focus{ outline: 0; }
img{ border: none; }
 
.clr{ clear: both; }
.clrLft{ clear: left; }
.clrRgt{ clear: right; }
.fltLft, .alignleft{ float: left; }
.fltRgt, .alignright{ float: right; }
 
.accessibility, hr, .hidden{ display: none; }


/* LAYOUT
-------------------------------------------------------------- */

body{ 
	background:	#375475 url("../images/bg/global-bg.png") 100% 287px no-repeat; 
	height: 	100%; 
	margin: 	0 auto; 
	width: 		100%; }

.sprite, ul#nav li a, ul#sn-about li a{ 
	background-image:	url("../images/global-sprite.png"); 
	background-repeat:	no-repeat; 
	display: 			block; 
	text-indent: 		-9999px; }

.container{ background-color: #375475; margin: 40px auto; width: 960px; }

/*
*	#header
*
*/

	#header{ background: url("../images/bg/diamond-border.png") left bottom repeat-x; height: 20px; padding: 12px 10px; width: 940px; }

/*
*	#main
*
*/

	.diamond-wrap{ background: url("../images/bg/diamond-border.png") repeat; padding: 0 13px; width: 934px; }
	#main{ 
		background:	#f5eee4 url("../images/bg/main-bg.jpg") repeat-y; 
		border: 	2px solid #b69470;
		overflow: 	hidden; 
		width: 		930px; }

	.wideThin #lftWide{ padding: 22px 40px 0 40px; width: 480px; }	
	.wideThin #rgtThin{ width: 366px; }
	
	.thinWide #lftThin{ padding: 22px 0px 0 40px; width: 400px;  }
	.thinWide #rgtWide{ padding: 22px 10px 0 0px; width: 455px; }
	
	.contentHeader{ padding: 22px 40px 0; }
	
	.picLftThin{ float: left; padding: 22px 40px 0; width: 210px; }
	.picRgtWide{ float: right; padding: 22px 40px 0 0; width: 590px; }
	#gray{ background-color: #cccccc; height: 103px; width: 155px; }
	
	
/*------------------------------------
	MISCELLANEOUS & PAGE SPECIFIC
------------------------------------*/
	
	.goldBorder{ background: url("../images/bg/gold-border-right.png") right top repeat-y; }
	
	.cookbookCol{ height: 820px; }
	
	.picLftThin .teamImg{ border: 11px solid #FFFFFF; }
	
	.marketImg{ border: 3px solid #FFFFFF; }
	
	#menuAccordion{ margin-bottom: 20px; }
	
	
	/* COLUMN IMAGES */
		
		#aboutColImg{ background: url("../images/bg/column-images/about.jpg") no-repeat; height: 704px; width: 366px; }
		
		#eatAndDrinkColImg{ height: 483px; width: 366px; }
		#eatDrinkBtm{ background: url("../images/bg/column-images/dinner-bottom.jpg") no-repeat; height: 209px; width: 366px }
		
		#wineListColImg{ background: url("../images/bg/column-images/wine-list.jpg") no-repeat; height: 692px; width: 366px; }
		
		#dessertColImg{ background: url("../images/bg/column-images/dessert.jpg") no-repeat; height: 692px; width: 366px; }
		
		#privateDiningColImg{ background: url("../images/bg/column-images/private-dining.jpg") no-repeat; height: 704px; width: 366px; }
		
		/* COLUMN REPEATING BG */
			#aboutColRepeat{ background: url("../images/bg/column-images/blue-col-repeat.jpg") right top repeat-y; }
			#privateDiningColRepeat, #eatAndDrinkcolRepeat{ background: url("../images/bg/column-images/brown-col-repeat.jpg") right top repeat-y; }


	/* HOME */
		#announcement{ 
			background: url("../images/bg/announcement-bg.png") no-repeat; 
			height: 126px; 
			margin: 0 auto;  
			padding: 45px 20px 0; 
			top: 160px; 
			overflow: hidden; 
			position: relative; 
			width: 168px; }
		
		#home .wideThin #lftWide{ 
			height: 459px; 
			overflow: hidden; 
			padding-bottom: 0!important;
			position: relative; 
			width: 430px; }
			
		#homeRgt{ height: 481px; width: 420px; }
	
	
	/* WINE LIST */
		#wineLft{ padding: 0px 0 0 40px; width: 686px; }
	
	
	/* WHAT'S HAPENING */
		#happeningLft{
	padding: 22px 0 0 40px;
	width: 490px;
}
		#happeningRgt{ overflow: hidden; position: relative; width: 346px; }
	
		#topChefPromotion{ margin: 15px auto; width: 486px; }
		#topChefPromotionLft{ background: url("../images/top-chef-banner.jpg") no-repeat; border: 2px solid #FFFFFF; height: 192px; width: 230px; }
		#topChefPromotionRgt{ height: 250px; width: 235px; }
		
		#colAnnouncement{ 
			background: url("../images/bg/announcement-side-bg.png") no-repeat; 
			height: 210px; 
			left: 269px;
			margin: 0 auto 50px;  
			padding: 30px 60px 0; 
			overflow: hidden; 
			position: relative; 
			width: 200px; }		
	
	/* PHOTO GALLERY */
		#oleanaGallery{ height: 425px; margin: 0 80px 40px 0; position: relative; width: 640px;  }
	
		#oleanaGallery div.scrollableArea *{ float: left; margin: 0; padding: 0 5px; position: relative; }
		
		.scrollWrapper{ 
			background-color: #FFFFFF; 
			border: 20px solid #FFFFFF; 
			height: 326px; 
			overflow: hidden;
			position: relative;
	 		width: 595px; }
			
		.scrollableArea{ height: 326px; position: relative; width: auto; }	
		
		div.scrollingHotSpotLeft{
			cursor:  pointer;
			height: 100%;
			margin-top: 380px;
			min-width: 20px;
			position: absolute;
			z-index: 200;
			left: 0;
			width: 20px; }
		
		div.scrollingHotSpotLeftVisible{
			background: url("../images/gallery/arrow-left.png") no-repeat;
			float: right;				
			zoom: 1; }
		
		div.scrollingHotSpotRight{
			cursor:  pointer;
			height: 100%;
			margin-top: 380px;
			position: absolute;
			left: 97%;
			right: 0;
			width: 20px;
			z-index: 200; }
		
		div.scrollingHotSpotRightVisible{
			background: url("../images/gallery/arrow-right.png") no-repeat;
			zoom: 1; }
		
		div.scrollableArea{ height: 100%; position: relative; width: auto; }
		
		
	

/*
* #footer 
*
*/

	#footer{ background: url("../images/bg/diamond-border.png") repeat-x; padding: 24px 10px 1px; width: 940px; }
		
	#contact{ 
		font-size: 11px;
		color: #ffffff;
		height: 11px; 
		width: 500;
		text-align: right; }
	
	#copyright{ color: #a6afb9; font-size: 9px; height: 8px; width: 300px;  }
	#copyright a{ color: #a6afb9; }