body { background: #706342 url(../images/bg-overlay.jpg) center top repeat-y; font: 62.5%/1.8 "Lucida Grande", Arial, sans-serif; color: #fff; min-height: 100%; }

h2,h3 { text-transform: uppercase; color: #393630; }
h2 { font-size: 480%; }
h3 { font-size: 140%; margin-bottom: 0.5em; }

a { text-decoration: none; color: #ddd0a9; }
p { font-size: 140%; margin-bottom: 2em; }

.horizontal li { float: left; display: inline; }
.horizontal a { float: left; }
.horizontal .last { border-right: none !important; }
.hr { height: 3px; background-color: #000; margin: 0 auto 30px; }
.hr hr { display: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }


#header { width: 1024px; margin: 0 auto; }
#header .logo { background: url(../images/logo.png) center center no-repeat; width: 80px; height: 100px; display: block; text-indent: -10000px; float: left; }
#header .contact { width: 210px; margin-top: 35px; float: right; font-size: 120%; text-transform: uppercase; }
#header .contact .name,
#header .contact .address { display: block; line-height: 1.4; }

#main-nav { float: left; margin-top: 40px; }
#main-nav li { float: left; display: block; border-right: 2px solid #fff; padding: 0 20px; height: 20px; line-height: 1;}
#main-nav li.selected { padding: 0 14px; }
#main-nav a { float: left; display: block; font-size: 140%; height: 32px; padding-left: 6px; text-transform: uppercase; color: #fff; position: relative; top: -2px; }
#main-nav a .inner { display: block; float: left; padding-top: 2px; height: 30px; padding-right: 6px; }
#main-nav .selected a { background: url(../images/nav-left-cap.png) center left no-repeat; margin-top: -4px; position: relative; top: -3px; }
#main-nav .selected a .inner { background: url(../images/nav-slide-bg.png) center right no-repeat; padding-top: 12px; padding-right: 12px; padding-left: 6px; position: relative; top: -5px; }

#content { width: 1024px; margin: 0 auto 2em; }
#content .left { width: 640px; }
#content .right { width: 303px; padding-top: 3em; }
.home #content { width: 1050px; padding-left: 10px; }
.home .bottom-cap-hr { width: 1024px; }
.home p { font-size: 100%; }
.secondary #content { margin-top: 3em; }
.secondary .bottom-cap-hr { width: 1024px; }

.brand { background: url(../images/brand-bg.png) no-repeat; width: 198px; height: 198px; margin: 0 12px 8px 0; float: left; display: block; position: relative; }
.brand .identity { background-position: center center; background-repeat: no-repeat; position: absolute; left: 50%; top: -5px; width: 180px; height: 180px; margin-left: -90px; display: block; }
.brand .name { display: block; width: 100%; position: absolute; bottom: -8px; text-align: center; text-transform: uppercase; color: #fff; font-size: 140%; }
.brand .logo { display: block; position: absolute; top: 50%; left: 50%; }

.brand .palomino .logo { background-image: url(../images/brands/palomino.png); width: 148px; height: 44px; margin-top: -22px; margin-left: -74px; }
.brand:hover .palomino .logo { background-position: 0 -44px; }

.brand .kincaids .logo { background-image: url(../images/brands/kincaids.png); width: 150px; height: 56px; margin-top: -28px; margin-left: -75px; }
.brand:hover .kincaids .logo { background-position: 0 -56px; }

.brand .newport .logo { background-image: url(../images/brands/newport.png); width: 142px; height: 80px; margin-top: -40px; margin-left: -71px; }
.brand:hover .newport .logo { background-position: 0 -80px; }

.brand .stanfords .logo { background-image: url(../images/brands/stanfords.png); width: 151px; height: 36px; margin-top: -18px; margin-left: -75px; }
.brand:hover .stanfords .logo { background-position: 0 -36px; }

.brand .fondi .logo { background-image: url(../images/brands/fondi.png); width: 160px; height: 80px; margin-top: -40px; margin-left: -80px; }
.brand:hover .fondi .logo { background-position: 0 -80px; }

.brand .henrys .logo { background-image: url(../images/brands/henrys.png); width: 108px; height: 105px; margin-top: -52px; margin-left: -54px; }
.brand:hover .henrys .logo { background-position: 0 -105px; }

.brand .palisade .logo { background-image: url(../images/brands/palisade.png); width: 83px; height: 95px; margin-top: -47px; margin-left: -41px; }
.brand:hover .palisade .logo { background-position: 0 -95px; }

.brand .portland .logo { background-image: url(../images/brands/portland.png); width: 114px; height: 94px; margin-top: -47px; margin-left: -57px; }
.brand:hover .portland .logo { background-position: 0 -94px; }

.brand .newport-bay .logo { background-image: url(../images/brands/newport-bay.png); width: 98px; height: 111px; margin-top: -55px; margin-left: -49px; }
.brand:hover .newport-bay .logo { background-position: 0 -111px; }

.brand .billy-heartbeats .logo { background-image: url(../images/brands/billy-heartbeats.png); width: 141px; height: 83px; margin-top: -41px; margin-left: -70px; }
.brand:hover .billy-heartbeats .logo { background-position: 0 -83px; }

.brand .clinkerdagger .logo { background-image: url(../images/brands/clinkerdagger.png); width: 151px; height: 32px; margin-top: -16px; margin-left: -75px; }
.brand:hover .clinkerdagger .logo { background-position: 0 -32px; }

.brand .cutters-bayhouse .logo { background-image: url(../images/brands/cutters-bayhouse.png); width: 150px; height: 68px; margin-top: -34px; margin-left: -75px; }
.brand:hover .cutters-bayhouse .logo { background-position: 0 -68px; }

.brand .horatios .logo { background-image: url(../images/brands/horatios.png); width: 152px; height: 55px; margin-top: -27px; margin-left: -76px; }
.brand:hover .horatios .logo { background-position: 0 -55px; }

.brand .manzana .logo { background-image: url(../images/brands/manzana.png); width: 159px; height: 39px; margin-top: -19px; margin-left: -79px; }
.brand:hover .manzana .logo { background-position: 0 -39px; }

.brand .scotts .logo { background-image: url(../images/brands/scotts.png); width: 154px; height: 58px; margin-top: -29px; margin-left: -77px; }
.brand:hover .scotts .logo { background-position: 0 -58px; }

.brand .skates .logo { background-image: url(../images/brands/skates.png); width: 141px; height: 90px; margin-top: -45px; margin-left: -70px; }
.brand:hover .skates .logo { background-position: 0 -90px; }

.brand .stanley-seaforts .logo { background-image: url(../images/brands/stanley-seaforts.png); width: 146px; height: 96px; margin-top: -48px; margin-left: -73px; }
.brand:hover .stanley-seaforts .logo { background-position: 0 -96px; }

.brand .simon-seaforts .logo { background-image: url(../images/brands/simon-seaforts.png); width: 154px; height: 103px; margin-top: -51px; margin-left: -77px; }
.brand:hover .simon-seaforts .logo { background-position: 0 -103px; }

.brand .ryans .logo { background-image: url(../images/brands/ryans.png); width: 130px; height: 82px; margin-top: -41px; margin-left: -65px; }
.brand:hover .ryans .logo { background-position: 0 -82px; }

.brand .maggie-bluffs .logo { background-image: url(../images/brands/maggie-bluffs.png); width: 156px; height: 62px; margin-top: -31px; margin-left: -78px; }
.brand:hover .maggie-bluffs .logo { background-position: 0 -62px; }

#sidebar-top { background: url(../images/sidebar-bg-top.png) no-repeat; width: 303px; height: 11px; }
#sidebar { background-color: #000; width: 303px; }
#sidebar .inner { margin: 0 30px; padding: 10px 0; }
#sidebar h3 { color: #bfb07f; }
#sidebar p { font-size: 120%; margin-bottom: 0; padding-bottom: 1.5em; }
#sidebar-bottom { background: url(../images/sidebar-bg-bottom.png) no-repeat; width: 303px; height: 11px; }

#footer { width: 1024px; margin: 0 auto; padding-bottom: 1em; }
#footer .logo { background: url(../images/rui-logo.png) no-repeat; width: 36px; height: 37px; text-indent: -10000px; display: block; float: left; margin-right: 1em; }
#footer .copyright { float: left; margin-top: 1em; }
#footer .horizontal { float: right; }
#footer .horizontal li { display: inline; }
#footer .horizontal a { color: #fff; margin: 0.8em 1em 0 0; border-bottom: 1px solid #736849; }

/**
* CSS HACKS
**/

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #main-nav .selected a { top: -2px; }
  #main-nav .selected a .inner { padding-top: 10px; top: -4px; }
}