@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #fff;
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 800px;
}
#inner {
width: 1200px;
background:red;
height: 800px;
text-align: center;
margin-left:auto;
margin-right:auto;

}

#containerWines{
background-color:#000;
background-image: url(images/bg_wines.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerNebbiolo{
background-color:#000;
background-image: url(images/bg_wine_2.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerSyrah{
background-color:#000;
background-image: url(images/bg_wine_1.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerBuy{
background-color:#000;
background-image: url(images/bg_garden.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerContact{
background-color:#000;
background-image: url(images/bg_contact.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerContactResult{
background-color:#000;
background-image: url(images/bg_thankyou_2.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerOrderResult{
background-color:#000;
background-image: url(images/bg_thankyou_1.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerMail{
background-color:#000;
background-image: url(images/bg_maillist.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#containerContact2{
background-color:#000;
background-image: url(images/bg_thankyou_3.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}

#containerHome{
background-color:#000;
background-image: url(images/bg_home.jpg);
background-repeat:no-repeat;
width: 1200px;
height:800px;

}
#block1 {
margin: 60px 0 0 90px;
width:200px;
background-color:#ee1b2f;
height:200px;
float:left;
text-align:left;
}
#block2 {
text-align:left;
float:right;
margin:169px 705px 0 0; 
height:90px;
width:200px;
background-color: #ee1b2f;

}

#clear{
clear:both;
}

#block3 {
margin:5px 0 0 90px;
float:left;
height:380px;
width:580px;
background-color: #000;

}
#block3Order {
margin:5px 0 0 90px;
float:left;
height:480px;
width:405px;
background-color: #000;

}
#block3Mail {
margin:5px 0 0 90px;
float:left;
height:200px;
width:405px;
background-color: #000;

}
#block3Result {
margin:120px 0 0 90px;
float:left;
height:120px;
width:330px;
background-color: #000;

}
#block4 {
margin: 5px 0 0 675px;
width:250px;
background-color: #000;
height:380px;
}

#content{
text-align:left;
margin: 20px 30px 0 20px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

line-height:1.5em;
}


/* using this combined with container makes the container drop the amount
specified in the top margin ??? - must use float right instead
#block2 {

margin:500px 600px 0 300px; 

width:200px;
background-color: #99FF33;

}*/

#logo{
margin: 27px 0 0 20px;
border:none;
}

#navMain{
margin: 52px 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#navActive{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

#navSub{
margin:12px 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}



a:hover
{
color: #fff; text-decoration:none; font-size:12px;
}
a:active
{
color: #fff; text-decoration:none; font-size:12px;
}
a:visited
{
color: #fff; text-decoration:none; font-size:12px;
}

a:link{
color: #fff; text-decoration:none; font-size:12px;
}

/*//// form elements //// */

.formfield{
background-color:#e7e8e9;
border:0pt none;
display:block;
font-family:Helvetica,Arial,Geneva,sans-serif;
font-size:9pt;
margin-bottom:0px;
width:280px;
margin-top:5px;
}
 .formarea {
height:120px;
text-align:left;
width:280px;
background-color:#e7e8e9;
border:0pt none;
display:block;
font-family:Helvetica,Arial,Geneva,sans-serif;
font-size:9pt;
margin-bottom:0px;
margin-top:5px;
}
 .submitBtn {
background-color:#ee1b2f;
border:0pt none;
display:block;
font-family:Helvetica,Arial,Geneva,sans-serif;
color:#FFFFFF;
font-size:9pt;
text-align:left;
text-transform:uppercase;
width:280px;
padding-top:2px;
margin-top:5px;
}

 #result{	
padding: 7px 10px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #4d4d4f;
text-align:left;
}
#tableBorder{
border-bottom-style:dotted;
border-bottom-color:#FFFFFF;
border-bottom-width:thin;
}

#footer{
position:relative;
top:780px;
background-color:#fff;
}


 #footer p {
	margin: 0; 
	padding: 5px 0px;
	text-align:right;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	}
	#footer a:hover
{
color: #666; text-decoration:none; font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}
#footer a:active
{
color: #666; text-decoration:none; font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}
#footer a:visited
{
color: #666; text-decoration:none; font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}

#footer a:link{
color: #666; text-decoration:none; font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}