/*------------------------------------------------------------------------
Basic Style Sheet for Geltsdale Brewery

Version 1.0
Author: Evie Milo @ Eskymo New Media Design
Website: http://www.my-igloo.net

------------------------------------------------------------------------*/

/* COMMON
------------------------------------------------------------------------*/

.left {
	float: left;
	margin: 10px 0px 0px 0px;
}
.right {
	float: right;
}
.clearboth {
	clear: both;
}

body {
    background: #808080;
    font-family:"Times New Roman", Times, serif;
    font-size:small;
    font-weight: normal;
    color:#000000;
}

/* LINKS - OTHER NAV AND LINK STYLES
------------------------------------------------------------------------*/

a:link, a:visited {
    color:#8EBD43;
    text-decoration:underline;
}

a:hover, a:active {
    color:#000000;
    text-decoration:none;
}


/* TYPOGRAPHY
------------------------------------------------------------------------*/
h1 {
	color: #82AB3D;
	font-size: 150%;
	line-height: 110%;
	margin: 0px;
	padding: 0px;
}

.home {
	color: #82AB3D;
	font-size: 330%;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 90%;
}

h2, h3, h4 {
	color:#666666;
	font-size: 150%;
	line-height: 110%;
	margin: 0px;
	padding: 0px;
}

p {
	font-size: 110%;
	line-height: 110%;
}

em {
	color: #82AB3D;
	font-size: 250%;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 90%;
}

.pdf { 
   padding: 1px 0px 1px 25px;
   background: transparent url(assets/icon_pdf.jpg) no-repeat center left;
}

p.smltxt {font-size: 50%;}


/* HEADER - TOP LINKS
------------------------------------------------------------------------*/
#header {
	width: 910px;
	margin: 20px auto 0px auto;
	text-align: right;
	color: #ffffff;
	font-size: 85%;
}

#toplinks {
	padding-right: 10px;
}

#toplinks a:link, #toplinks a:visited {
    color:#ffffff;
    text-decoration:none;
}

#toplinks a:hover, #toplinks a:active {
    color:#8EBD43;
    text-decoration:underline;
}



/* WRAPPER - CREATE WHITE/SHADOW BACKGORUND + CONTAINS MAIN SITE
------------------------------------------------------------------------*/
#wrapper {
	width: 910px;
	margin: 0 auto;
	padding: 0px;
	background: url(assets/bgrpt_wrapper.jpg) repeat-y top left;
}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	background: url(assets/bgrpt_masthead.jpg) no-repeat top left;
}



/* MASTHEAD - HOLDS THE LOGO AND THE NAVIGATION
------------------------------------------------------------------------*/
#masthead {
	width: 890px;
	margin: 0px 0px 0px 5px;
}

/* NAVIGATION - PRIMARY NAV STYLES
------------------------------------------------------------------------*/
#navigation {
	margin: 0px;
	padding: 67px 0px 0px 327px;
	width: 504px;
	height: 47px;

}

#primarynav {
	width: 504px;
	height: 47px;
	background: url(assets/nav_primary.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#primarynav span {
	display:none;
}

#primarynav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;	
}

#primarynav a {
	display: block;
	height: 47px;
	text-decoration: none;
}

#home 			{left:0px; top:0; width:44px; height:47px;}
#ourbeer 		{left:77px; top:0; width:67px; height:47px;}
#ourbrewery 	{left:178px; top:0; width:95px; height:47px;}
#brewerystuff 	{left:306px; top:0; width:105px; height:47px;}
#blog 			{left:443px; top:0; width:35px; height:47px;}

#home a, #ourbeer a, #ourbrewery a, #brewerystuff a, #blog a {height:47px;}

#home a:hover,#home .active 				{background:url(assets/nav_primary.jpg) -0px -47px no-repeat; width:44px; height:47px;}
#ourbeer a:hover,#ourbeer .active 			{background:url(assets/nav_primary.jpg) -77px -47px no-repeat; width:67px; height:47px;}
#ourbrewery a:hover,#ourbrewery .active 	{background:url(assets/nav_primary.jpg) -178px -47px no-repeat; width:95px; height:47px;}
#brewerystuff a:hover,#brewerystuff .active {background:url(assets/nav_primary.jpg) -306px -47px no-repeat; width:105px; height:47px;}
#blog a:hover,#blog .active 				{background:url(assets/nav_primary.jpg) -443px -47px no-repeat; width:35px; height:47px;}



/* CONTENT - MAIN CONTENT AREA
------------------------------------------------------------------------*/
#content {
	padding: 0px 10px 10px 0px;
}

/* INDEX
------------------------------------------------------------------------*/
#content_index{
}

#content_index .left {
	width: 247px;
	padding: 60px 0px 0px 60px;
}

#content_index .left p {
	font-size: 130%;
}

#content_index .right {
	width:558px;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
}

#content_index .right h2 {
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}
#content_index .right p {
	padding: 0px 0px 15px 0px;
	margin-top: 0px;
}

#indexcolumn1 {
	width: 240px;
	float: left;
}

#indexcolumn2 {
	width: 290px;
	float: right;
}


/* OUR BEER
------------------------------------------------------------------------*/
#content_ourbeer {
	padding: 25px 0px 0px 0px;

}

#content_ourbeer h1, #content_ourbeer p {
	margin: 30px 0px 0px 60px;
}

/* OUR BREWERY
------------------------------------------------------------------------*/
#content_ourbrewery {
	padding: 60px 0px 0px 60px;
}

#content_ourbrewery .left {
	width: 430px;
}
#content_ourbrewery .right {
	width: 400px;
}

#content_ourbrewery p {
	font-size: 130%;
}


/* BREWERY STUFF
------------------------------------------------------------------------*/
#subnavlist {
	padding-left: 0;
	margin-left: 0;
	width: 160px;
	font-size: 110%;
}

#subnavlist li {
	list-style: none;
	margin: 0;
	padding: 0.5em 0.5em 0.6em 0em;
	background: url(assets/subnav_dots.jpg) no-repeat bottom left;
}

#subnavlist li a {
	text-decoration: none;
	color: #666666;
}

#subnavlist a:link, #subnavlist  a:visited {
	color: #666666;
	text-decoration: none;
}

#subnavlist a:hover, #subnavlist a:active {
	color: #82AB3D;
	text-decoration: none;
}

body#subone #subnavlist li #one, body#subtwo #subnavlist li #two, body#subthree #subnavlist li #three, body#subfour #subnavlist li #four, body#subfive #subnavlist li #five { 
    color: #82AB3D;
    text-decoration: none;
}



#content_brewerystuff01 .left {
	width:600px;
	background: url(images/stuff_pinandcask.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 60px;
}

#content_brewerystuff02 .left {
	width:600px;
	background: url(images/stuff_bespokelabels.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 60px;
}

#content_brewerystuff03 .left {
	width:600px;
	background: url(images/stuff_recipe.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 60px;
}

#content_brewerystuff04 .left {
	width:600px;
	background: url(images/stuff_cosmetics.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 60px;
}

#content_brewerystuff05 .left {
	width:600px;
	background: url(images/stuff_christmasale.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 60px;
}

#content_brewerystuff01 .left p, #content_brewerystuff02 .left p, #content_brewerystuff03 .left p, #content_brewerystuff04 .left p, #content_brewerystuff05 .left p {
	font-size: 130%;
	width: 247px;
}

#content_brewerystuff01 .right, #content_brewerystuff02 .right, #content_brewerystuff03 .right, #content_brewerystuff04 .right, #content_brewerystuff05 .right  {
	width:200px;
	padding: 60px 0px 0px 0px;
}

#content_brewerystuff01 .right h2, #content_brewerystuff02 .right h2, #content_brewerystuff03 .right h2, #content_brewerystuff04 .right h2, #content_brewerystuff05 .right h2 {
	padding: 0px;
	margin-bottom: 0px;
}
#content_brewerystuff01 .right p, #content_brewerystuff02 .right p, #content_brewerystuff03 .right p, #content_brewerystuff04 .right p, #content_brewerystuff05 .right p {
	width: 260px;
	padding: 0px;
	margin-top: 0px;
}



/* SHOP
------------------------------------------------------------------------*/
#content_shop {

}

#content_shop .left {
	width: 247px;
	padding: 60px 0px 0px 60px;
}

#content_shop .left p {
	font-size: 130%;
}

#content_shop .right {
	width:558px;
	margin: 60px 0px 0px 0px;
}

#content_shop .right h2 {
	padding: 0px;
	margin: 0px;
}

#content_shop .right p {
	padding: 0px;
	margin-top: 0px;
}


/* WHAT'S ON
------------------------------------------------------------------------*/
#content_whatson {

}

#content_whatson .left {
	width: 247px;
	padding: 60px 0px 0px 60px;
}

#content_whatson .left p {
	font-size: 130%;
}

#content_whatson .right {
	width:558px;
	background: url(images/whatson_beerbottle.jpg) no-repeat top right;
	margin: 5px 0px 0px 0px;
}

#content_whatson .right h2 {
	padding-top: 55px;
}

#content_whatson .right p {
	width: 350px;
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
}


/* CONTACT
------------------------------------------------------------------------*/
#content_contact {

}

#content_contact .left {
	width: 247px;
	padding: 60px 0px 0px 60px;
}

#content_contact .left p {
	font-size: 130%;
}

#content_contact .right {
	width:558px;
	margin: 5px 0px 0px 0px;
}

#content_contact .right h2 {
	padding-top: 55px;
}

#column1 {
	width: 260px;
	float: left;
}
#column2 {
	width: 290px;
	float: right;
	padding-top: 55px;
}

/* SITEMAP
------------------------------------------------------------------------*/
#content_sitemap{

}

#content_sitemap .left {
	width: 247px;
	padding: 60px 0px 0px 60px;
}

#content_sitemap .left p {
	font-size: 130%;
}

#content_sitemap .right {
	width:558px;
	background: url(images/contact_beerbottle.jpg) no-repeat top right;
	margin: 5px 0px 0px 0px;
}

#content_sitemap .right h2 {
	padding-top: 55px;
}
#content_sitemap .right p {
	width: 260px;
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
}

#content_sitemap ul {
	font-size: 115%;
	margin: 10px 0px 0px 10px;
	padding: 10px 0px 0px 10px;
	line-height: 120%;
}

#content_sitemap #sublist {
	font-size: 95%;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 7px;
}

#content_sitemap a:link, #content_sitemap a:visited {
	color: #666666;
	text-decoration: none;
}

#content_sitemap a:hover, #content_sitemap a:active {
	color: #82AB3D;
	text-decoration: underline;
}



/* FOOTER
------------------------------------------------------------------------*/
#base {
	width: 910px;
	margin: 0px auto;
}

#footer {
	width: 910px;
	margin: 0px auto;
	text-align: right;
	color: #ffffff;
	font-size: 85%;
}

#bottomlinks {
	padding-right: 10px;
}

#bottomlinks a:link, #bottomlinks a:visited {
    color:#ffffff;
    text-decoration:none;
}

#bottomlinks a:hover, #bottomlinks a:active {
    color:#8EBD43;
    text-decoration:underline;
}


/* xTras
------------------------------------------------------------------------*/