/* theflow.cc template / (c) 2008, 2009 Wolf-Dieter Grabner, theflow.cc */

/*---:{ style reset }:---*/ 
* { padding: 0; margin: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { }  /* WD line-height: 1; */
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*---:{ page setup }:---*/ 
html { height: 100%; }
body { color: #fff; font: 62.5% 'Trebuchet MS', Helvetica, Arial, sans-serif; min-width: 920px; height: 100%; background: #4c0d22; height: 100%; }
#page { width: 920px; height: 100%; margin: 0 auto; }
p { margin-top: 1em; }
a { color: #fff; }
.pp_description { color: #fff; font-size: 1.16em; }

/*---:{ navigation elements }:---*/
#clickarea { width: 600px; height: 900px; float: left; }
#clickimage  { width: 600px; height: 900px; display: block; }
#nav_portraits { width: 160px; float: left; }
a#lnk_bikes { margin: 0 0 0 13px; width: 58px; height: 53px; background: transparent url('/img/buttons-v005.png') 0px -53px no-repeat; display: block; float: left; }
a#lnk_bikes:hover, a#lnk_bikes.active { background: transparent url('/img/buttons-v005.png') 0px 0px no-repeat; }
a#lnk_portraits { margin: 0 10px 0 0px; width: 76px; height: 53px; background: transparent url('/img/buttons-v005.png') -90px -53px no-repeat; display: block; float: left; }
a#lnk_portraits:hover, a#lnk_portraits.active { background: transparent url('/img/buttons-v005.png') -90px 0px no-repeat; }
#thumbs { width: 63px; float: left; margin: 7px 25px 0 72px; }
#thumbs a { background: transparent url('/img/buttons-v005.png') -69px -78px no-repeat; width: 9px; height: 9px; display: block; float: left; }
#thumbs a:hover { background: transparent url('/img/buttons-v005.png') -69px -25px no-repeat; }
#thumbs img { display: none; }
a#lnk_customers { width: 90px; height: 53px; background: transparent url('/img/buttons-v005.png') -166px -53px no-repeat; display: block; float: left; }
a#lnk_customers:hover, a#lnk_customers.active { background: transparent url('/img/buttons-v005.png') -166px 0px no-repeat; }
a#lnk_contact { width: 70px; height: 53px; background: transparent url('/img/buttons-v005.png') -256px -53px no-repeat; display: block; float: left; }
a#lnk_contact:hover, a#lnk_contact.active { background: transparent url('/img/buttons-v005.png') -256px 0px no-repeat; }

/*---:{ images }:---*/
#index #page { background: url('/img/index-bg.jpg') top center no-repeat; }
#index #background { width: 920px; height: 908px; margin: 0 auto; background: url('/img/index-img.jpg') top center no-repeat; }
#index #text { width: 920px; height: 908px; margin: 0 auto; background: transparent  url('/img/index-text.png') top center no-repeat; }

#customers #page { background: url('/img/customers-bg.jpg') top center no-repeat; }
#customers #background { width: 920px; height: 908px; margin: 0 auto; background: url('/img/customers-img.jpg') top center no-repeat; }
#customers #text { width: 920px; height: 908px; margin: 0 auto; background: transparent url('/img/customers-text.png') top center no-repeat; }

#contact #page { background: url('/img/contact-bg.jpg') top center no-repeat; }
#contact #background { width: 920px; height: 908px; margin: 0 auto; background: url('/img/contact-img.jpg') top center no-repeat; }
#contact #text { width: 920px; height: 908px; margin: 0 auto; background: transparent url('/img/contact-text.png') top center no-repeat; }

#bikes #page { background: url('/img/bikes-bg.jpg') top center no-repeat; }
#bikes #background { width: 920px; height: 908px; margin: 0 auto; background: url('/img/bikes-img.jpg') top center no-repeat; }
#bikes #text { width: 920px; height: 908px; margin: 0 auto; background: transparent url('/img/bikes-text.png') top center no-repeat; }