@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; border:0; }

body 
{ background-color:#1e1b1c; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231f20; }

h1 span, h3 span, h4 span, h5 span, h6 span 
{ display:none; }

h1 
{ font-size:20px; font-weight:normal; }

h2 
{ font-size:12px; font-weight:normal; margin-bottom:4px; }

h3 
{ font-size:11px; font-weight:normal; margin-bottom:10px; }

p 
{ margin-bottom:10px; text-align:justify; }

p.subh1 
{ font-size:12px; font-weight:normal; margin:3px 0 0 0; }

img 
{ border:none; }

a 
{ color:#231f20; text-decoration:none; }

a:hover 
{ color:#7a181e; }

a:focus 
{ outline:none; }

p.website-design-manchester 
{ color:#dadada; font-size:9px; display:block; position:absolute; }

#websitedesign1 
{ top:428px; left:205px; }

#websitedesign2 
{ top:428px; left:41px; }

p.website-design-manchester a 
{ color:#dadada; text-decoration:none; }

p.website-design-manchester a:hover 
{ color:#dadada; text-decoration:none; }

.clearfix 
{ clear:both; }

/* Document Containers
.container { width:100%; height:520px; position:relative; } */
.container	
{ margin-top:-235px; margin-left:-480px; position:absolute; top:50%; left:50%; width:960px; height: 520px; }

.center	
{ width:960px; height:520px; margin:0 auto; background:transparent url(../images/letterbox.jpg) top left no-repeat; position:relative; }


/* Main Navigation */
#navigation 
{ height:374px; width:204px; background-color:#eaeaea; position:absolute; top:0; left:12px; }

#navigation ul 
{ padding:20px 0 0 20px; font-size:14px; font-weight:normal; }

#navigation ul li 
{ list-style:none; color:#231f20; margin:0 0 10px 0; }

#navigation ul li a.active, li.active a 
{ color:#7a181e; }

/* Sub nav */
#navigation ul li ol 
{ font-size:11px; padding:0 0 0 0; margin:3px 0 0 4px; }

#navigation ul li ol li 
{ margin:0 0 0 0; padding:0 0 0 8px; display:block; width:166px; height:17px; }

#navigation ul li ol li.active 
{ background:url(../images/bullet-red.jpg) left top no-repeat; }

#navigation ul li.active 
{ color:#7a181e;}

.hiddenList 
{ display:none; }

/* REDS Logo and link to homepage */
#logo 
{ height:80px; width:214px; background:url(../images/logo.jpg) left top no-repeat; position:absolute; top:374px; left:0; }

#logo a 
{ display:block; height:43px; width:43px; position:absolute; top:14px; left:24px; background:url(../images/logoMouseDown.jpg) left top no-repeat; }


/* Main content */
#contentContainer 
{ height:454px; width:734px; position:absolute; top:0; left:214px; overflow:hidden; background-color:#eaeaea; }
/* slideCointainer holds all the slides - so we should only have to animate this object */

#slideContainer 
{ height:454px; width:4404px; }
/* slide class sets standard heights and positions for all slices */
.slide { height:454px; width:734px; float:left; }


/* Projects */
#burnleyFootballClubS1 
{ background:url(../images/burnley-football-club/s1.jpg) top left; }

#burnleyFootballClubS2 
{ background:url(../images/burnley-football-club/s2.jpg) top left; }

#burnleyFootballClubS3 
{ background:url(../images/burnley-football-club/s3.jpg) top left; }

#burnleyFootballClubS4 
{ background:url(../images/burnley-football-club/s4.jpg) top left; }

#oceanPlazaRhylS1 
{ background:url(../images/ocean-plaza-rhyl/s1.jpg) top left; }

#oceanPlazaRhylS2 
{ background:url(../images/ocean-plaza-rhyl/s2.jpg) top left; }

#oceanPlazaRhylS3 
{ background:url(../images/ocean-plaza-rhyl/s3.jpg) top left; }

#birchwoodShoppingCentreS1 
{ background:url(../images/birchwood-shopping-centre/s1.jpg) top left; }

#birchwoodShoppingCentreS2 
{ background:url(../images/birchwood-shopping-centre/s2.jpg) top left; }

#birchwoodShoppingCentreS3 
{ background:url(../images/birchwood-shopping-centre/s3.jpg) top left; }

#birchwoodShoppingCentreS4 
{ background:url(../images/birchwood-shopping-centre/s4.jpg) top left; }

#deanCloughMillsS1 
{ background:url(../images/dean-clough-mills/s1.jpg) top left; }

#deanCloughMillsS2 
{ background:url(../images/dean-clough-mills/s2.jpg) top left; }

#deanCloughMillsS3 
{ background:url(../images/dean-clough-mills/s3.jpg) top left; }

#greenacresOldhamS1 
{ background:url(../images/greenacres-oldham/s1.jpg) top left; }

#greenacresOldhamS2 
{ background:url(../images/greenacres-oldham/s2.jpg) top left; }

#auraLiverpoolS1 
{ background:url(../images/aura-liverpool/s1.jpg) top left; }

#auraLiverpoolS2 
{ background:url(../images/aura-liverpool/s2.jpg) top left; }

#auraLiverpoolS3 
{ background:url(../images/aura-liverpool/s3.jpg) top left; }

#auraLiverpoolS4 
{ background:url(../images/aura-liverpool/s4.jpg) top left; }

#greenhouseS1 
{ background:url(../images/greenhouse/s1.jpg) top left; }

#greenhouseS2 
{ background:url(../images/greenhouse/s2.jpg) top left; }

#someRecentAppointmentsS1 
{ background:url(../images/some-recent-appointments/s1.jpg) top left; }

#someRecentAppointmentsS1 ul 
{ font-size:11px;}

/* Profile, Ethos, Directors */
#profileS1 
{ background:url(../images/backgroundPracticeProfile.jpg) top left; }

#ethosS1 
{ background:url(../images/backgroundPracticeEthos.jpg) top left; }

#directorsS1 
{ background:url(../images/backgroundDirectorsS1.jpg) top left; }

#directorThumbMarkRobinson 
{ background:url(../images/backgroundDirectorThumbnailMarkRobinson.jpg) top left; display:block; width:200px; height:160px; position:absolute; top:100px; left:0; }

#directorThumbDuncanMckee
{ background:url(../images/backgroundDirectorThumbnailDuncanMckee.jpg) top left; display:block; width:200px; height:160px; position:absolute; top:100px; left:260px; }

/*
#directorThumbAlanWood { background:url(../images/backgroundDirectorThumbnailAlanWood.jpg) top left; display:block; width:200px; height:160px; position:absolute; top:50px; left:260px; }
#directorThumbKevinBurnup { background:url(../images/backgroundDirectorThumbnailKevinBurnup.jpg) top left; display:block; width:200px; height:160px; position:absolute; top:220px; left:0; }
#directorThumbDuncanMckee{ background:url(../images/backgroundDirectorThumbnailDuncanMckee.jpg) top left; display:block; width:200px; height:160px; position:absolute; top:220px; left:260px; }
*/
#directorsS2 
{ background:url(../images/backgroundDirectorsS2.jpg) top left; }

#directorsS3 
{ background:url(../images/backgroundDirectorsS5.jpg) top left; }
/*
#directorsS4 { background:url(../images/backgroundDirectorsS4.jpg) top left; }
#directorsS5 { background:url(../images/backgroundDirectorsS5.jpg) top left; }
*/
.btnSlide 
{ display:block; width:14px; height:13px; position:absolute; top:40px; left:130px; background:url(../images/btnNextSlide.gif) left top no-repeat; }

.btnLinkSlide
{ display:block; width:14px; height:13px; position:absolute; top:388px; left:485px; background:url(../images/btnPreviousSlide.gif) left top no-repeat;
}

#directorsS1 li, #directorsS2 li, #directorsS3 li 
{ margin:0 0 5px 0; }

/* Services */
#servicesS1 
{ background:url(../images/backgroundServices.jpg) top left; }

#servicesS2 
{ background:url(../images/backgroundServices2.jpg) top left; }

#servicesS3 
{ background:url(../images/backgroundServices3.jpg) top left; }

#servicesS1 ul, #servicesS2 ul, #servicesS3 ul 
{ padding:5px 0 0 5px; width:500px; font-size:12px; font-weight:normal; }

#servicesS1 ul li, #servicesS2 ul li, #servicesS3 ul li 
{ list-style:none; color:#231f20; margin:0 0 10px 0; padding:0 0 0 15px; background:url(../images/bullet-grey.jpg) left top no-repeat; }

#listBlock1 
{ display:block; width:200px; height:300px; position:absolute; top:70px; left:0; }

#listBlock2 
{ display:block; width:200px; height:300px; position:absolute; top:70px; left:236px; }

#listBlock1 h2, #listBlock2 h2 
{ font-size:14px; }
 
#listBlock1 ul, #listBlock2 ul 
{ margin:8px 0 0 5px; } 


/* Contact us */
#enquiriesS1 
{ background:url(../images/backgroundContactUs.jpg) top left; }

.enquiriesContent 
{ display:block; height:395px; position:relative; top:30px; left:205px; width:502px; }

.enquiriesContent p 
{ margin-bottom:30px; width:490px; line-height:17px; }

.enquiriesContent ul 
{ padding:0 0 0 5px; width:500px; font-size:12px; font-weight:normal; }

.enquiriesContent ul li 
{ list-style:none; color:#231f20; margin:0 0 10px 0; padding:0 0 0 15px; background:url(../images/bullet-grey.jpg) left top no-repeat; }

.enquiriesContent h2 
{font-weight:bold;}

#leftColumn	
{display:block; position:absolute; top:55px; left:0px; width:250px; height:170px; float:left; }

#rightColumn
{display:block; position:absolute; top:55px; left:250px; width:250px; height:170px; float:left; }

.addressContainer 
{ display:block; position:absolute; top:20px; left:0px; width:250px; height:100px; float:left; }

.contactNumbers 
{ display:block; position:absolute; top:125px; left:0px; width:150px; height:70px; float:left; }

.contactNumbers p.c1 
{ margin:0 0 8px 0; padding:0 0 0 0; }

p.c1 
{ margin:0 0 0 0; padding:0 0 8px 0; }

p.c2 
{ margin:0 0 0 0; padding:0 0 8px 0; font-size:11px; }

#contactMark 
{ display:block; position:absolute; top:240px; left:0; width:250px; height:85px; float:left; }

#contactAlan 
{ display:block; position:absolute; top:240px; left:250px; width:240px; height:85px; float:left; }

#contactMark p 
{ margin:0 0 0 0; }

#contactAlan p 
{ margin:0 0 0 0; }

.qualifications 
{ font-size:11px; }

#registeredinfo 
{ position:absolute; top:344px; left:0; display:block; width:500px; height:50px; float:left; }

#registeredinfo p 
{ margin:0 0 0 0; font-size:11px; }


/* Google Map */
#mapS1 
{ background:url(../images/backgroundMap.jpg) top left; }

/* MAP */
.contentMap 
{ background:url(../images/backgroundMap.jpg) left top no-repeat; height:424px; width:700px; padding-left:27px; padding-top:30px; }

#mapManchester  span 
{ display:none; }

#mapManchester 
{ width:660px; height:300px; margin-top:10px; }

#mapManchester #mapPopUp 
{ height:99px; width:218px; background:url(../images/backgroundMapPopupManchester.jpg); }

#mapLeeds  span 
{ display:none; }

#mapLeeds 
{ width:660px; height:300px; margin-top:10px; }

#mapLeeds #mapPopUp 
{ height:99px; width:218px; background:url(../images/backgroundMapPopupLeeds.jpg); }

#mapPopUp p 
{ padding:30px 0 0 10px;}

.directions 
{ height:48px; width:660px;}

#saddrLabel 
{ float:left; display:block; width:330px; font-size:13px; margin-left:0px; margin-top:8px; }

#saddr      
{ float:left; display:block; width:180px; height:20px; border: 1px solid #dfdfdf; padding:3px 0 0 4px; color:#1e1b1c; font-size:14px; margin-top:10px; margin-left:10px; }

#submit     
{ float:left; display:block; width:116px; height:29px; background-image:url(../images/btnDirections.gif);  margin-top:8px; margin-left:10px; cursor:pointer; }


/* Content styling */
.content 
{ display:block; height:380px; position:relative; top:30px; left:205px; width:502px; }

.content p 
{ margin-bottom:30px; width:490px; line-height:17px; }

.content ul 
{ padding:0 0 0 5px; width:500px; font-size:12px; font-weight:normal; }

.content ul li 
{ list-style:none; color:#231f20; margin:0 0 10px 0; padding:0 0 0 15px; background:url(../images/bullet-grey.jpg) left top no-repeat; }


/* Slide navigation */
ul#btnSlideNavigation 
{ width:38px;	height:14px; position:absolute;	top:415px; left:660px; margin-right:40px; }

ul#btnSlideNavigation li 
{ list-style-type:none; }

li#btnSlideOne 
{ display:block; width:14px; height:13px; float:right; background:url(../images/btnPreviousSlide.gif) left top no-repeat; }

li#btnSlideTwo 
{ display:block; width:14px; height:13px; float:right; margin-left:10px; background:url(../images/btnNextSlide.gif) left top no-repeat; }

li#btnSlideOne a, li#btnSlideTwo a 
{ display:block; width:14px; height:13px; }

li#btnSlideOne.hidden, li#btnSlideTwo.hidden 
{ display:none; }

ul#btnSlideNavigation a span 
{ display:none; }


/* Animation */
#content 
{ overflow:hidden; }

#contentImage1 
{}

#contentImage2 
{ visibility:hidden; position:relative; top:-454px; z-index:1; }