/* CSS Document */

* {
	margin: 0; /* zero out margin */
	padding: 0; /* zero out padding */
}

html {
	height: 100%; /* gives layout 100% height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
	font-family:Arial, Helvetica, sans-serif;;
	font-size:12px;
	margin: 0;
	padding: 0;
}

body {
	height: 100%; /* gives layout 100% height */
	background:#D5E7DE;
	background-image: url(../images/vin.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	background-attachment:fixed;		
	margin: 0;
	padding: 0;
}

#wrapper {
	min-height: 100%; /* gives layout 100% height */
	width:860px; /* centered div must be given a width */
	margin: 0 auto; /* centers #wrapper */
	background: #ffffff;
}

* html #wrapper { 
	height: 100%; /* IE6 treats height as min-height */
}

#clearfooter {
	height:200px; /* provides space for the #footer */
}

#footer {
	height:200px;
	width:760px; /* centered div must be given a width */
	margin:-80px auto 0 auto; /* -80px sucks it back in & auto centers it */
/*	background: #999;*/
}

#PageContain {
	width:760px;
	background-color:#ffffff;
}

#HeaderArea {
	width:760px;
/*	background-color:#ffffff;*/
	height:126px;
	float:left;
}

#Logo {
	width:760px;
	height:86px;
	text-align:right;
	float:left;
}

#menuarea {
	width:760px;
	height:45px;
	float:left;
}

#topline{
	width:760px;
	height:10px;
	background-image:url('/images/topline.jpg');
	background-repeat:repeat-x;
	float:left;
}

#BodyArea{
	width:760px;
	/*background-color:#99CC00;*/
}

#mainpic{
	width:760px;
	text-align:left;
	float:left;
}

#maintext{
	width:760px;
/*	height:200px;*/
	/*background-color:#99CCCC;*/
}

#FA{
	width:760px;
	/*background-color:#9966CC;*/
	height:30px;
	float:left;
}

#footleft{
	width:250px;
	float:left;
	padding-top:10px;
	text-align:left;
}

#footright{
	width:510px;
/*	background-color:#ccccCC;*/
	text-align:left;
	padding-top:10px;
	float:left;
}

#mainleft {
	width:186px;
	height:84px;
	background-color:#FFFFFF;
	text-align:left;
	padding-top:90px;
	float:left;
}

#mainright {
	 width:574px;
	 height:174px;
	 background-repeat:no-repeat;
  	 background-color:#FFFFFF;
	 float:right;
	 position:static;
}

#textline01{
	width:574px;
	height:20px;
	text-align:left;
	float:left;
}

#textline02{
	width:437px;
	text-align:left;
	padding-left:137px;
	padding-top:29px;
	float:left;
}

#textline03{
	width:574px;
	text-align:right;
	padding-top:11px;
	float:left;
}

#textline04{
	width:574px;
	text-align:right;
	padding-top:10px;
	float:left;
}

.bordertop {
	border-top:#81C1A5 solid 2px;
}

.copyright {
	color:#81C1A5;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#right_footer ul{
	list-style-type:none;
	color:#81C1A5;
	font-size:11px;
	text-align:left;
}

#right_footer ul li { 
	color:#81C1A5;
	display: inline;
}

#right_footer ul li a{
	color:#81C1A5;
	padding: .1em 1em;
	text-decoration: none;
}

#right_footer ul li a:hover{
	color:#186134;
	text-decoration: underline;
}




/* Menu*/
#navigation a{
	color:#186134;
	background: #DAE9E2 url('/images/menu/tab-left.jpg') left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	padding-left:10px;
	height:30px;
}

#navigation a span{
	background: url('/images/menu/tab-right.jpg') right top no-repeat;
	padding-right:10px;
	padding-top:8px;
}

#navigation a, #navigation a span{
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{
	float: none
}
/* End hide */

#navigation a:hover{
	color: #fff;
	background: #186134 url('/images/menu/tab-left-hover.jpg') left top no-repeat;
	padding-left: 10px;
}

#navigation a:hover span{
	background: url('/images/menu/tab-right-hover.jpg') right top no-repeat;
	padding-right: 10px;
}

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

#navigation li{
	float: left;
	margin-top:0px;
	margin-left:0px;
} 


#navigation #current {
    background:#ffffff ;
	color:#FFFFFF;
}
#navigation #current a {
    background:#176135 url('/images/menu/tab-left-hover.jpg') left top no-repeat;
	color:#FFFFFF;
} 

#navigation #current a span{
	background: url('/images/menu/tab-right-hover.jpg')  right top no-repeat;
	color:#FFFFFF;
}

ul.no-bullets {
  list-style-type: none;
  list-style-image: none;
}
.p1{
	padding-left:3px;
}


/*End Menu*/

/*Inner Main banner area*/
#innermainpic{
	width:340px;
	text-align:left;
	float:left;
}

#innermaintext{
	width:320px;
	text-align:left;
	padding-left:100px;
	padding-top:50px;
	float:left;
}

.mainheding{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#7BC4A0;
}

.subheading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #3A905D;
	font-weight:bold;
	text-decoration:none;
}

.subheadingright{
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#7BC4A0;
	margin-right:110px;
	text-decoration:none;
}


#subheading1{
	text-align: right;
	margin-right:30px;
	width:700px;
	height:50px;
	border-bottom:1px solid #CCCCCC;
}

#subheading2{
	text-align: right;
	width:700px;
	height:50px;
}

.text{
	font-weight:bold;
	width:700px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:8px;
}

.maintext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #3A905D;
	font-weight:bold;
	text-decoration:none;
}

a.Main:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #3A905D;
	font-weight:bold;
	text-decoration:none;
}
a.Main:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #3A905D;
	font-weight:bold;
	text-decoration:none;
}
a.Main:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #3A905D;
	font-weight:bold;
	text-decoration:none;
}
a.Main:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #7BC4A0;
	font-weight:bold;
	text-decoration:none;
}

#textbody {
	width:760px;;
	background-color:#FFFFFF;
	text-align:left;
	color:#969594;
	padding-top:40px;
	float:left;
	font-size:14px;
	line-height:1.7em;
}


.greytext {
	color:#969594;
	font-size:14px;
	line-height:1.7em;
}

.top{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7BC4A0;
	display:block;
	text-align:right;
	text-transform:uppercase;
}

a.topl:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7BC4A0;
	text-decoration:none;
}
a.topl:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7BC4A0;
	text-decoration:none;
}
a.topl:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7BC4A0;
	text-decoration:none;
}
a.topl:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7BC4A0;
	text-decoration: none;
}


/*box*/
.bl {background:  url('/images/box/left-bottom.jpg') 0 100% no-repeat #DAE9E2; width:98%; color:#176135; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.br {background:  url('/images/box/right-bottom.jpg') 100% 100% no-repeat}
.tl {background:  url('/images/box/left-top.jpg') 0 0 no-repeat}
.tr {background:  url('/images/box/right-top.jpg') 100% 0 no-repeat; padding:20px 20px 20px 20px}
.clear {font-size: 1px; height:1px;}
/*end - box*/

.ashtext {
	font-family:Arial, Helvetica, sans-serif;
	color:#979695;
	font-size:15px;
}

.email {
	font-family:Arial, Helvetica, sans-serif;
	color:#609B73;
	font-size:15px;
}

.font4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

.tablelineheight {
	line-height:1em;
}
.TextBoxArea{
	border : 1px solid #86B996;
	background-color : #F1FDF2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:4px;
	padding-top:4px;
	color:#33784D;
	height:45px;
	width:200px;
}
.TextBox{
	border : 1px solid #86B996;
	background-color : #F1FDF2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:4px;
	padding-top:4px;
	color:#33784D;
	height:20px;
	width:200px;
}

.sectionmenu {
	margin-top:3em;
}
.sectionmenu a {
	display:block;
	width:300px;
	margin:11px 11px 11px 4px;
	background: url('/images/arrow.jpg') left top no-repeat;
	padding-left:20px;
}

.sectionmenu li {
	display: inline;
	list-style-type: none;
	list-style-image: none;	
}

.greenline li {
	list-style-type: none;
	list-style-image: url(/images/dots.jpg);
	margin:5px;
}

.tr li {
	list-style-type: none;
	list-style-image: none;
	margin:5px;
}

p {
	margin-bottom:1em;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#wrapper {position:relative; z-index:1;}

h1 {
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:1em;
}

img{
border:none;
}

.gray{
color:#969594;
}

.green{
color:#3A905D;
}

/********************************* feedback form **********************************/

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #CCCCCC;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #969594;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  background-color:#FFFF99;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 554px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: normal;
}

form div label{
  display: block;
  float: left;
  width: 330px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputRadio, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 10px;
}

form div.submit {
  width: 414px;
  padding: 0 0 0 344px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 65%;
  zoom: 1;
}

.formError {
color:#CF4A40;
border:2px #CF4A40 solid;
background:#EFD1D1;
padding-left:20px;
margin-bottom:15px;
}

.formSuccess {
color:#165F32;
border:2px #165F32 solid;
background:#DAE9E2;
padding-left:20px;
margin-bottom:240px;
}