/*==================================================================

						A TASTE OF PASO WINES
						
===================================================================*/

* { margin: 0; padding: 0; }

#wrapper { border: #dbb958 solid 1px; margin: 20px auto 0 auto; width: 933px; height: 462px; }

#body { width: 930px; background: url(images/bkgrd2.jpg) no-repeat left top; border: #FFFFFF solid 1px; height: 460px; position: relative; }

img, img a { border: none; }

/*-----------------------------------------------------------------
								Header
-------------------------------------------------------------------*/
#header { width: 180px; height: 460px; position: absolute; top: 0; left: 0; }

h1   { width: 180px; height: 219px; display: block; background: url(images/atopw_logo2.gif) no-repeat; }
h1 a { width: 180px; height: 219px; display: block; text-indent: -1000em; }

ul#nav { width: 180px; height: 230px; display: block; list-style-type: none; background: url(images/content_bkgrd.jpg) no-repeat 180px 219px; text-align: center; }
ul#nav li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
ul#nav li a { color: #7F0000; text-decoration: none; font-weight: bold; padding: 10px 0; display: block; width: 180px; }
ul#nav li a:hover { background: #FFFFFF;  color: #5B5440;}

/*-------------------------------------------------------------
					Main Image
---------------------------------------------------------------*/
#mainimage { width: 351px; height: 480px; background: url(images/main_image.jpg) no-repeat; position: absolute; left: 180px; top: -10px; }

/*-----------------------------------------------------------------
							Content
------------------------------------------------------------------*/
#content {
	width: 349px;
	height: 410px;
	padding: 25px;
	position: absolute;
	left: 532px; /*--This needs to stay at 532px so it is positioned correctly, cause you know how easy it is to move an absolutely positioned element in Dreamweaver, and then you're f***ed--*/
	top: 0px;
	background: url(images/bkgrd2.jpg) repeat left top;
	overflow: auto;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
#content a:link    { color: #7F0000; text-decoration: none; }
#content a:visited { color: #7F0000; text-decoration: none; }
#content a:hover   { color: #7F0000; text-decoration: underline; }
#content a:active  { color: #7F0000; text-decoration: underline; }
h2 { font-size: 18px; color: #5B5440; font-weight: bold; font-style: oblique; margin: 0 0 5px 0; }
h3 { font-size: 16px; color: #5B5440; font-style: oblique; margin: 0 0 5px 0; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #5B5440; }
p { font-size: 11px; margin: 0 0 10px 0; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }
img.hotel { border: #FFFFFF solid 1px; }

/*------------------------------------------------------------------
							Sponsors
--------------------------------------------------------------------*/

#sponsors {
	width: 930px;
	padding: 30px 0 50px 0;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px auto 0 auto;
	font-size: 12px;
	text-align: center;
	background: url(images/sponsored_by.gif) no-repeat center top;
}
#sponsors a:link    { color: #666666; text-decoration: none; }
#sponsors a:visited { color: #666666; text-decoration: none; }
#sponsors a:hover   { color: #000000; text-decoration: underline; }
#sponsors a:active  { color: #666666; text-decoration: underline; }

#sponsors a img { margin: 0 0 20px 10px; }
#sponsors p { color: #999999; }