/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin:0px; padding:0px; list-style:none;}
img									{border:none;}
a:link, a:visited					{color:#000; text-decoration:none; cursor:pointer;}
a:hover, a:active					{color:#000; text-decoration:none; cursor:pointer;}

/* Set html & body 
--------------------------------------------------*/
html								{width:100%; margin:0px; padding:0px;}
body								{position:relative; width:100%; margin:0 auto; font-family:Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#312c00; background:#fceeab url(../images/bkg_pattern.jpg) repeat; z-index:1;}
#Wrapper							{position:relative; width:1000px; margin:0 auto; z-index:2;}

/* BRANDING & NAVIGATION
---------------------------------------------------*/
#Branding 							{position:relative; width:1000px; height:172px; margin:0 auto; background:url(../images/bkg_masthead.png) 0px 0px no-repeat;}
#Branding h2						{position:absolute; left:-9997px;}
#Logo								{position:relative; padding:22px 0px 0px 50px;}

/* Main Navigation*/
#Nav								{position:relative; height:20px; margin:30px 0px 0px 40px;}
#Nav h2								{position:absolute; left:-8999px;}

#Nav ul								{list-style:none;}
#Nav ul li							{float:left; padding:0px 15px; border-right:dotted 2px #ccbc5d;}
#Nav ul li#nav_contact				{border-right:none;}
#Nav ul li a						{display:block;}
*html #Nav ul li a:hover 			{visibility:visible;}
#Nav ul li a:hover img				{visibility:hidden;}

#nav_about							{background:url(../images/nav_about_o.gif) 15px 0px no-repeat;}
#nav_winery							{background:url(../images/nav_winery_o.gif) 15px 0px no-repeat;}
#nav_accommodations					{background:url(../images/nav_accommodations_o.gif) 15px 0px no-repeat;}
#nav_gallery						{background:url(../images/nav_gallery_o.gif) 15px 0px no-repeat;}
#nav_eventplanning					{background:url(../images/nav_eventplanning_o.gif) 15px 0px no-repeat;}
#nav_weddingregistry				{background:url(../images/nav_weddingregistry_o.gif) 15px 0px no-repeat;}
#nav_links							{background:url(../images/nav_links_o.gif) 15px 0px no-repeat;}
#nav_blog							{background:url(../images/nav_blog_o.gif) 15px 0px no-repeat;}
#nav_contact						{background:url(../images/nav_contact_o.gif) 15px 0px no-repeat;}

#pg_about #nav_about img,			
#pg_winery #nav_winery img,
#pg_accommodations #nav_accommodations img,	
#pg_gallery #nav_gallery img,
#pg_eventplanning #nav_eventplanning img,
#pg_weddingregistry #nav_weddingregistry img,
#pg_links #nav_links img,
#pg_blog #nav_blog img,				
#pg_contact #nav_contact img		{visibility:hidden;}

/* TEXT FORMATTING
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6				{margin-bottom:8px; padding:0px 10px;}

h1									{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#4d4602; font-weight:normal;}
h2									{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#4d4602; font-weight:normal;}
h3									{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:uppercase; color:#7f2d0a; font-weight:normal; letter-spacing:1px;}
h4									{font-family:Georgia, "Times New Roman", Times, serif;  font-size:15px; font-weight:normal; color:#754100;}
h5									{font-family:Georgia, "Times New Roman", Times, serif;  font-size:14px; font-weight:normal; color:#d78703;}
h6									{font-family:Georgia, "Times New Roman", Times, serif;  font-size:13px; font-weight:normal; color:#713a01;}
p									{font-weight:normal; line-height:20px; margin-bottom:8px;}
blockquote							{margin:0px 18px 8px 18px; font-weight:normal; line-height:20px;}
.quoteleft							{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#837100; font-weight:normal; margin-left:-20px;}
.green								{font-size:14px; color:#695f00;}
.quoteauthor						{font-size:10px; color:#c3b147; text-transform:uppercase;}

/* GLOBAL FORMATTING
---------------------------------------------------*/
#ContentWrapper						{position:relative; min-height:460px; z-index:4; overflow:auto;}
#pg_home #ContentWrapper			{height:470px;}

#Content							{position:relative; float:left; width:702px;}
#Content h1#hidden					{position:absolute; left:-9995px;}
#Content a:link, #Content a:visited	{font-weight:bold; color:#938324; text-decoration:none;}
#Content a:hover, #Content a:active	{font-weight:bold; color:#ccb40b; text-decoration:none;}					
#Text								{padding:0px 20px 20px 20px;}
#Text p								{padding:0px 10px;}

.dottedline							{border-top:2px dotted #ccbc5d; height:2px; margin:15px 0px;}
.address							{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#4d4602; font-weight:bold; line-height:20px;}
.firstline							{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#837100; font-weight:normal;}
.SmallCapGreen						{font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-transform:uppercase; color:#837100; font-weight:bold; letter-spacing:1px;}
.MaroonAllCap						{color:#7f2d0a; font-size:10px; text-transform:uppercase;}
.lightgreenAllCap					{color:#938324; font-size:10px; text-transform:uppercase;}
.PhoneNo							{padding:0px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;}

#TwoColumn li						{width:280px; float:left; margin:20px; }
#ThreeColumn li						{width:218px; float:left; border-right:1px dotted #ccbc5d; height:520px;}
#ThreeColumn h2						{margin:180px 20px 0px 20px; color:#938324; text-transform:uppercase; font-weight:bold; font-size:13px; margin-bottom:6px; letter-spacing:1px;}
#GreatLawn							{background:url(../images/img_lawn.png) top left no-repeat;}
#GreatLawn p, #BridalSuite p, #TastingRoom p	{margin:0px 20px;}
#GreatLawn h2						{color:#938324;}
#BridalSuite						{background:url(../images/img_bridalsuite.png) 12px 0px no-repeat;}
#BridalSuite h2						{color:#312c00; margin-top:235px;}
#TastingRoom						{/*background:url(../images/img_tastingroom.png)*/ 5px 0px no-repeat;}
#TastingRoom h2						{color:#701500;}
#ThreeColumn li#TastingRoom			{border-right:none;}
#TastingRoom #Button				{margin:20px 0px 0px 20px;}
#Button								{background:url(../images/btn_viewphotogallery_o.gif) 0 0 no-repeat;}
#Button a							{display:block;}
#Button a:hover img					{visibility:hidden;}
*html #Button a:hover				{visibility:visible;}

#Gallery							{position:relative; width:665px; height:485px; padding:32px 0px 0px 37px; background:url(../images/bkg_oakfarmgallery.gif) 0px 0px no-repeat; z-index:5;}

#Main								{width:450px; float:left; margin-right:20px; border-right:1px dotted #ccbc5d;}
#Sidebar							{width:190px; float:left;}
#Sidebar h1, #Sidebar h2, #Sidebar h3, #Sidebar h4, #Sidebar h5, #Sidebar h6 {padding:0px;}
#Sidebar p							{padding:0px;}
#Sidebar h3							{font-family:Helvetica, sans-serif; color:#938324; font-size:11px; text-transform:uppercase; line-height:18px;}
#Sidebar h4							{font-family:Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#7f2d0a; font-weight:normal; letter-spacing:1px; margin:15px 0px 5px 0px;}

/* PAGE SPECIFIC FORMATTING
---------------------------------------------------*/
#pg_links h3						{border-bottom:1px solid #ccbc5d; padding-bottom:5px;}
#pg_links h4						{margin-bottom:0px;}
#pg_links p							{margin-bottom:12px;}
#pg_eventplanning h3				{margin:15px 0px 5px 0px;}
#pg_contact h3						{margin:15px 0px 5px 0px;}

/* HOME PG & SIDEBAR (SIDE NAV) FORMATTING
---------------------------------------------------*/
#HomeGallery						{position:relative; width:690px; height:423px; margin-left:34px; padding:28px 0px 0px 34px; background:url(../images/bkg_hmphotogallery.gif) 0px 0px no-repeat; z-index:5;}
#SidebarHm							{position:absolute; top:0px; left:748px; width:225px; height:450px; z-index:6;}
#SidebarHm ul li					{float:left;}
#SidebarHm ul li a					{display:block;}
*html #SidebarHm ul li a:hover		{visibility:visible;}
#SidebarHm ul li a:hover img		{visibility:hidden;}

#sidebarhm_wedding					{background:url(../images/img_planyourwedding_o.gif) 0px 0px no-repeat;}
#sidebarhm_event					{background:url(../images/img_planyourevent_o.gif) 0px 0px no-repeat;}
#sidebarhm_accommodations			{background:url(../images/img_accommodations_o.gif) 0px 0px no-repeat;}

#SidebarSm							{position:relative; float:left; width:202px; height:550px; margin-left:50px;}
#SidebarSm ul li					{float:left;}
#SidebarSm ul li a					{display:block;}
*html #SidebarSm ul li a:hover		{visibility:visible;}
#SidebarSm ul li a:hover img		{visibility:hidden;}

#sidebarsm_wedding					{background:url(../images/btn_planyourwedding_sm_o.gif) 0px 0px no-repeat;}
#sidebarsm_event					{background:url(../images/btn_planyourevent_sm_o.gif) 0px 0px no-repeat;}
#sidebarsm_accommodations			{background:url(../images/btn_accommodations_sm_o.gif) 0px 0px no-repeat;}
#sidebarsm_address					{text-align:center; background:url(../images/img_swirl.gif) 0px 0px no-repeat; width:202px; height:87px; border:none; padding-top:90px; margin:0px;}

/* Global Classes */
.clear								{clear:both; width:1px; height:1px;}
.left								{float:left;}
.right								{float:right;}

/* HOME PG FOOTER
---------------------------------------------------*/
#Footer								{text-align:center; height:80px;}
#Footer cite						{font-style:normal; font-size:10px; color:#938324; margin-bottom:10px;}
#Footer cite a:link, #Footer cite a:visited {color:#938324;}
#Footer cite a:hover, #Footer cite a:active {color:#ccb40b;}
#Footer .address					{border-right:dotted 2px #ccbc5d; padding-right:8px; margin-right:8px;}
#Footer .copyright					{border-left:dotted 1px #ccbc5d; padding-left:8px; margin-left:8px;}
.linedivider						{padding:10px 0px;}