/* CSS Document - Alexander Valley Cellars */
/* ---- =Reset all styles ---------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input,  blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
fieldset, img {
	border: 0;
}



/* ---- Set new basic styles --------------------------------------------------------- */

body {
	overflow: -moz-scrollbars-vertical !important;
	background:#0d0d0d url(../images/bg.jpg) repeat-x center top;
	padding-top:30px;
	
}
body, p, td, th, li, h1, h2, h3, h4, h5, h6  {
	font:normal 12px Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;
}
a {
	color:#630521;
}

h1 {

}
h2 {

}
h3 {

}
h1.access, h3.access, p.access {
	position:absolute;
	text-indent:-9999px;
}
p {
	margin-top:0px;
}
.float-left {
	float:left;
	margin:0 15px 10px 0;
	clear:right;
}
.float-right {
	float:left;
	margin:0 0 10px 15px;
	clear:left;
}
/* ---- Structure --------------------------------------------------------- */
#outer-container {
	position:relative;
	margin:0px auto;
	width:1000px;
}
#header {
	position:relative;
	display:block;
	width:1000px;
	height:100px;
	background:url(../images/header_bg.gif) no-repeat center center;
}
#header h1 {
	text-indent:-9999px;
	width:450px;
	height:90px;
}
#slideshow-container {
	display:block;
	position:absolute;
	width:1000px;
	height:210px;
	top:126px;
	left:50%;
	margin-left:-500px;
	z-index:0;
}
#content-container {
	position:relative;
	width:968px;
	top:236px;
	padding:15px;
	border:1px solid #FFFFFF;
	border-top:0;
	background-color: #dfdfdf;	
}
#main-column-container {
	width:667px;
	display:block;	
	float:left;	
	min-height: 300px;
	height: auto;
	background: url(../images/main_col_bggradient.jpg) repeat-y left top;
}

#side-column-container {
	position:relative;
	width:290px;
	display:block;	
	float:right;
}

#footer-container {
	position:relative;
	display:block;
	height:100px;
	color:#ffffff;
	text-align:right;
	margin:250px auto;
}

/* ---- =AMS Button --------------------------------------------------------- */

p#ams-button {
	float:right;
	display:inline;			/* <3 IE! */
	width:135px;
	height:34px;
	background:url(../images/ams_button_off.gif) no-repeat center center;
	margin-right:15px;
	margin-top:25px;
	text-indent:-9999px;
}
p#ams-button a {
	display:block;
	width:135px;
	height:34px;
	background:url(../images/ams_button_out.gif) no-repeat center center;
}
p#ams-button a:hover{
	background:url(../images/ams_button_over.gif) no-repeat center center;
}
p#ams-button a:active, p#ams-button a:focus {
	outline:0;
}

/* ---- =Slide Show --------------------------------------------------------- */
/* ---- photos for slideshow listed in /js/slideshow.js file ----*/

#slideshow-main {
	position:relative;
	display:block;
	width:755px;
	height:210px;
	float:right;
}

#slideshow-side {
	position:relative;
	width:245px;
	display:block;	
	float:left;
}
#slideshow-side h2 {
	text-indent:-9999px;
	height:210px;
	background:url(../images/slideshow_side.jpg) no-repeat center center;
}

/* ---- =Main Column --------------------------------------------------------- */

#main-column {
	background: url(../images/main_col_bgbottles.jpg) no-repeat left top;
	padding:40px;
}
#main-column h1 {
   	/* individual title background graphics set on pages.css*/
	width:367px;
	height:21px;
	display:block;
	margin-bottom:25px;
	text-indent:-9999px;
}
#main-column h2 {
	font:bold 15px Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
}
#main-column h3 {
	font: bold 11px/1.5em Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	text-transform: uppercase;
}
#main-column ul {
	margin-left:1.5em;
}
#main-column ul li {
	list-style-position: outside;
	list-style-type: disc;
}
#main-column-footer {
	background: url(../images/main_col_bgfooter.jpg) no-repeat left bottom;
	display:block;
	height:7px;
}
/* ---- =Side Column --------------------------------------------------------- */

/* ---- =Icons ---------------------------------- */

div#icons-container {
	position:relative;
	height:100px;
}
ul#iconlist {
	list-style:none;
}
ul#iconlist li {
	position:absolute;
	text-indent:-9999px;
	width:92px;
	height:93px;
	top:0;
}
ul#iconlist li a {
	display:block;
	width:92px;
	height:93px;
	border:0;
}

/* ---- =1 ---- */

li#icon1 {			left:0px;
					background:url(../images/icon1_off.gif) no-repeat center center;}
li#icon1 a { 		background:url(../images/icon1_off.gif) no-repeat center center;}
li#icon1 a:hover {	background:url(../images/icon1_over.gif) no-repeat center center;}

/* ---- =2 ---- */

li#icon2 {			left:98px;
					background:url(../images/icon2_off.gif) no-repeat center center;}
li#icon2 a { 		background:url(../images/icon2_off.gif) no-repeat center center;}
li#icon2 a:hover {	background:url(../images/icon2_over.gif) no-repeat center center;}

/* ---- =3 ---- */

li#icon3 {			left:196px;
					background:url(../images/icon3_off.gif) no-repeat center center;}
li#icon3 a { 		background:url(../images/icon3_off.gif) no-repeat center center;}
li#icon3 a:hover {	background:url(../images/icon3_over.gif) no-repeat center center;}

/* ---- =Hilite ---------------------------------- */
	
#hilite-container {
	position:relative;
	display:block;
	width:290px;
}	
div.hilitetop {
	height:10px;
	background:url(../images/hilite_top.gif) no-repeat;
	background-position: center bottom ;
}
div.hilitebottom {
	clear:both;
	height:10px;
	background:url(../images/hilite_bottom.gif) no-repeat;
	background-position: center top ;
}
div.hilitecontent {
	padding-top:10px !important;
	padding-bottom:10px !important;
	border-left:1px solid #c7c7c7 !important;
	border-right:1px solid #c7c7c7 !important;
	background-color:#FFFFFF !important;
}
div.hilitecontent h3 {
	/*
	This h3 has some basic, default stylings applied so that you can use regular text here, but this is 
	usually (should be!) replaced on a per-page basis that uses custom graphics and negative text-indents.
	Also, hmmm, for some reason couldn't get IE 6 to respect "margin" for proper positioning of background-image?
	so we instead make the whole thing relatively positioned and use "left" to get our indent!
	margin:0px 15px 0px 15px;
	*/
	margin:0;
	padding:0;
	position: relative;
	left:15px;
	width:223px;
	height:16px;			
	text-indent:-9999px;
	background: url(../images/hilite_title.gif) no-repeat left top;
		
}
div.hilitecontent p, div.hilitecontent ul {
	margin-top:15px !important;
	margin-left:15px !important;
	margin-right:15px !important;
}
div.hilitecontent a {
	color:#000000;
	text-decoration:none;
	background: url(../images/arrow.gif) no-repeat right center;
	padding-right:15px;
	font-weight:bold;
}
div.hilitecontent a:hover {
	color:#630521;
}
/* ---- =Footer --------------------------------------------------------- */
#footer-container li {
	list-style-type: none;
	margin-left: 10px;
	padding: 0;	
	display:inline;
	color:#787878;
	font-size:10px;
}
#footer-container li a {
	color:#787878;
	text-decoration:none;
}
#footer-container li a:hover {
	color:#bcbcbc;
}