html {
	font-size: 100.01%;
}

body {
	padding: 0; margin: 0;
	background: url(images/bg_header.jpg) repeat-x #739dd3;	
	font-size: 62.5%;
}

#history #nav .history, #services #nav .services, #locations #nav .locations, 
#askBaryames #nav .askBaryames, #specials #nav .specials, 
#artBlistens #nav .artBlistens, #community #nav .community {
	background-position: center bottom;
}

#wrap {
	position: relative; display: block; margin: 0 auto; padding: 0;
	width: 782px;
}

#branding {
	position: relative; display: block; margin: 0; padding: 0;
}

#branding img {
	display: block; padding: 28px 0 14px 0; margin: 0 auto;
	border: 0;
}

#nav {
	position: relative; display: block; z-index: 100;
}

#nav ul {
	padding: 0; margin: 0;
}

#nav li {
	float: left; padding: 0; margin: 0;
	list-style: none;
}

#nav a {
	float: left;
	height: 59px;
}

#nav .history { background: url(images/nav-history.png); width: 110px; }
#nav .services { background: url(images/nav-services.png); width: 92px; }
#nav .locations { background: url(images/nav-locations.png); width: 108px; }
#nav .specials { background: url(images/nav-specials.png); width: 93px; }
#nav .community { background: url(images/nav-community.png); width: 112px; }
#nav .askBaryames { background: url(images/nav-askBaryames.png); width: 127px; }
#nav .artBlistens { background: url(images/nav-artb.png); width: 140px; }

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

#contentTop {
	position: relative; display: block; margin: 0; padding: 0;
}

#content {
	position: relative; display: block; padding: 0 35px 0 34px; margin: 0; 
	background: url(images/content-middle.gif) center repeat-y;
}

#content a {
	text-decoration: none; color: #BB8748; 
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: "Optima", Georgia, "Times New Roman", Times, serif; color: #BB8748; font-weight: normal;
	margin: 0;
}

h1 {
	padding-bottom: 10px;
	font-size: 2.8em; line-height: 1.2em; text-transform: uppercase; letter-spacing: .5px;
}

	h1.index {
		overflow: hidden;
		width: 225px; height: 60px; background: url(images/title-baryamesLovesYourClot.gif) no-repeat;
		text-indent: -9000px;
	}
	
	h1.history {
		overflow: hidden;
		width: 250px; height: 28px; background: url(images/title-ourHistory.gif) no-repeat 240px 0;
		text-indent: -9000px;
	}
	
	h1.careTip {
		overflow: hidden;
		width: 450px; height: 28px; background: url(images/title-careTipOfTheMonth.gif) no-repeat;
		text-indent: -9000px;
	}
	
	#community h1 {
	overflow: hidden;
	width: 521px; height: 24px; background: url(images/title-community.gif) no-repeat;
	text-indent: -9000px;
	}
	
	h1.askBaryames {
	overflow: hidden;
	width: 250px; height: 30px; background: url(images/title-askBaryames.gif) no-repeat;
	text-indent: -9000px;
	}
	
	h1.superSpecial {
	overflow: hidden;
	display: block; height: 30px; background: url(images/title-superSpecial.gif) no-repeat;
	text-indent: -9000px;
	}
	
	h1.wSpecials {
	overflow: hidden;
	display: block; height: 30px; background: url(images/title-weeklySpecial.gif) no-repeat;
	text-indent: -9000px;
	}
	
	h1.wedSpecial {
	overflow: hidden;
	display: block; height: 30px; background: url(images/title-wednesdaySpecial.gif) no-repeat;
	text-indent: -9000px;
	}
	
	h1.oCoupons {
	overflow: hidden;
	display: block; height: 30px; background: url(images/title-onlineCoupons.gif) no-repeat;
	text-indent: -9000px;
	}

	#artBlistens #content h1 {
	overflow: hidden;
	display: block; height: 30px; background: url(images/title-artBaryamesListens.gif) no-repeat;
	text-indent: -9000px;
	}
	
	#employment #content h1 {
	overflow: hidden;
	display: block; height: 30px; background: url(images/title-employment.gif) no-repeat;
	text-indent: -9000px;
	}
	
	#employment #content h2 {
	overflow: hidden;
	display: block; height: 20px; background: url(images/title-employmentHistory.gif) no-repeat;
	text-indent: -9000px;
	}

	
h2 {
	padding: 0 0 5px 0; margin: 0;
	font-size: 1.8em; line-height: .8em;
}

h3 {
	padding: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #739DD3;
}

h4 {
	padding: 15px 0;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; color: #BB8748; text-transform: uppercase;
}

.monthlyTip p {
	width: 450px;
	font-size: 1.6em; color: #000; font-style: italic;
}

.monthlyTipList {
	position: relative; float: right; margin-top: -10px; padding: 0 0 15px 25px;
	width: 160px; height: 250px; border-left: 1px dashed #BB8748; z-index: 101; 
}

.monthlyTipList ul {
	position: relative; display: block; margin: 0; padding: 0;
	height: 200px; overflow: auto;
}

.monthlyTipList li {
	margin: 0; padding: 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: italic; line-height: 2em;
}

#content .monthlyTipList ul li a {
	color: #666;
}

p {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.3em; 
}

em strong {
	color: #739DD3;
}

#home #content {
	height: 295px;
	line-height: 1.4em;
}

#home h1 {
	text-transform: none;
}

#home #content p {
	width: 228px;
}

#history h1 {
	padding-left: 240px;
}

#history #content p {
	padding-left: 240px; padding-right: 10px;
}

#services #content h1 {
	overflow: hidden; 
	width: 200px; height: 30px; background: url(images/title-services.gif) no-repeat;
	text-indent: -9000px;
}


#services #content h2 {
	padding-left: 15px;
}

#services #content p {
	padding: 0 0 10px 2px; margin: 0;
}

#green #content p {
	padding: 0 0 20px 15px; margin: 0;
}

#green #content li {
	font-size:1.5em;
	padding:5px;
}

#green #content h1 {
	overflow: hidden; 
	height: 30px; background: url(images/title-baryamesCleanEarth.png) no-repeat;
	text-indent: -9000px;
}

#green #content p {
	padding:5px 0px 0px 0px;
	font-size:12px
}

#pickup #content h1 {
	overflow: hidden; 
	height: 30px; background: url(images/title-pickupAndDelivery.gif) no-repeat;
	text-indent: -9000px;
}

#pickup #content h2 {
	padding-left: 15px;
}

#pickup #content p {
	padding: 0 0 20px 15px; margin: 0;
}

#locations #content h1 {
	overflow: hidden;
	display: block; height: 35px; background: url(images/title-findALocation.gif) no-repeat;
	text-indent: -9000px;
}

#locations #content p {
	width: 480px;
}

#locations #content h2 {
	margin: 0 0 10px 0; padding: 30px 0 10px;
	clear: both; border-bottom: 1px dashed #BB8748;
	color: #739DD3;
}

#locations tr {
	font-size: 1.4em; line-height: 1.4em;
}

#locations td {
	padding: 5px 0 2px;
}

.hours {
	color: #BB8748; font-style: italic;
}

#locations table img {
	padding-bottom: 15px;
}

tr.resultsSpacer td {
	height: 1%; border-top: 1px dashed #BB8748;
}

.imageArt {
	position: absolute; top: 5px; left: 23px; z-index: 100;
	width: 245px; height: 296px; background: url(images/image-art.png);
}

.imageChuck {
	position: absolute; top: 150px; left: 575px; z-index: 100;
	width: 185px; height: 306px; background: url(images/image-chuckAndArt.png);
}

.imageCertified {
	position: absolute; top: 10px; right: 50px; z-index: 100;
	width: 158px; height: 110px;
}

#content p {
	padding: 0 0 19px 0; margin: 0;
}

.insideStroke-top {
	position: relative;
	display: block;
	height: 12px;
	background: url(images/blue-stroke-top.gif) no-repeat;
}

.insideStroke-bottom {
	position: relative; display: block; clear: both;
	height: 12px; background: url(images/blue-stroke-bottom.gif) no-repeat; 
}

.textBlock {
	position: relative; display: block; padding: 0 10px;
	border-left: 2px solid #dce6f4; border-right: 2px solid #dce6f4;
}

.textBlock p {
	margin: 0; padding: 0 10px;
}

form img { float: left; }
input { float: left; margin: 0; padding: 0; border: 0; }
input.ask { float: right; padding: 10px 83px 0 0; }
#askBaryames textarea { float: right; width: 250px; height: 90px; border: 0; margin: 0; padding: 5px 0 0 5px; background: url(images/prettyFormTextBlock.gif) no-repeat; font-family: "Times New Roman", Times, serif; font-size: 1.3em; letter-spacing: .5px; overflow-y:auto;  }
#artBlistens textarea { float: right; width: 250px; height: 90px; border: 0; margin: 0; padding: 5px 0 0 5px; background: url(images/prettyFormTextBlock.gif) no-repeat; font-family: "Times New Roman", Times, serif; font-size: 1.3em; letter-spacing: .5px; overflow-y:auto;  }
textarea { border: 0; margin: 0; padding: 5px 0 0 5px; font-family: "Times New Roman", Times, serif; font-size: 1.3em; letter-spacing: .5px; overflow:auto  }
form img.question { float: right; }

.field {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: .5px; 
	padding: 3px 2px 0px 5px;
	height: 18px;
	background-color:none;
	border-top:1px solid #CBA576;
	border-bottom:1px solid #CBA576;
	width:180px;
}

#employment textarea { float: left; width: 521px; height: 64px; background: url(images/prettyFormAreaBorders.gif) repeat-x; } 


hr {
	margin: 20px 0;
	border: 0; height: 1px; background: #739DD3;
}

.couponContainer {
	position: relative; display: block;
	height: 223px;
}

.couponPrint {
	position:relative; display: block; padding: 20px 0 10px;
	text-align: right;
}	

.coupon1, .coupon2 {
	margin: 0; padding: 0;
	width: 335px; height: 223px; background: url(images/bg-onlineCoupon.gif); display: block;
	font-family: Georgia, "Times New Roman", Times, serif; text-align: center;
}

.coupon1 { float: left; }
.coupon2 { float: right; }

.coupAmount { padding-top: 45px; font-size: 5.1em; }
.coupItem { font-size: 1.9em; text-transform: uppercase; }
.coupItem2 { font-size: 1.3em; text-transform: uppercase; }
.finePrint1, .finePrint2 { position: absolute; bottom: 10px; width: 325px; padding: 0 5px; font-family: Helvetica, Arial, sans-serif; font-size: 1em; }

.finePrint1 { left: 0; }
.finePrint2 { right: 0; }

#mods {
	clear: both;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FFF; text-align: center;
	background: url(images/content-middle.gif) center repeat-y;
	height:135px;
}

#mods img {
	border: 0;
}

#mod1Panel {
	position:absolute;
	left:8px;
	width:250px;
	padding: 15px;
}

#mod2Panel {
	position:absolute;
	left:251px;
	width:250px;
	padding: 15px;
}

#mod3Panel {
	position:absolute;
	left:493px;
	width:250px;
	padding: 15px;
}

#footer {
	padding-top: 15px;
	padding-bottom: 30px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FFF; text-align: center;
	background: url(images/content-bottom.gif) no-repeat;
}

#footer a {
	color: #FFF; text-decoration: none;
}

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

#footer ul,#footer li {
	padding: 0; margin: 0;
}

#footer li {
	float: left;
	list-style: none;
}


.error {
	background-color:#d80000;
	padding:2px;
	font-size:14px;
	margin-bottom:2px;
	width:300px;
	color:white
}

.shadowBlock {
	height:85px;
	background-image:url(/images/shadowBox.png);
	background-position:-10px -10px;
	padding:35px 50px 0px 50px;
}