/* CSS Document */

html, body {
background:#1b1b1b url("../images/body-bg.gif") repeat-x left top; font-family: Lucida sans, Arial, Verdana, Helvetica, sans-serif; font-size: 84%; line-height: 1.3em; color: #fff; margin: 0; padding: 0; text-align: center;}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; padding: 0; margin: 0;}
.hide {display: none; font-size: 0px; line-height: 0px; height: 0px; padding: 0; margin: 0;}

#wrap-all { width: 900px; padding: 0; margin:0 auto;  text-align: left; background-color: #000; position: relative;  border-bottom: 3px solid #b6d433; }
#site-name {position: absolute; top: 85px; left: 100px; padding: 0; margin: 0;}

/* ==============================================
 LINK STYLES
 =============================================== */
 
a:link {color: #b6d433; text-decoration: underline;}
a:visited {color: #b6d433; text-decoration: underline;}
a:hover {color: #fff;  }


/* ==============================================
 MASTHEAD
 =============================================== */
 
#topnav { height: 40px; width: 700px; padding: 0 100px; }
#topnav ul {list-style:none; margin: 0; padding: 0; float: left;}
#topnav ul li {float: left; margin: 0; padding:0 27px 0 0;}
#topnav ul li.navtab7 {padding-right: 0;}
#topnav ul li a {display:block; float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
li.navtab1 a {background-image: url(../images/nav-home-off.gif);  width:66px; height: 40px; text-indent: -5000px;}
li.navtab1 a:hover, 
li.navtab1 a.nav-on {background-image: url(../images/nav-home-on.gif); }
li.navtab2 a {background-image: url(../images/nav-about-off.gif); width: 69px; height: 40px; text-indent: -5000px;}
li.navtab2 a:hover,
li.navtab2 a.nav-on {background-image: url(../images/nav-about-on.gif); }
li.navtab3 a {background-image: url(../images/nav-portfolio-off.gif); width: 88px; height: 40px; text-indent: -5000px;}
li.navtab3 a:hover,
li.navtab3 a.nav-on {background-image: url(../images/nav-portfolio-on.gif); }
li.navtab4 a {background-image: url(../images/nav-photography-off.gif); width: 118px; height: 40px; text-indent: -5000px; }
li.navtab4 a:hover,
li.navtab4 a.nav-on {background-image: url(../images/nav-photography-on.gif); }
li.navtab5 a {background-image: url(../images/nav-blog-off.gif); width: 58px; height: 40px; text-indent: -5000px; }
li.navtab5 a:hover,
li.navtab5 a.nav-on {background-image: url(../images/nav-blog-on.gif); }
li.navtab6 a {background-image: url(../images/nav-links-off.gif); width: 56px; height: 40px; text-indent: -5000px; }
li.navtab6 a:hover,
li.navtab6 a.nav-on {background-image: url(../images/nav-links-on.gif); }
li.navtab7 a {background-image: url(../images/nav-contact-off.gif); width: 82px; height: 40px; text-indent: -5000px; }
li.navtab7 a:hover,
li.navtab7 a.nav-on {background-image: url(../images/nav-contact-on.gif); }

/* suppress rollover flicker */
#topnav ul li.navtab1  {background-image: url(../images/nav-home-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
#topnav ul li.navtab2  {background-image: url(../images/nav-about-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
#topnav ul li.navtab3  {background-image: url(../images/nav-portfolio-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
#topnav ul li.navtab4  {background-image: url(../images/nav-photography-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
#topnav ul li.navtab5  {background-image: url(../images/nav-blog-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
#topnav ul li.navtab6  {background-image: url(../images/nav-links-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}
#topnav ul li.navtab7  {background-image: url(../images/nav-contact-off.gif); float:left; background-position: top left; background-repeat: no-repeat;  overflow: hidden;}

/* ==============================================
 CONTENT & FOOTER
 =============================================== */
 
#wrap-content { width: 700px; padding: 95px 100px 20px 100px; margin: 0; background: url("../images/bubble.gif") no-repeat left top;}

p {margin: 0; padding: 0 0 10px 0;}

#footer, .text-darkgreen {color: #637834;}
.text-green {color: #b6d433;}


h1.site-title {text-indent: -3000px; padding: 0; margin: 0; background: url(../images/breathingjuice-title.gif) no-repeat top left; height: 29px; width: 184px;}
h2.site-subtitle {text-indent: -3000px; padding: 0; margin: 0; background: url(../images/breathingjuice-subtitle.gif) no-repeat top left; height: 16px; width: 185px;}

h3.welcome,
h3.latest-photography,
h3.latest-news,
h3.bj-online,
h3.about {text-indent: -3000px; padding: 0 0 10px 0; margin: 25px 0 0 0;  height: 18px;}
h3.portfolio {text-indent: -3000px; padding: 0 0 10px 0; margin: 25px 0 0 0;  height: 18px;}
h3.photography {text-indent: -3000px; padding: 0 0 10px 0; margin: 25px 0 0 0;  height: 18px;}
h3.links {text-indent: -3000px; padding: 0 0 10px 0; margin: 25px 0 0 0;  height: 18px;}
h3.partners {text-indent: -3000px; padding: 0 0 10px 0; margin: 25px 0 0 0;  height: 18px;}
h3.contact {text-indent: -3000px; padding: 0 0 10px 0; margin: 25px 0 0 0;  height: 18px;}
h3.welcome {background: url(../images/title-welcome.gif) no-repeat top left;}
h3.latest-photography {background: url(../images/title-latest-photography.gif) no-repeat top left;}
h3.latest-news {background: url(../images/title-latest-news.gif) no-repeat top left;}
h3.bj-online {background: url(../images/title-bj-online.gif) no-repeat top left;}
h3.about {background: url(../images/title-about.gif) no-repeat top left;}
h3.portfolio {background: url(../images/title-portfolio.gif) no-repeat top left;}
h3.photography {background: url(../images/title-photography.gif) no-repeat top left;}
h3.links {background: url(../images/title-links.gif) no-repeat top left;}
h3.partners {background: url(../images/title-partners.gif) no-repeat top left;}
h3.contact {background: url(../images/title-contact.gif) no-repeat top left;}

.content-col1,
.content-col2 {width: 318px; float: left; padding: 0; margin: 0;}
.content-col1 {padding-right: 60px;}
.content-col3 {width: 700px;}

#footer ul, 
ul.nobullet {list-style: none; margin: 0; padding: 0;}
ul.nobullet li {padding: 0 0 5px 0;}


#footer {width: 700px; padding: 20px 100px; margin: 0;}
#footer ul {width: 100%;}
#footer ul li {float: left; background: url(../images/bullet.gif) no-repeat 0 5px; padding: 0 50px 0 11px; }
#footer ul li.last {padding-right: 0;}

.date {color: #a2a2a2; font-size: 101%; width: 40px; float: left; display: block;}

.logos-online {padding: 10px 0; }
.logos-online img {border: 0; padding-right: 30px;}