/* @override http://www.pedaledesign.com/css/style.css */
body { background: #7f7f6a; color: #121b12; text-align: right; margin: 1.5em .5em 2em 0; font: 10px/1.5 Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif; overflow: auto }

.wrapper { background: url(../images/background.jpg) no-repeat top right; width: 809px; text-align: left; margin: 0 0 0 auto; float: right }
.background { background: url(../images/background-mystery.jpg) no-repeat top right; width: auto; height: 650px; margin: 0 809px 0 0 }

a { color: #4c6f4a; }

h1, .h { text-indent: -9999px; height: 0 }
h1 { height: 100px; line-height: 100px; margin-left: 460px }
h1 a { height: 100px; line-height: 100px; display: block; width: 325px }
h2.h { width: 275px }
h2.hello { background: url(../images/h-hello.jpg) no-repeat; height: 100px }
h2.information { background: url(../images/h-information.jpg) no-repeat; height: 52px }
h2.pedalestore { background: url(../images/h-pedalestore.jpg) no-repeat; height: 55px }
h2.portfolio { background: url(../images/h-portfolio.jpg) no-repeat; height: 53px }

.side-col { height: 475px; width: 275px; color: #445138; float: left }
#portfolio .side-col { width: 296px; background: url(../images/background-port.gif) no-repeat right 55px }

.upto { background: url(../images/side-upto.jpg) no-repeat; height: 142px; width: 168px; margin: 0 0 0 25px; padding: 60px 15px 0 17px }
.upto p { height: 120px; overflow: hidden; text-align: right }
.featured { background: url(../images/side-featuredwork.gif) no-repeat; width: 200px; height: 128px; padding: 16px 0 0 15px; margin: 0 0 0 25px }

.port-id { background: url(../images/side-port-id.gif) no-repeat; width: 275px; height: 89px }
.port-posters { background: url(../images/side-port-posters.gif) no-repeat; width: 275px; height: 81px }
.port-print { background: url(../images/side-port-print.gif) no-repeat; width: 275px; height: 84px }
.port-art { background: url(../images/side-port-art.gif) no-repeat; width: 275px; height: 83px }
.port-weddings { background: url(../images/side-port-weddings.gif) no-repeat; width: 296px; height: 85px }

.bio { background: url(../images/side-bio.gif) no-repeat; height: 373px; width: 182px; margin: 0; padding: 50px 60px 0 33px }
.bio p { height: 423px; overflow: hidden }

.main-content { width: 494px; float: right; padding: 55px 28px 0 12px }
#portfolio .main-content { width: 480px; padding: 69px 33px 0 0 }
#hello .main-content { width: 534px; padding: 55px 0 0 }
#pedalestore .main-content { height: 420px; background: url(../images/background-pages.gif) no-repeat left bottom }
#portfolio .main-content { height: 406px; background: url(../images/background-pages.gif) no-repeat -21px bottom }
#information .main-content { height: 406px; background: url(/images/background-info.gif) no-repeat 0 69px }
#information .main-content p { text-align: center }

.main-nav { margin-left: 107px; height: 75px; clear: left }
.main-nav li { float: left; height: 30px; line-height: 30px }
.main-nav a { height: 30px; line-height: 30px; display: block }
.main-nav li.portfolio { background: url(../images/nav-portfolio.gif) no-repeat; width: 159px }
.main-nav li.pedalestore { background: url(../images/nav-pedalestore.gif) no-repeat; width: 205px }
.main-nav li.pedaleblog { background: url(../images/nav-pedaleblog.gif) no-repeat; width: 205px }
.main-nav li.information { background: url(../images/nav-information.gif) no-repeat; width: 193px }

.tabs { position: absolute; top: 523px }
.tab1 { background: url(../images/tab1.gif) no-repeat; width: 23px }
.tab2 { background: url(../images/tab2.gif) no-repeat; width: 22px }
.tab3 { background: url(../images/tab3.gif) no-repeat; width: 23px }
.tab4 { background: url(../images/tab4.gif) no-repeat; width: 23px }
.tab5 { background: url(../images/tab5.gif) no-repeat; width: 21px }
.tab6 { background: url(../images/tab6.gif) no-repeat; width: 21px }
.t { height: 26px; display: block; float: left; margin-top: 7px; background-position: 0 -6px; cursor: pointer }
/* .t:hover { background-position: 0 -7px } */
.t:active { background-position: 0 -5px }
.tcurrent, .tcurrent:hover, .tcurrent:active { background-position: 0 -1px }