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

* {margin:0; padding:0;}

html {height:100%; margin:0; padding:0;}

body {
background:url(images/bg.jpg);
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
height:100%;
margin:0;
padding:0;
}
* html #nonfooter {height:100%;}
#nonfooter {min-height:100%;}

html, body {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#999999;
scrollbar-3dlight-color:#9DBBFF;
scrollbar-shadow-color:#000066;
scrollbar-darkshadow-color:#000066;
scrollbar-track-color:#000033;
scrollbar-arrow-color:#0033FF;
}

.clear {clear:both;}
.center {text-align:center;}
.space {padding:10px 0px;}
.space-big {padding:20px 0px;}
.linebreak {margin-bottom:15px;}
.marginbreak {padding:10px 0px;}
.marginbreak-big {padding:20px 0px;}

a {color:#09F;}
a:hover {color:#FF0;}

p {color:#FFF;}
h1 {font-size:22px; color:#03F;}
h2 {font-size:16px; color:#FFF;}
h3 {font-size:16px; color:#FF0;}

.small {font-size:12px; padding-bottom:3px;}
.thirteen {font-size:13px;}
.colourblue {color:#06F;}
.colouryellow {color:#FF0;}

#content {padding-bottom:60px;}

.header {
width:760px;
height:23px;
margin:auto;
}

#bg-main {
width:756px;
background-color:#000;
border:2px inset #FFF;
margin:0px auto;
padding-top:0px;
}

#footer {
margin:-45px auto 0px auto;
padding-top:20px;
width:760px;
height:25px;
background:url(images/footer.png) bottom no-repeat;
color:#FFF;
text-align:center;
}
#footer a {color:#FF0;}
#footer a:hover {color:#0F0;}

.bg-title {
width:756px;
height:115px;
background:url(images/bg-title.png) no-repeat;
margin:auto;
padding-top:15px;
}
#title a {
background:url(images/titlex2.png) no-repeat;
width:410px;
height:100px;
display:block;
margin:auto;
}
#title a:hover {background-position:0px -100px;}

.buttonbar {
width:700px;
height:100px;
background:url(images/bg-buttonbar.jpg) no-repeat;
padding:0px 29px 0px 27px;
}
.buttonbar ul {list-style:none;}
.buttonbar ul li {
width:auto;
display:block;
position:relative;
float:left;
}
.buttonbar ul li ul {
width:140px;
height:auto;
display:none;
}
.buttonbar ul li:hover ul {
display:block;
position:absolute;
top:70px;
left:0px;
}
.buttonbar ul li:hover ul li.ddnews {
width:120px;
float:left;
padding:0px 0px 3px 20px;
background:url(images/bg-buttonbar-dropdown-newsx2.png) top left no-repeat #000;
border-top:1px solid #009;
border-bottom:1px solid #06F;
display:block;
}
.buttonbar ul li:hover ul li.ddnews:hover {background-position:-140px 0px;}
.buttonbar ul li:hover ul li.ddportfolio {
width:120px;
float:left;
padding:0px 0px 3px 20px;
background:url(images/bg-buttonbar-dropdown-portfoliox2.png) top left no-repeat #000;
border-top:1px solid #009;
border-bottom:1px solid #06F;
display:block;
}
.buttonbar ul li:hover ul li.ddportfolio:hover {background-position:-140px 0px;}
.buttonbar ul li:hover ul li a {text-decoration:none;}

#button-home a {
width:140px;
height:50px;
background:url(images/buttons/homex2.png) no-repeat;
margin:25px 0px;
float:left;
display:block;
}
#button-home a:hover {background-position:0px -40px;}

#button-tv a {
width:140px;
height:50px;
background:url(images/buttons/tvx2.png) no-repeat;
margin:25px 0px;
float:left;
display:block;
}
#button-tv a:hover {background-position:0px -40px;}

#button-news a {
width:140px;
height:50px;
background:url(images/buttons/newsx2.png) no-repeat;
margin:25px 0px;
float:left;
display:block;
}
#button-news a:hover {background-position:0px -40px;}

#button-portfolio a {
width:140px;
height:50px;
background:url(images/buttons/portfoliox2.png) no-repeat;
margin:25px 0px;
float:left;
display:block;
}
#button-portfolio a:hover {background-position:0px -40px;}

#button-contact a {
width:140px;
height:50px;
background:url(images/buttons/contactx2.png) no-repeat;
margin:25px 0px;
float:left;
display:block;
}
#button-contact a:hover {background-position:0px -40px;}

.mainpadding {width:736px; padding:0px 10px;}

/*home*/
.home-introtext {
width:420px;
height:200px;
margin-right:16px;
float:left;
}

#home-tvguidelink a {
width:300px;
height:200px;
background:url(images/website-tvguidex2.jpg) no-repeat;
float:left;
display:block;
}
#home-tvguidelink a:hover {background-position:0px -200px;}

.home-keypointscontainer {
width:300px;
float:left;
margin-top:10px;
}
.home-keypoints {
width:295px;
height:27px;
background:url(images/bg-keypoints.png);
padding:3px 0px 0px 5px;
margin-bottom:5px;
font-size:16px;
color:#FFF;
}
.home-gif {
width:386px;
margin:0px 25px;
float:left;
}

.home-icons {
width:350px;
float:left;
font-size:18px;
margin:0px 0px 10px 18px;
}
.home-icons img {float:left; margin:0px 10px 0px 0px;}
.home-icons p {color:#06F;}

.home-news {
width:690px;
margin:auto;
padding:5px;
background:url(images/bg.jpg);
border:1px inset #FFF;
}
.home-news img {position:relative; float:left; margin:5px 10px 0px 0px;}
.home-news h2 {position:relative; width:640px; color:#000;}
.home-news p {position:relative; width:640px; color:#000;}

.home-news-hover {
width:690px;
margin:auto;
padding:5px;
background-color:#1A1A1A;
border:1px inset #FFF;
}
.home-news-hover img {position:relative; float:left; margin:5px 10px 0px 0px;}
.home-news-hover h2 {position:relative; width:640px; color:#FFF;}
.home-news-hover p {position:relative; width:640px;}

.home-currentjobs {
width:300px;
background:url(images/bg-currentjobs.gif) no-repeat;
padding-top:5px;
float:left;
color:#FFF;
}
.home-currentjobs p.coloureddate {color:#FF0; padding-bottom:3px; margin-bottom:2px; border-bottom:1px dashed #FF0;}

.home-currentjobs ul {margin-bottom:6px;}
.home-currentjobs ul li {list-style-type:none; margin:0px 0px 2px 28px;}
.home-currentjobs ul li a {color:#CCC;}
.home-currentjobs ul li a:hover {color:#F00;}
.home-currentjobs ul li a:visited {color:#90F;}
.home-currentjobs ul li a:visited:hover {color:#F00;}
.home-currentjobs ul li.currently {margin-left:20px; font-style:italic; color:#0F3;}

.home-moretalk {
width:406px;
padding:0px 10px 0px 20px;
float:left;
}
p.greyonwhite {
width:170px;
height:22px;
padding-top:3px;
background-color:#FFF;
font-size:12px;
color:#999;
text-align:center;
}
p.whiteonblack {
width:170px;
height:22px;
padding-top:3px;
color:#FFF;
text-align:center;
}

.home-contact-container {
width:700px;
margin:15px auto;
padding:0px 18px;
}
.home-contact {
width:532px;
margin:auto;
float:left;
color:#FFF;
}
p.contactdetails {
margin-bottom:5px;
font-size:16px;
font-weight:bold;
color:#09F;
text-align:center;
}
p.opentimes {
width:490px;
border:2px ridge #06F;
margin:10px auto 0px auto;
padding:3px;
text-align:center;
}

#home-contactbutton a {
width:168px;
height:40px;
background:url(images/home-contactx2.png) no-repeat;
margin:75px auto 0px auto;
float:right;
display:block;
}
#home-contactbutton a:hover {background-position:0px -40px;}

.terms {
font-size:11px;
text-align:center;
padding:15px 0px 5px 0px;
}


/*news*/
.news-header {
width:706px;
height:50px;
background:url(images/news.jpg) no-repeat;
margin-bottom:15px;
padding:130px 0px 0px 30px;
}
.news-dates-navigation {
width:171px;
background:url(images/news-dates-left.png) repeat-y;
padding-left:25px;
float:left;
}
.news-dates-navigation ul li {list-style-type:none; line-height:20px;}

.news-websiteskey {
width:260px;
margin-left:10px;
float:left;
}
.news-websiteskey ul li {list-style-type:none; margin-bottom:3px; }

.news-websiteskey ul li.premier32tv {border-bottom:1px solid #FFF;}
.news-websiteskey ul li.premier32tv a {color:#FFF; text-decoration:none;}

.news-websiteskey ul li.on37 {border-bottom:1px solid #0FF;}
.news-websiteskey ul li.on37 a {color:#0FF; text-decoration:none;}

.news-websiteskey ul li.absolutelyplastered {border-bottom:1px solid #FF6;}
.news-websiteskey ul li.absolutelyplastered a {color:#FF6; text-decoration:none;}

.news-websiteskey ul li.ameliavocalcoach {border-bottom:1px solid #D52000;}
.news-websiteskey ul li.ameliavocalcoach a {color:#D52000; text-decoration:none;}

.news-websiteskey ul li.aquitaniacollectables {border-bottom:1px solid #09F;}
.news-websiteskey ul li.aquitaniacollectables a {color:#09F; text-decoration:none;}

.news-websiteskey ul li.artyzan {border-bottom:1px solid #880093;}
.news-websiteskey ul li.artyzan a {color:#880093; text-decoration:none;}

.news-websiteskey ul li.cillitbang {border-bottom:1px solid #093;}
.news-websiteskey ul li.cillitbang a {color:#093; text-decoration:none;}

.news-websiteskey ul li.comedinewithusclub {border-bottom:1px solid #933;}
.news-websiteskey ul li.comedinewithusclub a {color:#933; text-decoration:none;}

.news-websiteskey ul li.crescentcarpets {border-bottom:1px solid #FF9;}
.news-websiteskey ul li.crescentcarpets a {color:#FF9; text-decoration:none;}

.news-websiteskey ul li.danceaway {border-bottom:1px solid #F6C;}
.news-websiteskey ul li.danceaway a {color:#F6C; text-decoration:none;}

.news-websiteskey ul li.bournemouthroofing {border-bottom:1px solid #F00;}
.news-websiteskey ul li.bournemouthroofing a {color:#F00; text-decoration:none;}

.news-websiteskey ul li.dpagardening {border-bottom:1px solid #6F6;}
.news-websiteskey ul li.dpagardening a {color:#6F6; text-decoration:none;}

.news-websiteskey ul li.englishlarchfencing {border-bottom:1px solid #88533B;}
.news-websiteskey ul li.englishlarchfencing a {color:#88533B; text-decoration:none;}

.news-websiteskey ul li.experiencecharminster {border-bottom:1px solid #369;}
.news-websiteskey ul li.experiencecharminster a {color:#369; text-decoration:none;}

.news-websiteskey ul li.feelingyoung {border-bottom:1px solid #D0FFB0;}
.news-websiteskey ul li.feelingyoung a {color:#D0FFB0; text-decoration:none;}

.news-websiteskey ul li.feelingreat {border-bottom:1px solid #BFFFFE;}
.news-websiteskey ul li.feelingreat a {color:#BFFFFE; text-decoration:none;}

.news-websiteskey ul li.frampton {border-bottom:1px solid #06F;}
.news-websiteskey ul li.frampton a {color:#06F; text-decoration:none;}

.news-websiteskey ul li.greenlightsom {border-bottom:1px solid #0F0;}
.news-websiteskey ul li.greenlightsom a {color:#0F0; text-decoration:none;}

.news-websiteskey ul li.jmcservices {border-bottom:1px solid #999;}
.news-websiteskey ul li.jmcservices a {color:#999; text-decoration:none;}

.news-websiteskey ul li.lacleaningservices {border-bottom:1px solid #96F;}
.news-websiteskey ul li.lacleaningservices a {color:#96F; text-decoration:none;}

.news-websiteskey ul li.longcliffbuilders {border-bottom:1px solid #B56352;}
.news-websiteskey ul li.longcliffbuilders a {color:#B56352; text-decoration:none;}

.news-websiteskey ul li.mattmonk {border-bottom:1px solid #363B97;}
.news-websiteskey ul li.mattmonk a {color:#363B97; text-decoration:none;}

.news-websiteskey ul li.peoplebeforepolitics {border-bottom:1px solid #0C3;}
.news-websiteskey ul li.peoplebeforepolitics a {color:#0C3; text-decoration:none;}

.news-websiteskey ul li.premier32com {border-bottom:1px solid #3F9;}
.news-websiteskey ul li.premier32com a {color:#3F9; text-decoration:none;}

.news-websiteskey ul li.probuild {border-bottom:1px solid #A8D2FC;}
.news-websiteskey ul li.probuild a {color:#A8D2FC; text-decoration:none;}

.news-websiteskey ul li.qcs {border-bottom:1px solid #090;}
.news-websiteskey ul li.qcs a {color:#090; text-decoration:none;}

.news-websiteskey ul li.tmsthareaforum {border-bottom:1px solid #9FFF88;}
.news-websiteskey ul li.tmsthareaforum a {color:#9FFF88; text-decoration:none;}

.news-websiteskey ul li.dorsettreesurgeons {border-bottom:1px solid #F90;}
.news-websiteskey ul li.dorsettreesurgeons a {color:#F90; text-decoration:none;}

.news-websiteskey ul li.wwwareaforum {border-bottom:1px solid #396;}
.news-websiteskey ul li.wwwareaforum a {color:#396; text-decoration:none;}


.news-content {color:#FFF; overflow:hidden;}
.news-content ul li {width:auto; float:left; list-style:none;}
.news-content ul li.news-date {width:120px; margin-right:10px;}

.news-content ul li.news-website {width:50px;}
.news-content ul li.news-website p {line-height:20px;}

.news-content ul li.news-updates {width:556px;}
.news-content ul li.news-updates p {
line-height:20px;
background-repeat:no-repeat;
padding-left:10px;
}

.colour-absolutelyplastered {color:#FF6; background-image:url(images/news/list-dash-absolutelyplastered.png);}
.colour-amelia {color:#D52000; background-image:url(images/news/list-dash-amelia.png);}
.colour-aquitania {color:#09F; background-image:url(images/news/list-dash-aquitania.png);}
.colour-artyzan {color:#880093; background-image:url(images/news/list-dash-artyzan.png);}
.colour-cillitbang {color:#093; background-image:url(images/news/list-dash-cillit-bang.jpg);}
.colour-comedine {color:#933; background-image:url(images/news/list-dash-comedine.png);}
.colour-crescent {color:#FF9; background-image:url(images/news/list-dash-crescent.png);}
.colour-danceaway {color:#F6C; background-image:url(images/news/list-dash-danceaway.png);}
.colour-bmthroofing {color:#F00; background-image:url(images/news/list-dash-bmthroofing.png);}
.colour-dpa {color:#6F6; background-image:url(images/news/list-dash-dpa.png);}
.colour-larch {color:#88533B; background-image:url(images/news/list-dash-larch.png);}
.colour-expchar {color:#369; background-image:url(images/news/list-dash-expchar.png);}
.colour-feeling {color:#D0FFB0; background-image:url(images/news/list-dash-feeling.png);}
.colour-feelingreat {color:#BFFFFE; background-image:url(images/news/list-dash-feelingreat.jpg);}
.colour-frampton {color:#06F; background-image:url(images/news/list-dash-frampton.png);}
.colour-greenlight {color:#0F0; background-image:url(images/news/list-dash-greenlight.png);}
.colour-jmc {color:#999; background-image:url(images/news/list-dash-jmc.png);}
.colour-la {color:#96F; background-image:url(images/news/list-dash-la.png);}
.colour-longcliff {color:#B56352; background-image:url(images/news/list-dash-longcliff.png);}
.colour-mattmonk {color:#363B97; background-image:url(images/news/list-dash-mattmonk.png);}
.colour-on37 {color:#0FF; background-image:url(images/news/list-dash-on37.png);}
.colour-politics {color:#0C6; background-image:url(images/news/list-dash-politics.png)}
.colour-premier32com {color:#3F9; background-image:url(images/news/list-dash-premier32com.png);}
.colour-premier32info  {color:#FF0; background-image:url(images/news/list-dash-premier32info.jpg);}
.colour-premier32tv {background-image:url(images/news/list-dash.png);}
.colour-probuild {color:#A8D2FC; background-image:url(images/news/list-dash-probuild.png);}
.colour-qcs {color:#090; background-image:url(images/news/list-dash-qcs.png);}
.colour-tmsth {color:#9FFF88; background-image:url(images/news/list-dash-tmsth.png);}
.colour-treesurgeon {color:#F90; background-image:url(images/news/list-dash-treesurgeon.png);}
.colour-www {color:#FFF; background-image:url(images/news/list-dash.png);}


.ulclear {padding:5px 0px; clear:left;}

.news-backto {
padding:20px 0px;
text-align:center;
color:#FFF;
}

/*portfolio*/
#motioncontainer a img {border:1px solid #ccc;}
/*image border color*/
#motioncontainer a:hover img {border:1px solid navy;}
/*image border hover color*/
#motioncontainer a:hover {color:red;}
/* Dummy definition to overcome IE bug */

#statusdiv {
position:absolute;
padding:2px;
left:-300px;
background-color:#FF9;
border:1px solid gray;
visibility:hidden;
}

#motioncontainer {
margin:auto;
width:502px; /* Set to gallery width, in px or percentage */
height:82px; /* Set to gallery height */
}
#motioncontainer a:hover {color:red; /* Dummy definition to overcome IE bug */ }
#motioncontainer {width:expression(Math.min(this.offsetWidth, maxwidth)+'px');}


.portfolio-backto {
padding:20px 0px;
text-align:center;
color:#FFF;
}

.countdown {
width:556px;
height:100px;
background:url(images/bg-countdown.jpg) no-repeat;
margin:auto;
padding:200px 200px 0px 0px;
font-size:48px;
color:#09F;
text-align:center;
}

.portfolio-channels-container {
width:700px;
background-color:#333;
border:2px dotted #0CF;
margin:auto;
padding:15px 0px;
}
.portfolio-channels {
width:502px;
height:331px;
background:url(images/portfolio/channels/bg-tv.png) no-repeat;
margin:0px auto 15px auto;
}
.portfolio-channels-tvcontainer {
width:446px;
height:246px;
padding:27px 28px 58px 28px;
}
.portfolio-channels-container p {color:#000;}
.portfolio-channels-container a {color:#FFF;}
.portfolio-channels-container a:hover {color:#0F0;}

/*contactpages*/
.contactdetails-container {
width:400px;
font-size:18px;
margin:0px auto 15px auto;
overflow:hidden;
}
.contactdetails-left {
width:190px;
margin-right:10px;
float:left;
text-align:right;
}

.contactdetails-right {
width:200px;
float:left;
text-align:left;
}

.contactform {
width:500px;
margin:auto;
overflow:hidden;
font-size:14px;
color:#FFF;
}
.contactformwords {
width:165px;
margin:5px 0px;
padding-right:5px;
color:#06F;
text-align:right;
float:left;
}
.contactformbox {
width:330px;
margin:5px 0px;
text-align:left;
float:left;
}
p.submit input {
width:120px;
height:25px;
background:url(images/send-messagex2.png) no-repeat;
border:none;
}
p.submit input:hover {
background-position:0px -25px;
border:none;
}

.contactphp {
text-align:center;
padding:20px 0px;
}
.contactphp p.notvalid {color:#F00;}

.sitemap {
margin:20px 0px 20px 100px;
color:#FFF;
}

