﻿
* {border:0;margin:0;padding:0;}
body {background:#111111 url(../images/bg-black.png) repeat-x;font-family:verdana;font-size:12px;color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:hover {text-decoration:underline;}
#wrapper {width:950px;margin:0 auto;}

/* body */
#header {padding:25px 0 25px 0;}
#navbar {float:right;padding:25px 0 0 0;}
#contentWrapper {clear:both;background:transparent url(../images/bg-grunge.png) no-repeat;height:548px;padding:75px 0 73px 0;}
#footer {clear:both;height:240px;background:transparent url(../images/bg-footer.png) no-repeat;padding:0 0 10px 0;}

/* content */
#contentLeft {float:left;width:435px;}
#contentRight {float:right;width:515px;height:600px;background:transparent url(../images/bg-gallery1.png) no-repeat;}
.leftWrapper {width:65%;padding:0 0 0 10px;}
.servicesHeader {padding:25px 0 0 0;}

.footerLeft {float:left;width:240px;padding:50px 150px 0 0;}
.footerMiddle {float:left;width:260px;padding:50px 0 0 0;}
.footerRight {float:right;width:235px;padding:50px 0 0 0;}

#footer ul {list-style-type:none;margin:0;padding:25px 0 0 0;}
#footer li {margin:0;padding:1px 0;color:#fff;}
#footer span {float:right;width:180px;text-align:left;}

/* navbar */
#navbar .home {display:inline-block;width:85px;height:18px;background:url(../images/btn-home.png) no-repeat;}
#navbar .home span {display: none;}

#navbar .services {display:inline-block;width:154px;height:18px;background:url(../images/btn-services.png) no-repeat;}
#navbar .services:hover {background-position:0 -18px;}
#navbar .services span {display: none;}

#navbar .gallery {display:inline-block;width:140px;height:18px;background:url(../images/btn-gallery.png) no-repeat;}
#navbar .gallery:hover {background-position:0 -18px;}
#navbar .gallery span {display: none;}

#navbar .contact {display:inline-block;width:130px;height:18px;background:url(../images/btn-contact.png) no-repeat;}
#navbar .contact:hover {background-position:0 -18px;}
#navbar .contact span {display: none;}

/* gallery */
.hoverbox {margin:90px 0 0 60px;width:400px;cursor:default;list-style:none;height:445px;}
.hoverbox a {cursor:default;}
.hoverbox a .preview {display:none;}
.hoverbox a:hover .preview {display:block;position:absolute;top:-33px;left:-45px;z-index:1;}
.hoverbox img {background:#000;color:inherit;padding:2px;vertical-align:top;width:75px;height:50px;}
.hoverbox li {background:#1e1e1e;color:inherit;display:inline;float:left;margin:5px;padding:5px;position:relative;}
.hoverbox .preview {border-color:#000;width:246px;height:304px;}

#gallery { display: none; }

#artistTabs {width: 250px; margin: 0 auto; list-style-type:none;padding:0 0 0 50px} /*Adjust width when adding/removing tabs. 150px + 50px per tab */
#artistTabs li a, #artistTabs li a:visited { color: #fff; }
#artistTabs li {color:#fff; float: left; padding: 5px 10px; margin:0;}
