
*       { margin:0; padding:0; border:0; }
body    { margin:26px 0 0 0; padding:0; background:#dd0000 url(../images/backgroundGradient.jpg) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#747474; }
a:focus { outline:none; }
h1 span, h2 span, h3 span, a span { display:none; }
.clearfix { clear:both;}

.container 		  { width:884px; margin:0 auto; padding:0 26px; background:transparent url(../images/backgroundWhite.jpg) center bottom repeat-y; }
/*.container#contact { background:url(images/pageContact.jpg) top left no-repeat #FFFFFF; }*/

.header { width:884px; height:84px; background:url(../images/backgroundDottedLine.jpg) bottom left no-repeat; }
.header #logo { margin-top:21px; margin-left:17px; height:56px; width:185px; background:url(../images/signageSystemsLogo.gif) top left no-repeat; float:left;}
.header #telephone { height:22px; margin-right:22px; margin-top:45px; width:189px; background:url(../images/telephone.gif) top left no-repeat; float:right;}
.nav { width:205px; float:left;}
.nav ul { padding:26px 0 0 19px;}
.nav ul li { list-style:none; }
.nav ul li a { vertical-align: bottom;/* IE spacing bugfix */ width:161px; height:23px; display:block; }
.nav ul li ol { padding:1px 0 10px 10px; }
.nav ul li ol li { dsiplay:block; vertical-align:bottom; }
.nav ul li ol li a { vertical-align: bottom;/* IE spacing bugfix */display:block; color:#666666; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/navListitem.gif) 0 3px no-repeat; padding-left:10px; height:10px; width:145px; padding-bottom:10px;}
.nav ul li ol li a:hover   { color:#333333; font-weight:bold; }
.nav ul li ol li a.active  { color:#ee1c24; font-weight:bold; }
.hidden { display:none; }
#btnHome { background:url(../images/btnHome.gif) left top no-repeat; margin-bottom:17px; }
#btnHomeActive, #btnHome:hover { background:url(../images/btnHomeActive.gif) left top no-repeat; margin-bottom:17px; }
#btnServices  { background:url(../images/btnServices.gif) left top no-repeat; margin-bottom:15px; }
#btnServicesActive, #btnServices:hover { background:url(../images/btnServicesActive.gif) left top no-repeat; margin-bottom:15px; }
#btnContactUs { background:url(../images/btnContactUs.gif) left top no-repeat; margin-bottom:17px; }
#btnContactUsActive, #btnContactUs:hover { background:url(../images/btnContactUsActive.gif) left top no-repeat; margin-bottom:17px; }

/**/
.rightPanel { width:664px; float:left; padding:0 0 0 0; }
.rightPanel p { padding-bottom:10px;}
.rightPanel h3 { font-size:11px; color:#115486; padding-bottom:10px; }

.locationImage { display:block; width:326px; height:250; padding:0 0 70px 20px; }
/**/

/* footer on all pages */
.footer { width:884px; height:260px; background:#dd0000 url(../images/backgroundFooter.jpg) center top no-repeat; clear:both; padding:26px 26px; margin:0 auto; }
.footer p { color:#b9b9b9; font-size:10px; margin:0 0 0 26px; }
.footer p a { color:#b9b9b9; text-decoration:none; }
.footer p a:hover { color:#ee1c24; text-decoration:underline; }
.footerContainer { background-color:#ededed; width:844px; height:165px; margin:5px 20px 10px 20px; }
.block1 { width:260px; height:165px; padding-right:30px; float:left; }
.block1#accreditations { width:200px; background: url(../images/logos.jpg) bottom right no-repeat; float:right; }
#h3About { background:url(../images/h3About.jpg) left top no-repeat; height:36px; width:220px; display:block; margin:4px 0 4px 26px; }
#h3Services { background:url(../images/h3Services.jpg) left top no-repeat; height:36px; width:220px; display:block; margin:4px 0 4px 26px; }
#h3Accreditations { background:url(../images/h3Accreditations.jpg) left top no-repeat; height:36px; width:200px; display:block; margin:4px 0 4px 6px; }
/**/

/* home page testimonial sections */
.homeFooter { height:122px; width:181px; float:left; background:url(../images/homeFooterBackground.gif) 205px 20px no-repeat; padding:20px 35px 0 6px;}
.homeFooterRight { height:122px; width:188px; float:left; padding:20px 0 0 6px; }
.homeFooter h3, .homeFooterRight h3 { color:#EE1C24; font-size:11px; padding-bottom:4px; }
.homeFooter p, .homeFooterRight p { font-size:10px; }
.homeFooter a, .homeFooterRight a { color:#666666; text-decoration:underline; }
.homeFooter a:hover, .homeFooterRight a:hover { color:#ee1c24; text-decoration:none; }
/**/

#h1HomePage { background:url(../images/h1HomePage.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1ContactUS { background:url(../images/h1ContactUs.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1Services { background:url(../images/h1Services.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1VehicleGraphics { background:url(../images/h1vehicleGraphicSigns.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1ShopFascias { background:url(../images/h1shopFasciaSigns.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1IlluminatedSigns { background:url(../images/h1IlluminatedSigns.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1BuiltUpAndFlatCutLetters { background:url(../images/h1BuiltUpAndFlatCutLetters.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1WindowGraphics { background:url(../images/h1windowGraphicSigns.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1Aboards { background:url(../images/h1aboardSigns.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1Banners { background:url(../images/h1Banners.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1FullColourDigitalPrinting { background:url(../images/h1FullColourDigitalPrinting.jpg) left top no-repeat; height:20px; width:300px; display:block; margin:26px 0 10px 0; }
#h1OfficeAndDirectorySigns { background:url(../images/h1OfficeAndDirectorySigns.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1OtherServices { background:url(../images/h1OtherServices.jpg) left top no-repeat; height:23px; width:300px; display:block; margin:26px 0 10px 0; }
#h1ManchesterSignCompany { background:url(../images/h1ManchesterSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1AltrinchamSignCompany { background:url(../images/h1AltrinchamSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1BlackburnSignCompany { background:url(../images/h1BlackburnSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1BoltonSignCompany { background:url(../images/h1BoltonSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1BurnleySignCompany { background:url(../images/h1BurnleySignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1BurySignCompany { background:url(../images/h1BurySignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1LeedsSignCompany { background:url(../images/h1LeedsSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1PrestwichSignCompany { background:url(../images/h1PrestwichSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1RadcliffeSignCompany { background:url(../images/h1RadcliffeSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1SalfordSignCompany { background:url(../images/h1SalfordSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1StockportSignCompany { background:url(../images/h1StockportSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1TottingtonSignCompany { background:url(../images/h1TottingtonSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1WhitefieldSignCompany { background:url(../images/h1WhitefieldSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1WiganSignCompany { background:url(../images/h1WiganSignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }
#h1ChorleySignCompany { background:url(../images/h1ChorleySignCompany.jpg) left top no-repeat; height:23px; width:400px; display:block; margin:26px 0 10px 0; }

/* Services Page */
.serviceContainer { width:304px; height:145px; /*padding-left:122px;*/ float:left; padding-right:20px; margin-bottom:16px; }
.serviceContainer img { float:left; width:122px; height:145px; }
.serviceContainer h2, .serviceContainer p  { float:left; display:block; width:180px; }
#shopFasciaSigns h2 { background:url(../images/h2shopFasciaSigns.jpg) left top no-repeat; height:31px; }
#vehicleGraphics { padding-right:0; }
#vehicleGraphics h2 { background:url(../images/h2vehicleGraphics.jpg) left top no-repeat; height:31px; }
#illuminatedSigns { }
#illuminatedSigns h2 { background:url(../images/h2illuminatedSigns.jpg) left top no-repeat; height:31px; }
#windowGraphics { padding-right:0; }
#windowGraphics h2 { background:url(../images/h2windowGraphics.jpg) left top no-repeat; height:31px; }
#flatCutLetters { }
#flatCutLetters h2 { background:url(../images/h2flatCutLetters.jpg) left top no-repeat; height:31px; }
#bannerSigns { padding-right:0; }
#bannerSigns h2 { background:url(../images/h2bannerSigns.jpg) left top no-repeat; height:31px; }
#aboardSigns { }
#aboardSigns h2 { background:url(../images/h2aboardSigns.jpg) left top no-repeat; height:31px; }
#officeAndDirectionalSigns { padding-right:0; }
#officeAndDirectionalSigns h2 { background:url(../images/h2officeAndDirectionalSigns.jpg) left top no-repeat; height:31px; }
/**/


/* Gallery Pages */
#h2Gallery 		{ background:url(../images/h2Gallery.jpg) left top no-repeat; height:50px; width:365px; display:block; margin:0 0 0 0; float:left; }
p.p1 			{ height:51px; overflow:hidden; display:block; padding:0; margin:0; }
p.p2 			{ height:40px; overflow:hidden; display:block; padding:0; margin:0; }/* used in services.html */
/**/

.polaroidLarge 						{ background-color:#000; background:url(../images/polaroid_Large.jpg) left top no-repeat; height:315px; width:245px; margin-right:25px; float:left; overflow:hidden;}
.polaroidBack 						{ background-color:#000;  margin:20px 0 0 13px; width:208px; height:208px; overflow:hidden; display:block;}
.polaroidR1 						{ width:92px; height:112px; background:url(../images/polaroidR1.jpg) left top no-repeat; float:left; }
.polaroidR1 img, .polaroidR2 img 	{ margin:12px 0 0 8px; }

/* Services.html */
ul#services li { display:block; width:120px; height:144px; margin:0 10px 10px 0; float:left; }
ul#services li a { display:block; width:120px; height:144px; }
ul#services li a span { display:none; }
li.m0 { margin:0 0 10px 0; }

li#shopFascias { background:url(../images/btn_shopFascias.jpg) left top no-repeat; } li#shopFascias:hover { background:url(../images/btn_shopFascias.jpg) 0 -154px no-repeat; }
li#vehicleGraphics { background:url(../images/btn_vehicleGraphics.jpg) left top no-repeat; } li#vehicleGraphics:hover { background:url(../images/btn_vehicleGraphics.jpg) 0 -154px no-repeat; }
li#illuminatedSigns { background:url(../images/btn_illuminatedSigns.jpg) left top no-repeat; } li#illuminatedSigns:hover { background:url(../images/btn_illuminatedSigns.jpg) 0 -154px no-repeat; }
li#flatCutLetters { background:url(../images/btn_flatCutLetters.jpg) left top no-repeat; } li#flatCutLetters:hover { background:url(../images/btn_flatCutLetters.jpg) 0 -154px no-repeat; }
li#windowGraphics { background:url(../images/btn_windowGraphics.jpg) left top no-repeat; } li#windowGraphics:hover { background:url(../images/btn_windowGraphics.jpg) 0 -154px no-repeat; }
li#aBoards { background:url(../images/btn_a-boards.jpg) left top no-repeat; } li#aBoards:hover { background:url(../images/btn_a-boards.jpg) 0 -154px no-repeat; }
li#banners { background:url(../images/btn_banners.jpg) left top no-repeat; } li#banners:hover { background:url(../images/btn_banners.jpg) 0 -154px no-repeat; }
li#fullColourDigitalPrinting { background:url(../images/btn_fullColourDigitalPrinting.jpg) left top no-repeat; } li#fullColourDigitalPrinting:hover { background:url(../images/btn_fullColourDigitalPrinting.jpg) 0 -154px no-repeat; }
li#officeAndDirectorySigns { background:url(../images/btn_officeAndDirectorySigns.jpg) left top no-repeat; } li#officeAndDirectorySigns:hover { background:url(../images/btn_officeAndDirectorySigns.jpg) 0 -154px no-repeat; }

#banner { width:645px; height:130px; float:left; padding:3px 3px 3px 3px; margin-top:10px; clear:both; background-color:#ffffff; display:block; overflow:hidden;}
.banner1 { background:url(../images/banner1.jpg) left top no-repeat; }
.banner2 { background:url(../images/banner2.jpg) left top no-repeat; }
.banner3 { background:url(../images/banner3.jpg) left top no-repeat; }
.banner4 { background:url(../images/banner4.jpg) left top no-repeat; }
.banner5 { background:url(../images/banner5.jpg) left top no-repeat; }
#banner ol { width:645px; height:0px; display:block; background: url(../images/bannerMenu.png) left top no-repeat; list-style-type:none; position: relative; top:-6px; left:0; overflow:hidden;}
#banner ol li { width:15px; height:15px; display:block; float:right; text-align:center; margin:5px 4px 0 5px; }
#banner ol li a { color:#FFFFFF; text-decoration:none; display:block; height:15px;}
#banner ol li a:hover { color:#FF0000; background:url(../images/bannerBtn.png) left top no-repeat; }
#banner ol li.active a { color:#FF0000; background:url(../images/bannerBtn.png) left top no-repeat; }
#banner img{position:relative; left:-3px; top:-3px; visibility:hidden;}

ul.otherServicesList { display:block; width:200px; font-size:14px; float:left;  }
ul.otherServicesList li { display:block; height:25px; color:#005696; background:url(../images/bullet.png) no-repeat; padding-left:20px; }

#theGalleryThumbnails	{ display:block; overflow:auto; width:394px; float:right; }