@charset "utf-8";
/* Tim Davies Homepage CSS Document */

@import "timdavies-common.css";

body { background: url(images/background/portfolio.jpg) no-repeat fixed top center; }

body#feature1 { background: url(images/background/services.jpg) no-repeat fixed top center; }
body#feature2 { background: url(images/background/portfolio-feature2.jpg) no-repeat fixed top center; }
body#feature3 { background: url(images/background/portfolio-feature3.jpg) no-repeat fixed top center; }
body#feature4 { background: url(images/background/employment.jpg) no-repeat fixed top center; }
body#feature5 { background: url(images/background/contact.jpg) no-repeat fixed top center; }


/* Content Container */
#contentcontainer { border-left: 16px solid #fff; border-right: 16px solid #fff; }
#innercontainer { padding: 57px 0 101px 46px; width: 886px; margin: 0 auto; }
#innercontainer #copycontainer { width: 860px; padding: 0; }


/* Main Contents */
.maincontents { width: 800px; padding: 30px 0 0 0; background-color: #fff; }


/* Left Column */
#leftcolumn { float: left; width: 185px; padding: 41px 0 36px 36px; }

#leftcolumn .label { color: #c2702a; margin: 7px 0 3px 0; font-weight: bold; font-size: 90%; }
#leftcolumn .label#con_contactnumber { background: url(images/leftcolumn-title-contact-number.gif) no-repeat; }
#leftcolumn .label#con_address { margin-top: 30px; background: url(images/leftcolumn-title-address.gif) no-repeat; }
#leftcolumn p { margin: 0; font-size: 110%; color: #343434; }

#leftcolumn ul { margin: 0; padding: 0; list-style: none; }
#leftcolumn ul li { border-bottom: 1px solid #e7e5e2; padding: 7px 0; min-height: 10px; height: auto !important; height: 10px; }
#leftcolumn ul li a { display: block; padding: 0; height: 10px; overflow: hidden; color: #5a4e4b; font-weight: bold; text-decoration: none; outline: none; }
* html body #leftcolumn ul li a { margin-bottom: 4px; }
#leftcolumn ul li.level_3 a span { visibility: hidden; }
* html body #leftcolumn ul li { padding: 7px 0 3px 0; }


/* Second Level Left Column Links */
#leftcolumn ul ul { padding-top: 4px; padding-bottom: 0; }
#leftcolumn ul ul li { border: none; padding: 2px 0 !important; }
#leftcolumn ul ul li a { overflow: visible; display: inline; height: auto; color: #343434; padding: 0 0 0 9px; background: url(images/navigation/mainnav-bullet.gif) no-repeat 1px 6px; font-weight: normal; }
#leftcolumn ul ul li a:hover { color: #c2702a; background-image: url(images/navigation/mainnav-bullet-over.gif); }
#leftcolumn ul ul li a.active { color: #c2702a; font-weight: bold; background-image: url(images/navigation/mainnav-bullet-over.gif); }
#leftcolumn ul ul li.level_4 a span { visibility: visible; }

* html body #leftcolumn ul ul { padding-bottom: 3px; }

/* Left Nav Images */
	/* Portfolio Sub Item Link Images */
		#leftcolumn a#portfolio_completed_projects { background: url(images/navigation/subnav-portfolio-completedprojects.gif) no-repeat top left; }
		#leftcolumn a#portfolio_completed_projects:hover,
		#leftcolumn a#portfolio_completed_projects.active { background: url(images/navigation/subnav-portfolio-completedprojects.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#portfolio_current_commitments { background: url(images/navigation/subnav-portfolio-currentcommitments.gif) no-repeat top left; }
		#leftcolumn a#portfolio_current_commitments:hover,
		#leftcolumn a#portfolio_current_commitments.active { background: url(images/navigation/subnav-portfolio-currentcommitments.gif) no-repeat 0px -11px; }
	
	
	/* About Us Sub Item Link Images */
		#leftcolumn a#aboutus_aboutus { background: url(images/navigation/subnav-aboutus-aboutus.gif) no-repeat top left; }
		#leftcolumn a#aboutus_aboutus:hover,
		#leftcolumn a#aboutus_aboutus.active { background: url(images/navigation/subnav-aboutus-aboutus.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#aboutus_northwest { background: url(images/navigation/subnav-aboutus-northwest.gif) no-repeat top left; }
		#leftcolumn a#aboutus_northwest:hover,
		#leftcolumn a#aboutus_northwest.active { background: url(images/navigation/subnav-aboutus-northwest.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#aboutus_design { background: url(images/navigation/subnav-aboutus-design.gif) no-repeat top left; }
		#leftcolumn a#aboutus_design:hover,
		#leftcolumn a#aboutus_design.active { background: url(images/navigation/subnav-aboutus-design.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#aboutus_construction { background: url(images/navigation/subnav-aboutus-construction.gif) no-repeat top left; }
		#leftcolumn a#aboutus_construction:hover,
		#leftcolumn a#aboutus_construction.active { background: url(images/navigation/subnav-aboutus-construction.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#aboutus_maintenance { background: url(images/navigation/subnav-aboutus-maintenance.gif) no-repeat top left; }
		#leftcolumn a#aboutus_maintenance:hover,
		#leftcolumn a#aboutus_maintenance.active { background: url(images/navigation/subnav-aboutus-maintenance.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#aboutus_sponsorship { background: url(images/navigation/subnav-aboutus-sponsorship.gif) no-repeat top left; }
		#leftcolumn a#aboutus_sponsorship:hover,
		#leftcolumn a#aboutus_sponsorship.active { background: url(images/navigation/subnav-aboutus-sponsorship.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#aboutus_awards { background: url(images/navigation/subnav-aboutus-awards.gif) no-repeat top left; }
		#leftcolumn a#aboutus_awards:hover,
		#leftcolumn a#aboutus_awards.active { background: url(images/navigation/subnav-aboutus-awards.gif) no-repeat 0px -11px; }
	
	
	/* Employment Sub Item Link Images */
		#leftcolumn a#employment_employment { background: url(images/navigation/subnav-employment-employment.gif) no-repeat top left; }
		#leftcolumn a#employment_employment:hover,
		#leftcolumn a#employment_employment.active { background: url(images/navigation/subnav-employment-employment.gif) no-repeat 0px -11px; }
		
		#leftcolumn a#employment_vacancies { background: url(images/navigation/subnav-employment-vacancies.gif) no-repeat top left; }
		#leftcolumn a#employment_vacancies:hover,
		#leftcolumn a#employment_vacancies.active { background: url(images/navigation/subnav-employment-vacancies.gif) no-repeat 0px -11px; }


/* Right Column */
#rightcolumn { float: right; width: 521px; padding: 0 36px 60px 0; }
#rightcolumn h1.pagetitle { margin: 0 0 3px 0; font-weight: normal; color: #9f9a99; font-size: 30px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
\ html body #rightcolumn h1.pagetitle { margin-bottom: 11px; }


/* Section Banner */
#sectionbanner { width: 617px; position: relative; margin: 0 -96px 0 0; background-color: #e7e5e2; color: #343434; font-weight: bold; }

#sectionbanner #smalltitle { width: 510px; height: 38px; }
#smalltitle h2#jobapp { font-size: 9px; margin: 15px 0 0 0; width: 111px; height: 10px; text-indent: -9999px; float: right; background: url(images/smalltitle-job-application.gif) no-repeat top right; }

#sectionbanner #heroimage { position: relative; float: left; width: 383px; }
.galleryitems { position: absolute; left: 0; bottom: 16px; height: 16px; padding: 10px 6px 0 56px; background: #010101 url(images/portfolio-gallery-title.gif) no-repeat 6px 8px; }
.galleryitems h5 { display: none; }
.galleryitems a { display: block; float: left; width: 14px; height: 5px; border-right: 1px solid #010101; background-color: #808080; font-size: 5px; }
.galleryitems a:hover, .galleryitems a.activeSlide { background-color: #c07020; }

#sectionbanner #details { float: left; position: relative; width: 218px; min-height: 35px; height: auto !important; height: 35px; margin: 0 0 0 -5px; padding: 0 0 0 21px; }
#details .teaser { font-size: 108%; color: #343434; font-weight: normal; padding: 0 50px 0 0; }

.maincontents#sel_portfolio #details, .maincontents#sel_about_us #details { background: url(images/sectionbanner-details-arrow.gif) no-repeat 0px 20px; }
.maincontents#sel_portfolio #details.portfoliodetails, .maincontents#sel_about_us #details { float: right; width: 168px; }

.maincontents#sel_about_us #heroimage { width: 433px; }
.maincontents#sel_about_us #details .teaser { padding-right: 20px; }


/* Portfolio Details */
#details .listedtitle { margin: 13px 0 4px 0; height: 10px; font-size: 6px; color: #8d8c8b; text-indent: -9999px; }
#details .listedtitle#proj_designteam { margin-top: 19px; background: url(images/details-title-designteam.gif) no-repeat; }
#details .listedtitle#proj_completion { background: url(images/details-title-completion.gif) no-repeat; }
#details .listedtitle#proj_keyservices { background: url(images/details-title-key-services.gif) no-repeat; }
#details ul { width: 180px; margin: 0; padding: 0; list-style: none; }
#details li { display: block; padding: 0 0 0 10px; background: url(images/navigation/mainnav-bullet.gif) no-repeat 0px 6px; color: #343434; font-weight: normal; }
#details .blurbcopy { padding-right: 15px; font-weight: normal; }


/* Services Details */
#details h2 { font-size: 20px; color: #000; margin: 16px 0 3px 0; font-weight: normal; text-transform: uppercase; font-weight: normal; }
\ html body #details h2 { margin-bottom: 6px; }


/* Copy */
#copy { margin-top: 20px; width: 510px; line-height: 150%; }


/* Awards */
.awarditem { display: block; border-bottom: 1px solid #d7d7d7; padding: 13px 0 5px; width: 383px; color: #000; }
.awarditem .awarddate { display: block; float: left; margin: 3px 0 0 0; font-weight: bold; color: #999; font-size: 110%; width: 36px; }
.awarditem .itemtitle { margin: 0 0 0 45px;  }
.awarditem .itemtitle h3 { display: inline; color: #000; font-size: 140%; font-weight: normal; margin: 0 0 7px 0; }
.awarditem .itemtitle .cataward { padding: 0 0 10px 10px; background: url(images/awards-item-icon.gif) no-repeat 0px 6px; }
.awarditem .itemtitle .cataward strong { color: #c2702a; }
.awarditem .itemtitle .cataward span { font-weight: bold; }


/* Contact */
form#contactForm { background: url(images/enquiry_form.gif) no-repeat 3px 0px; padding-top: 22px; }
form#contactForm h2 { display: none; }

form#contactForm table { width: 100%; border-collapse: collapse; }
form#contactForm th, form#contactForm td { border-bottom: 1px solid #d7d7d7; padding: 5px 0; }
form#contactForm th { text-align: left; color: #515151; width: 137px; padding-left: 2px; }
form#contactForm label { margin: 0; padding: 0; display: inline; }
form#contactForm input.text { padding: 1px 0 0 0; width: 240px; font-size: 11px; color: #343434; font-family: Arial, Helvetica, sans-serif; }
form#contactForm input.submit { width: 94px; height: 16px; margin-top: 11px; }
form#contactForm textarea { padding: 1px 0 0 0; width: 240px; height: 100px; font-size: 11px; color: #343434; font-family: Arial, Helvetica, sans-serif; }
form#contactForm .last { border-bottom: none; }


/* Sponsorhip */
.maincontents#sel_sponsorship #leftcolumn { display: none; }
.maincontents#sel_sponsorship #rightcolumn { padding: 0 0 60px 0; width: 763px; }
.maincontents#sel_sponsorship #sectionbanner { width: 823px; height: 38px; position: relative; margin: 0 -60px 0 0; background: #e7e3dc url(images/sponsorships-bannerblurb.gif) no-repeat 77px 15px; color: #8d8b88; font-weight: bold; text-indent: -9999px; }
.maincontents#sel_sponsorship #copy { width: 573px; padding: 0 0 0 76px; }

#sponsorshiplisting, #newslisting { margin-top: 13px; }
#sponsorshiplisting .sponsoritem { position: relative; margin: 0 0 0 -3px; border-bottom: 1px solid #d7d7d7; padding: 8px 0 8px 3px; color: #343434; }
#sponsorshiplisting .sponsoritem img { float: left; width: 139px; height: 86px; }
#sponsorshiplisting .sponsoritem .sponsordetails { margin-left: 164px; }
#sponsorshiplisting .sponsoritem h2 { color: #000; font-size: 140%; font-weight: normal; margin: 2px 0 0; }

#sponsorshiplisting a, #newslisting a { text-decoration: none; }
#sponsorshiplisting a#next, #newslisting a#next { margin: 4px; float: right; width: 64px; height: 22px; background: url(images/sponsorships-control-next.gif) no-repeat; }
#sponsorshiplisting a#previous, #newslisting a#previous { margin: 4px; float: left; width: 89px; height: 22px; background: url(images/sponsorships-control-previous.gif) no-repeat; }


/* Employment Job Application Form */
form#jobAppForm { background: url(images/online-application-title.gif) no-repeat 8px 0px; padding-top: 32px; }
form#jobAppForm h4 { display: none; }

form#jobAppForm table { width: 100%; border-collapse: collapse; }
form#jobAppForm th, form#jobAppForm td { border-bottom: 1px solid #d7d7d7; padding: 5px 0; color: #515151; }
form#jobAppForm th { text-align: left; width: 130px; padding-left: 8px; }
form#jobAppForm label { margin: 0; padding: 0; display: inline; }
form#jobAppForm input.text { padding: 3px 0 1px 2px; width: 241px; font-size: 11px; color: #515151; font-family: Arial, Helvetica, sans-serif; }
form#jobAppForm input.file { padding: 3px 0 1px 2px; font-size: 11px; color: #515151; font-family: Arial, Helvetica, sans-serif; }
form#jobAppForm input.submit { width: 112px; height: 16px; margin-top: 11px; }
form#jobAppForm textarea { padding: 3px 0 1px 2px; width: 241px; height: 100px; font-size: 11px; color: #515151; font-family: Arial, Helvetica, sans-serif; }
form#jobAppForm .last { border-bottom: none; }


/* Online Application */
form#onlineApplication { background: url(images/enquiry_form.gif) no-repeat 3px 0px; padding-top: 22px; }
form#onlineApplication h3 { display: none; }

form#onlineApplication table { width: 100%; border-collapse: collapse; }
form#onlineApplication th, form#onlineApplication td { border-bottom: 1px solid #d7d7d7; padding: 5px 0; }
form#onlineApplication th { text-align: left; color: #515151; width: 137px; padding-left: 2px; }
form#onlineApplication label { margin: 0; padding: 0; display: inline; }
form#onlineApplication input.text { padding: 1px 0 0 0; width: 240px; font-size: 11px; color: #343434; font-family: Arial, Helvetica, sans-serif; }
form#onlineApplication input.submit { width: 94px; height: 16px; margin-top: 11px; }
form#onlineApplication textarea { padding: 1px 0 0 0; width: 240px; height: 100px; font-size: 11px; color: #343434; font-family: Arial, Helvetica, sans-serif; }
form#onlineApplication .last { border-bottom: none; }


/* Current Vacancy */
.currentVacancyListing { position: relative; float: left; width: 510px; margin: 0 0 0 -3px; border-bottom: 1px solid #d7d7d7; padding: 15px 0 15px 3px; color: #343434; }
.currentVacancyListing .description { width: 375px; float: left; }
.currentVacancyListing .date { width: 110px; float: right; }
.currentVacancyListing h3 { color: #000; font-size: 140%; font-weight: normal; margin: 2px 0 0; }

h3.vacancyPageTitle { color: #ca6e11; font-size: 160%; font-weight: normal; margin: 2px 0 15px 0; }
.vacancyPageSection { width: 510px; position: relative; float: left; border-bottom: 1px solid #d7d7d7; padding: 10px 0px 10px 0px; }
.vacancyPageSection .sectionTitle { width: 110px; float: left; margin-right: 10px; font-weight: bold; }
.vacancyPageSection .sectionContent { width: 390px; float: left; }
.vacancyPageApply { width: 390px; position: relative; float: right; padding: 10px 0px 10px 0px; }


/* Project Details */
#projectDetails { margin-top: 10px; margin-bottom: 15px; padding-right: 5px;}
#projectDetails h5 { font-weight: bold; color: #989696; margin-top: 0px; margin-bottom: 3px;}


/* Slideshow */
.slideshowTitle { margin: 0 0 -7px 0; font-weight: normal; color: #9f9a99; margin-bottom: 5px; font-size: 30px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#slideShow1 { position: relative; float: left; /*width: 383px;*/ width: 433px; height: 321px; }
#slideShow1 img { /*height: 322px; width: 433px;*/ }

#slideShow2 { position: relative; float: left; /*width: 383px;*/ width: 545px; height: 216px; }
#slideShow2 img { /*height: 322px; width: 433px;*/ }

.slideshowHolder { left: 0 !important; top: 0 !important; }
.slideshowLoader { left: 0 !important; }
		
.slideshowLinks img { display: inline; width: auto !important; height: auto !important; }
	
.slideshowNextSlide { display: none !important; }
.slideshowPrevslide { display: none !important; }

/*.projectphotos { position: relative; bottom:0; text-align:right; }
.projectphotos img { display: inline; }
.projectphotos a { background-color: #787d7d; padding: 5px 0 0 9px; font-size: 1px; margin: 0 0 0 2px; text-decoration: none; }
.projectphotos a:hover { background-color: #f3c31c; }
.projectphotos a.activeSlide { background-color: #f3c31c; }*/
.projectdescription { color: #cccdcd; font-size: 110%; line-height: 140%; padding: 0 0 0 3px; }


/* News Styling */
#sel_news #rightcolumn { width: 682px; }
#sel_news #sectionbanner #heroimage { width: 545px; }
#sel_news #sectionbanner { width: 779px; }

#sel_news #copy { width: 545px; }

.newsarticle { border-bottom: 1px solid #d7d7d7; padding: 0 0 16px 0; margin-bottom: 16px; }
.newsarticle h3.listitemtitle { margin: 0 0 5px 0; font-size: 20px; color: #000; font-weight: normal; }
.newsarticle a.backtotop { display: block; width: 100px; margin-top: 15px; padding: 0 0 0 10px; background: url(images/navigation/mainnav-bullet.gif) no-repeat left center; font-size: 90%; }