/* JOHNNY STYLES */

body {margin: 0; padding: 0; background: #000 url(../images/page-bg.jpg) no-repeat 0 0; font:  76% "Trebuchet MS", Verdana, sans-serif; color: #E9C8A3;}
img {border: none;}
a {color:#FF0066;}
a:visited {color: #FF0000;}
a:hover {text-decoration: none;}

h1 {margin: 0; padding: 0; font-size: 1.6em; font-weight: bold; color: #CCCC00; display: inline;}

.logo {float: left; width: 350px; height: 44px; margin: 25px 0 0 95px; background: url(../images/johnny-logo.png) no-repeat 0 0;}
* html .logo {background-image: url(../images/johnny-logo.gif);}
*+html .logo {background-image: url(../images/johnny-logo.gif);}
#container {width: 1000px; margin: 0;}
#header {float: left; width: 1000px; height: 85px;}
#left {float: left; width: 645px; padding-left: 95px; font-size: 1.1em;}
#left .image {float: left; width: 645px; padding: 10px 0 10px 10px; margin-bottom: 10px; background-color: #272727;}
#left .text {float: left; width: 100%; clear: both;}
#left .left {float: left; width: 410px;padding: 10px; margin: 10px 20px 0 0; background-color: #272727;}
#left .right {float: left; width: 175px; margin-top: 5px;}
.inline {margin-right: 20px;}
.workList {margin: 0 0 50px 0; padding: 0; list-style: none; color: #999999;}
.caption {display: block; width: 600px; color: #FFF; font-size: 0.9em; margin: 5px 0;}
.gallery {margin: 0; padding: 0; list-style: none;}
.gallery li {float: left; width: 200px; text-align: center; margin: 10px 0;}

#right {float: left; width: 205px; padding-left: 35px;}
.nav {float: left; padding-top: 45px;}
.nav ul {margin: 0; padding: 0; list-style: none;}
.nav a {display: block; margin-bottom: 18px;}
* html .nav a {margin-bottom: 8px;}
.nav .content {float: left; width: 205px; background: url(../images/star-bg.gif) no-repeat 0 0; padding-top: 10px;}
* html #right {overflow: hidden;}

#footer {float: left; width: 995px; padding-left: 95px; font-size: 0.9em; margin: 20px 0 10px 0;}
#footer p {margin: 0;}

.clear {clear: both;}