@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 39px 0px; }
.profilenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 241px 0px; }
.casenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 600px 0px; }
.contactnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 185px 0px; }
.recommendnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 305px 0px; }
.designnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 39px 0px; }
.newsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 347px 0px; }

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

.sandonavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 160px 0px; }
.customsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 117px 0px; }
.dersinghamnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 35px 0px; }
.managementnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 35px 0px; }
.newcastlenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 498px 0px; }

.mrenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 494px 0px; }
.elginnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 474px 0px; }
.haslemerenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 498px 0px; }
.majornavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 39px 0px; }
.scarahnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 498px 0px; }
.summernavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 288px 0px; }

.ucandsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 495px 0px; }
.communitynavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 268px 0px; }
.engineeringnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 53px 0px; }
.grewelthorpenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 265px 0px; }
.musicnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 523px 0px; }
.theatrenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 293px 0px; }
.chancellornavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 411px 0px; }

.idnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 435px 0px; }
.barxnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 415px 0px; }
.cassidysnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 39px 0px; }
.hoinavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 425px 0px; }
.jootnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 450px 0px; }

.fandcbnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 366px 0px; }
.acornnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 426px 0px; }
.bulgarianavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 41px 0px; }
.mcbluenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 396px 0px; }
.mushroomnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 290px 0px; }

.hrandphnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 446px 0px; }
.fernhurstnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 280px 0px; }
.goldennavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 700px 0px; }
.nelsonnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 450px 0px; }
.woodlandsnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 109px 0px; }

.srenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 346px 0px; }
.harrogatenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 258px 0px; }
.haslemeresrenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 258px 0px; }
.huddersfieldnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 508px 0px; }
.kenilworthnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 92px 0px; }
.studionavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 498px 0px; }
.stocktonnavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 258px 0px; }
.wixleynavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 258px 0px; }
.minornavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 39px 0px; }
.yorknavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 258px 0px; }

.architectsnorthyorkshirenavbox { background: #D2D2D2; float: left; margin: 0px 0px 0px 0px; width: 250px; padding: 37px 0px 544px 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 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; }