/* CSS Document */

body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, ul {
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
	}
img {border:0}

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:0.8em;
	color: #666;
	}

a {color:#666;	font-weight:800}
a:hover {text-decoration:none}

h1 {font-size:1.7em}	
h2 {font-size:1.5em}
h3 {font-size:1.3em;	font-style:italic}
h4 { size:12px; color:#7F9AC3; }
h1, h2 {text-transform:uppercase}

p {line-height:1.7em}

#container {
	border:1px solid #043775;
	width:800px;
	margin:20px auto;
	margin-bottom:20px;
	padding:0;
	}
#container.intro {background: url(/media/entry-bg.gif) 0px 200px repeat-x;	height:600px;	width:800px}
#introContent { background: url(/media/zatec-beer-full-glass.jpg) 400px 0px no-repeat;	height:600px}
#logo {position:relative;	top:205px;	left:0;	background: url(/media/zatec-logo-entry.jpg) 10px 10px no-repeat;	height:230px}
#userOptions {position:absolute;	left:280px;	top:50px;	color:#FFF}
#userOptions p {	font-size:1.5em;	margin-bottom:10px}
#userOptions select {margin:0 15px 0 5px}
#userOptions input.button {	font-size:1.2em;	padding:3px 10px;	width:110px}
#userOptions p.conditions {font-size:0.85em;	padding:20px 20px 10px 0}

#logoHeader {	height:195px;	position:relative}
#logoHeader p {	margin:0}
p.logo {	float:left;		padding:20px 40px}
p.glass {	float:right;	padding:5px 40px 0  0}

#navigation {	background: #FFF url(/media/nav-shadow.gif) bottom left repeat-x;	height:256px}

#footer {clear:left;	border-top:1px solid #043775;	padding:20px 10px;	margin:20px 0 10px 0;	font-size:0.85em}
#footer a {text-decoration:none;	font-weight:normal}
#footer a:hover {text-decoration:underline}
#footer ul {list-style:none}
#footer li {float:left;	border-right:1px solid #043775;	padding:0 10px;	line-height:1em}

#homeContent {padding: 20px 0 20px 10px;	font-size:0.85em}
#homeContent div.homePromo {width:220px;	float:left;	padding:0 10px;	margin:0 0 25px 10px;	border-left:9px solid #000}
#homeContent div.homePromo img {padding:15px 0}
#homeContent div.homePromo a {font-weight:800}
#homeContent div.homePromo p {padding:5px 0;	margin:0}

#homeContent #history {	border-left-color:#A9C37F}
#homeContent #flavour {	border-left-color:#7F9AC3}
#homeContent #brewery {	border-left-color:#D89F4E}

#homeContent #history h1 a, #history h1, #history h2, #history h3, #history strong {color:#A9C37F}
#homeContent #flavour h1 a, #flavour h1, #flavour h2, #flavour h3, #flavour strong,
#homeContent #generic h1 a, #generic h1, #generic h2, #generic h3, #generic strong {color:#7F9AC3}
#homeContent #brewery h1 a, #brewery h1, #brewery h2, #brewery h3, #brewery strong {color:#D89F4E}


#internalContent {	margin:20px 0;	font-size:1.1em}
#imagery {float:left;	width:365px}
#internalContent .content {clear:none;	padding:0 10px;	border-left:9px solid #000;	margin-left:380px}
	
#internalContent #history {	border-left-color:#A9C37F}
#internalContent #flavour,
#internalContent #generic {	border-left-color:#7F9AC3}
#internalContent #brewery {	border-left-color:#D89F4E}


div.links ul {list-style:none;	padding-top:10px;	position:relative}
div.links li a {padding-left:20px;	background: transparent url(/media/arrow.gif) 0.2em 0.4em no-repeat}

input {width:300px;	padding:5px}
input.button {	width:140px;	font-size:1.3em}
#internalContent input.submit {	width:200px;	font-size:1.3em}