/* Signart CSS - 19 June 2008
   Erwin Raaphorst - on6162.co.nz */

html{ overflow-y:scroll; } /* always display scrollbar in FF */

html, body, blockquote {
 border:0;
 margin:0;
 padding:0;
 }

body {
 background:#21242d url(../bg/bg.png) repeat;
 font:76%/1.25 arial, helvetica, sans-serif;
 color:#fff;
 text-align:center;
 min-width:880px;
 }

body#enter { background:url(../bg/bgenter.jpg) repeat; }

img { border:0; }
a { outline:none; }
p { margin:0.7em 0 1em 0; padding:0; }
strong { font-weight:bold; }

/* LINKS */

a { color:#84e5e7; text-decoration:none; }
a:hover{ color:#ff0; text-decoration:underline; }

/* STRUCTURE */

#page { background:url(../bg/bgpage.png) center top repeat-x; }
#pagebottom { background:url(../bg/bgpagebottom.png) center top repeat-x; }

#wrap, #footer {
 width:880px;
 margin:0 auto;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 }

.enter { margin:30px auto 0; text-indent:-9000px; }

a.bling { background:url(../bg/signart.jpg) 0 0 no-repeat; width:750px; height:590px; display:block; margin:0 auto; }
a:hover.bling { background-position:0 -590px; }

#header { background:url(../bg/bgheader.jpg) center top no-repeat; height:240px; overflow:hidden; position:relative; }

.home { width:200px; height:220px; position:absolute; top:10px; left:335px; text-indent:-9000px; }

a:hover.home  { background:url(../bg/bling.jpg) 7px -2px no-repeat; }

.awards { margin-top:30px; text-align:center; }
.awards img { padding:3px; border:1px solid #9dcfd0; margin:0 15px 10px 0; }

ul#navigation  { margin:159px 0 0 50px; }
#navigation li { float:left; width:120px; height:40px; display:block; }

#navigation a { 
 background:url(../bg/bgnav.png) left top no-repeat;
 font:1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing:.07em;
 font-variant:small-caps;
 color:#fff;
 text-decoration:none;
 height:33px;
 padding-top:7px;
 display:block;
 }
 
#navigation a:hover, #navigation .current a { background-position:left -42px; color:#ff0; }

li.work, li.contact { margin-left:20px; }
li.clients { margin-left:260px; }

#mainimage { background:url(../bg/bgmainimage.png) center top no-repeat; padding-top:40px; height:350px; }
#mainimagesub  { background:url(../bg/bgmainimagesub.png) center top no-repeat; padding-top:27px; height:113px; }

#mainimagesub img { border:1px solid #999; margin:0 auto; }

.subabout, .subwork, .subclients, .subcontact { 
 background:url(../bg/submain.jpg) 0 0 no-repeat;
 margin:0 auto;
 border:1px solid #999;
 width:740px;
 height:80px;
 }
.subwork { background-position:0 -80px; }
.subclients { background-position:0 -160px; }
.subcontact { background-position:0 -240px; }

#content { background:url(../bg/bgcontent.png) center top repeat-y;  }
.contentbottom { background:url(../bg/bgcontentbottom.png) center bottom no-repeat; height:20px; }

.pagesub { background:url(../bg/bgpagesub.png) center top no-repeat; }

.space { padding:30px 40px 0; overflow:hidden; }

.boxwrap { background:url(../bg/bgbox.png) left top repeat-y; width:800px; overflow:hidden; padding-bottom:20px; }

.boxwraptop, .boxwrapbot { background:url(../bg/boxsprite.png) left top no-repeat; height:20px; }
.boxwrapbot { background-position:left -22px; }

.article { float:left; width:510px; text-align:left; margin-left:10px; display:inline; } /*double margin ie6 hack */

.article p { padding:20px 60px 0 30px; }
p.gallery { padding:10px 0 0 22px; display:inline-block; overflow:hidden;}

.testimonials p { padding:0; margin:.5em 0 0 0; }
blockquote { margin:30px 60px 0 30px; padding-left:10px; border-left:1px solid #4c4c4c;}

.aside { float:right; width:230px; text-align:right; margin-right:10px; display:inline; }

.aside ul { padding:20px 30px; }
.aside ul.gallerylist { padding:20px 10px; }

.aside p { padding:0 30px 0 12px; }

.aside img { margin:30px 25px 0 0; border:1px solid #ff0; padding:4px; background-color:#9dcfd0;}

.aside small { margin:30px 25px 0 20px; display:block; color:#ccc; }

.aside p.map { padding:0 30px 0 23px; }

.aside .map img { padding:0; margin:0; border:none; display:block; }
 
.aside .map a { padding:3px; margin-top:10px; border:1px solid #00d9e8; display:block; width:167px; }
.aside .map a:hover { padding:1px; border:3px solid #00d9e8; }

.googlemap { margin:23px 0 0 30px; padding:3px; border:1px solid #00d9e8; }

.mainlist { margin-top:0px; font:1.1em "Trebuchet MS", Arial, helvetica, sans-serif; }
.mainlist li { background:url(../bg/bullet.png) right 8px no-repeat; padding:2px 17px 2px 0; }

.gallery a { padding:3px; border:1px solid #00d9e8; margin:5px; display:block; float:left; }
.gallery a:hover { padding:1px; border:3px solid #00d9e8; }
.gallery img { display:block; }

.gallerylist { margin-top:20px; font:1.1em "Trebuchet MS", Arial, helvetica, sans-serif; }
.gallerylist a { background:url(../images/workbutton.png) 0 0 no-repeat; display:block; width:193px; height:22px; padding:1px 17px 0 0; margin-bottom:12px; }
.gallerylist .focus a, .gallerylist a:hover { background-position: 0 -30px; text-decoration:none;  }
.gallerylist li { display:inline-block; }

.focus a { color:#ff0; }

#footer { background:url(../bg/bgfooter.png) center top no-repeat; padding-top:40px; height:70px; }

.contactdetails li { background:url(../bg/bulletstripe.png) right 3px no-repeat; display:inline; padding:0px 12px 0px 7px; }
.contactdetails li.noplus { background-image:none; }

.thanks { margin:1em 0; }

/* WEB CREDIT */
.credit { margin:10px auto; }
.credit a:link, .credit a:visited { background:url(../images/checkwhite.png) left 0 no-repeat; padding-left:17px; color:#fff; text-decoration:none; }
.credit a:hover { color:#ff0; }

/* HEADINGS */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

h1 {
 font-size:1.4em;
 padding-bottom:0.5em;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing:0.08em;
 }

.heading, .plusright { 
 background:url(../bg/bgheading.png) top left no-repeat;
 height:50px; 
 padding:0;
 margin:0 0 0 10px; 
 }
 
.plusright { background-position:bottom left; font-size:0px; }

.headingsign, .contactsign, .detailsign, .awardsign, .aboutsign, .clientsign {
 background:url(../bg/headingsigns.png) 75px 8px no-repeat;
 text-indent:-9000px;
 height:50px;
 width:200px;
 display:block;
 }

.awardsign { background-position:15px -177px; width:450px; }
.aboutsign { background-position:15px -236px; width:450px; }
.clientsign { background-position:15px -297px; width:450px; }
.contactsign { background-position:15px -52px; width:450px; }
.detailsign { background-position:40px -113px; width:200px; }

.gallerysign, .vehiclesign, .paintedsign, .trucksign, .buildingsign, .airbrushsign, .printsign { 
 background:url(../bg/gallerysigns.png) 85px 3px no-repeat; 
 text-indent:-9000px;
 width:200px;
 height:50px;
 display:block; 
 }

.vehiclesign { background-position:18px -57px; width:290px; }
.paintedsign { background-position:18px -117px; width:290px; }
.trucksign { background-position:18px -177px; width:290px; }
.buildingsign { background-position:18px -237px; width:290px; }
.airbrushsign { background-position:18px -297px; width:290px; }
.printsign { background-position:18px -357px; width:290px; }

h2 { font:1.2em "Trebuchet MS", Arial, helvetica, sans-serif; padding-left:30px; }
h3 { font-size:1em; }

/* LIST */

ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; }
.end { margin-bottom:1em; } 

/* SLIMBOX */

#lbOverlay { position:absolute; left:0; width:100%; background-color:#000; cursor:pointer; }

#lbCenter, #lbBottomContainer { position:absolute; left:50%; overflow:hidden; background:url(../bg/bgboxtile.png) center center repeat; }

.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }

#lbImage { padding:10px; margin:10px; background-repeat:no-repeat; }

#lbPrevLink, #lbNextLink { display:block; position:absolute; top:0; width:50%; outline:none; }

#lbPrevLink { background:transparent url(../images/prevlabel.gif) no-repeat 0% 15%; left:0; border-bottom:0px; }

#lbNextLink { background:transparent url(../images/nextlabel.gif) no-repeat 100% 15%; right:0; border-bottom:0px; }

#lbBottom { 
 font-family:Verdana, Helvetica, sans-serif;
 font-size:10px;
 color:#ccc;
 line-height:1.4em;
 text-align:left;
 padding:10px; 
 border-top-style:none;
}

#lbCloseLink {
 display:block;
 float:right;
 width:66px;
 height:22px;
 background:transparent url(../images/closelabel.gif) no-repeat center;
 margin:5px 0;
 border-bottom:0px;
 }

#lbCaption, #lbNumber { margin-right:71px; }
#lbCaption { font-weight: bold; }

/* CONTACT FORM */

#contactform { width:390px; }

#contactform fieldset {
 float:left;
 clear:left;
 width:100%;
 margin:1em 0 0 30px;
 padding:0;
 border-style:none;
 }

#contactform fieldset ol {
 float:left;
 clear:left;
 padding:1em 0;
 list-style:none;
 margin:0;
 }

#contactform fieldset li {
 float:left;
 clear:left;
 width:100%;
 padding-bottom:1em;
 }

#contactform label {
 position:relative;
 float:left;
 width:6em;
 margin-right:1em;
 }

label img {
 position:absolute;
 left:5.7em;  
 top:0.5em;
 }

#contactform #contactsubmit {
 float:none;
 width:auto;
 padding:0 0 1em 9.4em;
 margin:0;
 }

#contactdetails input {
 width:19em;
 border:1px #9dcfd0 solid;
 background:#1f2427;
 padding-left:0.2em;
 color:#9dcfd0;
 }

#contactdetails textarea {
 width:21em;
 height:10em;
 border:1px #9dcfd0 solid;
 background:#1f2427;
 padding-left:0.2em;
 font-family:arial, helvetica, sans-serif;
 color:#9dcfd0;
 font-size:1em;
 overflow:auto;
 }

#contactsubmit input {
 width:auto;
 margin-right:10px;
 color:#fff;
 border:1px #9dcfd0 solid;
 background-color:#1f2427;
 }
 
/* JD GALLERY */

#myGallery, #myGallerySet, #flickrGallery {
 width:720px;
 height:305px;
 z-index:5;
 border:1px solid #999;
 margin:0 auto; 
 }

.jdGallery { overflow:hidden; position:relative; }
.jdGallery img { border:0; margin:0; }

.jdGallery .slideElement {
 width:100%;
 height: 100%;
 background-color:#000;
 background-repeat:no-repeat;
 background-position:center center;
 background-image:url('img/loading-bar-black.gif');
 }

.jdGallery .loadingElement {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 background-color:#000;
 background-repeat:no-repeat;
 background-position:center center;
 background-image:url('img/loading-bar-black.gif');
 }

.jdGallery .slideInfoZone {
 position:absolute;
 z-index:10;
 width:100%;
 margin:0px;
 left:15px;
 bottom:0;
 height:45px;
 width:130px;
 background:#333;
 color:#fff;
 text-indent:0;
 text-align:left; 
 overflow:hidden;
 border:1px solid #999; border-bottom:none;
 }

* html .jdGallery .slideInfoZone { bottom:-1px; }

.jdGallery .slideInfoZone h2 {
 font-size:1em;
 padding:0;
 margin:3px 10px;
 font-variant:small-caps;
 font-weight:bold;
 color:inherit;
 }

.jdGallery .slideInfoZone p {
 padding:0;
 font-size:1em;
 margin:2px 10px;
 color:#fff;
 }