img.bg{min-height:100%;min-width:1920px;width:100%;height:auto;position:fixed;top:0;left:0;}
@media screen and (max-width:1920px){img.bg{left:50%;margin-left:-960px;}}
html{height:100%;overflow:hidden;}
body{height:100%;font-family:Arial, Helvetica, sans-serif;background-color:#333;}
#outer-container{position:absolute;width:100%;height:100%;overflow:auto;z-index:2;}
#page-container{width:490px;margin-left:190px;padding-bottom:40px;}
#top-blockers, #lower-blockers{height:20px;background-color:#ffffff;width:440px;margin-left:10px;}
div.hr{width:150px;height:1px;background:url(../img/bg/hr.gif) repeat-x left;margin-bottom:20px;}
div.hr hr{display:none;}
p.spacing{line-height:24px !important;}
.absolute{position:absolute;}
.content-img{position:relative;left:-30px;}
#map{margin-bottom:20px;}
#p-portfolio h3.title{font-size:19px !important;margin-bottom:10px !important;margin-top:40px !important;}
h3.title{font-size:19px !important;}
.gallery{position:relative;left:-20px;width:440px;}
.easySlide li{width:440px;height:280px;overflow:hidden;}
.prevBtn a, .nextBtn a{position:absolute;text-indent:-999em;background:url(../img/bg/prev.gif) no-repeat;width:33px;height:28px;display:block;top:112px;}
.prevBtn a{left:-13px;}
.nextBtn a{background-image:url(../img/bg/next.gif);right:-13px;}
#page-promo h2, #page-header h1 a{text-indent:-999em;}
#page-content h3, .primary-navigation li a, #page-promo h2, #happy-clients li, #t-talk-to-us, #t-tel{position:relative;margin:0px;padding:0px;overflow:hidden;}
#page-content h3 span, .primary-navigation li a span, #page-promo h2 span, #happy-clients li span, #t-talk-to-us span, #t-tel span{display:block;position:absolute;top:0px;left:0px;z-index:1;}
#t-home, #t-home span{background:url(../img/copy/t-home.gif) no-repeat;width:394px;height:174px;}
#t-services, #t-services span{background:url(../img/copy/t-services.gif) no-repeat;width:394px;height:101px;}
#t-behind-the-scenes, #t-behind-the-scenes span{background:url(../img/copy/t-behind-the-scenes.gif) no-repeat;width:302px;height:65px;}
#t-portfolio, #t-portfolio span{background:url(../img/copy/t-portfolio.gif) no-repeat;width:394px;height:102px;}
#t-about, #t-about span{background:url(../img/copy/t-about.gif) no-repeat;width:363px;height:175px;}
#t-contact, #t-contact span{background:url(../img/copy/t-contact.gif) no-repeat;width:368px;height:175px;}
#t-talk-to-us, #t-talk-to-us span{background:url(../img/copy/t-talk-to-us.gif);width:164px;height:19px;margin-bottom:15px!important;}
#t-tel, #t-tel span{background:url(../img/copy/t-tel.gif);width:127px;height:15px;}
h2#hdr-download{background:url(../img/bts/hdr-download.gif) no-repeat top left;width:400px;height:39px;text-indent:-999em;clear:both;margin-top:40px;margin-bottom:20px;}
#page-header{width:440px;height:100px;margin-left:10px;}
#page-header h1 a{background:url(../img/bg/webmotion-logo.png) no-repeat;width:440px;display:block;height:100px;}
#page-promo{width:400px;height:240px;padding:20px;margin-left:10px;}
#page-promo h2{background:url(../img/copy/always-a-pleasure.gif) no-repeat bottom right;width:403px;height:240px;}
.accordion div{padding:30px;padding-bottom:0;padding-top:20px;}
#page-content{width:400px;padding:10px 20px 20px 20px;margin-left:10px;border-top:20px solid #FFFFFF;background-color:#fff;}
#page-content h3{font-size:30px;color:#d71e87;line-height:32px;margin-bottom:20px;font-weight:lighter;}
#page-content h3.small{font-size:20px;line-height:19px;}
#page-content h4{font-size:20px;color:#b4b4b4;line-height:19px;margin-bottom:20px;font-weight:lighter;}
#page-content p, #page-content .list li, #page-content tr{font-size:13px;color:#8c8c8c;line-height:19px;margin-bottom:20px;}
#page-content table{margin-bottom:20px;}
#page-content tr a{color:#8c8c8c;text-decoration:none;}
#page-content tr a:hover{text-decoration:underline;}
#page-content p.status{background-color:#f5f5f5;color:#8c8c8c;padding:5px;font-size:11px;}
#page-content .img{margin-bottom:20px;}
#page-content tr td, #page-content tr th{padding:2px 25px 0px 0;}
.pink{color:#d71e87;}
.blue{color:#1a98c6;}
#page-content .list{margin-bottom:15px;}
#page-content .list li{margin-bottom:5px;padding-left:15px;}
#page-content p a, #page-content .list li a{color:#d71e87;text-decoration:none;font-weight:bold;}
#page-content p a:hover, #page-content .list li a:hover{text-decoration:underline;}
#page-content h5{background:url(../img/bg/accordion.gif) repeat-y 0px -2px;height:40px;line-height:40px;color:#888;font-size:17px;font-weight:lighter;padding-left:30px;cursor:pointer;}
#page-content h5 a{color:#888;text-decoration:none;}
#page-content h5:hover{border-color:#dedddd;}
#page-content h5.first{height:42px;background-position:0 0;}
#primary-navigation{border-bottom:1px solid #e7e7e7;margin-bottom:40px;padding:0 0 15px 0;height:56px;}
#primary-navigation li{float:left;color:#999;line-height:28px;font-size:23px;overflow:hidden;height:28px;cursor:pointer;}
#ni-home a, #ni-home span{background:url(../img/nav/home.gif) no-repeat center;width:54px;height:28px;text-indent:-999em;}
#p-home #ni-home a, #p-home #ni-home span{background-image:url(../img/nav/home-on.gif);}
#ni-portfolio a, #ni-portfolio span{background:url(../img/nav/portfolio.gif) no-repeat center;width:77px;height:28px;text-indent:-999em;}
#p-portfolio #ni-portfolio a, #p-portfolio #ni-portfolio span{background-image:url(../img/nav/portfolio-on.gif);}
#ni-services a, #ni-services span{background:url(../img/nav/services.gif) no-repeat center;width:78px;height:28px;text-indent:-999em;}
#p-our-services #ni-services a, #p-our-services #ni-services span{background-image:url(../img/nav/services-on.gif);}
#ni-about a, #ni-about span{background:url(../img/nav/about.gif) no-repeat center;width:56px;height:28px;text-indent:-999em;}
#p-about-us #ni-about a, #p-about-us #ni-about span{background-image:url(../img/nav/about-on.gif);}
#ni-behind-the-scenes a, #ni-behind-the-scenes span{background:url(../img/nav/behind.gif) no-repeat center;width:177px;height:28px;text-indent:-999em;}
#p-behind-the-scenes #ni-behind-the-scenes a, #p-behind-the-scenes #ni-behind-the-scenes span{background-image:url(../img/nav/behind-on.gif);}
#ni-contact a, #ni-contact span{background:url(../img/nav/contact.gif) no-repeat center;width:72px;height:28px;text-indent:-999em;}
#p-contact-us #ni-contact a, #p-contact-us #ni-contact span{background-image:url(../img/nav/contact-on.gif);}
#primary-navigation li strong{padding:0 5px 0 5px;color:#ccc;font-weight:lighter;}
#primary-navigation li a, #primary-navigation span{font-size:23px;float:left;display:block;clear:both;color:#999;line-height:28px;text-transform:lowercase;height:28px;}
#primary-navigation li a{color:#999;text-decoration:none;}
#primary-navigation span{display:none;}
#p-home #ni-home a, #p-home #ni-home span, #p-portfolio #ni-portfolio a, #p-portfolio #ni-portfolio span, #p-our-services #ni-services a, #p-our-services #ni-services span, #p-about-us #ni-about a, #p-about-us #ni-about span, #p-behind-the-scenes #ni-behind-the-scenes a, #p-behind-the-scenes #ni-behind-the-scenes span, #p-contact-us #ni-contact a, #p-contact-us #ni-contact span{color:#d71e87;}
#p-home #ni-home a strong, #p-home #ni-home span strong, #p-portfolio #ni-portfolio a strong, #p-portfolio #ni-portfolio span strong, #p-our-services #ni-services a strong, #p-our-services #ni-services span strong, #p-about-us #ni-about a strong, #p-about-us #ni-about span strong, #p-behind-the-scenes #ni-behind-the-scenes a strong, #p-behind-the-scenes #ni-behind-the-scenes span strong, #p-contact-us #ni-contact a strong, #p-contact-us #ni-contact span strong{color:#999;}
#happy-clients{width:400px;margin-top:10px;}
#happy-clients li, #happy-clients li span{float:left;width:120px;height:80px;margin-right:20px;margin-bottom:20px;background-repeat:no-repeat;}
#happy-clients li.end, #happy-clients li.end span{margin-right:0;}
#xl-joinery, #xl-joinery span{background-image:url(../img/company-logos/xl-joinery.jpg);}
#channel4, #channel4 span{background-image:url(../img/company-logos/channel4.jpg);}
#nhs, #nhs span{background-image:url(../img/company-logos/nhs.jpg);}
#hallmark, #hallmark span{background-image:url(../img/company-logos/hallmark.jpg);}
#idm, #idm span{background-image:url(../img/company-logos/idm.jpg);}
#lishmans, #lishmans span{background-image:url(../img/company-logos/lishmans.jpg);}
#marks-and-spencers, #marks-and-spencers span{background-image:url(../img/company-logos/marks-and-spencers.jpg);}
#mamas-and-papas, #mamas-and-papas span{background-image:url(../img/company-logos/mamas-and-papas.jpg);}
#nestle, #nestle span{background-image:url(../img/company-logos/nestle.jpg);}
#next, #next span{background-image:url(../img/company-logos/next.jpg);}
#standard-wool, #standard-wool span{background-image:url(../img/company-logos/standard-wool.jpg);}
#world-mile, #world-mile span{background-image:url(../img/company-logos/world-mile.jpg);}
#yorkshire-tea, #yorkshire-tea span{background-image:url(../img/company-logos/yorkshire-tea.jpg);}
.contact-information{margin-top:60px;border-top:1px solid #e7e7e7;padding-top:30px;clear:both;}
#p-portfolio #page-content img{margin-bottom:20px;}
#page-footer{margin-bottom:30px;}
#page-footer p{font-size:11px;color:#e7e7e7;padding-left:30px;padding-top:10px;}
#page-footer p a{color:#e7e7e7;}

