@charset "UTF-8";

/*
-----------------------------------------------
CSS Document for Brecknock Brewing
By Fred Holliss
-----------------------------------------------
*/

/* General code for all (most) pages
============ */


body {
	background: rgb(249, 247, 234);
	color: #000;
	margin-top: 0;
	padding: 0;
	font: 13px "Arial Narrow", Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

a	{outline:none;}

.clear	{clear:both;}

h1 {
	font-size: 3.8em;
	margin-top: 63px;
	margin-bottom: 17px;
	font-weight: bold;
	margin-left: -3px;
}

h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin-top: .57em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-weight: bold;
	/*margin-bottom: -1em;*/
}

ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

img {
	border-style: none;
}


/* top nav */
#navigation {
	left: 0px;
	top: 0px;
	width: 997px;
	height: 68px;
	margin-top: 0;
	margin-left: 14px;
	padding-top: 70px;
}

#navigation img {
	visibility: hidden;
}

#navigation img a:hover {
	visibility: visible;
}

#nav-01 {
	left: 0px;
	top: 0px;
	width: 113px;
	height: 68px;
	float: left;
	background-image: url(images/nav-01.png);
}

/* Home */
#nav-02 a {	 
left: 113px;
	top: 0px;
	width: 43px;
	height: 68px;
	float: left;
	background: transparent	url(images/nav_02-pair.png) no-repeat;
	display: block;
}

#nav-02 a:hover {
	background-position: -43px 0;
}

#nav-03 {
	left: 156px;
	top: 0px;
	width: 71px;
	height: 68px;
	float: left;
	background-image: url(images/nav-03.png);
}

/* Story */
#nav-04 a {
	left: 227px;
	top: 0px;
	width: 142px;
	height: 68px;
	float: left;
	background: transparent url(images/nav_04-pair.png) no-repeat;
	display: block;
}

#nav-04 a:hover {
	background-position: -142px 0;
}

#nav-05 {
	left: 369px;
	top: 0px;
	width: 110px;
	height: 68px;
	float: left;
	background-image: url(images/nav-05.png);
	display: block;
}

/* Beer */
#nav-06 a {
	left: 482px;
	top: 0px;
	width: 71px;
	height: 68px;
	float: left;
	background: transparent url(images/nav_06-pair.png) no-repeat;
}

#nav-06 a:hover {
	background-position: -71px 0;
}

#nav-07 {
	left: 553px;
	top: 0px;
	width: 88px;
	height: 68px;
	float: left;
	background-image: url(images/nav-07.png);
}

/* Organics */
#nav-08 a {
	left: 638px;
	top: 0px;
	width: 71px;
	height: 68px;
	float: left;
	background: transparent url(images/nav_08-pair.png) no-repeat;
	display: block;
}

#nav-08 a:hover {
	background-position: -71px 0;
}

#nav-09 {
	left: 709px;
	top: 0px;
	width: 85px;
	height: 68px;
	float: left;
	background-image: url(images/nav-09.png);
}

/* Find */
#nav-10 a {
	left: 794px;
	top: 0px;
	width: 85px;
	height: 68px;
	float: left;
	background: transparent url(images/nav_10-pair.png) no-repeat;
	display: block;
}

#nav-10 a:hover {
	background-position: -85px 0;
}

#nav-11 {
	left: 879px;
	top: 0px;
	width: 116px;
	height: 68px;
	float: left;
	background-image: url(images/nav-11.png);
}

/* Bottom nav (within shadow) */

/*#center-top	{float:left; width:1024px;}
#centre-top {float:left; width:1024px;}*/

#centre-f {
	position: absolute;
    top:187px;
    left:auto;
    margin:0px;
    padding:0px;
	/*margin-top: 500px;*/
    /*padding-top:187px;*/
	/*padding-left: 26px;*/
    /*padding-left:14px;*/
	float: left;
	/*width: 998px;*/
    /*width:1010px;*/
    width:1024px;
	font: 13px "Arial Narrow", Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	height: 48px;
}



/* V2 CSS */
.centre-f-left	{padding-left:20px; /*width:505px;*/ width:485px; float:left;}
.centre-f-right	{padding-left:163px; width:342px; float:left;}
.centre-fl a 	{margin:0 40px;}
.centre-fl-right a {margin:0px 40px;}


#centre-fl	{float:left; text-align:right; padding-right:151px; width:361px;}
#centre-fr	{float:left; text-align:right; /*padding-right:46px;*/ padding-left:149px; width:363px;}

#join {	/*margin-left: 300px;*/ float:left; }

/*===================*/

/*#centre-fl {
	float: left;
}*/

#fb-l, #tw-l, #em-l	{float:left;}

#centre ul li {
	display: inline;
}

#centre-f a {
	color: black;
	text-decoration: none;
	vertical-align: 20px;
}

#centre-f a:hover {
	color: goldenrod;
}

#news a, #down a, #join a {
	margin: 0px;
    padding: 0px 40px;
}

#news, #down, #join {
	display: inline;
}



#centre-f a img {
	margin: 0;
}

body#downloads a#nav-dl,
body#brecknock-news a#nav-bn,
body#join-our-fanclub a#nav-jf 
	{
	color: goldenrod;
}



#fb-l a {
	left: 0;
	top: 0;
	width: 56;
	height: 47;
	background: transparent url(images/fb-l.png) no-repeat;
	display: block;
}

#fb-l a:hover {
	background-position: -56px 0;
}

#tw-l a {
	left: 0;
	top: 0;
	width: 46;
	height: 47;
	background: transparent url(images/tw-l.png) no-repeat;
	display: block;
}

#tw-l a:hover {
	background-position: -46px 0;
}

#em-l a {
	left: 0;
	top: 0;
	width: 42;
	height: 47;
	background: transparent url(images/em-l.png) no-repeat;
	display: block;
}

#em-l a:hover {
	background-position: -42px 0;
}

/* footer nav below shadow */
#footer {
	width: 1024px;
	margin: auto;
	font-size: .85em;
	line-height: 1em;
	height: 13px;
	clear: both;
	position: relative;
	bottom: 15px;
}

#footl {
	float: left;
	width: 30%;
}

#footc {
	float: left;
}

#footr {
	float: right;
	text-align: right;
}

#footer a {
	color: #000;
	text-decoration: none;
	margin: 0 15px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul li {
	display: inline;
}

body#contact-us a#contact-us,
body#privacy-policy a#privacy-policy,
body#copyright a#copyright,
body#terms-of-use a#terms-of-use 
	{
	text-decoration: underline;
}


/* General page code
========== */

#centre {
    left:0px;
    top:0px;
	height: 768px;
	width: 1024px;
	margin:auto;
    z-index:1;
	background-image: url(images/page-1logo-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0;
	font: 13px/1.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#centre-l {
	width: 80px;
	height: 50%;
	float: left;
}

#centre-c {
	/*width: 85%;*/
    width:944px;
	float: left;
}

#centre-c h3 {
	margin-top: 105px;
}

#centre-c img {
	float: left;
	margin-right: 25px;
	margin-top: 27px;
}

#centre-cl {
	float: left;
	width: 45%;
	margin-right: 10px;
}

#centre-cr {
	float: left;
	width: 41%;
	margin-left: 63px;
}

#centre-breck {
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-right: 19px;
}

#centre-breck h1 {
	line-height: 1.2em;
	margin-top: 16px;
}

#centre-breck p {
	margin-right: 74px;
}

/* Form pages code */

form, fieldset, legend, ol, li {
	margin: 0;
	padding: 0;
}

form#contact {
	background: rgba(212,202, 167, 0.8);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	counter-reset: fieldsets;
	padding: 20px;
	width: 454px;
}

form#contact fieldset {
	border: none;
	margin-bottom: 10px;
}

form#contact fieldset:last-of-type {
	margin-bottom: 0;
}

form#contact legend {
	color: rgb(64, 22, 20);
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px #c0d576;
}

form#contact ol li {
	background: #b9cf6a;
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}

form#contact label {
	float: left;
	font-size: 13px;
	width: 80px;
}

form#contact input:not([type=radio]),
			form#contact textarea {
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 200px;
}

form#contact input:not([type=submit]):focus,
				form#contact textarea:focus {
	background: #eaeaea;
}

form#contact button, form#contact .submit_btn {
	background: rgb(64, 22, 20);
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	display: block;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 7px 18px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 46px;
	margin-right: auto;
	margin-bottom: auto;
}

form#contact button:hover {
	background: #1e2506;
	cursor: pointer;
}

#contact fieldset img {
	margin: auto 10px auto auto;
	float: left;
}

/* Downloads page code
============ */

#dl {
	padding-top: 35px;
}

#dl img {
	margin: 0 20px 10px;
	vertical-align: top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: gray 3px 3px 10px;
	-moz-box-shadow: gray 3px 3px 10px;
	box-shadow: gray 3px 3px 10px;
}

/*#dl ul {
	border-spacing: 5px;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.9em;
}*/

#dl a {
	color: gray;
	text-decoration: none;
	font-weight: normal;
}

#dl a:hover {
	text-decoration: underline;
}

/*#dl ul li {
	display: inline-block;
	text-align: left;
	width: 289px;
	height: 150px;
}

#dl ul li ul li {
	float: none;
	clear: none;
	display: list-item;
	height: auto;
}*/

/* Find A Beer code */

.finda {
	font-weight: bold;
	font-size: 1.25em;
	margin-top: 0;
}

hr {
	width: 90%;
	/*margin-top: -14px;*/
	float: left;
	display: inline;
	border: 0;
	color: black;
	background-color: black;
	height: 1px;
	text-align: left;

}
#centre-cl ul, #centre-cr ul {
	float: left;
	display: block;
	margin-right: 10px;
	font-weight: bold;
	font-size: 1em;
}

#centre-cl ul li, #centre-cr ul li {
	display: list-item;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.7em;
}

#centre-cl a, #centre-cr a {
	color: gray;
	text-decoration: none;
}

#centre-cl a:hover, #centre-cr a:hover {
	color: black;
	text-decoration: underline;
}


/* New CSS - January 18, 2010 */
p.finda	{padding:0px; margin:0px;}

.find-top	{width:90%; border-bottom:1px solid black; padding-bottom:6px; margin-bottom:10px;}

ul.finda-list li 	{list-style:none; list-style-type:none; list-style-position:outside; padding:0px; margin:0px;}

h4	{margin-bottom:0px; padding-bottom:0px;}

#privacy-policy #centre-cl p, #privacy-policy #centre-cc p, #privacy-policy #centre-cr p	{padding-top:0px; margin-top:5px;}
#privacy-policy #centre-cl, #privacy-policy #centre-cc, #privacy-policy #centre-cr	{padding-top:5px;}
#terms-of-use #centre-cl p, #terms-of-use #centre-cc p, #terms-of-use #centre-cr p	{padding-top:0px; margin-top:5px;}
#terms-of-use #centre-cl, #terms-of-use #centre-cc, #terms-of-use #centre-cr	{padding-top:5px;}

.downloads-box	{float:left; width:295px; height:150px; text-align:left;}
.downloads-box ul.dl-list { border-spacing: 5px; font-weight: bold; font-size: 0.9em; 	line-height: 1.7em; list-style:none; list-style-type:none; display:block; }
.downloads-box ul.dl-list li 	{display:block; width:140px; float:left; height:auto;}


#contact-us #centre { background-image: url(images/page-1logo-bg.jpg); }
#contact-us #centre-ct {  width: 40%; }
#contact-us #centre-cl ul { font-size: 1.25em; margin-top: 40px; clear: left;}
#contact-us #centre-cr { margin-left: 1px; margin-top: -157px; }
#contact-us #centre-f { margin-top: 500px; }
#contact-us #centre-cl { float: left; width: 40%; margin-right: 10px; }