* {font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; list-style: none; border: none; outline: none; padding: 0; margin: 0;}
/* General Structure */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%;}
div#main_cont {width: 940px; margin-left: 40px;}
div.clear {clear: both; width: 100%;}
.leftfloat {float: left;}
.rightfloat {float: right;}
div.hr_grey {border-bottom: 5px solid #e0e0e0; width: 100%; height: 10px;}

/* General Text */
h1 {text-transform: uppercase;}
h2 {text-transform: uppercase;}
p {font-size: .75em;}
a {outline: none; text-decoration: underline;}
body div#leftcol706 a.external {color: #000;}

div#leftcol706 {width: 706px; float: left;}
	div#leftcol706 h1 {font-size: 25px; font-weight: normal; text-transform: uppercase; margin: 15px 0 5px 0;}
	div#leftcol706 h2 {font-size: 20px; font-weight: normal; text-transform: uppercase; margin: 15px 0 5px 0;}
	div#leftcol706 p {margin-bottom: 20px;}
	div#leftcol706 ul {font-size: .75em;}
		div#leftcol706 ul li {background: transparent url('../images/bullet_blacklist.gif') no-repeat 0 50%; padding-left: 12px; margin-bottom: 7px;}
			div#leftcol706 ul li ul {font-size: 1em;}

div#rightcol220 {width: 220px; float: right;}
	div#rightcol220 h2 {color: #fff; font-size: 20px; text-transform: uppercase; margin: 15px 0 10px 0;}
	div#rightcol220 h3 {font-size: 20px; font-weight: normal; text-transform: uppercase; color: #000; padding: 0;}

/* White-on-Black */
body.black {background-color: #000;}
	body.black div#main_cont {background: #000 url('../images/bg_home.gif') no-repeat 0 480px;}
body.black h1, body.black li {color: #fff;}
body.black h3 {color: #fff;}
body.black h4 {color: #fff;}
body.black p, body.black a {color: #838383;}
	body.black a:hover, body.black a:active {color: #fff;}

/* Black-on-white */
body.white {background-color: #fff;}
body.white h1 {color: #000;}
body.white p, body.white li, body.white a {color: #838383;}
	body.white a:hover, body.white a:active {color: #000;}
body.white div#leftcol706 ul li {background: transparent url('../images/bullet_whitelist.gif') no-repeat 0 7px;}

/* Header */
a#main_logo {float: right; margin-bottom: 40px;}
ul#nav {border-bottom: 1px solid #616161; clear: right; width: 940px; height: 24px;}
	ul#nav li {display: block; height: 24px; float: left;}
	ul#nav li a {text-indent: -999999px; display: block; height: 24px;}
		ul#nav li#nav_home a {background: transparent url('../images/nav/navlink_home.png') no-repeat 0 0; width: 54px;}
			body.home ul#nav li#nav_home a {background-position: -54px;}
				body.home ul#nav li#nav_overview a {background-position: -456px;}
				body.home ul#nav li#nav_templar_street a {background-position: -545px;}
				body.home ul#nav li#nav_lady_lane a {background-position: -396px;}
				body.home ul#nav li#nav_harewood_courts a {background-position: -685px;}
				body.home ul#nav li#nav_leeds a {background-position: -306px;}
				body.home ul#nav li#nav_architects a {background-position: -528px;}
				body.home ul#nav li#nav_partners a {background-position: -444px;}
				body.home ul#nav li#nav_press a {background-position: -294px;}
				body.home ul#nav li#nav_contacts a {background-position: -462px;}
				body.home ul#nav li#nav_news a {background-position: -324px;}
		ul#nav li#nav_overview a {background: transparent url('../images/nav/navlink_overview.png') no-repeat 0 0; width: 76px;}
			body.overview ul#nav li#nav_overview a {background-position: -76px;}
		ul#nav li#nav_templar_street a {background: transparent url('../images/nav/navlink_templar.png') no-repeat 0 0; width: 109px;}
			body.templar ul#nav li#nav_templar_street a {background-position: -218px;}
				body.templar ul#nav li#nav_home a:hover, body.templar ul#nav li#nav_home a:active {background-position: -162px;}
				body.templar ul#nav li#nav_overview a:hover, body.templar ul#nav li#nav_overview a:active {background-position: -229px ;}
				body.templar ul#nav li#nav_lady_lane a:hover, body.templar ul#nav li#nav_lady_lane a:active {background-position: -158px;}
				body.templar ul#nav li#nav_harewood_courts a:hover, body.templar ul#nav li#nav_harewood_courts a:active {background-position: -274px;}
				body.templar ul#nav li#nav_leeds a:hover, body.templar ul#nav li#nav_leeds a:active {background-position: -153px;}
				body.templar ul#nav li#nav_architects a:hover, body.templar ul#nav li#nav_architects a:active {background-position: -265px;}
				body.templar ul#nav li#nav_partners a:hover, body.templar ul#nav li#nav_partners a:active {background-position: -222px;}
				body.templar ul#nav li#nav_press a:hover, body.templar ul#nav li#nav_press a:active {background-position: -147px;}
				body.templar ul#nav li#nav_contacts a:hover, body.templar ul#nav li#nav_contacts a:active {background-position: -231px;}
				body.templar ul#nav li#nav_news a:hover, body.templar ul#nav li#nav_news a:active {background-position: -162px;}
		ul#nav li#nav_lady_lane a {background: transparent url('../images/nav/navlink_lady_lane.png') no-repeat 0 0; width: 80px;}
			body.lady_lane ul#nav li#nav_lady_lane a {background-position: -237px;}
				body.lady_lane ul#nav li#nav_home a:hover, body.lady_lane ul#nav li#nav_home a:active {background-position: -216px;}
				body.lady_lane ul#nav li#nav_overview a:hover, body.lady_lane ul#nav li#nav_overview a:active {background-position: -304px ;}
				body.lady_lane ul#nav li#nav_templar_street a:hover, body.lady_lane ul#nav li#nav_templar_street a:active {background-position: -327px;}
				body.lady_lane ul#nav li#nav_harewood_courts a:hover, body.lady_lane ul#nav li#nav_harewood_courts a:active {background-position: -411px;}
				body.lady_lane ul#nav li#nav_leeds a:hover, body.lady_lane ul#nav li#nav_leeds a:active {background-position: -204px;}
				body.lady_lane ul#nav li#nav_architects a:hover, body.lady_lane ul#nav li#nav_architects a:active {background-position: -353px;}
				body.lady_lane ul#nav li#nav_partners a:hover, body.lady_lane ul#nav li#nav_partners a:active {background-position: -296px;}
				body.lady_lane ul#nav li#nav_press a:hover, body.lady_lane ul#nav li#nav_press a:active {background-position: -196px;}
				body.lady_lane ul#nav li#nav_contacts a:hover, body.lady_lane ul#nav li#nav_contacts a:active {background-position: -309px;}
				body.lady_lane ul#nav li#nav_news a:hover, body.lady_lane ul#nav li#nav_news a:active {background-position: -216px;}
		ul#nav li#nav_harewood_courts a {background: transparent url('../images/nav/navlink_harewood.png') no-repeat 0 0; width: 137px;}
			body.harewood ul#nav li#nav_harewood_courts a {background-position: -548px;}
				body.harewood ul#nav li#nav_home a {background-position: -322px;}
					body.harewood ul#nav li#nav_home a:hover, body.harewood ul#nav li#nav_home a:active {background-position: -268px;}
				body.harewood ul#nav li#nav_overview a {background-position: -456px;}
					body.harewood ul#nav li#nav_overview a:hover,body.harewood ul#nav li#nav_overview a:active {background-position: -380px;}
				body.harewood ul#nav li#nav_templar_street a {background-position: -545px;} 
					body.harewood ul#nav li#nav_templar_street a:hover, body.harewood ul#nav li#nav_templar_street a:active {background-position: -436px;}
				body.harewood ul#nav li#nav_lady_lane a {background-position: -396px;}
					body.harewood ul#nav li#nav_lady_lane a:hover, body.harewood ul#nav li#nav_lady_lane a:active {background-position: -316px;}
				body.harewood ul#nav li#nav_leeds a {background-position: -306px;}
					body.harewood ul#nav li#nav_leeds a:hover, body.harewood ul#nav li#nav_leeds a:active {background-position: -255px;}
				body.harewood ul#nav li#nav_architects a {background-position: -528px;}
					body.harewood ul#nav li#nav_architects a:hover, body.harewood ul#nav li#nav_architects a:active {background-position: -440px;}
				body.harewood ul#nav li#nav_partners a {background-position: -444px;}
					body.harewood ul#nav li#nav_partners a:hover, body.harewood ul#nav li#nav_partners a:active {background-position: -370px;}
				body.harewood ul#nav li#nav_press a {background-position: -294px;}
					body.harewood ul#nav li#nav_press a:hover, body.harewood ul#nav li#nav_press a:active {background-position: -245px;}	
				body.harewood ul#nav li#nav_contacts a {background-position: -462px;}
					body.harewood ul#nav li#nav_contacts a:hover, body.harewood ul#nav li#nav_contacts a:active {background-position: -385px;}
				body.harewood ul#nav li#nav_news a {background-position: -324px;}
					body.harewood ul#nav li#nav_news a:hover, body.harewood ul#nav li#nav_news a:active {background-position: -270px;}
		ul#nav li#nav_masterplan a {background: transparent url('../images/nav/navlink_masterplan.png') no-repeat 0 0; width: 91px;}
		ul#nav li#nav_leeds a {background: transparent url('../images/nav/navlink_leeds.png') no-repeat 0 0; width: 51px;}
			body.leeds ul#nav li#nav_leeds a {background-position: -51px;}
		ul#nav li#nav_architects a {background: transparent url('../images/nav/navlink_architects.png') no-repeat 0 0; width: 88px;}
			body.architects ul#nav li#nav_architects a {background-position: -87px;}
		ul#nav li#nav_partners a {background: transparent url('../images/nav/navlink_partners.png') no-repeat 0 0; width: 74px;}
			body.partners ul#nav li#nav_partners a {background-position: -74px;}
		ul#nav li#nav_press a {background: transparent url('../images/nav/navlink_press.png') no-repeat 0 0; width: 49px;}
			body.press ul#nav li#nav_press a {background-position: -49px;}
		ul#nav li#nav_contacts a {background: transparent url('../images/nav/navlink_contacts.png') no-repeat 0 0; width: 77px;}
			body.contacts ul#nav li#nav_contacts a {background-position: -77px;}
		ul#nav li#nav_news a {background: transparent url('../images/nav/navlink_news.png') no-repeat 0 0; width: 54px;}
			body.news ul#nav li#nav_news a {background-position: -54px;}
	
/* Home */
div#home_swf {width: 100%; height: 100%;}
body.home div#main_cont {background: #000 url('../images/bg_home.jpg') no-repeat 0 0; min-height: 700px;}
	body.home div#main_cont div#footer {margin-top: 290px;}
	body.home div#main_cont h1 {font-size: 25px; font-weight: normal; text-transform: uppercase; margin: 130px 0 5px 470px;}
	body.home div#main_cont p {margin-left: 470px;}
	body.home div#main_cont h2 {margin-top: 135px;}
	body.home div#main_cont p {color: #fff; margin-bottom: 10px;}
/* Overview */

/* Templar Street */
body.templar ul#nav {border-bottom: 1px solid #eb3d15;}
body.templar {background: transparent url('../images/bg_templar.jpg') no-repeat 0 0;}
body.templar div#leftcol706 ul li {background: transparent url('../images/bullet_templarlist.gif') no-repeat 0 7px;}

/* Lady Lane */
body.lady_lane ul#nav {border-bottom: 1px solid #9a9813;}
body.lady_lane {background: transparent url('../images/bg_lady_lane.jpg') no-repeat 0 0;}
body.lady_lane div#leftcol706 ul li {background: transparent url('../images/bullet_ladylist.gif') no-repeat 0 7px;}

/* Harewood Courts */

/* Masterplan */

/* Leeds */
body.leeds ul#nav {border: none;}

body.leeds div#rightcol220 p.leftfloat {color: #000; width: 100px; margin-bottom: 20px;}
body.leeds div#rightcol220 img.leftfloat {margin-right: 15px;}

div#rightcol220 div.blackbox {width: 220px; background: #000 url('../images/blackbox_bot.gif') no-repeat 0 100%; padding-bottom: 52px; margin: 30px 0 20px 0;}
		div#rightcol220 div.blackbox h2 {font-size: 20px; font-weight: normal; text-transform: uppercase; color: #fff; padding: 15px 0 0px 15px;}
		div#rightcol220 div.blackbox div.hr_grey {background-color: #808080; width: 190px; height: 1px; margin-left: 15px;}
		div#rightcol220 div.blackbox p {color: #fff; text-transform: uppercase; padding: 15px 0 15px 15px;}

/* Architects */
body.architects	div#leftcol706 ol {font-size: .75em; margin: 15px 0;}
	body.architects	div#leftcol706 ol li {list-style: none;}

body.architects div#leftcol706 ul#pdflist {margin-top: 10px;}
body.architects div#leftcol706 ul#pdflist li {border-bottom: 1px solid #e0e0e0; background-image: none; font-weight: bold; padding-bottom: 7px; padding-left: 0; margin-bottom: 7px;}
	body.architects div#leftcol706 ul#pdflist li ul {padding-left: 15px; margin-top: 0;}
		body.architects div#leftcol706 ul#pdflist li a {font-weight: normal;}
	body.architects div#leftcol706 ul#pdflist li ul li {border: none; padding-bottom: 0; margin-bottom: 0;}
/* Partners */

/* Press */
body.press div#leftcol706 p strong {color: #fff;}
/* Contacts */
body.contacts div#leftcol706 h3.leftfloat {width: 300px;}

form#contact {width: 200px;}
	form#contact label {display: block;}
	form#contact input, form#contact textarea {overflow: hidden; width: 200px; color: #000; border: 1px solid #838383; background-color: #fff; margin: 5px 0 10px 0;}
	form#contact textarea {height: 110px;}
	form#contact input#submit {background: transparent url('') no-repeat 0 0; width: ; height: ;}

/* News */
body.news div#leftcol706 h3.leftfloat {width: 300px;}
	body.news div#leftcol706 div.item {border-bottom: 5px solid #e0e0e0; margin-bottom: 10px;}
		body.news div#leftcol706 div.item h2 {font-size: 12px; font-weight: bold; color: #838383; margin-top: 10px;}

/* Footer */
div#footer {clear: both; border-top: 1px solid #616161; height: 30px; padding-top: 20px; margin: 60px 0 20px 0;}
	div#footer ul li {float: left; font-size: .7em; color: #838383; margin-right: 3px;}
	/* Black-on-white */
	body.white div#footer {border-top: 1px solid #e6e6e6;}
		body.white div#footer li, body.white div#footer li a {color: #d1d1d1;}