/*
	Name: Grape and Bean
	Date: May 2010
	Description: Layout for Grape and Bean
	Version: 1.0
*/

/* Imports */
@import url("reset.css");

/***** Global *****/
/* Body */
body {
	background: #544b00;
	color: #240012;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height: 16px;
	margin: 0;
	padding: 0px 0 60px 0;
	text-align: center;
}

blockquote {
	padding: 10px;
}

.red {
	color: #FF0000;
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	color: #666666;
}


h1 {
	font-size:28px;
}


h2 {
	font-size: 25px;
	padding-bottom: 20px;
	height: 25px;
	line-height: 25px;
}


h2 span {
	color: #c40808;
}


h3 {
	font-size: 16px;
	padding-bottom: 10px;
}



h4 {
	font-size:14px;
}


h5 {
	font-size: 14px;
}

h6 {
	font-size: 13px;
}

/* Anchors */

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited, a:active {
	/* color: #ed3124; */
	text-decoration: underline;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;	
}

a:hover {
	text-decoration: none;
}

.clearfix {
	clear: both;
}

/* Paragraphs */
p {margin-bottom: 10px;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */


dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}


/* Home page css style */

#wrapperhome-repeat {
 background: url(../images/wrapper_repeat.jpg) repeat-y left top;
 width: 904px;
 margin: 0 auto;
 text-align: left;
}

#wrapperhome-bottom {
	background: url(../images/wrapper_bottom.jpg) no-repeat left bottom;
	padding-bottom: 11px;
}

#wrapperhome-top {
	background: url(../images/wrapper_top.jpg) no-repeat left top;
	padding: 0 0px 0 0px;
}

#headerhome {
	position: relative;
	z-index: 9999;	
}

#headerhome .logo {
	position: absolute;
	width: 255px;
	height: 344px;
	float: left;
}

#headerhome .logo a:link,
#headerhome .logo a:active,
#headerhome .logo a:visited {
	width: 255px;
	height: 344px;
	cursor: pointer;
	display: block;	
	float: left;
}

#headerhome .headerimagebox {
	float: right;
	padding:29px 89px 0 0;	
}

#menuhome {
	width: 593px;
	height: 29px;
	line-height: 29px;
	padding-left: 254px;
}	

#menuhome ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 
}

#menuhome ul li {
	background: url(../images/menu_li_bg.jpg) no-repeat left center; 
	float: left;
	padding-left: 3px;
}

#menuhome ul li.item1 {
	background: none;
}

#menuhome ul li a:link,
#menuhome ul li a:visited,
#menuhome ul li a:active {
	text-decoration: none;
	color: #1f0020;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 12px;
	display: block;
}

#menuhome ul li.active a:link,
#menuhome ul li.active a:visited,
#menuhome ul li.active a:active,
#menuhome ul li a:hover {
	text-decoration: none;
	background: #c41230;
	color: #fff;
}

#containerWraphome {
	padding: 0 88px 0 66px;		
	position: relative;
	height: 677px;
}

#containerWraphome .gallerybox {
	position: absolute;
	bottom: 0;
	left: 0px;
}

#containerWraphome .sticky-one {
	position: absolute;
	width: 229px;
	height: 223px;
	right: 0px;
	top: 133px;
}

#containerWraphome .sticky-two {
	position: absolute;
	width: 236px;
	height: 230px;
	right: 0px;
	top: 375px;
}


#container-home {
	background: url(../images/container_home.jpg) no-repeat left top;
	height: 677px;
}

#leftColhome {
	padding: 202px 0 0 8px;
	width: 212px;
	float: left;
}

#leftColhome .sign_box {
	background: url(../images/sign_up_box_hover.jpg) no-repeat left top;
	width: 208px;
	height: 75px;
	margin-bottom: 14px;
}

#leftColhome .sign_box a:link,
#leftColhome .sign_box a:visited,
#leftColhome .sign_box a:active {
	width: 208px;
	height: 75px;
	display: block;
	text-indent: -9999px;
}

#leftColhome .grapebox {
	width: 210px;
	text-align: center;
	font-size: 17px;
	font-family: "Courier New";
	color: #333333;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -1px;
}

#leftColhome .sign_box a:hover {
	background: url(../images/sign_up_box.jpg) no-repeat left top;	
}	

#contentColhome {
	width: 454px;
	float: left;
	padding: 28px 0 0 0;
	font-size:13px;
}

#contentColhome .pagetitle {
	padding: 0 0 50px 20px;
}

#contentColhome .content {
	width: 300px;
	padding: 0 0 0 60px;
}

#rightColhome {
	float: right;
	width: 236px;
}

#footer {
	padding: 0 88px 0 66px;	
}	

#footer .footermenu {
	width: 749px;
	height: 26px;
	line-height: 26px;
	background: #a9112c;
	text-align: center;
	margin-bottom: 13px;
}

#footer .footermenu ul {
	margin: 0px;
	padding: 0px 0px 0px 108px;
	list-style: none;
}

#footer .footermenu ul li {
	background: url(../images/footer_li_bg.jpg) no-repeat left center;
	float: left;
	padding-left: 1px;
}

#footer .footermenu ul li.item1 {
	background: none;
}

#footer .footermenu ul li a:link,
#footer .footermenu ul li a:visited,
#footer .footermenu ul li a:active {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0px 10px;
}

#footer .footermenu ul li.active a:link,
#footer .footermenu ul li.active a:visited,
#footer .footermenu ul li.active a:active,
#footer .footermenu ul li a:hover {
	text-decoration: none;
	background: #fff;
	color: #a9112c;
}

#footer .box_text {
	width: 490px;
	margin: 0 auto;
	text-align: center;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	line-height: 10px;
}

#footer .box_text span {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #1f0020;
	font-size: 12px;
	font-weight: bold;
}

#footer .box_text .small {
	font-size: 10px;
	color: #1f0020;	
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align: center;
	letter-spacing: 0px;
}

#footer .box_text .small a:link,
#footer .box_text .small a:visited,
#footer .box_text .small a:active {
	text-decoration: underline;
	color: #0000ff;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#footer .box_text .small a:hover {
	text-decoration: none;
}

/*  */
/*  */
/*  */
/* Home page end css style */

/* Inner page Start css style */
/*  */
/*  */
/*  */

#wrapperinner-repeat {
	background: url(../images/wrapper_inner_repeat.jpg) repeat-y left top;
	width: 776px;
	margin: 0 auto;
	text-align: left;
}

#wrapperinner-bottom {
	background: url(../images/wrapper_inner_bottom.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}

#wrapperinner-top {
	background: url(../images/wrapper_inner_top.jpg) no-repeat left top;
	padding: 0 0 0 0px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#headerinner {
	height: 103px;
	position: relative;
}

#headerinner .logoinner {
	position: absolute;
	top: 0px;
	left: 0px;
}

#headerinner .headerimageboxinner {
	float: right;
	padding: 18px 9px 0 0;	
}

#menuinner {
	height: 29px;
	line-height: 29px;
}	

#menuinner ul {
	margin: 0px;
	padding: 0px 0px 0px 197px;
	list-style: none; 
}

#menuinner ul li {
	background: url(../images/menu_li_bg.jpg) no-repeat left center; 
	float: left;
	padding-left: 0px;
}

#menuinner ul li.item1 {
	background: none;
}

#menuinner ul li a:link,
#menuinner ul li a:visited,
#menuinner ul li a:active {
	text-decoration: none;
	color: #1f0020;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 12px;
	display: block;
	letter-spacing: 1px;
}

#menuinner ul li.active a:link,
#menuinner ul li.active a:visited,
#menuinner ul li.active a:active,
#menuinner ul li a:hover {
	text-decoration: none;
	background: #c41230;
	color: #fff;
}

#containerwrapinner {
	padding: 0 12px 0 15px;	
}

#containerinnerRepeat {
	background: url(../images/container_inner_repeat.jpg) repeat-y left top;
	width: 749px;
	margin: 0 auto;
}

#containerinnerBottom {
	background: url(../images/container_inner_bottom.jpg) no-repeat left bottom;
	padding-bottom: 30px;
}

#containerinnerTop {
	background: url(../images/container_inner_top.jpg) no-repeat left top;
	padding: 0 20px 0 0px;
	min-height: 5px;
	height: auto !important; 
	height: 5px;
}

#leftColinner {
	width: 233px;
	float: left;
	padding:132px 0px 0px 0px;
}

#leftColinner .winebox {
	width: 233px;
	padding: 0px 0px 13px 1px;
}

#leftColinner .stickyinner {
	background: url(../images/stick_box3.jpg) no-repeat left top;
	color:#5B223A;
	height:172px;
	margin-left:18px;
	padding:31px 20px 0 12px;
	text-align:center;
	width:172px;
	font-size:16px;
	line-height: 16px;
}

#contentColinner {
	width: 467px;
	float: right;
	margin-top: 11px;
	padding: 20px 10px 0px 0px;
	letter-spacing:0.05em;
	line-height:18px;
	font-size: 13px;	
}

#footerinner {
	width: 749px;
	margin-left: 15px;
}

#footerinner .footermenu {
	width: 749px;
	height: 26px;
	line-height: 26px;
	background: #a9112c;
	text-align: center;
	margin-bottom: 13px;
}

#footerinner .footermenu ul {
	margin: 0px;
	padding: 0px 0px 0px 100px; /* 128px */
	list-style: none;
}

#footerinner .footermenu ul li {
	background: url(../images/footer_li_bg.jpg) no-repeat left center;
	float: left;
	padding-left: 1px;
}

#footerinner .footermenu ul li.item1 {
	background: none;
}

#footerinner .footermenu ul li a:link,
#footerinner .footermenu ul li a:visited,
#footerinner .footermenu ul li a:active {
	text-decoration: none;
	color: #fff;
	font-size: 13px; /* 12px */
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0px 10px;
}

#footerinner .footermenu ul li.active a:link,
#footerinner .footermenu ul li.active a:visited,
#footerinner .footermenu ul li.active a:active,
#footerinner .footermenu ul li a:hover {
	text-decoration: none;
	background: #fff;
	color: #a9112c;
}

#footerinner .box_text {
	width: 490px;
	margin: 0 auto;
	text-align: center;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	line-height: 10px;
}

#footerinner .box_text span {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #1f0020;
	font-size: 12px;
	font-weight: bold;
}

#footerinner .box_text .small {
	font-size: 10px;
	color: #1f0020;	
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align: center;
	letter-spacing: 0px;
}

#footerinner .box_text .small a:link,
#footerinner .box_text .small a:visited,
#footerinner .box_text .small a:active {
	text-decoration: underline;
	color: #0000ff;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#footerinner .box_text .small a:hover {
	text-decoration: none;
}