/* CSS Document */



/*  ===================================================  
 	===================================================  
	Description: Cayuse Vineyards structure style sheet 
	Author: Sean Kabanuk
	Release date: 02/20/09
	Designer approved: Sean Kabanuk
	Date approved: 02/20/09
	Revision History:	Revised By		Revised On:
						Sean Kabanuk	3/2/09
						Sean Kabanuk	3/9/09
						Sean Kabanuk	8/3/10
						Sean Kabanuk	8/18/10
  	=================================================== 
  	===================================================  */




body {
	background: #fff;
	margin-top: 30px;
	}
	
#globalContainer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 20px 0px;
	}
	

/*  ===================================================  
  	DEFINES BRANDING
  	===================================================  */

	
	.cayuseLogo {
		float: left;
		width: 250px;
		margin: 18px 0px 0px 20px;
		}
	
	
/*  ===================================================  
  	DEFINES SPOTLIGHT NAV
  	===================================================  */


#spotlightNavRow {
	width: auto;
	margin-bottom: 25px;
	/* Defines links bellow page banner */
	}
		
/* defines ul for spotlightNavRow */

#spotlightNavRow ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font:  12px Verdana, Arial, Helvetica, sans-serif;
	} 
  
 #spotlightNavRow ul li {
 	margin: 0px;
 	padding: 0px 0px 5px 0px;
	} 
 
 #spotlightNavRow ul li a {
  	color: #f1b000;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	} 
 
  #spotlightNavRow ul a:hover {
  	color: #a4552c;
	text-decoration: underline;
	}
	
	
/*  ===================================================  
  	DEFINES PRIMARY NAV
  	===================================================  */

#primNavContainer {
	float: left;
	width: 650px;
	margin: 13px 0px 0px 0px;
	}
				
/* defines ul for primary nav row */

	#primNavRow {
		float: right;
		margin: 20px 20px 0px 0px;
		}

	#primNavRow li {
		display: block;
		float: left;
		height: 24px;
		margin: 1px 0px 0px 0px;
		padding: 0px 9px 0px 9px;
		position: relative;
		text-align: left;
		}
		
		* html #primNavRow li {
			padding-bottom: 0px;
			/* commented backslash hack v2 \*/
			padding-bottom: 0px;
			p\adding-bottom: 0px;
			/* end hack */
			}
		
	#primNavRow li a {
		color: #001263; /* controls the off-state text color on the subnav */
		display: block;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
		padding: 6px 5px 0px 5px; /* controls the width of the main nav item */
		text-decoration: none;
		line-height: 16px;
		}
		
		 #primNavRow a:hover {
			color: #f1b000;
			}

	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		background: #f1b000; /* controls background color for nav rollovers */
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 3px solid #000;
		border-top: 3px solid #000;
		left: 0;
		line-height: 19px;
		margin: 0px;
		padding: 0px;
		text-indent: 10px;
		top: 100%;
		width: 175px;
		}

	#primNavRow li ul.more {
		width:200px;
	}

	#primNavRow li ul li {
		border: none;
		clear: left;
		margin: 0px;
		padding: 0px;
		width: 175px; /* controls the width of the subnav item */
		}

		#primNavRow li ul li.more {
			width: 200px;
		}

	#primNavRow li li a {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		margin: 0px;
		padding: 4px 0px 4px 0px;
		width: 100%;
		color: #fff;
		}
		
		html>body #primNavRow li li a {
			width: auto;
			}

	#primNavRow li li a:hover {
		background: #793b1b;
		color: #e8d5cb; /* controls the over-state text color on the subnav */
		}
	
#primNavRow li:hover ul, li.over ul {
	display: block;
	}
	
/* defines styles for drop down nav*/
 	
.subNav {
	display: none;
	left: 0;
	position: absolute;
	top: 100%;
	}

.subNav li ul {
	left: auto;
	top: auto;
	}
	
.subNav li {
	display: block;
	border: 0;
	float: none;
	} 

	
/*  ===================================================  
  	DEFINES SECONDARY NAV
  	===================================================  */
	
	
#secNavContainer {
	width: auto;
	margin: 0px;
	padding: 0px;
	}
	
	#secNavContainer ul { 
		margin: 10px 5px 0px 20px;
		display: block;
		padding: 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #a4552c;
		line-height: 13px;
		list-style: none;
		}

	#secNavContainer li {
		padding-top: 7px;
		color: #9e8f56;
		padding: 5px 0px 5px 0px;
		}

	#secNavContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #a4552c;
		font-size: 100%;
		}

	#secNavContainer li a:hover {
		color: #a4552c;
		text-decoration: underline;
		} 
		
		
/*  ===================================================  
  	DEFINES PHOTO BANNER AREA
  	===================================================  */

#photoBannerContainer {
	clear: both;
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	}
	

/*  ===================================================  
  	DEFINES CONTENT STRUCTURE
  	===================================================  */

	
#mainContentContainer {
	clear: both;
	width: auto;
	background:#fff url(../images/3column_bckgrnd.gif) top left repeat-y;
	margin: 60px 20px 40px 20px;
	} /* defines maincontent container with column background image for single column layout */

#mainContentContainer.staffGallery {
	margin-top: 15px;
}

#mainContentContainerWide {
	clear: both;
	width: auto;
	background:#fff url(../images/2column_bckgrnd.gif) top left repeat-y;
	margin: 60px 20px 40px 20px;
	} /* defines maincontent container with column background image for one and two column layouts */

#altMainContentContainerWide {
	clear: both;
	width: auto;
	background:#fff;
	margin: 60px 20px 40px 20px;
	} /* defines maincontent container with column background image for one and two column layouts */
		
#columnOne {
	float: left;
	width: 235px;
	}
	
#columnOneWide {
	float: left;
	width: 825px; /* for single column layouts */
	}

#columnTwo {
	float: left;
	width: 440px;
	}
	
#columnTwoWide {
	float: left;
	width: 600px; /* for two column layouts */
	}

#columnThree {
	float: left;
	width: 235px;
	}

#altColumnOneWide, #altColumnTwoWide { float: left; width: 50%;}
	
/*  ===================================================  
  	DEFINES FOOTER
  	===================================================  */

	
#footer {
	clear: both; /* Fixes browser bug where parent divs won't stretch height to contain all child divs */
	width: 675px;
	margin-left: 250px;
	}
	
#copyrightcontainer {
	float: left;
	}
	
#legalcontainer {
	float: right;
	}
	
#copyrightDate {
	float: left;
	}
	
#footerHolder {
	clear: both;
	height: 1px;
	} /* Fixes browser bug where parent divs won't stretch height to contain all child divs */
	
	* html #footerHolder {
		/* commented backslash hack v2 \*/
 		display: none;
  		d\isplay: none;
  		/* end hack */
		}


		

/*  ===================================================  
  	DEFINES MISCELLANEOUS ELEMENTS
  	===================================================  */

			
	
#clearFloat {
	clear: both;
	width: auto;
	} /* Fixes browser bug where parent divs won't stretch height to contain all child divs */
	
		
.imageRight {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #666666;
	}
	
.imageLeft {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #666666;
	}
	
.contentTable {
	border: 0px solid #000;
	margin: 25px 15px 10px 15px;
	}
	
	.tableRowTopLeft {
		background: #ca9403;
		padding: 5px;
		border-bottom: 0px solid #000;
		}
		
	.tableRowTopRight {
		background: #f1b000;
		padding: 5px;
		border-bottom: 0px solid #000;
		}
		
	.tableRowBottom {
		background: #f1b000;
		padding: 5px;
		}
		
	.tableRowLeft {
	padding: 5px;
		}
		
	.tableRowRight {
	padding: 5px;
		}
				
	.tableRowAlternatingLeft {
		background: #ca9403;
		padding: 5px;
		}
		
	.tableRowAlternatingRight {
		background: #f1b000;
		padding: 5px;
		}
		
	.contactForm {
		margin-top: 20px;
		}
		
	.formField {
		border: 1px solid #000;
		margin: 5px 15px 15px 20px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #000;
		}
		
	.formComments {
		border: 1px solid #000;
		margin: 0px 15px 0px 5px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #000;
		}
				
	.formButton {
		border: 1px solid #000;
		margin: 5px 15px 15px 5px;
		}


/*.signUpButton, .contactButton {
  display: block;
  background-color: #888;
  width: 65px;
  -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

a.signUpButton, a.contactButton {
  text-decoration: none;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  padding: 2px 11px 5px 14px;
  margin: 0 0 50px 15px;
}

a.contactButton { 
  width: 90px;
}

a.signUpButton:hover, a.contactButton:hover {
  background-color: #333;
  text-decoration: none;
  font-size: 16px;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}*/