@import url("reset.css");


/*

sage green: #ac9e72
brown txt" #68564a

*/

html {overflow-x: hidden;} 

body {
background: #fff;
font-family: Helvetica, Helvetica Neue, Arial,"Trebuchet MS",Jamrul,sans-serif;
color: #351e0e;
}

body#home {
/* background: url(http://www.taphandles.com/img/bg-home.jpg); */
}

a:link, a:visited, a:hover {
color: #351e0e;
}


#wrapper {
width: 1100px;
/*height: 855px; */
position: relative; top: 0px; left: 0px;
}

#home #wrapper {
/* background: url(../img/bg-home-fillerboxes.png) no-repeat 0px 98px; */
/*width: 1100px;*/
height: 1150px;
position: relative; top: 0px; left: 0px;
}

#expertise #wrapper {
height: 1150px;
position: relative; top: 0px; left: 0px;
background: url(../img/bg-expertise.png) no-repeat 100px 160px; 
}


#header {
height: 125px;
width: 1100px;
z-index: 1;
}

#home #header {position: absolute; top: 0px; left: 282px; height: 341px; width: 155px; z-index: 1;}
#site,#privacy,#sitemap,#contact,#news #header {background: url(http://www.taphandles.com/img/nav-bg-site.png) no-repeat 0px 15px; z-index: 1;}
#expertise #header {background: url(http://www.taphandles.com/img/nav-bg-expertise.png) no-repeat 0px 15px; z-index: 1;}
#identity #header {background: url(http://www.taphandles.com/img/nav-bg-identity.png) no-repeat 0px 15px; z-index: 1;}
#products #header {background: url(http://www.taphandles.com/img/nav-bg-products.png) no-repeat 0px 15px; z-index: 1;}
#products-flash #header {background: url(http://www.taphandles.com/img/nav-bg-products.png) no-repeat 0px 15px; z-index: 1;}
#identity-flash #header {background: url(http://www.taphandles.com/img/nav-bg-identity.png) no-repeat 0px 15px; z-index: 1;}
#store #header {background: url(http://www.taphandles.com/img/nav-bg-store.png) no-repeat 0px 15px; z-index: 1;}


#sitemaplinks li {padding-left: 10px; list-style-type: square;}

#subnav {position: absolute; top: 59px; left: 20px; width: 475px;}

#title {position: absolute; top: 200px; left: 25px;}

#logo {position: relative; top: 20px; left: 510px; height: 90px; width: 95px;}


#main {color: #351e0e; font-size: 11px; letter-spacing: .6px;}

#content {margin: 10px 20px 0 95px;  line-height: 22px; width: 500px;}
#contact #content  {margin: 50px 20px 0 150px;  line-height: 22px; width: 850px; height: 585px}
#privacy #content {margin: 10px 20px 0 20px;  line-height: 22px; width: 850px;}
#sitemap #content {margin: 10px 20px 0 30px;  line-height: 22px; width: 850px;}
#products-flash #content {margin: 0 20px 0 0; line-height: 22px; width: 1900px;}
#identity-flash #content {margin: 0 20px 0 0; line-height: 22px; width: 1900px;}
#content-home {position: absolute; left: 47px; top: 355px;  line-height: 22px; width: 377px; height: 315px; color: #fff; background: url(../img/bg-home-menu.png) no-repeat;}

/*#content-home {position: absolute; left: 258px; top: 99px;  line-height: 22px; width: 381px; height: 381px; color: #fff; background: url(../img/bg-home-menu.png) no-repeat;}*/

/* #content-home img {border: 1px solid gray} */

#subnav ul li {margin-top: 7px; margin-right: 10px;} 
#subnav ul li ul {margin-top: 5px} 
#subnav ul li ul li {padding-right: 10px} 

/* TEXT STYLES */

h2 {font-size: 24px; text-transform: uppercase; letter-spacing: normal;}
#content h2 {font-size: 24px; text-transform: uppercase; letter-spacing: normal;}
#content h3 {font-size: 18px;}

/* HOME */


#home-stage1 {position: absolute; top: 353px; left: 808px; width: 154px; height: 154px; } /* Signage */
#home-stage2 {position: absolute; top: 25px; left: 480px; width: 154px; height: 154px; } /* Forbidden Peak */
#home-stage3 {position: absolute; top: 189px; left: 645px; width: 154px; height: 154px; } /* Tap Handles */ 
#home-stage4 {position: absolute; top: 353px; left: 645px; width: 154px; height: 154px; } /* Thunder Road */ 
#home-stage5 {position: absolute; top: 189px; left: 808px; width: 154px; height: 154px; } /* Chalkboards */
#home-stage6 {position: absolute; top: 189px; left: 480px; width: 154px; height: 154px; } /* Decade IPA */ 
#home-stage7 {position: absolute; top: 25px; left: 645px; width: 154px; height: 154px; } /* Lazy Boy */ 
#home-stage8 {position: absolute; top: 517px; left: 645px; width: 154px; height: 154px; } /* Displays */
#home-stage9 {position: absolute; top: 353px; left: 480px; width: 154px; height: 154px; } /* Miscellaneous */
#home-stage10 {position: absolute; top: 517px; left: 480px; width: 154px; height: 154px; } /* Big Al */ 
#home-stage11 {position: absolute; top: 517px; left: 808px; width: 154px; height: 154px; } /* Expertise */


#homenav1 {position: relative; top: 40px; left: 227px; height: 30px; width: 150px; } /* Expertise */
#homenav2 {position: relative; top: 45px; left: 227px; height: 30px; width: 150px; } /* Store */
#homenav3 {position: relative; top: 57px; left: 227px; height: 30px; width: 150px; } /* Contact */
#homenav4 {position: relative; top: 0px; left: 118px; height: 60px; width: 260px; } /* Identity */
#homenav5 {position: relative; top: 0px; left: 3px; height: 20px; width: 375px; } /* Identity - Subnav */
#homenav6 {position: relative; top: 15px; left: 75px; height: 60px; width: 300px; } /* Products */
#homenav7 {position: relative; top: 23px; left: 0px; height: 20px; width: 375px; } /* Products - Subnav */

/* IDENTITY */

div#nav-id-ro1 a:link {background: url(../img/id-nav-thunderroad-off.png) no-repeat;  }
div#nav-id-ro1 a:visited {background: url(../img/id-nav-thunderroad-off.png) no-repeat; }
div#nav-id-ro1 a:hover {background: url(../img/id-nav-thunderroad-on.png) no-repeat; }
div#nav-id-ro2 a:link {background: url(../img/id-nav-bigal-off.png) no-repeat; }
div#nav-id-ro2 a:visited {background: url(../img/id-nav-bigal-off.png) no-repeat; }
div#nav-id-ro2 a:hover {background: url(../img/id-nav-bigal-on.png) no-repeat; }
div#nav-id-ro3 a:link {background: url(../img/id-nav-lazyboy-off.png) no-repeat; }
div#nav-id-ro3 a:visited {background: url(../img/id-nav-lazyboy-off.png) no-repeat; }
div#nav-id-ro3 a:hover {background: url(../img/id-nav-lazyboy-on.png) no-repeat; }
div#nav-id-ro4 a:link  {background: url(../img/id-nav-forbiddenpeak-off.png) no-repeat; }
div#nav-id-ro4 a:visited {background: url(../img/id-nav-forbiddenpeak-off.png) no-repeat; }
div#nav-id-ro4 a:hover {background: url(../img/id-nav-forbiddenpeak-on.png) no-repeat; }
div#nav-id-ro5 a:link {background: url(../img/id-nav-decadeipa-off.png) no-repeat; }
div#nav-id-ro5 a:visited {background: url(../img/id-nav-decadeipa-off.png) no-repeat; }
div#nav-id-ro5 a:hover {background: url(../img/id-nav-decadeipa-on.png) no-repeat; }


/* PRODUCT */
#product-menu { 
position: absolute; top: 310px; left: 139px;
/*height: 160px; width: 160px; */ 
}


#product-menu img { 
height: 24px;

}

#product-menu a { 
height: 24px;
display: block;
padding-bottom: 15px
}


#product-menu-item { 

}

#product-grid { 
position: absolute; top: 135px; left: 530px;  width: 680px; 
/*background: url(../img/bg-products.png) no-repeat top left;*/
}

.prodgrid1 {position: absolute; top: 0px; left: 3px; z-index: 300;}
.prodgrid2 {position: absolute; top: 2px; left: 337px; z-index: 300; }
.prodgrid3 {position: absolute; top: 168px; left: 169px; z-index: 300; }
.prodgrid4 {position: absolute; top: 335px; left: 2px; z-index: 300; }
.prodgrid5 {position: absolute; top: 335px; left: 337px; z-index: 300; }
.prodgridtile {width: 162px; height: 162px; border: 0}
.prodgridtile1 {width: 162px; height: 163px; border: 0}

#product-grid-row {
width: 680px;
height: 167px;
}

#product-grid-square-on {
height: 162px; width: 162px; background: #ccc; float: left; margin: 4px 3px 0 1px;
z-index: 200;
}

#product-grid-square-off {
height: 167px; width: 170px; float: left;
}

#product-text {
position: absolute; left: 160px; top: 505px; width: 330px; 
line-height: 18px; 
font-size: 10.5px; 
color: #68564a; 
/* letter-spacing: 0.06em; */
text-align: justify;
}

div#nav-prod-ro1 a:link {background: url(../img/prod-nav-taphandles-off.png) no-repeat; }
div#nav-prod-ro1 a:visited {background: url(../img/prod-nav-taphandles-off.png) no-repeat; }
div#nav-prod-ro1 a:hover {background: url(../img/prod-nav-taphandles-on.png) no-repeat; }
div#nav-prod-ro2 a:link {background: url(../img/prod-nav-signage-off.png) no-repeat; }
div#nav-prod-ro2 a:visited {background: url(../img/prod-nav-signage-off.png) no-repeat; }
div#nav-prod-ro2 a:hover {background: url(../img/prod-nav-signage-on.png) no-repeat; }
div#nav-prod-ro3 a:link {background: url(../img/prod-nav-chalkboards-off.png) no-repeat; }
div#nav-prod-ro3 a:visited {background: url(../img/prod-nav-chalkboards-off.png) no-repeat; }
div#nav-prod-ro3 a:hover {background: url(../img/prod-nav-chalkboards-on.png) no-repeat; }
div#nav-prod-ro4 a:link  {background: url(../img/prod-nav-displays-off.png) no-repeat; }
div#nav-prod-ro4 a:visited {background: url(../img/prod-nav-displays-off.png) no-repeat; }
div#nav-prod-ro4 a:hover {background: url(../img/prod-nav-displays-on.png) no-repeat; }
div#nav-prod-ro5 a:link {background: url(../img/prod-nav-misc-off.png) no-repeat; }
div#nav-prod-ro5 a:visited {background: url(../img/prod-nav-misc-off.png) no-repeat; }
div#nav-prod-ro5 a:hover {background: url(../img/prod-nav-misc-on.png) no-repeat; }





/* IDENTITY */

.idgrid1 {position: absolute; top: 0px; left: 1px; z-index: 300;}
.idgrid2 {position: absolute; top: 0px; left: 335px; z-index: 300; }
.idgrid3 {position: absolute; top: 168px; left: 170px; z-index: 300; }
.idgrid4 {position: absolute; top: 335px; left: 0px; z-index: 300; }
.idgrid5 {position: absolute; top: 335px; left: 335px; z-index: 300; }
.idgridtile {width: 162px; height: 162px; border: 0}
.idgridtile1 {width: 162px; height: 163px; border: 0}


/* FOOTER */

#footer {
position: absolute; top: 680px; left: 0px;
width: 1100px;
height: 135px;
background: url(http://www.taphandles.com/img/bg-footer.png) no-repeat 15px 5px;
color: #ac9e72;
font-family: Helvetica, Arial,"Trebuchet MS",Jamrul,sans-serif;
}

/*

#home #footer  {
position: absolute; top: 720px; left: 0px;
width: 1100px;
height: 135px;
background: url(http://www.taphandles.com/img/bg-footer-home.png) no-repeat 15px 5px;
color: #ac9e72;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

*/

#expertise #footer {
position: absolute; top: 1033px; left: 0px;
width: 1100px;
height: 135px;
background: url(http://www.taphandles.com/img/bg-footer.png) no-repeat 15px 5px;
color: #ac9e72;
font-family: Helvetica, Arial,"Trebuchet MS",Jamrul,sans-serif;
}

#privacy #footer {
position: relative; top: 1160px; left: 0px;
width: 1100px;
height: 135px;
background: url(http://www.taphandles.com/img/bg-footer.png) no-repeat 15px 5px;
color: #ac9e72;
font-family: Helvetica, Arial,"Trebuchet MS",Jamrul,sans-serif;
}

#identity-flash #footer {
position: absolute; top: 705px; left: 0px;
width: 1100px;
height: 135px;
background: url(http://www.taphandles.com/img/bg-footer.png) no-repeat 15px 5px;
color: #ac9e72;
font-family: Helvetica, Arial,"Trebuchet MS",Jamrul,sans-serif;
}

#products-flash #footer {
position: absolute; top: 705px; left: 0px;
width: 1100px;
height: 135px;
background: url(http://www.taphandles.com/img/bg-footer.png) no-repeat 15px 5px;
color: #ac9e72;
font-family: Helvetica, Arial,"Trebuchet MS",Jamrul,sans-serif;
}

#ftr-menu {position: absolute; top: 40px; left: 27px; background: url(http://www.taphandles.com/img/ftr-menu.png) no-repeat; height: 15px;}
/* #home #ftr-menu {position: absolute; top: 40px; left: 27px; background: url(http://www.taphandles.com/img/ftr-menu-home.png) no-repeat; height: 15px;} */
#ftr-menu-nonews {position: absolute; top: 40px; left: 27px; background: url(http://www.taphandles.com/img/ftr-menu-nonews.png) no-repeat; height: 15px;}
/* #home #ftr-menu-nonews {position: absolute; top: 40px; left: 27px; background: url(http://www.taphandles.com/img/ftr-menu-home-nonews.png) no-repeat; height: 15px;} */

.ftr-address {
position: absolute; top: 55px; left: 27px;
font-size: 9.5px;
line-height: 16px;
}



.ftr-menu-item {
height: 15px; float:left;
}

.ftr-pdf {
position: absolute; top: 60px; left: 590px;
}

/* HACKS */

img.preload  {display: none}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}	

/*  BLOG */

#sidebar {width: 300px; float: right; padding-right: 130px;}
#sidebar h2  {font-size: 16px; text-transform: uppercase; letter-spacing: normal;}

#excerpt {padding-bottom: 25px}