/*   
Name: Vicarys Winery
Description: Winery Services 
Author URI: http://www.company.com.ph
Version: 1.0
Tags: Wine, Woolshed, Wedding, Renovations
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Base
-------------------------------------------------------------- */

body {
	background: #e4ca91 url(i/bg.jpg) center;
	margin: 0;
	font: 12px Arial, Tahoma, sans-serif;
	text-align: center;
	width:100%; min-width:1100px; margin:0; clear:both;
}

h1 { font-size:16px;
}
h2 {
	font-family: Tahoma;
	font-size:28px;
	font-weight:normal;
	margin-top:20;
	}
h3 { font-size:15px; padding-top:10px;
}
h4 { font-size:15px;
}

/*header
------------------------------------------------------------------*/

	.headerwrapper {
		background:#e4ca91 url(i/topbg2.jpg) repeat-x top;
		height: auto !important;
		padding: 0;
		margin: 0;

	}
	.headerwrapper_inside {
		background:#e4ca91 url(i/topbg2inside.jpg) repeat-x top;
		height: auto !important;
		padding: 0;
		margin: 0;

	}

	.header {
		height:122px;
		width: 1100px;
		margin: 0 auto;
		position:relative;
	}

	.contactinfo {
		width:1020px;
		height:33px;
		float:right;
		text-align:right;
		padding:20px 80px 0 0;
		font-family: "Calisto MT", Georgia, "Times New Roman", Times, serif;
		font-size:10px;
		font-weight:bold;
		color:#c6902a;
	}
	
		.contactinfo span {
		font-size:14px;
		color:#e1c57b;
		margin-left:5px;
		}

	.topleft {
	background:url(i/top_menu_divider.png) right no-repeat;
	width:450px;
	height:58px;
	float:left;
	}

	.topmenu {
	width:650px;
	height: 58px;
	line-height: 58px;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 16px;
	color: #fff;
	text-decoration:none;
	list-style: none;
	display: block;
	float:right;
	}
		
	.topmenu ul{
	display: inline;
	list-style-type: none;
	text-decoration:none;
	text-align:left;
	}
	
	.topmenu li{
	float:left;
	}
	
	
	.topmenu ul a{
	background:url(i/top_menu_divider.png) no-repeat right;
	color: #eeeeee;
	text-decoration:none;
	padding: 0 50px 0 10px;
	display:block;
	text-shadow:0px -1px #783107;
	}
	.topmenu a:hover {
	color: #fff;
	text-decoration:none;
	text-shadow: none;
	text-shadow:0px 1px #783107;
	}

/*slider
------------------------------------------------------------------*/
	


	
	.headerslider {
		background:url(i/headersliderbg2.jpg) no-repeat;
		height: 470px;
		width: 1218px;

		margin: 0 auto;
		position:relative;
		overflow: hidden;
		}

	.headerslider .overlay {
	background:url(i/slideroverlayimg.png) no-repeat;
	width: 833px;
	min-height: 470px;
	bottom:0px;
	left: 385px;
	position:absolute;
	z-index: 300;
}



/*content
------------------------------------------------------------------*/

	.content {
		background:url(i/footerbg.png) bottom repeat-x;
		width: 100%;
		overflow: auto;
	}
	
	.maincontent {
		width: 1100px;
		margin: 0 auto;
		overflow:auto;

		position:relative;
	}
	
	.h1box {
		background: url(i/h1bg.jpg) top center no-repeat;
		width:1050px;
		height:58px;
		line-height:58px;
		margin:0 auto;
		padding-left: 50px;
		text-align:left;
		font-family:Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
		font-size:35px;
		color:#fff;
		text-shadow:0px -1px #783107;
	}
	.h2box {
		background: url(i/h2bg.png) top center no-repeat;
		width:1050px;
		height:58px;
		line-height:58px;
		margin:0 auto;
		padding-left: 50px;
		text-align:left;
		font-family:Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
		font-size:35px;
		color:#fff;
		text-shadow:0px -1px #783107;

	}	

	.content2box {
		background:url(i/contentrgtbg.png) top right no-repeat;
		width: 1100px;
		margin: 0 auto;
		overflow:auto;
	}

	.contentboxlft {
		width:49px;
		min-height:250px;
		float:left;
		background: url(i/contentlftbg.png) bottom right no-repeat;
		bottom:0px;
		position:absolute;
	}
	
	.contentboxrgt {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#7d2611;
		line-height:20px;
		text-align:justify;
		width:944px;
		float:left;
		background: url(i/contentbg.jpg);
		margin-left:49px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border:1px solid #e1c88e;
		border-bottom:none;
		padding:28px;
		/*-moz-border-radius: 12px;
		border-radius:12px;*/
	}

	.content2 {
		width: 1100px;
		margin: 0 auto;
		-moz-border-radius: 5px;
		border-radius:5px;
		padding:0 25px 15px 25px;

		}
	


/*
---------------------------------------------------------*/

	.footerwrapper {
		background: url(i/footerbg.png) bottom repeat-x;
		min-height:360px;
		width:auto;
		margin: 0 auto;
	}
	.footerwrapper_inside {
		background: url(i/footerinsidebg.png) bottom repeat-x;
		min-height:360px;
		width:auto;
		margin: 0 auto;
	}
	
	.footer {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#915204;
		width: 1100px;
		margin: 0 auto;
		overflow:auto;
		position:relative;

	}
	
	.footer a {
		padding:0 25px;
		font-weight:bold;
		text-decoration:none;
		color:#915204;
	}
	.footer a:hover {
		color:#FFFFFF;
	}
	
		.footer3box {
		font-family:Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
		background: url(i/footer3box.png) top no-repeat;
		width: 1100px;
		height:231px;
		margin: 0 auto;
		overflow:auto;
	}
		.footer3box_inside {
		background: url(i/footer4box.png) top no-repeat;
		width: 1100px;
		height:60px;
		margin: 0 auto;
		overflow:auto;
	}

	.boxtitle {
		font-size:25px;
		color:#ffcc99;
	}
	
		.boxtext{
		font-family: Tahoma, Geneva, sans-serif;
		font-size:12px;
		color:#c73a2a;
		text-align:left;
		line-height:18px;
		float:right;
	}
	
	.boxlearnmore {
		height:20px;
		width:90px;
		font-size:14px;
		line-height:20px;
		text-align:right;
		float:right;
		margin:18px 0 0 75px;
		}
		
		.boxlearnmore a {
			color:#ffcc99;
			text-decoration:none;
		}
		
		.boxlearnmore a:hover {
			color:#fff;
			text-decoration:none;
		}
	
	.box1 {
		width:231px;
		height:175px;
		padding:30px 37px 0 107px;
		float:left;
	}

	.box2 {
		width:199px;
		height:175px;
		padding:30px 37px 0 69px;
		margin: 0 22px;
		float:left;
	}
	
	.box3 {
		width:231px;
		height:175px;
		padding:30px 107px 0 38px;
		float:right;
	}

		.footerleft {
		height:130px;
		line-height:115px;
		float:left;
		width: 480px;
		margin: 0 auto;
		text-align:left;
		padding-left:70px;
	}
	
		.footerright {
		height:130px;
		line-height:115px;
		float:right;
		width: 480px;
		text-align:right;
		padding-right:70px;
	}
	
		.footerright a {
		text-decoration:none;
		color:#915204;
	}
	
	.footerright a:hover {
		text-decoration:none;
		color:#ffffff;
	}
	
	
/* -------------------------- Menu --------------------------------------------------------------- */
#menu {
	text-align:left;
	width:650px;
	height: 58px;
	line-height: 58px;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 16px;
	color: #fff;
	text-decoration:none;
	list-style: none;

}
#menu ul{
	display: inline;
	list-style-type: none;
	text-decoration:none;
	text-align:left;
	}

#menu li {
	float:left;
	position: relative;
	z-index: 350;
}

#menu li a {
	background:url(i/top_menu_divider.png) no-repeat right;
	color: #eeeeee;
	text-decoration:none;
	padding: 0 50px 0 10px;
	display:block;
	text-shadow:0px -1px #783107;
}
#menu li a:hover {
	color: #ffde00;
}

	#menu li ul {
	position: absolute;
	overflow: hidden;
	display: none;
	left: 0;
	top: 80%;
	margin:0;
	padding:0;
	float: none;
	width:200px;
	}
	
	#menu li:hover ul {
	color:#ffde00;
	text-decoration:none;
	display: block;
	text-shadow:0px 1px #783107;
	}
	
	#menu li ul a {
	background: #ffef00 url(i/submenubg.png);
	line-height:35px;
	color: #fff;
	text-decoration:none;
	padding:0 10px;
	border-top:1px  #CC9966 solid;
	border-left:1px #CC9966 solid;
	border-right:1px #996600 solid;
	border-bottom:1px #996600 solid;
	}
	
	#menu li ul a:hover{
	color: #ffde00;
	text-decoration:none;
	}