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

@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('font/avgardn/avgardn-webfont.eot');
    src: url('font/avgardn/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/avgardn/avgardn-webfont.woff') format('woff'),
         url('font/avgardn/avgardn-webfont.ttf') format('truetype'),
         url('font/avgardn/avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent;
border:0;
margin:0;
padding:0;
outline:0;
vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6, p {font-style:normal; font-weight:normal;}

ol,ul {list-style:none}

:focus {outline:0;}


/*main-styles*/
body {
background-color:#333;
font-family:AvantGardeBkBTBook, Arial, Helvetica, sans-serif;
}

.clear {clear:both;}
.center {text-align:center;}


a:link, a:visited {color:#FF9; text-decoration:none;}
a:hover, a:active {color:#FFF; text-decoration:underline;}


h1 {
width:860px;
background:url(images/bg-h1.gif) repeat-x left bottom;
margin:40px 0 0 10px;
padding-bottom:15px;
font-size:25px;
color:#FFF;
line-height:30px;
text-shadow:1px 1px 3px #000;
}
h2 {
font-size:25px;
color:#FF3;
line-height:40px;
}
h3 {
font-size:18px;
color:#FFF;
line-height:30px;
}



/*framework*/
.bg-container {width:1006px; background:url(images/bg-paintbrush-middle-container.png) repeat-y; margin:auto;}
.container {
width:960px;
margin:auto;
overflow:hidden;
}
.container-padding {padding:0 20px 40px 20px;}

.container p {
/*padding:12px 0;*/
padding:5px 0 15px 0;
font-size:18px;
color:#693;
line-height:25px;
}

#paintbrush-top {
width:1006px;
height:300px;
background:url(images/bg-paintbrush-top.jpg) top no-repeat;
margin:auto;
}

#paintbrush-middle {
width:1006px;
background:url(images/bg-paintbrush-middle.png) top no-repeat;
margin:auto;
}

#logo {width:340px; height:100px; margin-left:50px; float:left;}
#logo:hover {background:url(images/logo-hover.png) no-repeat;}

/*nav*/
#nav {width:960px; margin:0 auto; overflow:hidden;}
#nav li {display:inline;}
#nav a {width:160px; height:100px; background:url(images/bg-button-v4.png) top center no-repeat; float:left; display:block; font-size:22px; color:#693; text-align:center; line-height:80px; letter-spacing:-1px;}
#nav a:hover {background-position:0 -145px; text-decoration:none; color:#FF0;}
/*end-nav*/

#header-contact {width:420px; padding-left:70px; overflow:hidden;}
#header-contact li {height:35px; background:url(images/bg-header-contact.png) no-repeat; background-position:right; padding-left:35px; display:block; font-size:25px; color:#693; line-height:40px; text-shadow:1px 1px 3px #000;}
#header-contact li#hc1 {width:185px; background-position:0 0;}
#header-contact li#hc2 {width:185px; background-position:0 -35px; margin-top: 10px; margin-bottom: 10px;}
#header-contact li#hc3 {width:385px; background-position:0 -70px;}

#header-contact, #home-contact a {color:#FF9;}


/*footer*/
#paintbrush-bottom {background:url(images/bg-footer.jpg) bottom center no-repeat; padding-bottom:10px;}

#footer {width:100%; background-color:#272727; border-top:1px solid #111; border-bottom:1px solid #444; color:#693; line-height:20px;}
#footer a {color:#FF9;}

.footer {width:920px; margin:auto; padding:10px 20px 20px 20px; overflow:hidden;}

.footer-left {width:600px; float:left; font-size:16px;}
.footer-right {width:320px; float:left; font-size:13px; text-align:right;}
/*end-footer*/
/*end-framework*/


/*home*/
#paintbrush-top-home {
width:1006px;
min-height:100px;
background:url(images/bg-paintbrush-top-home.png) top no-repeat;
margin:auto;
}

.pth-h2 {
width:420px;
padding:0 15px;
float:left;
text-align:center;
}
.pth-h2 p {padding:0;}

.home-contact {width:430px; padding-right:10px; float:left; overflow:hidden;}
.home-contact li {height:35px; background:url(images/bg-header-contact.png) no-repeat; background-position:right; padding-right:35px; float:left; display:block; font-size:25px; color:#693; text-align:right; line-height:40px; text-shadow:1px 1px 3px #000;}
.home-contact li#hc4 {width:180px; background-position:right 0;}
.home-contact li#hc5 {width:395px; background-position:right -35px;}
.home-contact li#hc6 {width:395px; background-position:right -70px;}


#paintbrush-middle-home {
width:1006px;
/*min-height:425px;*/
background:url(images/bg-paintbrush-middle-home-v2.png) top repeat-y;
margin:0 auto;
padding-top:15px;
}
#paintbrush-middle-home-2 {
width:1006px;
height:20px;
background:url(images/bg-paintbrush-middle-home-v2-2.png) top no-repeat;
margin:auto;
}

.apprenticeship {padding:20px 52px 30px 20px;}
.apprenticeship p {padding:0; font-size:16px; line-height:25px; color:#FFF;}
.apprenticeship img {
margin-left:10px;
float:right;
}

#home-gallery-left {
width:350px;
padding:0 19px;
float:left;
}

.intro-text {padding-top:50px;}
.intro-text p {line-height:22px;}
.intro-text a {color:#AAD47F;}

.h2 {
height:75px;
background:url(images/bg-h2.jpg) 0 0 no-repeat;
overflow:hidden;
}
.h2:hover {background-position:0 -80px;}
.h2:hover h2, .h2:hover p {color:#FFF;}

.h2 a {display:block;}

.h2 span {width:100px; padding-top:40px; float:left; display:block; font-size:25px; color:#FF3; text-align:center; line-height:35px;}
.h2 span.h2-p {width:180px; float:left;}
.container .h2 span.h2-p {padding:25px 0 0 20px; font-size:18px; color:#693; text-align:left; line-height:25px;}

#home-gallery {
width:500px;
height:375px;
background-color:#222;
-webkit-box-shadow:inset 0 0 5px #000;
-moz-box-shadow:inset 0 0 5px #000;
box-shadow:inset 0 0 5px #000;
padding:10px;
float:left;
}


#paintbrush-bottom-home {
width:1006px;
background:url(images/bg-paintbrush-bottom-home.png) top repeat-y;
margin:0 auto;
padding:30px 0 30px 0;
}

.paintbrush-bottom-home-left h3 {clear:both;}
.paintbrush-bottom-home-left ul {list-style:disc; padding-left:25px; float:left; font-size:16px; color:#693; line-height:19px;}

.paintbrush-bottom-home-left {width:400px; padding-left:15px; float:left; overflow:hidden;}

.paintbrush-bottom-home-right {width:505px; padding:0 20px; float:left; overflow:hidden;}

.pbh-ul {
width:160px;
padding:10px 0;
float:left;
font-size:23px;
line-height:30px;
}
.pbh-ul-green {color:#669921;}
.pbh-ul-white {color:#FFF;}

#paintbrush-bottom-home-2 {
width:1006px;
height:45px;
background:url(images/bg-paintbrush-bottom-home-2.png) top no-repeat;
margin:0 auto;
}
/*end-home*/


/*profile*/
.profile-photo {
width:300px;
height:225px;
background-color:#272727;
border:1px solid #353535;
-webkit-box-shadow:0 0 5px #000;
-moz-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
padding:9px;
float:left;
}
.profile-text {
width:580px;
float:left;
}
/*end-profile*/


/*testimonial*/
.testimonial-a {
width:542px;
margin-bottom:25px;
padding:4px;
float:left;
background-color:#272727;
}
.testimonial-a-inside {width:500px; border:1px dashed #303030; padding:5px 20px;}

.testimonial-b {
width:280px;
padding:0 0 0 30px;
float:left;
background-color:#333;
}
.testimonial-b p {color:#FF0;}
/*end-testimonial*/


/*commercial*/
.commercial-text {
width:740px;
background-color:#272727;
border:1px solid #353535;
-webkit-box-shadow:0 0 5px #000;
-moz-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
padding:9px 15px;
}

.commercial-ul {
width:auto;
list-style:circle;
padding:0 0 20px 25px;
float:left;
font-size:16px;
line-height:30px;
color:#FFF;
}
/*end-commercial*/


/**************************************************/
/*contact*/
.cd-left /*contact-details*/{
width:310px;
padding:0 10px 20px 0;
float:left;
font-size:20px;
color:#693;
text-align:right;
line-height:35px;
}
.cd-right {
width:600px;
padding:0 0 20px 0;
float:left;
font-size:20px;
color:#FFF;
text-align:left;
line-height:35px;
}


#cf {width:600px; margin:auto;}
.cf /*contact-form*/{
width:282px;
padding-top:15px;
float:left;
}
.cf-margin {margin-right:36px;}
.cf p, .cf-msg p {
padding:0 10px;
font-size:20px;
line-height:30px;
}
.cf input {
width:268px;
height:30px;
background-color:#FFF;
border:1px solid #999;
padding:4px 6px;
font:15px Arial, Helvetica, sans-serif;
color:#000;
line-height:30px;
}

.cf-msg {
width:600px;
padding-top:15px;
}
.cf-msg textarea {
width:586px;
background-color:#FFF;
border:1px solid #999;
padding:4px 6px;
font:15px Arial, Helvetica, sans-serif;
color:#000;
line-height:20px;
}

.cf-submit {padding-top:15px;}
.cf-submit input {
width:100%;
background-color:#FF3;
border:none;
text-align: center;
font:15px Arial, Helvetica, sans-serif;
color:#222;
padding:10px 0;
cursor:pointer;
}
.cf-submit input:hover {background-color:#093; color:#FFF;}

.cf input:focus, .cf-msg textarea:focus {
-webkit-box-shadow:inset 0 0 5px #000;
-moz-box-shadow:inset 0 0 5px #000;
box-shadow:inset 0 0 5px #000;
}

p.contact-thanks {
width:600px;
background-color:#FF9;
margin:0 auto;
padding-bottom:0;
display:block;
font-weight:bold;
line-height:50px;
color:#093;
text-align:center;
}
p.contact-error-message {
width:600px;
background-color:#FF9;
margin:0 auto;
padding-bottom:0;
display:block;
font-weight:bold;
line-height:50px;
color:#900;
text-align:center;
}

.contactphp {padding:20px 0; text-align:center;}
.contactphp p.notvalid {color:#FF0;}
/*end-contact*/


/**************************************************/
/*links*/
ul#links {
width:700px;
background-color:#FFF;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:0 0 10px #000000;
-moz-box-shadow:0 0 10px #000000;
box-shadow:0 0 10px #000000;
list-style:none;
margin:0 auto;
padding:25px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

ul#links a {color:#039; text-decoration:none;}
ul#links a:hover {color:#063; text-decoration:underline;}

.links-title {
width:700px;
float:left;
font-size:13px;
font-weight:bold;
line-height:30px;
}

.links-a {
width:200px;
float:left;
font-size:13px;
line-height:18px;
}
.links-b {
width:500px;
float:left;
font-size:11px;
line-height:18px;
}
/*end-links*/


/**************************************************/
/*privacy*/
.container-privacy {

    padding-right:50px;

}


.privacy-ul {
width:auto;
list-style:circle;
padding:0 0 20px 25px;
font-size:16px;
line-height:30px;
color:#FFF;
}
/*end-privacy*/


.sitemap {list-style:circle; padding:20px; font-size:16px; color:#FF9; line-height:20px}


.slideshow-container {
width:700px;
height:525px;
background-color:#272727;
border:1px solid #353535;
-webkit-box-shadow:0 0 5px #000;
-moz-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;

margin:auto;
padding:10px;

position:relative;
clear:both;
}
.slideshow-container img {position:absolute; top:0; left:0;}

.navigation-container {
width:904px;
height:77px;
background-color:#323232;
-webkit-box-shadow:inset 0 2px 4px #000;
-moz-box-shadow:inset 0 2px 4px #000;
box-shadow:inset 0 2px 4px #000;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
margin:20px auto 0 auto;
padding:10px 18px;
}


.navigation {}

.navigation a.pageLink {
width:40px;
height:40px;
background:url(images/gallery/gallery-arrows.png) no-repeat;
margin-top:18px;
float:left;
display:block;
line-height:40px;
}
.navigation a.prev {background-position:0 0;}
.navigation a.prev:hover {background-position:0 -40px;}

.navigation a.next {background-position:0 -80px; margin-left:14px;}
.navigation a.next:hover {background-position:0 -120px;}

ul.thumbs {float:left;}
ul.thumbs li {float:left;}
a.thumb {display:block;}
ul.thumbs img {background-color:#272727; border:1px solid #444; margin-left:13px; display:block;}



div.loader {background:url(images/gallery/loader.gif) center no-repeat;}

/*
div.content {
display: none;
clear: both;
}
*/



div.slideshow a.advance-link {width:700px; height:525px; position:absolute; display:block; text-decoration:none; line-height:525px; text-align:center;}

div.controls {}
div.controls a {}
div.ss-controls {}
div.nav-controls {}
/*
div.loader, div.slideshow a.advance-link {
width:700px; 
height:525px;
}
*/

div.slideshow span.image-wrapper {
position:absolute;
display:block;
}/*
div.slideshow a.advance-link {
display:block;
line-height:525px;
text-align:center;
}*/


/*
div.caption-container {}
span.image-caption {}
div.caption-container, span.image-caption {}
div.caption {}
div.photo-index {}
*/



div.pagination {}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:block;}
div.pagination span.current {font-weight:bold;}
div.pagination span.ellipsis {border:none; padding:5px 0 3px 2px;}

div.gallery-gutter {
clear:both;
padding-bottom:20px;
}