/*-----------------------------------------------------------------------------
Title:             J&K Plumbing Stylesheet
Author:            dave@davemcnally.net
Date/Version:      November 2009
-----------------------------------------------------------------------------*/


@import url("reset.css");

body                         { background: #0f0f0f url('img/bodybg.gif'); font-family: 'Helvetica', Verdana, 'Trebuchet MS', sans-serif; color: #e8e8e8; line-height: 1.5; }
.wrapper                     { margin: 0 auto; width: 1000px; }
.clear                       { clear: both; }

#topbar                      { height: 10px; background: #000 url('img/topbar.png') repeat-x; }

#logo                        { text-indent: -99999px; float: left; margin: -10px 0 0 0; position: fixed; top: 0; }
h1 a:link, h1 a:visited      { display: block; background: url('img/logo.png') no-repeat top left; width: 80px; height: 350px; }
h1 a:hover, h1 a.hover       { background-position: -80px 0; } /*---- hover class for blend plugin ----*/

#content                     { width: 900px; float: right; margin-top: 20px; }

#intro                       { text-indent: -9999px; background: url('img/intro.png') no-repeat top left; margin-bottom: 30px; height: 175px; }

#services h2                 { text-indent: -9999px; background: url('img/title_services.png') no-repeat top left; height: 60px; margin-bottom: 20px; }
.column                      { float: left; width: 180px; font-size: 16px; color: #ffb432; }
.column li                   { background: url('img/spanner.png') no-repeat 0 50%; padding-left: 30px; margin-top: 6px; }
.column span                 { color: #e8e8e8; }
.column span a               { color: #e8e8e8; text-decoration: underline; }

#gallery                     { margin-top: 40px; }
#gallery h2                  { text-indent: -9999px; background: url('img/title_gallery.png') no-repeat top left; height: 60px; margin-bottom: 20px; }
#frame                       { background: #ffb432; padding: 10px; }
#galleria                    { margin: 0; padding: 0; }

#thumbnav                    { margin: 20px 0 30px 0; font-size: 21px; color: #ffb432; }
#thumbnav a                  { color: #ffb432; }
.for1                        { background: url('img/arrow_left.png') no-repeat 0 50%; padding-left: 30px; float: left; }
.for2                        { background: url('img/arrow_right.png') no-repeat right 50%; padding-right: 30px; float: right; }

#contact                     { margin: 40px 0; }
#contact h2                  { text-indent: -9999px; background: url('img/title_contact.png') no-repeat top left; height: 60px; margin-bottom: 30px; }
#contact p                   { font-size: 20px; }
#theinfo                     { float: left; width: 460px; }
#themap                      { float: right; width: 400px; }

#myname, #myphone,
#myemail a                   { color: #ffb432; }
#myemail a                   { text-decoration: underline; }

#myname                      { margin-top: 30px; background: url('img/contacticon_name.png') no-repeat 0 50%; padding-left: 30px; }
#myphone                     { background: url('img/contacticon_phone.png') no-repeat 0 50%; padding-left: 30px; }
#myemail                     { margin-bottom: 30px; background: url('img/contacticon_email.png') no-repeat 0 50%; padding-left: 30px; }

#perks                       { text-indent: -9999px; background: url('img/perks_banner.png') no-repeat top left; height: 70px; margin-bottom: 20px; }

#copyrights                  { font-size: 14px; margin-bottom: 20px; font-style: italic; }
#copyrights a                { color: #e8e8e8; }
#copyrights a:hover          { text-decoration: underline; }
#copy                        { float: left; }
#design                      { float: right; }

#gassafe                     { margin-top: 20px; }