@charset "utf-8";
/* Dan Toward Joinery : Website Design & Code by www.SiteArt.co.uk */

body { font-family: Arial, Verdana; color: #333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size:12px; }

h1 { margin-top: 0; margin-bottom: 15px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:25px; font-weight:normal; }
h2 { margin-top: 0; margin-bottom: 20px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:16px; font-weight:bold; color:#FFF; }

A:link { text-decoration: none; font-weight:normal; color:#333; }
A:visited {text-decoration: none; font-weight:normal; color:#333; }
A:active {text-decoration: none; font-weight:normal; color:#333; }
A:hover { text-decoration: underline; font-weight:normal; color: #287188; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 7px 10px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

p { padding:0; margin-top: 0; margin-bottom:15px; }

a { outline: none; }

ul { list-style-image:url(../images/common/bulletpoint.png); margin: 0px; padding-left: 30px; padding-bottom:10px; }
li { margin-bottom:3px; }

object { outline:none; }
img { border: none; }

.clearFloat { clear: both; font-size: 0; height: 0; line-height: 0px; }

#main-con { width: 900px; margin: 0 auto; text-align:center; margin-top: 25px; }
#hd-con { height: 78px; width: 900px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
#hd-col-left { float: left; width: 375px; text-align: left; }
#hd-col-right { float: left; width: 525px; font-family: "Century Gothic", Verdana, "Lucida Sans"; color: #666; font-size: 14px; }
#hd-col-right-row1 { font-size:18px; text-align: right; padding-right: 10px; }
#hd-nav-con { padding-top:30px; text-align: right; }
.blue-txt { color: #0099CC; }
#flash-con { height: 201px; width: 898px; margin-top: 25px; }

#index-main-txt { padding-top: 20px; padding-bottom: 15px; text-align: left; padding-right: 15px; padding-left: 15px; }
#index-box1 { width:227px; height: 122px; float:left; background-image: url(../images/index/bespoke.png); background-repeat: no-repeat; padding: 30px; text-align: left; margin-right: 18px; }
#index-box1 h2 { padding-left:30px; }
#index-box2 { width:227px; height: 122px; float:left; background-image: url(../images/index/who-we-are.png); background-repeat: no-repeat; padding: 30px; margin-right: 18px; text-align: left; color: #FFF; }
#index-box2 h2 { margin-top: 0; margin-bottom: 20px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:16px; font-weight:bold; color:#333; padding-left:45px; }
#index-box3 { width:287px; height: 182px; float:left; background-image: url(../images/index/affiliations-wood-box.jpg); background-repeat: no-repeat; }
#index-boxes-con { padding-bottom: 25px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #666; }
#footer-con { padding-top: 15px; }
#footer-col-left { width: 550px; float: left; text-align: left; }
#footer-col-right { width: 350px; float: left; text-align: right; }
.copyright-txt { font-family: "Century Gothic", "Lucida Sans", Verdana; font-size: 16px; }

.nav { display: block; height: 19px; float:left; float:left; padding: 0px 9px 10px; }
.nav:hover { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #ED145B; }

#hd-nav-con A:link { text-decoration: none; font-weight:normal; color:#666; }
#hd-nav-con A:visited {text-decoration: none; font-weight:normal; color:#666;}
#hd-nav-con A:active {text-decoration: none; font-weight:normal; color:#666;}
#hd-nav-con A:hover {text-decoration: none; font-weight:normal; color: #555;}

.nav-linebreak { float:left; }

#main-content-con { text-align: left; padding-top: 25px; padding-bottom: 25px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #666; }


#about-col-left { float: left; width: 600px; margin-right: 18px; }
#about-col-right { float: left; width: 212px; height: 419px; background-image: url(../images/about/why-choose-us-bg.png); background-repeat: no-repeat; padding-top: 75px; padding-left: 35px; padding-right: 35px; text-align: center; }
#about-col-right h2 { font-family:"Century Gothic", "Lucida Sans", Verdana; font-weight:normal; color: #333; margin-bottom: 15px; }
#about-main-txt { }
#about-left-col-row2 { padding-top: 10px; }
#about-box1 { width:227px; height: 122px; float:left; background-image: url(../images/about/areas-covered.png); background-repeat: no-repeat; padding: 30px; text-align: left; margin-right: 18px; }
#about-box1 h2 { padding-left:35px; }
#about-box2 { width:227px; height: 122px; float:left; background-image: url(../images/about/its-personal.png); background-repeat: no-repeat; padding: 30px; text-align: left; color: #FFF; }
#about-box2 h2 { margin-top: 0; margin-bottom: 20px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:16px; font-weight:bold; color:#333; padding-left:45px; }
#about-our-approach { border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #666; }
#about-our-service { border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #666; padding-top: 15px; }
#about-our-experience { border-bottom-width: 0px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-top: 15px; }
#about-left-col-row3 { padding-top: 25px; }

#kitchens-main-txt { text-align: left; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; }
#kitchens-left-col { background-image: url(../images/kitchens/wood-box-bg.png); background-repeat: no-repeat; height: 185px; width: 496px; float: left; margin-right: 57px; padding-top: 25px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
#kitchens-left-col h2 { margin-left: 40px; margin-bottom: 15px; }
#kitchens-right-col { float: left; width: 287px; }
#kitchens-right-col-row1 { background-image: url(../images/kitchens/blue-box-bg.png); background-repeat: no-repeat; height: 105px; padding: 30px; }
#kitchens-right-col-row1 h2 { margin-top: 0; margin-bottom: 20px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:16px; font-weight:bold; color:#333; padding-left:45px; }
#kitchens-right-col-row2 { padding-top:15px; text-align: center; }

#joinery-main-pic { width: 898px; margin-top: 25px; }
#joinery-col-left { float: left; width: 570px; margin-right: 40px; }
#joinery-col-right { background-image: url(../images/joinery/wood-box-bg.png); background-repeat: no-repeat; float: left; height: 123px; width: 228px; padding: 30px; }
#joinery-col-right h2 { margin-left: 75px; margin-top:5px; }

#testimonials-main-txt { text-align: left; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; }
#testimonials-left-col { width: 327px; float: left; margin-right: 57px; }
#testimonials-left-col h2 { margin-left: 40px; }
#testimonials-right-col { float: left; width: 347px; height: 126px; background-image: url(../images/testimonials/speech-bubble.png); background-repeat: no-repeat; padding-bottom: 150px; padding-top: 55px; padding-left: 80px; padding-right: 80px; text-align: center; font-size: 16px; font-style: italic; }
#testimonials-right-col-row1 { background-image: url(../images/kitchens/blue-box-bg.png); background-repeat: no-repeat; height: 105px; padding: 30px; }
#testimonials-right-col-row1 h2 { margin-top: 0; margin-bottom: 20px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:16px; font-weight:bold; color:#333; padding-left:45px; }
#testimonials-right-col-row2 { padding-top:20px; text-align: center; }

#contact-bg-con { height: 341px; width: 848px; margin-top: 25px; background-image: url(../images/contact/bg.png); background-repeat: no-repeat; padding: 25px; text-align: left; }
#contact-bg-con A:link { text-decoration: none; font-weight:normal; color:#999; }
#contact-bg-con A:visited {text-decoration: none; font-weight:normal; color:#999; }
#contact-bg-con A:active {text-decoration: none; font-weight:normal; color:#999; }
#contact-bg-con A:hover { text-decoration: underline; font-weight:normal; color: #FC0; }
#contact-col-left { float: left; width: 286px; margin-right: 50px; padding-right: 50px; }
#contact-col-left p { margin-bottom: 35px; }
#contact-col-right { float: left; width: 460px; color: #FFF; padding-top: 15px; }
#contact-left-col-row1 { width: 100%; padding-bottom: 50px; }
#contact-left-col-row2 { width: 100%; }
#contact-left-col-left { width: 143px; float: left; color: #FFF; }
#contact-left-col-right { width: 143px; float: left; color: #999; }
.contact-label-con { padding-bottom: 2px; font-size: 12px; font-weight: bold; }
#inputs-con .contact-input-bg { height: 27px; width: 261px; background-image: url(../images/contact/input-bg.png); background-repeat: no-repeat; margin-bottom: 10px; background-position: 0px 0px; }
#inputs-con .contact-input-bg:hover { background-position: 0px -27px; }
#inputs-con input { border:none; background: none; width: 251px; height: 19px; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 5px; }
#txt-area-con .contact-txt-area-bg { height: 102px; width: 425px; background-image: url(../images/contact/txt-area-bg.png); background-repeat: no-repeat; background-position: 0px 0px; }
#txt-area-con .contact-txt-area-bg:hover { background-position: 0px -102px; }
#txt-area-con textarea { width:415px; height:92px; border:none; background: none; margin: 5px; }
#contact-button-bg { padding-top: 15px; width: 89px; height: 27px; float: right; padding-right: 50px; }
#contact-button-bg input { width:89px; height:27px; }
#contact-bottom-border { height: 25px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #666; }
#txt-area-con { width: 100%; }
#inputs-con { width: 100%; }
#testimonials-left-col-row1 { width: 100%; }
#testimonials-left-col-row2 { width: 267px; height: 124px; background-image: url(../images/testimonials/wood-box-bg.png); background-repeat: no-repeat; margin-top: 25px; padding: 30px; }
#testimonials-left-col-row2 h2 { margin-bottom: 15px; }
.txt12px-light-grey { font-size: 12px; color: #999; }

#guild-of-master { position: relative; }
#guild-of-master p { width: 59px; height: 60px; background: url("../images/common/guild-of-master-craftsmen.png") no-repeat 0 0; position: absolute; top: -22px; left: 814px; }
#guild-of-master p span { display: none; }

#about-us-master-craftsmen { width: 600px; }
#about-us-master-craftsmen h2 { margin-top: 0; margin-bottom: 20px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:18px; font-weight:normal; color:#000; }
#about-us-master-craftsmen-col-left { width: 450px; float: left; padding-right: 25px; }
#about-us-master-craftsmen-col-right { float: left; text-align: right; }
.valid-xhtml { float: right; padding-right: 15px; }
.valid-css { float: right; }
.error-txt { font-size: 10px; color: #FC0; }

#success-bg-con { height: 146px; width: 848px; margin-top: 25px; background-image: url(../images/success/bg.png); background-repeat: no-repeat; padding: 25px; text-align: center; color: #CCC; }
#success-bg-con h1 { margin-top: 25px; margin-bottom: 25px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:30px; font-weight:normal; color:#FFF; }

#notfound-bg-con { height: 146px; width: 848px; margin-top: 25px; background-image: url(../images/success/bg.png); background-repeat: no-repeat; padding: 25px; text-align: center; color: #CCC; }
#notfound-bg-con h1 { margin-top: 15px; margin-bottom: 25px; font-family: "Century Gothic", "Lucida Sans", Verdana; font-size:30px; font-weight:normal; color:#FFF; }

#privacy-policy-con { margin-top:25px; padding:25px; text-align:left; }

/**
 * Flickity
 * ========
*/

.slider {}

.slider__cell {
    width: 100%;
}

.slider .flickity-page-dots {
    bottom: 10px;
}

.slider .flickity-page-dots .dot {
    border: 1px solid #FFF;
}