/* MtroadWines  CSS v1 -

/* -- =========================================================================== --
	Core File
	Created: 9.10.09
	Updated: 3.19.10
	By: Chris - WardCreations.com - wardcreations -> gmail.com

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


/* CSS Reset
   --------------------------------------------- */
	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,img,ins,kbd,q,s,samp,small,strike,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
	/* Yahoo YUI reset */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* --------------------------------------------- */
	.off {display:none;}
	.invisible {visibility:hidden;}
	.heading {font-size:16px; font-weight:bold;}
	
/* Base */
	h1{font-size:138.5%;}
	h2{font-size:123.1%;}
	h3{font-size:108%;}
	h4{font-size:100%;}
	h5{font-size:90%;}
	h6{font-size:80%;}		
	h1,h2,h3{margin:1em 0;}
	h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
	abbr,acronym{border-bottom:1px dotted #000; cursor:help;}em{font-style:italic;}
	blockquote,ul,ol,dl{margin:1em;}
	ol,ul,dl{margin-left:2em;}
	ol li{list-style:decimal outside;}
	ul li{list-style:disc outside;}
	dl dd{margin-left:1em;}
	th,td{border:1px solid #000;padding:.5em;}
	th{font-weight:bold;text-align:center;}
	caption{margin-bottom:.5em;text-align:center;}
	p,fieldset,table,pre{margin-bottom:1em;}
	input[type=text],input[type=password],
	textarea{width:12.25em;*width:11.9em;}

/* Default Fonts */
	body,p,span,a,label,input{font:12px/1.231 verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
	select,input,button,textarea{font:85% arial,helvetica,clean,sans-serif;}
	table{font-size:inherit;font:85%;}
	pre,code,kbd,samp,tt{font-family:monospace;*font-size:85%;line-height:85%;}
/* --------------------------------------------- */

/* Main Layout --------------------------------------------- */
	html,body {
		background:url('../images/wood_seamless_test2.jpg') repeat;
		/* Wooden background image */
	}
	#container {
		position: relative;
		margin: 0 auto;
		width: 1000px;
		top: 0px;
		background-color: #FFF;	/* background-image: url(../images/guide_subpage.jpg); */
	}
	#trees {	
		/* Main background with vineyard pic */
		background:url('../images/trees.png') no-repeat; 
		width:765px; height:341px;
		position:absolute;
		top:15px;
		left: 133px;
		padding-top:341px;
		-moz-border-radius:15px;/* Rounded corner for Mozilla */
		-webkit-border-radius:15px; /* All other css3 compliant browsers */		
	}
	#block_slogan {
		/* Bottom background with Wine rack */
		background:url('../images/btm_sprite.png') no-repeat 0 0;
		width:765px;
		height:106px;
		position:relative;
		top:0;
		left:0;
	}	
	#welcome {
		background:url('../images/btm_sprite.png') no-repeat 0 -110px;
		width:765px;
		height:194px;
		position:relative;
		padding:0; margin:0; border:none;
	}	
	div[id='bottlecap'] {
		/* Bottlecap invisible in IE6 due to PNG issue */
		background:url('../images/bottlecap.png') no-repeat; 
		z-index:5;
		width:72px;
		height:86px;
		position:absolute;
		bottom:0;
		left:0;
	}		
	.content {
		background:url('../images/content_bg.png') repeat; 	
		width:765px; height:auto;
		position:relative;
		height:220px;	
		clear:both;
		z-index:0;
	}
	div[class='content'] {
		min-height:225px;
		height:auto;
	}		
	.whiteBG {
		/* Content background */
		position:absolute;
		top:-10px;
		left:-4px;	
		background:white;
		-moz-border-radius:8px;/* Rounded corner for Mozilla */
		-webkit-border-radius:8px; /* All other css3 compliant browsers */
		width:97%;
		height:95%;			
		margin:15px;
		border:1px inset black;
		text-indent:15px;
	}	
	#footer {
		background:url('../images/footer.png') no-repeat;
		width:765px;
		height:21px;
		position:relative;
		bottom:0;
		left:0;
		-moz-border-radius-bottomright:8px;/* Rounded corner for Mozilla */
		-moz-border-radius-bottomleft:8px;	/* Rounded corner for Mozilla */
		-webkit-border-bottom-left-radius:8px; /* All other css3 compliant browsers */			
		-webkit-border-bottom-right-radius:8px; /* All other css3 compliant browsers */		
	}	

/* Nav Menu  --------------------------------------------- */
	#menubar {
		background:#350e00 url('../images/menuBar.png') no-repeat;
		position: relative;
		top:0;
		left:0;
		height: 74px;
		width: 765px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #f58c65;
		border-bottom-color: #f58c65;
		z-index: 10;
	}
	.menuitem {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: 25px;
		float: left;
		text-transform: uppercase;
		padding-right:68px;
		padding-top:19px;	
	}
	#menu1 {float:left;}
	div[id='menu1'] { padding-left:60px;}
	#menu2 {margin:2px 0 0 10px;}	
	#menu3 {margin:-10px 0 0 -25px;}	
	#menu4 {margin:-14px 0 0 -50px;}
	#menu5 {padding:22px 0 0 0; margin:-10px 0 0 -40px;}
	
	.menuitem a {
		background:#390f00;
		color: #da983c;
		text-decoration: none;
	}
	.menuitem a:hover {
		color: #dfc44d;
		text-decoration: none;
	}
	.menuitem a img {border:0;}
	
	.divider {
		float: left;
		width: 3px;
		height: 18px;
		margin-top: 3px;
		background:#dd612f;
	}
	.menuleftpad {
		float: left;
		width: 63px;
	}
	#maincontent {
		position: absolute;
		width: 1000px;
		left: 0px;
		top: 258px;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
	}
	.submenu a { 
		font-size:17px; 
		line-height:1.3em;		
		font-weight:normal; 
		font-style:oblique;
		text-transform:lowercase;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	}
	/* Menu change on mouse-over - in css 3 browsers */
	div[class='submenu'] a:hover:before {content:"[ "; color:#99CC00; font-size:10px; font-weight:bold;}
	div[class='submenu'] a:hover:after {content:" ]"; color:#99CC00; font-size:10px; font-weight:bold;}	
	.submenu {
		visibility: hidden;
		position:absolute;
		border: 1px solid #64310b;
		border-bottom:3px #884811;
		background-color: #350e00;
		padding:8px 10px;
		-moz-border-radius-bottomright:8px;/* Rounded corner for Mozilla */
		-moz-border-radius-bottomleft:8px;	/* Rounded corner for Mozilla */
		-webkit-border-bottom-left-radius:8px; /* All other css3 compliant browsers */			
		-webkit-border-bottom-right-radius:8px; /* All other css3 compliant browsers */								
	}
	#submenu1,
	#submenu2,
	#submenu3,
	#submenu4,
	#submenu5 {
		left:15px;
		 top:60px;
		 width: 128px;
	}
	#submenu2 { left:162px; }
	#submenu3 { left:310px; width:130px;}
	#submenu3 a {font-size:15px; font-weight:bold;}	
	#submenu4 { left:178px; }
	#submenu5 { left:607px; }
	
/* Page Specific Layout --------------------------------------------- */	
	.bbframe {
		/* Bulletin board */
		width:715px;
		height:205px;
		overflow:auto;
		border:none;
		margin-top:0px;
		background:none;
	}
	iframe {background:none !important;}
	.iframe {
		/* Fun facts */
		width:705px;
		height:150px;
		overflow:auto;
		border:none;
		margin-top:10px;
	}
	* html .iframe {
		/* IE 6 */
		width:720px;
		height:135px;
		margin-top:40px;
	}	
	#viewLarger {margin-left:225px;}
	#contactInfo {
		position:absolute;
		left:45px;
		top:5px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		background:transparent url('../images/contact_bg.png') no-repeat top left;
		width:351px;
		height:212px;
	}	
	#bigPhone span, 
	#events span {visibility:hidden;}
	#bigPhone {
		/* Contact */
		background:url('../images/bigPhone.gif') no-repeat;
		width:250px;
		height:172px;
		float:right;
	}	
	p[id='bigPhone'] {background:url('../images/bigPhone.png') no-repeat;}
	
	#events {
		background:url('../images/events.gif') no-repeat;
		width:142px;
		height:186px;
	}	
	p[id='events'] {background:url('../images/events.png') no-repeat;}
	
	#owner,
	#events {
		position:absolute;
		top:0;
		right:0;
	}
	#email {
		width:452px;
		padding:5px 0 5px 46px;
		margin-left:15px;
	}
	#service {
		/* Contact and Location page */
		width:452px;
		padding:6px 0 5px 42px;
		margin-left:15px;
		font-weight:bold;
		color:#3b365f;			
	}
	p[id='service'] {}
	
	#googView {
		/* location */
		color:black;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		z-index:500;	
	}
	span[id='googView'] { float:right;}
	.googMap {
		float:right;
		margin-right:5px;
		padding-bottom:15px;
	}
	.map {
		background:url('../images/map.png') no-repeat; 
		width:274px; height:279px;
		position:relative;
		top:0;
	}	
	#addrInfo,
	#addrInfo2 {
		font-size:12px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#3b365f;
		position:absolute;
		top:21px;
		left:58px;
	}
	#addr {font-size:14px; font-weight:bold;}
	#location {
		font-size:11px;
		color:white;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:lowercase;
		width:190px;
		height:92px;
		padding:10px 0 0 45px;
		clear:both;
	}
	p[id='location'] {}
	
	#drinknotes {
		/* Fun facts */
		background:url('../images/drinknotes.gif') no-repeat;	
		width:66px;
		height:91px;
		float:right;
		margin-left:0;
	}
	#funFacts {
		position:absolute;
		top:0; left:0;
		margin-top:0px;
	}	
	#fun,
	#bulletin {
		position:relative;
		top:0;
		left:0;
		z-index:400;
	}
	p[id='bulletin'] {
		position:relative;
		top:-15px;
		left:0;	
	}	
	/* Our Story ***************************** */
	#ourStory_txt {
		width:555px;
		font-size:11px;
		padding-left:17px;
		margin-top:-12px;
	}
	#ourStory_txt .heading {margin-left:-16px;}
	
	img#owner {border:1px solid black; border-width:thin;}
	
/* Fonts --------------------------------------------- */
	.body, 
	.body a,
	a.body {
		color:black;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	.bold {
		font-size:14px;
		font-weight:bold;
	}	
	.small {
		color:black;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;	
	}
	.giant {
		font-family:Georgia;
		font-size:36px;
		color:#FF6600;
	}
	.heading {
		color:#CC3300;
		font-size:14px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;		
	}
	.bluelaws, .blueTxt {
		color:#3366CC;
		font-size:14px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;	
	}
	.blueTxt {
		color:#0066CC;
		font-size:11px;
		font-weight:normal;
	}	
/* Utility Classes --------------------------------------------- */
	#firstLine {position:absolute; top:55px; left:25px;}
	
	.zindex {z-index:400;}
	.floatRight {float:right; clear:both;}
	.clearfix {clear:both;}
	.clearfix:after {
		content: ".";
		display: block;
		height:1px;
		clear: both;
		visibility:hidden;	
	}	

/* Error Message */
	.globalError {
		background:#ffffcc url('../images/error.png') no-repeat 5px 10px; 
		padding:15px 35px;
		color:#C90044;
		font-size:12px;
		font-weight:bold;
		border:1px solid #CC0000;
		width:60% !important;
	}