@charset "UTF-8";
/* CSS Document */


/*	---------------- General */

		body,td,th {
			font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
			font-size: 13px;
			color: #8d8374;
			}
		body {
			margin: 0;
			border-top: 5px solid #ded6c8;
			background: #282323 url(../images/construct/bodybg-repeatx.jpg) repeat-x;
			}
		
		h1, h2, h3, h4 {
			margin: 0 0 2px 0;
			padding: 0;
			line-height: 1.3em;
			font-weight: normal;
			color: #f8a722;
			}
			h1 {
				margin-bottom: 20px;
				font-size: 20px;
				color: #a39b8f;
				}
			h2 {
				margin-bottom: 16px;
				font-size: 24px;
				letter-spacing: -0.02em;
				line-height: 1em;
				}
			h3 {
				font-size: 13px;
				font-weight: bold;
				}
		
		p {
			margin: 0 0 15px 0;
			padding: 0;
			line-height: 1.5em;
			}
		
		a {
			color: #3b8783;
			text-decoration: underline;
			}
			a:hover { color: #7ab2af; }
			a img { border: none; }
		
		ul {
			margin: 0 0 15px 0;
			padding: 0;
			list-style: disc url(../images/construct/bullet-arrow.gif);
			}
			ul li {
				margin: 0 0 0 17px;
				padding: 0;
				line-height: 1.5em;
				}

/*	---------------- Misc styles */

		.emphasize { color: #afa595; }
		.subtle { font-size: 11px; }
		
		ul.expandlist li { padding: 2px 0; }
		
		div.pgcol-ab-a {
			float: left;
			width: 300px;
			}
		div.pgcol-ab-b {
			float: right;
			width: 300px;
			}
		
		#googleMap {
			width: 294px;
			height: 220px;
			border: 3px solid #a0988e;
			}
		
		ul.imgrow {
			margin: 25px 0 0 0;
			padding: 0;
			list-style: none;
			}
			ul.imgrow li {
				float: left;
				width: 170px;
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
			ul.imgrow li.imgrow-last { width: 130px; }
		
		.clear-both { clear: both; }

/*	---------------- Layout */

		#wrapper {
			margin: 35px auto 0 auto;
			width: 740px;
			}
		
		#header {
			width: 740px;
			height: 250px;
			background: #ededed url(../images/construct/engage-header.jpg) left no-repeat;
			}
			#header img { float: right; }
		
		#navigation {
			float: left;
			margin: 3px 0 10px 0;
			width: 740px;
			border-bottom: 3px solid #3b8783;
			background-color: #373635;
			}
			#navigation ul {
				margin: 0 15px;
				padding: 0;
				list-style: none;
				}
				#navigation ul li {
					float: left;
					margin: 0;
					padding: 0;
					list-style-type: none;
					border-right: 1px dotted #535251;
					font-size: 11px;
					text-transform: uppercase;
					}
					#navigation ul li:first-child { border-left: 1px dotted #535251; }
					#navigation ul li a {
						display: block;
						padding: 0 9px;
						line-height: 2.4em;
						text-decoration: none;
						color: #e2c493;
						background: none;
						}
						#navigation ul li a:hover {
							color: #fff;
							background-color: #3b8783;
							}
						#navigation ul li a.activeitem {
							color: #fff;
							background-color: #3b8783;
							}
							#navigation ul li a.activeitem:hover {
								color: #eee;
								background-color: #3b8783;
								}
		
		#pageouter {
			float: left;
			width: 740px;
			background: url(../images/construct/pagebg-repeatx.jpg) repeat-x;
			}
		#pageinner {
			width: 740px;
			background: url(../images/construct/pagebg-linklogo.png) bottom right no-repeat;
			min-height: 300px;
			height: auto !important;
			height: 300px;
			}
			#pagecontent {
				padding: 35px 50px 40px 50px;
				}
		
		#footer {
			float: left;
			width: 740px;
			height: 70px;
			border-top: 1px solid #3f3731;
			}
			#footer ul {
				float: left;
				margin: 10px 50px 0 50px;
				padding: 0;
				list-style: none;
				}
				#footer ul li {
					float: left;
					margin: 0;
					padding: 0;
					font-size: 11px;
					color: #9c8867;
					}
					#footer ul li em {
						font-style: normal;
						color: #b9a078;
						}
		ul.clientList li {
			list-style-type: none;
			list-style-image: none;
			float: left;
			width: 106px;
			margin: 0;
		}
		
		ul.clientList {
			margin-left: 0;
		}
		ul.clientList a, ul.clientList span {
			display: block;
			width: 90px;
			height: 90px;
			float: left;
			border: 0;
		}
		ul.clientList p {
			height: 3em;
			float: left;
			width: 90px;
			margin-top: 0.5em;
		}
		a.clientlinkWSR, span.clientlinkWSR {
			background: transparent url(../images/content/clientWSR.gif) no-repeat;
		}
		a.clientlinkWSR:hover {
			background-image: url(../images/content/clientWSRBlur.gif);
		}
		a.clientlinkBates, span.clientlinkBates {
			background: transparent url(../images/content/clientBates.gif) no-repeat;
		}
		a.clientlinkBates:hover {
			background-image: url(../images/content/clientBatesBlur.gif);
		}
		a.clientlinkBest, span.clientlinkBest {
			background: transparent url(../images/content/clientYoungers.gif) no-repeat;
		}
		a.clientlinkBest:hover {
			background-image: url(../images/content/clientYoungersBlur.gif);
		}
		a.clientlinkAle, span.clientlinkAle {
			background: transparent url(../images/content/clientMcEwansAle.gif) no-repeat;
		}
		a.clientlinkAle:hover {
			background-image: url(../images/content/clientMcEwansAleBlur.gif);
		}
		a.clientlinkLager, span.clientlinkLag {
			background: transparent url(../images/content/clientMcEwansLager.gif) no-repeat;
		}
		a.clientlinkLager:hover {
			background-image: url(../images/content/clientMcEwansLagerBlur.gif);
		}
		a.clientlinkSymonds, span.clientlinkSymonds {
			background: transparent url(../images/content/clientSymondsCider.gif) no-repeat;
		}
		a.clientlinkSymonds:hover {
			background-image: url(../images/content/clientSymondsCiderBlur.gif);
		}
		a.clientlinkGreen17, span.clientlinkGreen17 {
			background-image: url(../images/content/clientGreen17.gif);
		}
		a.clientlinkGreen17:hover {
			background-image: url(../images/content/clientGreen17Blur.gif);
		}
		a.clientlinkAstroJet, span.clientlinkAstroJet {
			background-image: url(../images/content/clientAstroJet.gif);
		}
		a.clientlinkAstroJet:hover {
			background-image: url(../images/content/clientAstroJetBlur.gif);
		}
		a.clientlinkYellowBrickRoad, span.clientlinkYellowBrickRoad {
			background-image: url(../images/content/clientYellowBrickRoad.gif);
		}
		a.clientlinkYellowBrickRoad:hover {
			background-image: url(../images/content/clientYellowBrickRoadBlur.gif);
		}
		a.clientlinkWineCircle, span.clientlinkWineCircle {
			background-image: url(../images/content/clientWineCircle.gif);
		}
		a.clientlinkWineCircle:hover {
			background-image: url(../images/content/clientWineCircleBlur.gif);
		}
		a.clientlinkMcGuiganWines, span.clientlinkMcGuiganWines {
			background-image: url(../images/content/clientMcGuiganWines.gif);
		}
		a.clientlinkMcGuiganWines:hover {
			background-image: url(../images/content/clientMcGuiganWinesBlur.gif);
		}
		a.clientlinkCapeWineFood, span.clientlinkCapeWineFood {
			background-image: url(../images/content/clientCapeWineFood.gif);
		}
		a.clientlinkCapeWineFood:hover {
			background-image: url(../images/content/clientCapeFoodWineBlur.gif);
		}		
		
		
		a.branding {;
			font-size: 1.8em;
			font-weight: normal;
			color: #f8a722;
			text-decoration: none;
		}