/* CSS Document */

body { 
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image: url();
	background-position: top;
	background-repeat: repeat-x;
	color:#13478d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}	
	
.main {
	width: 780px;
	margin: 0px auto;
	}
	
.header {
	height: 164px;
	}
	
.nav {
	height: 21px;
	padding-top: 3px;
	color: #FFFFFF;
	font-size: 14px;
	background-image:url(../../site%20from%20jeremy/greekbeer/clients/Zeos/live/images/NavBG.jpg);
	background-repeat: no-repeat;	
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .nav
    {
        padding-top: 4px;
        height:20px;
    }
}	
	
.nav a {
	margin-right: 20px;
	}

.nav a:link, .nav a:active, .nav a:visited {
	color:#ffffff; 
	text-decoration: none;
	}	
	
.nav a:hover {
	color:#ffffff; 
	text-decoration: none;
	}
	
.subnav {
	height: 21px;
	padding-top: 3px;
	color: #FFFFFF;
	font-size: 14px;
	background-image:url(../../site%20from%20jeremy/greekbeer/clients/Zeos/live/images/SubNavBG.jpg);
	background-repeat: no-repeat;	
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .subnav
    {
        padding-top: 4px;
        height:20px;
    }
}	
	
.subnav a {
	margin-right: 20px;
	}

.subnav a:link, .subnav a:active, .subnav a:visited {
	color:#ffffff; 
	text-decoration: none;
	}	
	
.subnav a:hover {
	color:#ffffff; 
	text-decoration: none;
	}						
	
.body {
	height: auto;
	}
	
.bodyleft {
	width: 350px;
	float: left;
	margin-top: 30px;
	padding-right: 50px;
	font-size: 16px;
	line-height: 26px;
	}
	
.bodyleft p {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.bodyleftsub {
	width: 560px;
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-right: 50px;
	font-size: 12px;
	line-height: 22px;
	background-image: url(../../site%20from%20jeremy/greekbeer/clients/Zeos/live/images/SubBodyBG.jpg);
	background-position: top;
	background-repeat: no-repeat;	
	}
	
.title {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}	
	
.bodyleftsub p {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}			
	
.bodymiddle {
	width: 187px;
	float: left;
	}
	
.bodyright {
	width: 140px;
	float: right;
	margin-top: 30px;
	}
	
.bodyright p {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.inputbox {
	background: #FFFFFF;
	border: 1px solid #13478d;
	font-size: 10px;
	color: #13478d;
	padding-left: 2px;
	padding-right: 2px;
	width: 90px;
	float: left;
	}
	
.inputbutton {
	background: #FFFFFF;
	border: 1px solid #13478d;
	font-size: 10px;
	color: #13478d;
	padding-left: 2px;
	padding-right: 2px;
	float: right;
	}
	
.inputboxcontact {
	background: #FFFFFF;
	border: 1px solid #13478d;
	font-size: 10px;
	color: #13478d;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 90px;
	}
	
.inputbuttoncontact {
	background: #FFFFFF;
	border: 1px solid #13478d;
	font-size: 10px;
	color: #13478d;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 20px;
	}				
	
.body a:link, .body a:active, .body a:visited {
	color:#13478d; 
	text-decoration: underline;
	}	
	
.body a:hover {
	color:#13478d; 
	text-decoration: none;
	}				
	
.footer {
	border-top: 1px #13478d solid;
	font-size: 10px;
	padding-top: 10px;
	height: 30px;
	clear: both;
	}
	
.footerleft {
	float: left;
	}	
	
.footerright {
	float: right;
	}					
	
.footer a:link, .footer a:active, .footer a:visited {
	color:#13478d; 
	text-decoration: underline;
	}	
	
.footer a:hover {
	color:#13478d; 
	text-decoration: none;
	}

.bodyright ul {
	margin: 0px 0px 0px 0px;
	padding-left: 1em;
	list-style: square;
	
	
	}
	
.bodyright li {
	
}		


#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;
border:1px solid #3D5686;
background-color:#FFF;
width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}