@charset "UTF-8";*{padding:0;margin:0;outline:0;}
html, body{height:100%;min-height:100%;}
body{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:0.9em;color:#FFF;background-color:#E3DFC6;}
a{color:#dae772;}
p{line-height:20px;}
#center-container{width:100%;max-width:960px;margin:auto;}
.main-container{width:100%;float:left;background:url(../images/wood_background.jpg) left top repeat;height:770px;}
#header{width:100%;float:left;padding:55px 0 18px 0;}
.logo{margin-right:18px;float:left;}
#navigation{float:left;background-color:#FFF;}
#navigation ul{text-align:center;}
#navigation ul li{text-align:center;display:inline-block;list-style:none;}
#navigation ul li a{text-decoration:none;color:#a49a81;display:block;padding:11px 18px 11px 16px;}
#navigation ul li a:hover, #navigation ul li a.active{color:#a4bb46;}
#contact{float:right;background-color:#B3D038;padding:11px 13% 11px 15px;}
#content{background-color:#FFF;float:left;width:100%;}
#content-left{width:68.3%;float:left;}
#content-right{width:31.7%;box-sizing:border-box;float:right;padding:20px;}
#intro{background:#AB9F89;padding:30px;width:100%;float:left;box-sizing:border-box;}
#intro h1{font-size:35px;color:#fff;font-weight:normal;line-height:30px;}
#intro h2{font-size:17px;color:#4a483b;font-weight:normal;}
.intro-text{margin-top:15px;}
.home p.intro-text, .measure p.intro-text,
.space-saving p.intro-text, .loft-staircase p.intro-text{margin-top:20px;font-size:15px;}
#images-list ul{width:100%;float:left;}
#images-list ul li{display:inline-block;width:32%;float:left;margin:0 1.9% 0 0;}
#images-list ul li:nth-child(3){margin-right:0;}
#images-list ul li a{display:block;}
#images-list ul li a img{display:block;width:100%;}
#images-list ul li h3{display:block;}
#images-list ul li h3 a{background:#a7d115;text-align:center;padding:5px 0;font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
#images-list{width:100%;float:left;margin-top:20px;padding-left:7px;box-sizing:border-box;}
.text-list{width:100%;float:left;}
.text-list li{width:100% !important;}
.about #intro{background:#AB9F89;width:100%;float:left;}
.about p.intro-text{color:#69665D;padding-top:10px;}
.about p.intro-text, .contact p.intro-text{font-size:1.1em;font-weight:lighter;line-height:1.5em;}
.about p.intro-text-brown{font-size:0.9em;padding:0 46px 40px;}
.contact #intro{background:#AB9F89;margin-bottom:20px;}
.contact p.intro-text{font-size:0.9em;color:#69665D;margin:15px 0;}
li.list-title{font-size:0.9em;color:#69665D;}
p.intro-text-white, .contact #intro ul{}
.contact #intro ul{padding-top:20px;}
.contact #intro ul li{list-style:none;}
.measure #intro{background:#AB9F89;height:170px;}
.measure p.intro-text, .space-saving p.intro-text, .loft-staircase p.intro-text{}
.measure #images-list, .loft-staircase #images-list{background-color:#D7CFC4;padding:21px 0;}
.measure #images-list ul,
.space-saving #images-list ul,
.loft-staircase #images-list ul{text-align:center;}
.space-saving #intro{background:#AB9F89;height:240px;}
.space-saving p.intro-text, .measure p.intro-text,
.straight p.intro-text, .loft-staircase p.intro-text,
.single-winder p.intro-text, .double-winder p.intro-text,
.economy p.intro-text, .measure-alternator p.intro-text,
.space-extras p.intro-text{}
.space-extras p.intro-text{padding-right:10px;}
.measure #intro{background:#AB9F89;height:240px;}
.straight #intro{background:#AB9F89;height:240px;}
.double-winder #intro{background:#AB9F89;height:240px;}
.single-winder #intro{background:#AB9F89;height:240px;}
.economy #intro{background:url(../images/economy-alternator-heading.jpg) no-repeat scroll 40px 70px #AB9F89;height:240px;}
.measure-alternator #intro{background:url(../images/made-to-measure-alternator-heading.jpg) no-repeat scroll 40px 70px #AB9F89;height:240px;}
.space-extras #intro{background:url(../images/space-saving-extras-heading.jpg) no-repeat scroll 40px 70px #AB9F89;height:240px;}
.straight #intro span, .single-winder #intro span, .double-winder #intro span,
.economy #intro span, .space-extras #intro span, .measure-alternator #intro span{color:#69665D;}
.straight #images-list{background:url(../images/straight-flight-text.jpg) no-repeat #AB9F89;width:100%;float:left;padding-bottom:12%;}
.single-winder #images-list{background:url(../images/single-winder-text.jpg) no-repeat #AB9F89;width:100%;float:left;padding-bottom:8%;}
.double-winder #images-list{background:url(../images/double-winder-text.jpg) no-repeat 0 10px #AB9F89;width:100%;float:left;padding-bottom:8%;}
.economy #images-list{background:url(../images/economy-alternator-text.jpg) no-repeat 0 10px #AB9F89;width:655px;height:287px;}
.measure-alternator #images-list{background:url(../images/made-to-measure-alternator-text.jpg) no-repeat 0 10px #AB9F89;width:655px;height:287px;}
.space-extras #images-list{background:url(../images/space-saving-extras-text.jpg) no-repeat 0 10px #AB9F89;width:655px;height:287px;}
.double-winder #images-list ul.text-list{margin-left:55px;padding-top:45px;list-style:square;}
.single-winder #images-list ul.text-list{margin-left:55px;padding-top:30px;list-style:square;}
.straight #images-list ul.text-list,
.economy #images-list ul.text-list,
.measure-alternator #images-list ul.text-list,
.space-extras #images-list ul.text-list{margin-left:55px;padding-top:48px;list-style:square;}
.space-extras #images-list ul.text-list{padding-top:60px;}
.straight #images-list ul.text-list li,
.single-winder #images-list ul.text-list li,
.double-winder #images-list ul.text-list li,
.economy #images-list ul.text-list li,
.measure-alternator #images-list ul.text-list li,
.space-extras #images-list ul.text-list li{list-style:square;display:list-item;color:#69665D;}
.loft-staircase #intro{background:#AB9F89;height:240px;}
.space-saving #images-list, .measure #images-list{padding-bottom:15px;}
.open-regulations{color:#69665D;text-decoration:none;}
#regulations-text{padding:10px;}
#regulations-text h2{padding-bottom:10px;}
#regulations-text li, h2{color:#69665D;}
.loft-staircase p.intro-text{color:#69665D;}
.gallery{width:100%;float:left;display:none;}
.gallery ul{list-style:none;overflow:hidden;padding:0;margin:0;}
.gallery ul li{float:left;padding:4px 4px 1px 4px;width:47%;margin:0 3% 2% 0;box-sizing:border-box;display:inline-block;background:#F3F3F3;-webkit-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.24);-moz-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.24);box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.24);}
.gallery ul li img{width:100%;}
.gallery ul li:nth-child(4n){margin-right:0;}
#lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:115;background:rgb(0, 0, 0);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0, 0, 0, 0.7);-webkit-filter:none !important;}
#lightbox img{display:block;position:absolute;border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px;}
body.blurred > *{-webkit-filter:blur(2px);-webkit-transform:translate3d(0, 0, 0);}
.lightbox-loading{background:url(loading.gif) center center no-repeat;width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%;}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,0.7);}
.lightbox-caption p{margin:0 auto;max-width:70%;font-family:'Roboto Slab', serif;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:13px;line-height:18px;}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:32px;height:32px;opacity:0.4;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.lightbox-button:hover,
.lightbox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}
.lightbox-close{right:10px;top:10px;background-image:url(../images/close.png);}
.lightbox-next{right:10px;top:48%;background-image:url(../images/next.png);}
.lightbox-previous{left:10px;top:48%;background-image:url(../images/previous.png);}
@media screen and (max-width:960px){#center-container{width:95%;}
#contact{padding:11px 15px;}
#content-right img{width:100%;}
#slider-two{display:none;}
.gallery{display:block;}
}
@media screen and (max-width:880px){.logo{width:100%;text-align:center;margin-bottom:10px;}
#navigation{width:50%;}
#navigation ul li a{padding:11px 15px;}
#contact{width:50%;float:right;box-sizing:border-box;text-align:center;padding:11px 5px;}
#header{padding:15px 0;}
#images-list ul li{width:48%;float:left;margin:0 4% 4% 0;}
#images-list ul li:nth-child(2){margin-right:0px;}
ul.dropdown li{width:100% !important;float:left;margin:0 0 1px 0;}
.straight #images-list, .single-winder #images-list, .double-winder #images-list{background:#ab9f89;}
.straight #images-list ul.text-list, .single-winder #images-list ul.text-list, .double-winder #images-list ul.text-list{margin-left:18px;padding-top:18px;}
}
@media screen and (max-width:650px){.logo img, #navigation, #contact{width:100%;}
#contact{margin-top:10px;}
#intro h1{font-size:26px;}
#intro{padding:15px 10px;}
#content-left, #content-right{width:100%;float:left;}
#content-right{padding:0px;}
}
@media screen and (max-width:450px){#images-list ul li{width:100%;margin:0 0 10px 0;}
#intro h2{font-size:15px;}
}