/* --------------------- Santa-Barbara-Wineries.com Index Styles --------------------- */

/* -- Left Column -- */
.left-column {	
	width:577px; margin:0; padding:0; float:left; }

	#flashcontent {
		background:url(../images/placeholder.jpg) no-repeat; /* placeholder */
		width:577px; height:290px; padding:0; margin:0; position:relative; z-index:99;
		top:0; }
					
	#vine-to-wine {	
		width:562px; margin:0; padding:0; position:relative; 
		background:url(../images/vine-to-wine.png) no-repeat;
		height:89px; left:15px; top:9px; }

	#winery-tours {
		position:absolute; width:111px;
		margin:0; padding:0; height:75px;
		left: 465px; top:451px; z-index:3; 
		background:url(../images/winery-tours.png) no-repeat; }

	#winery-tours a {
		display:block; height:75px; width:111px; }

	#winery-tours a:hover {
		background:url(../images/winery-tours.png) -111px 0 no-repeat; }

#about-wineries {
	margin:20px 0 0 0; padding:0 0 15px 0; float:left; width:294px;
	background:url(../images/dotted.gif) no-repeat;
	 background-position:292px 10px; position:relative; }

	 #about-wineries a { font-size:12px; }

	 #about-wineries h3 	{
	 	position:absolute; top:10px;
		left:26px; width:218px; height:14px;
		background:url(../images/h3-about.gif) no-repeat; }

	 #about-wineries p {
	 	margin:0; padding:0; position:relative;
		top:29px; left:26px; font-size:12px; width:256px; }

#limo {
	margin:20px 0 0 0; padding:0;
	float:left; width:261px;
	position:relative; }

	#limo h3	{
		width:149px; height:16px;
		position:absolute; top:11px;
		left:22px; 
		background:url(../images/h3-limo.gif) no-repeat; }

	#limo p {
		margin:0; padding:0; position:relative;
		top:29px; left:21px; font-size:12px;
		width:256px; }

/* -- Right Column -- */
.right-column {
	width:341px; margin:0; padding:0;
	float:left;	position:relative; }

	#types-of-wine {	
		background:url(../images/bg-types.jpg) no-repeat;
		margin:0; padding:0; width:331px; height:208px;
		position:relative; }
						
		#types-of-wine p {
			position:absolute; top:68px; left:17px;
			margin:0; padding:0; font-weight:bold;
			width:245px; }
						
		#red-btn {
			position:absolute; top:22px; left:267px;
			margin:0; padding:0;  width:52px; height:52px;
			background:url(../images/reds-btn.gif) no-repeat; }

		#red-btn a {
			display:block; height:52px; width:52px; }

		#red-btn a:hover {
			background:url(../images/reds-btn.gif) -52px 0 no-repeat;
			display:block; height:52px; width:52px; }

		#white-btn {
			position:absolute; top:82px; left:267px;
			margin:0; padding:0; width:52px; height:52px; 
			background:url(../images/whites-btn.gif) no-repeat; }
									
		#white-btn a { 
			display:block; height:52px; width:52px; }
									
		#white-btn a:hover { 
			background:url(../images/whites-btn.gif) -52px 0 no-repeat;
			display:block; height:52px; width:52px; }
							
		#other-btn {
			position:absolute; top:142px; left:267px;
			margin:0; padding:0; width:52px; height:53px;
			background:url(../images/others-btn.gif) no-repeat; }
									
		#other-btn a {
			display:block; height:53px; width:52px; }

		#other-btn a:hover {
			background:url(../images/others-btn.gif) -52px 0 no-repeat;
			display:block; height:53px; width:52px; }

/* Main Content */
#main-content {
	background:url(../images/bg-main.png) no-repeat;
	width:880px; height:227px; margin:0; padding:47px 0 0 13px;
	position:relative; top:14px; left:13px; }

	#main-content p {
		width:535px; padding:3px 0 3px 0; margin:0; }

	p#tasting {
		margin:0; padding:0; position:absolute;
		top:37px; width:200px; left:581px; font-size:12px; }

	#tasting-btn {
		margin:0; padding:0; position:absolute;
		top:13px; left:797px; width:79px; height:78px;
		background:url(../images/tastings-btn.png) no-repeat;}

		#tasting-btn a {
			width:79px; height:78px; display:block; }

		#tasting-btn a:hover {
			background:url(../images/tastings-btn.png) -79px 0 no-repeat; }

		p#reviews {
			margin:0; padding:0; position:absolute;
			top:127px; width:200px; left:581px; font-size:12px; }

		#reviews-btn {
			margin:0; padding:0; position:absolute;
			top:103px; left:797px; height:78px; width:79px; 
			background:url(../images/corkd-btn.png) no-repeat; }

		#reviews-btn a {
			width:79px; height:78px; display:block; }

		#reviews-btn a:hover {
			background:url(../images/corkd-btn.png) -79px 0 no-repeat; }

		p#specials {
			margin:0; padding:0; position:absolute;
			top:215px; width:200px; left:581px; font-size:12px; }

		#specials-btn {
			margin:0; padding:0; position:absolute;
			top:192px; left:797px; width:79px; height:78px; 
			background:url(../images/coupons-btn.png) no-repeat; }

		#specials-btn a { 
			width:79px; height:78px; display:block; }

		#specials-btn a:hover {
			background:url(../images/coupons-btn.png) -79px 0 no-repeat; }
					
	#main-content h1 {
		width:284px; height:16px; position:absolute; top:24px; left:14px; 
		background:url(../images/welcome-wineries.png) no-repeat; }

	h2#h2-tasting	{ 
		position:absolute; top:23px; left:581px; width:117px; height:14px;
		background:url(../images/h2-tasting-prices.png) no-repeat; }

	h2#h2-specials	{
		position:absolute; top:202px; left:581px; width:130px; height:14px;
		background:url(../images/h2-specials.png) no-repeat; }

	h2#h2-corkd	{
		position:absolute; top:114px; left:581px; width:157px; height:11px;
		background:url(../images/h2-corkd.png) no-repeat;}

/* -- Navigation --*/

#nav {
	background:url(../images/nav.gif) no-repeat;
	height:40px; width:908px; margin:0;	padding:0;
	position:relative; z-index:3;}

#nav span { text-indent:-9999px; display:block; }

#nav li, #nav a { display:block; height:40px; margin:0; outline:none; }

#nav li { float:left; list-style:none; padding:0; outline:none; }

#nav-1 { width: 98px; margin-left:10px; padding:0;}
#nav-2 { width: 101px; }
#nav-3 { width: 136px; }
#nav-4 { width: 156px; }
#nav-5 { width: 137px; }
#nav-6 { width: 110px; left:170px; position:relative;}

#nav-1 a:hover { background:url(../images/nav.gif)    -0px -40px no-repeat; }
#nav-2 a:hover { background:url(../images/nav.gif)   -98px -40px no-repeat; }
#nav-3 a:hover { background:url(../images/nav.gif) -199px -40px no-repeat; }
#nav-4 a:hover { background:url(../images/nav.gif) -335px -40px no-repeat; }
#nav-5 a:hover { background:url(../images/nav.gif) -491px -40px no-repeat; }
#nav-6 a:hover { background:url(../images/nav.gif) -798px -40px no-repeat; }