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

	/* Body Content */

body { font-family: Arial, Helvetica, sans-serif; background: url(../images/topgradient.png) repeat-x #7C7C7C; margin: 0; padding: 0; }
.container { width: 900px; margin: auto; padding: 0; }

.topleft { background: url(../images/topleft.png) no-repeat; height: 49px; width: 248px; }

.logo { margin: 10px 0px 0px 10px; }
.dutkaarchitects { float: left; }
.strapline { float: left; margin: -55px 0px 0px 305px; }

.clr { clear: both; }

	/* Navigation */
	
.homenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 105px 0px; }
.profilenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 307px 0px; }
.casenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 666px 0px; }
.contactnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 251px 0px; }
.recommendnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 371px 0px; }
.designnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 105px 0px; }
.newsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 1210px 0px; }

.projectsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 105px 0px; }

.sandonavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 226px 0px; }
.customsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 183px 0px; }
.dersinghamnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 101px 0px; }
.managementnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 101px 0px; }
.newcastlenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 564px 0px; }

.mrenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 560px 0px; }
.elginnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 540px 0px; }
.haslemerenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 564px 0px; }
.majornavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 105px 0px; }
.scarahnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 564px 0px; }
.summernavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 394px 0px; }

.ucandsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 561px 0px; }
.communitynavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 334px 0px; }
.engineeringnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 119px 0px; }
.grewelthorpenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 331px 0px; }
.musicnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 589px 0px; }
.theatrenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 359px 0px; }
.chancellornavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 477px 0px; }

.idnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 501px 0px; }
.barxnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 481px 0px; }
.cassidysnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 105px 0px; }
.hoinavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 491px 0px; }
.jootnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 516px 0px; }

.fandcbnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 432px 0px; }
.acornnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 492px 0px; }
.bulgarianavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 107px 0px; }
.mcbluenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 462px 0px; }
.mushroomnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 356px 0px; }

.hrandphnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 512px 0px; }
.fernhurstnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 346px 0px; }
.goldennavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 766px 0px; }
.nelsonnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 516px 0px; }
.woodlandsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 175px 0px; }

.srenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 412px 0px; }
.harrogatenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 324px 0px; }
.haslemeresrenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 324px 0px; }
.huddersfieldnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 574px 0px; }
.kenilworthnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 158px 0px; }
.studionavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 564px 0px; }
.stocktonnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 324px 0px; }
.wixleynavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 324px 0px; }
.minornavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 105px 0px; }
.yorknavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 324px 0px; }

.architectsnorthyorkshirenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 610px 0px; }

.newsnavbox1970 { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 395px 0px; }

.nav ul { list-style-type: none; }
.nav ul li { margin: 0px 0px 20px -20px; width: 215px; height: 38px; padding: 5px 0px 0px 0px; text-align: center; }
.button { background: url(../images/greenbutton.png) no-repeat; width: 215px; height: 38px; }
.calltoarms { background: url(../images/pinkbutton.png) no-repeat; width: 215px; height: 38px; }
.nav ul li a { color: #FFFFFF; text-decoration: none; }
.nav ul li a:hover { color: #FFFFFF; text-decoration: underline; }
.nav ul li a:visited { color: #FFFFFF; }

.contactbutton { float: right; margin: 20px 0px 0px 0px; }
.contactbutton ul { list-style-type: none; }
.contactbutton ul li { margin: 0px 0px 30px -17px; width: 215px; height: 38px; padding: 5px 0px 0px 0px; text-align: center; }
.contacttoarms { background: url(../images/contactpinkbutton.png) no-repeat; width: 215px; height: 38px; }
.contactbutton ul li a { color: #FFFFFF; text-decoration: none; }
.contactbutton ul li a:hover { color: #FFFFFF; text-decoration: underline; }
.contactbutton ul li a:visited { color: #FFFFFF; }

	/* Slideshow */
	
.slideshow { margin: -9px 0px 0px 0px; }

	/* Content */

.breadcrumb { font-size: 10px; color: #CCCCCC; }
.breadcrumb-12 { font-size: 12px; color: #FFFFFF; }
.breadcrumb a { font-size: 10px; color: #CCCCCC; text-decoration: none; }
.breadcrumb a:hover { font-size: 10px; color: #CCCCCC; text-decoration: underline; }

.homecontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: url(../images/homebackground.png) no-repeat center top #444444; margin: 30px 0px 30px 30px; float: right; width: 580px; padding: 10px 20px 10px 20px; }
.profilecontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: url(../images/profilebackground.png) no-repeat center top #444444; margin: 30px 0px 30px 30px; float: right; width: 580px; padding: 10px 20px 10px 20px; }
.casecontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: url(../images/casestudybackground.png) no-repeat center top #444444; margin: 30px 0px 30px 30px; float: right; width: 580px; padding: 10px 20px 10px 20px; }
.contactcontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: #444444; margin: 30px 0px 20px 30px; float: right; width: 580px; padding: 10px 20px 10px 20px; }
.designcontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: url(../images/designbackground.png) no-repeat center top #444444; margin: 30px 0px 20px 30px; float: right; height: 450px; width: 580px; padding: 10px 20px 10px 20px; }
.newscontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: url(../images/newsbackground.png) no-repeat center top #444444; margin: 30px 0px 20px 30px; float: right; width: 580px; padding: 10px 20px 10px 20px; }

.projectscontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: #444444; margin: 30px 0px 30px 30px; float: right; height: 450px; width: 580px; padding: 10px 20px 10px 20px; }
.indivprojectscontentbox { color: #FFFFFF; font-size: 14px; line-height: 25px; background: #444444; margin: 30px 0px 30px 30px; float: right; width: 580px; padding: 10px 20px 10px 20px; }


.dutka { float: right; margin: 0px 0px 20px 20px; }

.top { float: left; margin: 10px 0px 0px 0px; }
.centre { float: left; margin: 20px 0px 0px 0px; }
.bottom { float: left; margin: 20px 0px 0px 0px; }

.news { float: right; }

.left { float: left; margin: 0px 20px 0px 0px; -moz-box-shadow: 4px 4px 5px #000000; -webkit-box-shadow: 4px 4px 5px #000000; box-shadow: 4px 4px 5px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.middle { float: left; margin: 0px 20px 0px 0px; -moz-box-shadow: 4px 4px 5px #000000; -webkit-box-shadow: 4px 4px 5px #000000; box-shadow: 4px 4px 5px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.right { float: left; -moz-box-shadow: 4px 4px 5px #000000; -webkit-box-shadow: 4px 4px 5px #000000; box-shadow: 4px 4px 5px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }

.otopleft { float: left; margin: 10px 12px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.otopright { float: left; margin: 10px 0px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.oleft { float: left; margin: 10px 12px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.oright { float: left; margin: 10px 0px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.obotleft { float: left; margin: 10px 12px 30px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.obotright { float: left; margin: 10px 0px 30px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }

.othreetopleft { float: left; margin: 10px 3px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreetopmiddle { float: left; margin: 10px 3px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreetopright { float: left; margin: 10px 0px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreeleft { float: left; margin: 10px 3px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreemiddle { float: left; margin: 10px 3px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreeright { float: left; margin: 10px 0px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreebotleft { float: left; margin: 10px 3px 30px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreebotmiddle { float: left; margin: 10px 3px 0px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }
.othreebotright { float: left; margin: 10px 0px 30px 20px; -moz-box-shadow: 8px 8px 10px #000000; -webkit-box-shadow: 8px 8px 10px #000000; box-shadow: 8px 8px 10px #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow{Strength=10, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); }

.otoppicleft { float: left; margin: 10px 15px 0px 0px; }
.otoppicright { float: left; margin: 10px 0px 0px 0px; }
.opicleft { float: left; margin: 10px 15px 0px 0px; }
.opicright { float: left; margin: 10px 0px 0px 0px; }
.obotpicleft { float: left; margin: 10px 15px 30px 0px; }
.obotpicright { float: left; margin: 10px 0px 30px 0px; }

.otoppicleftnews { float: left; margin: 10px 15px 0px 40px; }
.otoppicrightnews { float: left; margin: 10px 15px 0px 40px; }

	/* Accordion */
	
.AccordionTitle, .AccordionContainer { margin: 20px 0px 16px 0px; position: relative; width: 578px; }
.AccordionTitle { height: 30px; overflow: hidden; cursor: pointer; font-family: Arial; font-size: 8pt; font-weight: bold; vertical-align: middle; text-align: center; background: #444444; display: table-cell; -moz-user-select: none; border: solid 1px #CCCCCC; }
.AccordionContent { height: 0px; overflow: auto; display: none; padding: 0px 10px 0px 10px; position: relative; width: 558px; }
.AccordionContainer { border: solid 1px #CCCCCC; }

	/* Lists */
	
.error { list-style-type: none; padding: 0; margin: 20px 0px 20px 0px; font-style: italic; }
.error li { background: url(../images/exclamation.png) no-repeat; padding: 0px 0px 0px 25px; margin: 0px 0px 10px 0px; }

	/* Footer */
	
.footer { background: #E9E9E9; height: 90px; width: 100%; }
.infooter { width: 900px; margin: auto; color: #444444; font-size: 10px; padding: 10px; line-height: 15px; }
.tophalf { float: left; width: 900px; }
.bottomhalf { float: left; width: 900px; }
.pfootleft { float: left; }
.pfootright { float: right; }
.riba { float: left; margin: -17px 0px 0px 180px; }