@import url(blankcanvas.css);
@import url(skin.css);

/*
@import url(base-datasets.css);
@import url(assets.css);

*/

/* Bridgeside House - 
*/

@media screen {
	html {  }
	body { text-align: center; font-size: 62.5%;}
	
	div#container {
		
		text-align: left;
		margin: 0px auto;
		
		overflow: hidden;
		width:919px;
		_width: 929px;
	}
	
	
	/*header
	 =================*/
	h1#header {
	
		position: relative;
		overflow: hidden;
		height: 158px;
		width: 272px;
		margin-bottom: 4.4em;
		margin-top: 2.7em;
	}
		
	h1#header span {
	
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width:100%;
		height:100%;
		
		background-image: url(../../images/branding/logo.gif);
		background-repeat: no-repeat;
	}
	
	
	/*leftContent
	 =================*/
	div#leftContent {

		position: relative;
		float: left;
	}
	
	
	div#leftContent h2 {
	
		position: relative;
		overflow: hidden;
		height: 8.4em;
		width: 11.1em;
		margin-left: 7em;
	}
	
	div#leftContent h2 span {
	
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width:100%;
		height:100%;
		
		background-image: url(../../images/layout/to-let.gif);
		background-repeat: no-repeat;
	}
	
	
	
	/*nav
	==================*/
	
	ul#nav {
		margin-bottom: 4.6em;
		margin-left: 7em;
	}
	

	
	/*mainContent
	 =================*/
	div#mainContent {
	
		position: relative;
		width: 53.2em;

		float: left;
	}
	
	
	
	/*footer
	 =================*/
	ul#footer {
	
		clear: both;
		position: relative;
		float: left;
		width: 100%;	
		margin-top: 6.5em;
		padding-left: 7em;
		list-style: none;
		overflow: hidden;
		padding-top:0.9em;
	}
	/*
	ul#footer li {

		display: inline;
		float: left;
	}
	
	ul#footer #parentCompany {
	
		float: right;
		padding-right: 6em;
	}
	*/
	
	ul#footer li {

		display: inline;
		
	}

ul#footer li a, ul#footer li.note{


	display: block;
	float: left;
}
	
	ul#footer #parentCompany {
	
		position: relative;
		float: right;
		padding-right: 6em;
	}
	
	body#home ul#footer #parentCompany {
	
		margin-top: -0.7em;
	}
	
	
	/*locationInfo
	===================*/
	div#locationInfo {
		
		width: 53em;
		text-align: left;
	}
	
	div#locationInfo p {
	
		text-align: left;
	}
	
	/*Specification
	====================*/
	div#insidespec	{
		width: 52em;
		overflow: hidden;	
	}
	div#spec	{
		float: left;
		width: 166px;
	}
	div#specinfo{
		float: left;
		width: 300px;
	}
	div#specificationInfo ul{
	
		padding-bottom: 1em;
	}
	
	/*Building
	=====================*/
	div#buildingInfo {
	
		width: 53.2em;
	}	
	
	ul#thumbnails {
	
		position: relative;
		float: left;
		width: 10.5em;
		
		left: -5px;
	}
	
	ul#thumnails li a {
	
		display: block;
	}
	
	ul#buildingLevels {
		position: relative;
		width: 11em;
		float: left;
		margin-top: 2.5em;
		text-align: right;
		left:-5px;
		_left:-6px;
	}
	
	ul#buildingLevels li {
		zoom: 1;
	}
	
	ul#thumbnails	{
		position: relative;
		width: 11em;
		float: left;
		margin-top: 2.5em;
		left:-5px;
		_left:-6px;
	}
	ul#thumbnails li {
		margin: 0;
	}
	
	div#homeCopy {
	
	 float: left;
	 position: relative;
	 display: none;	/*If js is available this will be shown*/
	}	
	
	div#copy {
		clear:both;
		width: 53.2em;
		position: relative;
		
	}
	
	body#plans div#copy a.drop-btn {
	
		float: right;
		margin: 1em;
	}
	body#plans div#copy p {
	
		width: 100%;
	}
	body#ocation div#copy a.drop-btn {
	
		float: right;
	}
	
	div#accessCopy {
	
		clear: both;
		float: left;
		width: 20em;
	}
	
	#mainImage, #imageGallery, #mainImageHome {
	
		position: relative;
		float: left;
		
		width: 53.2em;
}

	#imageGallerySpec {
	
		position: relative;
		float: left;
		
		width: 47em;
	}
	
	#imageGallerySpec {
	
		margin-left: -1px;
	}


	
	
	body#home  div#container div#homeCopy div#imageGallery img {
	
		margin-left: -1px;
	}
	
	#captions {
	
		float: left;
		position:relative;
		clear: left;
	}
	
	div#mainImage img {display:block;position: relative; width: 53.2em;}
	
	
	div#copy table {
		
		position: relative;
		font-size: 1.2em;
		margin-left: 1.1em;
		margin-top: 1.1em;
		text-align: left;
		float: left;
		width: 50%;
		clear: left;
	}

	div#copy .leftAlign {
	
		text-align: left;
	}
	
	ul.externalLinks  {
		
		float: left;
		width: 25%;
	}
	
	div#contact ul.externalLinks { width: auto; }
	
	#contactForm {
	
		margin-bottom: 2em;
	}
	
	#contactForm fieldset {
	
		width: 37em;
	}
	
	
	div#contact a {
	
		color: #7c6a55;
		font-weight: normal;
		text-decoration: underline;
	}
	
	div#contact h3, div#contact h4 {
	
		margin-top: 2em;
		margin-left: 1.1em;
		font-size: 1.2em;
		font-weight: bold;
		line-height:1.4em;
		margin-right:1em;
	}
	
	div#contact {
	
		width: 53.2em;
		font-weight: bold;
	}
	
	div.row {
		clear: left;
	}
	div.row label {
		float: left;
		width: 8em;
		height: 1.4em;
		padding-top: 0.5em;
		font-size: 1.1em;	
	}
	div.row input {
		float: left;
		width: 20em;
		font-size: 1em;
		padding-top: 0.5em;
	}
	div.row input.small {
		width: 6em;
	}
	
	div.label {
	
		float: left;
		
		height: 1.4em;
		padding-top: 0.5em;
		clear: left;
	}
	
	div.label label {
	
		font-size: 1.1em;	
	}
	
	div.input {
		
		float: right;
	}
	
	div.input input {
	
		height: 1.3em;
		width: 25em;
		font-size: 1.1em;
	}
	
	div.input input.small {
		width: 6em;
	}
	
	form label.error {
		color:red;
		left:0;
		top:0;
		width:100%;
	}
	
	fieldset.contactSet, #formSubmit {
	
		
		float: left;
		
		position: relative;
		margin-top: 1.5em;
	}
	
	#formSubmit {
	
		margin-top: 0.5em;
		/*clear: both;*/
		float: right;
	}
	
	div#contact p {
		font-size: 1.1em;
		
		padding: 1.1em 1.1em 1.1em 1.1em;		
	}
	
	
	/*Sitemap*/
	body#sitemap div#copy ul#page-list li, body#sitemap ddiv#copy ul#page-list ul {

		
		padding-left: 1.5em;
		font-size: 1.3em;
		line-height: 1.4em;
	}
	
	body#sitemap div#mainContent div#copy ul#page-list li ul {
	
		font-size: 0.75em;
			
		padding: 0;
	}
	
	body#sitemap div#mainContent div#copy ul#page-list li {

		
	}
	
	body#sitemap div#mainContent div#copy ul#page-list  {
	
		margin-left: 3em;
		
	}
	
	body#sitemap div#mainContent div#copy ul#page-list li a {
	
		font-weight: normal;
		color: #7C6A55;
	}
	
	body#sitemap div#mainContent div#copy ul#page-list li a:hover {
	
		font-weight: bold;
	}
	
	body#sitemap ul#footer {
	
		margin-top: 8.1em;
	}
	
	div#mainImagePlans {
	
		float: left;
		position:relative;
	}
	
	div#mainImagePlans #magnify {
	
		position: absolute;
		bottom: 8px;
		right: 17px;
	}
	
	input.contactbutton {
		background:#79BDE9 none repeat scroll 0 0;
		color:white;
		display:inline;
		border: 0;
		float:right;
		font-weight:bold;
		margin-right:0.3em;
		padding: 3px 8px 3px 8px;
	}
}

#disclaimer{margin:0 auto;text-align:justify;width:919px;color:#79BDE8;}
#disclaimer div {padding:1em 0 1em 7em;}