/* Global Styles */
*{padding:0; margin:0;}

html, body{
	margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
	background-color:#000;
	font-size:100.01%; text-align:center;
	background-image: url('../images/abbotale-bg.jpg');
	background-repeat:no-repeat;
	background-position: top center;
}
.container { 
	width:980px;
	margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
	text-align:left;
	z-index:1;
}

#left-wrap{float:left; margin-left:auto; width:190px; z-index:1;}
#right-wrap{float:right; z-index:2;}

/*Text Styles*/
a, p, td, li, ul, span, div, th, input, list, textarea, select, form {font-family:Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif;}

.clr{clear:both;}
img{border:none;}
.floatleft{float:left;}
.floatright{float:right;}

/* Start Top Nav */
#nav-wrap {margin-left:0; margin-top:0; margin-bottom:0; margin-right:0; width:760px; min-height:20px; background-color:#000000;}
		.topnav {list-style:none; margin:0; padding:0; float:right }
		.topnav li {float:left; display:block; height: 1%; /* Forces hasLayout (ie6) */ padding-left:4px;}
		.topnav li span.pipe {padding-left:0px; padding-right:0px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}
		.topnav li a {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.70em; text-decoration:none;}
		.topnav li a:hover {color:#C1A55E; text-decoration:none;}
/* End Top Nav */

#logo {width:190px; margin-left:10px; margin-top:0; margin-bottom:0; margin-right:0px;}
	#logo img {padding-bottom:10px;}
	
	
	/* Start Left Nav */
#mainnav-wrap{width:190px; margin-left:10px; margin-top:0; margin-bottom:30px; margin-right:0px;}

#mainnav ul {margin:0px; padding:0px; text-indent:0px; width:190px;}
#mainnav li {list-style:none outside none; display:inline;}

#mainnav a.home, #mainnav a.thebeer, #mainnav a.process, #mainnav a.tour, #mainnav a.history, #mainnav a.diploma, #mainnav a.shop, #mainnav a.export, #mainnav a.blog, #mainnav a.contact, #mainnav a.advertising{cursor:pointer; display:block; margin:0; padding:0;}

#mainnav a.home-active, #mainnav a.thebeer-active, #mainnav a.process-active, #mainnav a.tour-active, #mainnav a.history-active, #mainnav a.diploma-active, #mainnav a.shop-active, #mainnav a.export-active, #mainnav a.blog-active, #mainnav a.contact-active, #mainnav a.advertising-active{cursor:pointer; display:block; margin:0; padding:0;}

#mainnav a.home{background:url(../images/abbot-ale-home-off.png) no-repeat;}
#mainnav a.home:hover{background-image: url(../images/abbot-ale-home-on.png);}
#mainnav a.home-active{background:url(../images/abbot-ale-home-on.png) no-repeat;}

#mainnav a.thebeer{background:url(../images/the-beer-off.png) no-repeat;}
#mainnav a.thebeer:hover{background-image: url(../images/the-beer-on.png);}
#mainnav a.thebeer-active{background:url(../images/the-beer-on.png) no-repeat;}

#mainnav a.process{background:url(../images/brewing-process-off.png) no-repeat;}
#mainnav a.process:hover{background-image: url(../images/brewing-process-on.png);}
#mainnav a.process-active{background:url(../images/brewing-process-on.png) no-repeat;}

#mainnav a.tour{background:url(../images/brewery-tour-off.png) no-repeat;}
#mainnav a.tour:hover{background-image: url(../images/brewery-tour-on.png);}
#mainnav a.tour-active{background:url(../images/brewery-tour-on.png) no-repeat;}

#mainnav a.history{background:url(../images/history-off.png) no-repeat;}
#mainnav a.history:hover{background-image: url(../images/history-on.png);}
#mainnav a.history-active{background:url(../images/history-on.png) no-repeat;}

#mainnav a.diploma{background:url(../images/abbot-beer-diploma-off.png) no-repeat;}
#mainnav a.diploma:hover{background-image: url(../images/abbot-beer-diploma-on.png);}
#mainnav a.diploma-active{background:url(../images/abbot-beer-diploma-on.png) no-repeat;}

#mainnav a.shop{background:url(../images/shop-off.png) no-repeat;}
#mainnav a.shop:hover{background-image: url(../images/shop-on.png);}
#mainnav a.shop-active{background:url(../images/shop-on.png) no-repeat;}

#mainnav a.export{background:url(../images/trade-and-export-off.png) no-repeat;}
#mainnav a.export:hover{background-image: url(../images/trade-and-export-on.png);}
#mainnav a.export-active{background:url(../images/trade-and-export-on.png) no-repeat;}

#mainnav a.blog{background:url(../images/ale-blog-off.png) no-repeat;}
#mainnav a.blog:hover{background-image: url(../images/ale-blog-on.png);}
#mainnav a.blog-active{background:url(../images/ale-blog-on.png) no-repeat;}

#mainnav a.contact{background:url(../images/contact-off.png) no-repeat;}
#mainnav a.contact:hover{background-image: url(../images/contact-on.png);}
#mainnav a.contact-active{background:url(../images/contact-on.png) no-repeat;}

#mainnav a.advertising{background:url(../images/advertising-off.png) no-repeat;}
#mainnav a.advertising:hover{background-image: url(../images/advertising-on.png);}
#mainnav a.advertising-active{background:url(../images/advertising-on.png) no-repeat;}

#mainnav a.brian-laugh{background:url(../images/make-brian-laugh-off.png) no-repeat;}
#mainnav a.brian-laugh:hover{background-image: url(../images/make-brian-laugh-on.png);}
#mainnav a.brian-laugh-active{background:url(../images/make-brian-laugh-on.png) no-repeat;}

	/* End Left Nav */


/*Columns*/
.col-middle{width:356px; float:left; padding-left:4px; margin-bottom:30px;}
.col-flash {width:380px; float:left; padding-left:20px; margin-top:0; margin-bottom:30px;}
.col-right {width:360px; float:left; padding-left:20px; padding-right:20px; margin-top:78px; margin-bottom:30px;}
.col-middle img, .col-right img {padding-bottom:10px;}

.col-middle h1, .col-right h1{padding-top:15px; padding-bottom:15px; font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;}
.col-middle h2, .col-right h2{padding-top:15px; padding-bottom:15px; font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;}
.col-middle h3, .col-right h3{padding-top:15px; padding-bottom:15px; font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;}

.col-middle p, .col-right p {font-size:0.75em; color:#fff; margin-bottom:15px; line-height:150%;}
	.beigetxt {color:#C1A55E; }
.col-middle p a, .col-right p a {color:#C1A55E; text-decoration:none;}
.col-middle p a:hover, .col-right p a:hover{color:#C1A55E; text-decoration:underline;}

.col-middle ul, .col-right ul {margin-left:15px; margin-bottom:20px;}
.col-middle li, .col-right li {color:#fff; font-size:0.75em; line-height:130%;}
.col-middle li a, .col-right li a {color:#C1A55E; text-decoration:none;}
.col-middle li a:hover, .col-right li a:hover {color:#C1A55E; text-decoration:underline;}
.col-middle ul li ul, .col-right ul li ul  { margin-left:25px; margin-bottom:0px;}
.col-middle li ul li, .col-right li ul li {font-size:1.0em;}	
	

.col-double {width:736px; float:left; padding-left:4px; padding-bottom:40px;}
	.col-double h1 {padding-top:15px; padding-bottom:15px; font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;}
		.col-double h1 em { color:#FFFFFF;}
		.col-double h1 .welcome { padding-left:200px; font-size:0.75em;}	
	.col-double h2 {padding-top:15px; padding-bottom:15px; font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;}

	.col-double h3 {padding-top:15px; padding-bottom:15px; font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;}

	.col-double p {font-size:0.75em; color:#fff; margin-bottom:15px; line-height:150%;}
	.col-double p a {color:#C1A55E; text-decoration:none;}
	.col-double p a:hover {color:#C1A55E; text-decoration:underline;}

	.col-double ul {margin-left:50px; margin-bottom:20px;}
	.col-double li {color:#fff; font-size:0.75em; line-height:130%;}
	.col-double li a {color:#C1A55E; text-decoration:none;}
	.col-double li a:hover {color:#C1A55E; text-decoration:underline;}
	
span.right-image img{margin-left:20px; margin-bottom:20px; border:2px #AC8836 solid; float:right;}

 /*form styles*/ 
fieldset legend { 
	width:210px; 
	margin-left:5px; padding-top:10px; padding-bottom:10px; 
	font-size:1.10em; color:#FFFAD7; font-weight:500; line-height:140%;
	}
fieldset table { width:100%; border:none;}
fieldset p { padding-left:10px; padding-right:5px;}
fieldset td { padding-left:10px; padding-right:5px;}
fieldset label {padding-top:5px; padding-bottom:5px; font-size:0.75em; color:#FFFAD7;}
fieldset input { width:150px; margin-bottom:10px;}
fieldset input.happy {width:15px; height:15px; margin-bottom:0px;}
fieldset .input-butt { width:330px; margin-bottom:10px;}

#dimploma-wrap {padding:0; margin:0; padding-bottom:10px; text-align:left;}
	#dimploma-wrap table.dimploma-progress { width:701px; height:48px; padding:0; margin:0; border:none; background:url(../images/diploma-top-bg.gif) top no-repeat}
	#dimploma-wrap table.dimploma-progress td { padding-top:7px; padding-left:275px;}
	
	#dimploma-wrap table.dimploma-main { width:701px;  border:none; background:url(../images/diploma-main-bg.gif) top repeat-y}	
	#dimploma-wrap table.dimploma-main td.fulltd { width:661px; padding-top:5px; padding-left:20px; padding-bottom:10px;}
	#dimploma-wrap table.dimploma-main td.fulltd2 { width:661px; padding-top:20px; padding-left:20px; padding-bottom:10px;}
#dimploma-wrap h2 { padding:0; padding-bottom:10px; font-size:2.2em; color:#240858; font-weight:500;}
#dimploma-wrap h3 { padding:0; padding-bottom:10px; font-size:1.8em; color:#B32B25; font-weight:300;}
#dimploma-wrap p {font-size:0.75em; color:#000; margin-bottom:15px; line-height:150%;}
	#dimploma-wrap p .bluetxt {color:#240858;}
	#dimploma-wrap table.dimploma-main td.question { padding-top:0; padding-left:20px; font-size:0.95em; }
		#dimploma-wrap table.dimploma-main td.question span { font-size:0.95em; line-height:140%; margin:0; padding:0;}
	#dimploma-wrap table.dimploma-main td.q-alpha { padding-top:2px; font-size:0.95em; color:#B32B25; vertical-align:text-top; }
	#dimploma-wrap table.dimploma-main td.q-choose { padding-top:2px; font-size:0.95em; vertical-align:text-top;}
	#dimploma-wrap table.dimploma-main td.q-tick {margin:0; padding:0; padding-top:2px;}
	#dimploma-wrap table.dimploma-main td.q-cont { padding-top:0; padding-left:20px; font-size:0.9em; }	

	#dimploma-wrap table.dimploma-main td.d-score { padding-top:0px; font-size:0.95em; color:#B32B25; }
	#dimploma-wrap table.dimploma-main td.d-name { padding-top:0px; font-size:0.95em;}
	#dimploma-wrap table.dimploma-main td.d-cert {margin:0; padding:0; padding-top:0px;color:#240858}
	
	#dimploma-wrap table.dimploma-base { width:701px;  height:44px; border:none; background:url(../images/diploma-base-bg.gif) top no-repeat}
	
	
#grouptour{float:left; width:736px;}
#grouptour label{float:left; width:150px; font-size:0.75em; color:#fff;}
#grouptour input{float:left; width:300px; height:15px; margin-left:10px; margin-bottom:10px;}
#grouptour select.tourday{float:left; width:55px; height:22px; margin-left:10px; margin-bottom:10px;}
#grouptour select.tourmth{float:left; width:80px; height:22px; margin-left:10px; margin-bottom:10px;}
#grouptour select.touryr{float:left; width:70px; height:22px; margin-left:10px; margin-bottom:10px;}
#grouptour input.submit{float:left; width:70px; height:25px; margin-left:390px;}
	
	
.team-wrap{width:736px; margin-top:15px;}
.team-wrap .team-image img {padding-right:60px; margin-top:10px; margin-bottom:20px;}
.team-wrap td.team-image{vertical-align:top;}
.team-wrap td.team-image h4{font-family:Arial, Helvetica, sans-serif; font-size:0.70em; color:#808080; font-weight:800;}
.team-wrap .team-copy {width:350px; vertical-align:top;}
.team-wrap .team-copy h2{font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#9ABA37; font-weight:200;}
.team-wrap .team-copy h3{font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#9ABA37; font-weight:600;}
.team-wrap .team-copy h4{font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#808080; font-weight:800;}
.team-wrap .team-copy p{padding-top:7px;}


/* The Beer */
.beerpics{width:736px;}
span.beerpic-first img{float:left; margin-left:0; margin-bottom:10px; border:2px #AC8836 solid;}
span.beerpic img{float:left; margin-left:32px; margin-bottom:10px; border:2px #AC8836 solid;}

.nutritional table.nutri{width:732px; margin-bottom:10px;}
.nutritional table.nutri th.nutri, td.nutri{border:1px #AC8836 solid;}
.nutritional table.nutri th.nutri, td.nutri{font-size:0.75em; font-weight:normal; color:#fff; padding:5px;}
.nutritional table.nutri th.nutri{text-align:center;}
.red-tractor{width:340px; padding-left:198px;}
/* The Beer */

.contactale{width:356px; margin-bottom:15px;}
.contactale label.main{float:left; width:145px; font-size:0.75em; color:#fff; margin-bottom:15px;}
.contactale input.mainform{float:left; width:194px; height:15px; margin-left:10px; margin-bottom:0;}
.contactale select.title{float:left; width:198px; height:22px; margin-left:10px; margin-bottom:0;}
.contactale select.date-birth{float:left; width:45px; height:22px; margin-left:10px; margin-bottom:0;}
.contactale select.year-birth{float:left; width:80px; height:22px; margin-left:10px; margin-bottom:0;}
.contactale textarea.yourmsg{float:left; width:193px; height:150px; margin-left:10px; margin-bottom:15px;}
.contactale label.wide{float:left; width:356px; font-size:0.75em; color:#fff; margin-bottom:15px;}

.contactale input.radbox{float:left; width:22px; margin-left:0; margin-bottom:0;}
.contactale label.radlab{float:left; font-size:0.75em; color:#fff; margin-right:10px; margin-left:10px; }

.contactale label.optintick{float:left; width:330px; padding-top:0px; margin-top:0px; margin-bottom:10px; color:#fff; font-size:0.75em;}

.contactale input.gkoptout{float:left; width:22px; margin-left:0; margin-bottom:0;}


/* The Classic Tales */
.classic-tale{width:736px; margin-bottom:10px;}
.classic-tale td.tale img{border:2px #AC8836 solid; margin-bottom:5px;}
.classic-tale p {color:#FFFAD7;}



 /*printer styles*/ 
@media print{ 
 


}