/*
	Created By: Richard Delph
	For: BDK Architects
	Date: 2009-08-11
*/

body {
	font-family: Arial,Helvetica;
	font-size: 11px;
	text-align: center;
	color: #666666;
	background-color: #fff;
	background-repeat: repeat-x;
	background-image: url(../images/body-bg.gif);
}

/* body style 1, used by Homepage, Contact page */
body.style1 { background-position: 0 306px; }
/* body style 2, used by Portfolio Selector page, News page, Awards page */
body.style2 { background-position: 0 170px; }
/* body style 3, used by About & Services page */
body.style3 { background-position: 0 266px; }
/* body style 4, used by Portfolio Project page */
body.style4 { background-position: 0 239px; }

/* common aspects of the site */

a { text-decoration: none; }
a.close { color: #fc304b; }

/* layout */

#page-wrapper {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

#header-wrapper {
	padding: 20px 112px 0 112px;
	width: 800px;
	height: 82px;
	overflow: hidden;
}

h1#logo {
	float: left;
}
#logo-print { display: none; }
#testomonial-wrapper {
	width: 345px;
	margin-top: 10px;
	text-align: right;
	float: right;
}
#navigation-wrapper {
	position: relative; /* must set this relative and z-index 50 as portfolio content bg is *behind this* */
	z-index: 50;
	clear: left;
	float: left;
	margin-top: 15px;
}

/* element styling */

h1#logo a {
	display: block;
	background: url(../images/logo.gif) no-repeat left top;
	width: 55px;
	height: 54px;
	text-indent: -999em;
}

#testomonial-wrapper {
	
}

#testomonial-wrapper .client-text {
	display: block;
	margin-top: 5px;
	color: #ff0019;
	font-size: 0.9em;
}

#navigation {
	list-style-type: none;
}
#navigation li {
	float: left;
	display: block;
	margin-right: 7px;
	padding-right: 7px;
	background: url(../images/nav-item-separator.gif) no-repeat right 2px;
}
#navigation li.last { background: none; }
#navigation li a { color: #666; }
#navigation li a:hover, #navigation li a.selected { color: #ff0019; }

#flash-intro-wrapper {
	margin: 0 auto;
	padding: 36px 0 35px 0;
	width: 770px;
}

a.readmore {
	display: block;
	width: 70px;
	margin-top: 1em;
	padding: 3px 0;
	color: #666;
	background: url(../images/readmore-arrow.gif) no-repeat right center;
}

#arrows a {
	display: block;
	float: left;
	width: 13px;
	height: 11px;
	overflow: hidden;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
}
#arrows a.left { background-image: url(../images/red-arrow-left.gif); margin-right: 8px; }
#arrows a.right { background-image: url(../images/red-arrow-right.gif); }

/* Home page styles */

#content-wrapper.home {
	padding: 0 102px;
}

#home-panels {
	width: 100%;
	overflow: hidden;
}
.home-panel {
	float: left;
	width: 171px;
	padding: 8px 7px;
	margin: 0 10px;
	background: url(../images/home-panel-bg.gif) repeat-x left top;
}
.home-panel h2 {
	font-size: 1.1em;
	margin: 0.5em 0 1em 0;
	text-transform: uppercase;
	color: #fc304b;
}

h3#newsflash-title {
	font-size: 1.1em;
	margin: 20px 0 5px 112px;
	text-transform: uppercase;
	color: #fc304b;
}
ul.marquee {
	display: block;
	padding: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	
}
ul#marquee {
	width: 800px;
	height: 25px;
	margin: 0 auto;
	background: url(../images/news-ticker-bg.gif) no-repeat left top;
}
ul#marquee li span.date { color: #fc304b; }

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	padding: 7px 7px 0 7px;
}

/* End Home page styles */

/* Contact page styles */

#content-wrapper.contact {
	padding: 0 112px;
}

h2#contact-title { display: none; }

#contact-form {
	width: 485px;
	margin: 0 auto;
	overflow: hidden;
}
h2#contact-enquiry {
	width: 179px;
	height: 28px;
	margin-bottom: 10px;
	text-indent: -999em;
	background: url(../images/contact-enquiry-title.gif) no-repeat left top;
}
#contact-form #fields {
	width: 485px;
	overflow: hidden;
}
#contact-form .field {
	display: block;
	float: left;
	width: 236px;
	height: 29px;
	background: url(../images/contact-field-bg.gif) no-repeat left top;
	color: #000;
	overflow: hidden;
}
#contact-form .field.style1 { margin: 0 13px 13px 0; }
#contact-form .field.style2 { margin: 0 0 13px 0; }

#contact-form .field label {
	float: left;
	width: 50px;
	margin-top: 9px;
	text-align: right;
	font-size: 90%;
}
#contact-form .field input {
	float: right;
	height: 19px;
	width: 175px;
	border: none;
	padding: 0;
	margin: 5px 7px 0 0;
}
#content-wrapper.contact #vignette {
	margin: 13px auto 0 auto;
	background: url(/images/gradient-vignette.gif) no-repeat left top;
	width: 485px;
	height: 39px;
	text-align: center;
	font-size: 110%;
}
#content-wrapper.contact #vignette a { color: #666666; }

#content-wrapper.contact #address {
	text-align: center;
}
#content-wrapper.contact #pdf-download {
	display: block;
	color: #fc304b;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0;
	margin: 10px auto;
	width: 485px;
	height: auto;
	background: none;
	text-align: center;
}

/* End Contact page style */


/* About page styles */

#content-wrapper.about {
	padding: 50px 102px 0 102px;
	background: url(../images/about-content-bg.jpg) no-repeat 560px 48px;
}

#about-text {
	margin-left: 10px;
	width: 472px;
	height: 114px;
	line-height: 1.5em;
}
#about-text h2 {
	display: none;
}
#about-text-more {
	display: none;
	position: absolute;
	overflow: hidden;
	top: 120px;
	width: 800px;
	height: 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #fc304b;
	z-index: 51;
}
#about-text-more p {
	line-height: 1.5em;
	margin-bottom: 1em;
}


/* End About page styles */

/* Services page styles */

#content-wrapper.services {
	padding: 50px 102px 0 102px;
	background: url(../images/about-content-bg.jpg) no-repeat 560px 48px;
}

#services-text {
	margin-left: 10px;
	width: 460px;
	height: 114px;
	line-height: 1.5em;
}
#services-text h2 { display: none; }



/* End Services page styles */



/* Common styles for both About & Services pages */
#pdf-download {
	display: block;
	margin: 12px 0 0 10px;
	width: 217px;
	height: 44px;
	background: url(../images/pdf-download-bg.jpg) no-repeat left top;
	padding: 10px;
}
#pdf-download div.title {
	display: block;
	color: #fc304b;
	font-size: 0.82em;
	text-transform: uppercase;
	font-weight: bold;
}
#pdf-download div.desc {
	display: block;
	font-size: 0.75em;
	margin-top: 2px;
	margin-left: 25px;
	color: #666;
}

#attribute-panels {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}
.attribute-panel {
	float: left;
	width: 144px;
	overflow: hidden;
	margin: 0 10px;
}
.attribute-panel h2 {
	color: #fc304b;
	font-size: 1.1em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}
.attribute-panel p {
	margin-top: 1.5em;
	line-height: 1.5em;
}
.attribute-panel ul {
	list-style-type: none;
}
.attribute-panel ul li {
	margin-bottom: 0.5em;
}
/* End commons styles */





/* Portfolio Selector page styles */

#content-wrapper.portfolio-selector {
	position: relative;
	top: -15px;
	padding: 110px 102px 0 102px;
	background: url(../images/portfolio-content-bg.jpg) no-repeat 690px 0px;
}

#portfolio-selector-text {
	width: 570px;
	margin-left: 10px;
}
#portfolio-selector-text h2 {	display: none; }

#portfolio-panels {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}

.portfolio-panel {
	float: left;
	padding: 7px;
	width: 171px;
	height: 171px;
	margin: 10px;
	background: url(../images/portfolio-panel-bg.gif) no-repeat left top;
}
.portfolio-panel h2 {
	font-size: 1.1em;
	margin: 0.5em 0 1em 0;
	text-transform: uppercase;
	color: #fc304b;
}

/* End Portfolio Selector page styles */

/* Portfolio project page */

#content-wrapper.portfolio-project {
	padding: 0 112px;
	background: url(../images/portfolio-content-bg.jpg) no-repeat 680px 54px;
}
#content-wrapper.portfolio-project #arrows {
	width: 34px;
	overflow: hidden;
	padding-top: 3px;
	height: 11px;
	margin-left: 170px;
}

#project {
	width: 100%;
	overflow: hidden;
	margin-top: 85px;
}
#project #type {
	width: 473px;
	height: 38px;
	overflow: hidden;
}
#project #type h2 {
	float: right;
	text-indent: -999em;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right top;
}
#project #type h2#modern-domestic		{ width: 237px; height: 22px; background-image: url(../images/modern-domestic-title.gif); }
#project #type h2#traditional-domestic	{ width: 282px; height: 22px; background-image: url(../images/traditional-domestic-title.gif); }
#project #type h2#multiple-housing		{ width: 225px; height: 22px; background-image: url(../images/multiple-housing-title.gif); }
#project #type h2#commercial-retail		{ width: 267px; height: 22px; background-image: url(../images/commercial-retail-title.gif); }
#project #type h2#public-buildings		{ width: 214px; height: 22px; background-image: url(../images/public-buildings-title.gif); }
#project #type h2#health-social-care	{ width: 278px; height: 22px; background-image: url(../images/health-social-care-title.gif); }
#project #type h2#sport-leisure			{ width: 208px; height: 22px; background-image: url(../images/sport-leisure-title.gif); }
#project #type h2#interior-design		{ width: 199px; height: 22px; background-image: url(../images/interior-design-title.gif); }

#project #description {
	float: right;
	width: 307px;
	margin-top: 55px;
}
#project #description h3 {
	text-transform: uppercase;
	font-size: 1em;
}

#project #description p {
	margin-top: 1.5em;
	line-height: 1.5em;
}

#project #description ul {
	margin: 1.5em 0 0 2.5em;
	line-height: 1.5em;
}
#project #description a {
	color: #666;
	text-decoration: underline;
}

#project #large-image {
	float: left;
	width: 473px;
	margin-top: 20px;
}
#project #thumbnails {
	float: left;
	background-color: #f4f4f4;
	margin-top: 20px;
	width: 465px;
	padding: 10px 0 10px 8px;
}
#project #thumbnails a {
	display: block;
	float: left;
	margin-right: 9px;
	overflow: hidden;
}

/* End Portfolio project page */


/* News Article selector */

#content-wrapper.news-selector {
	position: relative;
	top: -41px;
	padding: 41px 102px 0 102px;
	background: url(../images/news-content-bg.jpg) no-repeat 693px 0;
}

#content-wrapper.news-selector #arrows {
	height: 14px;
}

#content-wrapper.news-selector h2#news-title {
	width: 249px;
	height: 98px;
	margin-top: -7px;
	margin-left: 10px;
	text-indent: -999em;
	background: url(../images/news-title.jpg) no-repeat left top;
}

#news-panels {
	margin-top: 45px;
	width: 100%;
	overflow: hidden;
}

.news-panel {
	float: left;
	padding: 0;
	width: 185px;
	height: 150px;
	margin: 10px;
}
.news-panel h3 {
	font-size: 1.1em;
	margin: 0;
	text-transform: uppercase;
	color: #fc304b;
}
.news-panel p#date {
	margin-bottom: 1em;
}

/* End News Article selector */

/* News Article styles */
#content-wrapper.news-article {
	position: relative;
	top: -41px;
	padding: 41px 112px 0 112px;
	background: url(../images/news-content-bg.jpg) no-repeat 693px 0;
}

#content-wrapper.news-article #arrows {
	width: 34px;
	overflow: hidden;
	padding-top: 3px;
	height: 11px;
	margin-left: 218px;
}

#content-wrapper.news-article h2#news-title {
	width: 249px;
	height: 98px;
	margin-top: -7px;
	text-indent: -999em;
	background: url(../images/news-title.jpg) no-repeat left top;
}
#content-wrapper.news-article #article {
	margin-top: 55px;
}
#content-wrapper.news-article #article h3#title {
	font-size: 1.1em;
	margin: 0;
	text-transform: uppercase;
	color: #fc304b;
}
#content-wrapper.news-article #article p#date {
	margin-top: 0;
}
#content-wrapper.news-article #article p {
	margin-top: 1.5em;
	line-height: 1.5em;
}

/* End News Article styles */


/* Awards Article selector */

#content-wrapper.award-selector {
	position: relative;
	top: -31px;
	padding: 31px 102px 0px 102px;
	background: url(../images/awards-content-bg.jpg) no-repeat 693px 0;
}

#content-wrapper.award-selector #arrows {
	height: 14px;
}

#content-wrapper.award-selector h2#awards-title {
	width: 215px;
	height: 84px; /* actual height is 72px but make 84px so news/article pages are consistency */
	margin-top: 7px;
	margin-left: 10px;
	text-indent: -999em;
	background: url(../images/awards-title.jpg) no-repeat left top;
}

#award-panels {
	margin-top: 45px;
	width: 100%;
	overflow: hidden;
}

.award-panel {
	float: left;
	padding: 0;
	width: 185px;
	height: 150px;
	margin: 10px;
}
.award-panel h3 {
	font-size: 1.1em;
	margin: 0;
	text-transform: uppercase;
	color: #fc304b;
}
.award-panel p#date {
	margin-bottom: 1em;
}

/* End News Article selector */

/* News Article styles */
#content-wrapper.award-article {
	position: relative;
	top: -31px;
	padding: 31px 112px 0 112px;
	background: url(../images/awards-content-bg.jpg) no-repeat 693px 0;
}

#content-wrapper.award-article #arrows {
	width: 34px;
	overflow: hidden;
	padding-top: 3px;
	height: 11px;
	margin-left: 264px;
}

#content-wrapper.award-article h2#awards-title {
	width: 249px;
	height: 84px;
	margin-top: 7px;
	text-indent: -999em;
	background: url(../images/awards-title.jpg) no-repeat left top;
}
#content-wrapper.award-article #article {
	margin-top: 55px;
}
#content-wrapper.award-article #article h3#title {
	font-size: 1.1em;
	margin: 0;
	text-transform: uppercase;
	color: #fc304b;
}
#content-wrapper.award-article #article p#date {
	margin-top: 0;
}
#content-wrapper.award-article #article p {
	margin-top: 1.5em;
	line-height: 1.5em;
}

/* End News Article styles */




/* Admin styles */

#content-wrapper.admin {
	padding: 0 112px;
}

#content-wrapper.admin h2#admin-title {
	width: 131px;
	height: 20px;
	margin-top: 31px;
	text-indent: -999em;
	background: url(../images/admin-title.gif) no-repeat left top;
}

#admin-content { margin: 50px auto 0 auto; }
#admin-content.login { width: 300px; margin: 50px auto 0 auto; }
#admin-content.menu { width: 300px; margin: 50px auto 0 auto; }
#admin-content.news-articles { width: 700px; margin: 50px auto 0 auto; }
#admin-content.award-articles { width: 700px; margin: 50px auto 0 auto; }

#admin-content h3 {
	font-size: 1.1em;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	color: #fc304b;
}

#admin-content ul#menu {
	margin-left: 10px;
	list-style-type: none;
}
#admin-content ul#menu li {
	line-height: 1.5em;
}
#admin-content a {
	color: #fc304b;
}
#admin-content a:hover {
	color: #000;
}

#admin-content p {
	margin: 1em 0;
}

/* End Admin styles */

/* general content styles */
#content-wrapper.general-content {
	position: relative;
	top: -15px;
	padding: 110px 102px 0 102px;
	background: url(../images/portfolio-content-bg.jpg) no-repeat 690px 0px;
}
#content-wrapper.general-content h2 {
	font-size: 1.4em;
	margin: 1em 0;
}
#content-wrapper.general-content h3 {
	font-size: 1.1em;
	margin: 1em 0;
	text-transform: uppercase;
	color: #fc304b;
}
#content-wrapper.general-content p {
	margin: 1.5em 0;
	line-height: 1.5em;
}
#content-wrapper.general-content a { color: #666; }

/* end general content styles */

/* t&c's */

#terms-and-conditions {
	margin-left: 10px;
}




#footer-wrapper {
	height: 25px;
	background: url(../images/footer-bg.gif) repeat-x left top;
	margin-top: 25px;
}
#footer {
	padding-top: 6px;
	font-size: 0.9em;
	color: #fff;
	text-align: right;
	margin: 0 auto;
	width: 800px;
}
#footer a {	color: #fff; }
#footer a:hover { text-decoration: underline; }