@charset "UTF-8";
/* CSS Document */

body { background: #000; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0; position: relative; }
body.index { background: #000 url("../img/trouble-home.jpg") no-repeat fixed 182px 7px; }
body.about { background: #000 url("../img/trouble-about.jpg") no-repeat fixed 68px 357px; }
body.process { background: #000 url("../img/trouble-process.jpg") no-repeat fixed  71px 360px; }
body.BBgallery { background: #000 url("../img/trouble-gallery.jpg") no-repeat fixed 44px 358px; }
body.wheretobuy { background: #000 url("../img/trouble-wheretobuy.jpg") no-repeat fixed 38px 363px; }

a:focus { outline: none; }
h1, h1 a { color: #fff; display: block; text-indent: -9999px; width: 243px; height: 117px; margin: 0; padding: 0; background: url("../img/header.gif") no-repeat; }

#left { position: fixed; left: 59px; top: 52px; width: 243px; }
#left .nav { margin: 11px auto 0; text-align: center; width: 195px; height: 185px; background: url("../img/blackandblueNav.gif") no-repeat -389px 0; }
#left .nav ul { list-style-type: none; list-style-position: outside; margin: auto; padding: 0; text-align: center; text-indent: -9999px; }
#left .nav ul li { float: left; }
#left .nav ul li a { display: block; width: 195px; height: 34px; }
#left .nav ul li.bAndB { border-top:1px solid #333; font-family:Helvetica, Arial, sans-serif; font-size:9px; letter-spacing:1px; margin-top:5px; padding-top:15px; text-decoration:none; text-indent:0; text-transform:uppercase; }
#left .nav ul li.bAndB a { color: #999; text-decoration: none; }
#left .nav ul li.bAndB a:hover { color: #fff; }

#left .nav ul li.about:hover { background: url("../img/blackandblueNav.gif") -194px 0; }
#left .nav ul li.about-active { background: url("../img/blackandblueNav.gif") 1px 0; cursor: default; }
#left .nav ul li.process:hover { background: url("../img/blackandblueNav.gif") -194px 106px; }
#left .nav ul li.process-active { background: url("../img/blackandblueNav.gif") 1px 106px; }
#left .nav ul li.gallery:hover { background: url("../img/blackandblueNav.gif") -194px 72px; }
#left .nav ul li.gallery-active { background: url("../img/blackandblueNav.gif") 1px 72px; }
#left .nav ul li.where:hover { background: url("../img/blackandblueNav.gif") -194px 38px; }
#left .nav ul li.where-active a { background: url("../img/blackandblueNav.gif") -584px 38px; cursor: default; }

#right-content { padding: 0 0 10px; }
#right-content.about { width: 550px; padding: 37px 44px 30px; position: absolute; left: 382px; top: 76px; border-top: 3px double #232323; border-bottom: 3px double #232323; }
#right-content p { font-size: 14px; line-height: 28px; margin-bottom: 25px; }
#right-content.process p { font-size: 12px; line-height: 24px; }
#right-content.wheretobuy, #right-content.process { width: 650px; position: absolute; left: 384px; top: 55px; }
.demo, .info { width: 650px; position: absolute; left: 384px; top: 78px; }
#right-content.wheretobuy a, .info a { color: #fff; text-decoration: none; border-bottom: 1px dotted #eee; }
#right-content.wheretobuy a:hover, .info a:hover { border-bottom: 1px solid #eee; }

dl { margin: 0 0 22px; padding: 0; }
dt { font-size: 20px; padding: 0; margin: 0 0 1px; }
dd { font-size: 14px; padding: 0; margin: 0; }
.pole { margin: 0 4px; color: #555; }

#photographykairegan { width: 16px; height: 116px; text-indent: -9999px; background: url("../img/photographyKaiRegan.gif") no-repeat; position: fixed; left: 16px; top: 600px; }
#photographykairegan a { display: block; width: 16px; height: 116px; }
#photographykairegan a:hover {  background: url("../img/photographyKaiRegan.gif") -17px 0; }



/* gallery */

.galleria { list-style: none; width: 200px; background: #fff; }
 ul.galleria { padding: 0; }
.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img { cursor: pointer; }
.galleria li.active div img, .galleria li.active div { display: block; margin: 0; padding: 0; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption { display: block; padding-top: .5em; }
* html .galleria li div span { width: 400px; } /* MSIE bug */


/* store */

ul#shop { padding: 0; margin: 0; list-style-type: none; list-style-position: outside; }
ul#shop li { color: #101010; float: left; width: 200px; background: url("../img/itemBG.gif") no-repeat; height: 232px; margin: 0 24px 21px 0; }
ul#shop li.last { margin: 0 0 21px 0; }
ul#shop li div { position: relative; }
ul#shop li div p { /*position: absolute; top: 103px; margin-left: 12px;*/ margin: 5px 0 0 12px; width: 180px; font-size: 10px; line-height: 15px; }
ul#shop li div span.paypal-btn { position: absolute; left: 53px; top: 196px; width: 96px; height: 21px; }
ul#shop li div p strong { font-size: 12px; }
i.price { color: #333; font-weight: bold; font-size: 11px; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
i.dollar { color: #333; font-size: 9px; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; position: relative; top: -1px; }
div.note { border-top: 1px solid #312f2f; padding: 20px 44px 10px; margin-top: 10px; font-size: 12px; }
#right-content > p.warranty { text-align: center; color: #9d9d9d; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#right-content p.intro { font-size: 18px; }