@import "jquery.css";
@import "superfish.css";

body, div, span, hr, h1, h2, h3, h4, h5, h6, img, p, ul, li, dl, dt, dd, input, textarea, form, a, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

a {
	text-decoration: none;
	color: #000;
}

.clearboth, .specifications_notes {
	clear: both;
	font-size: 0.9em;
}

.specifications_notes div {
	float: left;
	margin-bottom: 8px;
}

#spec_notes {
	width: 230px;
	margin-right: 37px;
}

.clearboth2 {
	clear: both;
}

#frame { /* Needed so the Made by Drumbeat link at the bottom aligns with the 'background image container' */
	margin: 0 auto;
	width: 1050px;
	height: 750px;
}

#container { /* Everything 'inside' the background image */
	float: left;
	margin: 10px 50px 8px 50px;
	width: 950px;
	height: 707px;
	background: url(../media/image/background/background_home.jpg) no-repeat bottom; /* Default background for pages without the layout class  */
}

.layout_index #container { 
	background: url(../media/image/background/background_home.jpg) no-repeat bottom;
}

.layout_history #container {
	background: url(../media/image/background/background_about_history.jpg) no-repeat bottom;
}

.layout_discover #container {
	background: url(../media/image/background/background_about_discover.jpg) no-repeat bottom;
}

.layout_apartmentSearch #container {
	background: url(../media/image/background/background_apartmentsearch.jpg) no-repeat bottom;
}

.layout_viewapartment #container {
	background: url(../media/image/background/background_about_discover.jpg) no-repeat bottom;
}

.layout_specifications #container {
	background: url(../media/image/background/background_specifications_historicbuildspec.jpg) no-repeat bottom;
}

.layout_newBuildSpec #container {
	background: url(../media/image/background/background_specifications_newbuildspec.jpg) no-repeat bottom;
}

.layout_location #container {
	background: url(../media/image/background/background_location.jpg) no-repeat bottom;
}

.layout_aboutManchester #container {
	background: url(../media/image/background/background_location_aboutmanchester.jpg) no-repeat bottom;
}

.layout_directions #container {
	background: url(../media/image/background/background_location_directions.jpg) no-repeat bottom;
}

.layout_map #container {
	background: url(../media/image/background/background_location_maps.jpg) no-repeat bottom;
}

.layout_homeBuyersHelp #container {
	background: url(../media/image/background/background_homebuyershelp.jpg) no-repeat bottom;
}

.layout_news #container {
	background: url(../media/image/background/background_news.jpg) no-repeat bottom;
}

.layout_commercial #container {
	background: url(../media/image/background/background_commercial.jpg) no-repeat bottom;
}

.layout_contact #container, .layout_contactCommercial #container {
	background: url(../media/image/background/background_contact.jpg) no-repeat bottom;
}

.layout_forum #container {
	background: url(../media/image/background/background_forum.jpg) no-repeat bottom;
}

.layout_gallery #container, .layout_galleryCommercial #container {
	background: url(../media/image/background/background_gallery.jpg) no-repeat bottom;
}



/* Header */

#header {
	float: left;
	margin: 0 0 0 25px;
	width: 170px;
	height: 80px;
	background-color: #cd2027;
}

#header img {
	margin: 35px 0 0 6px;
}



/* subColumn */

#subColumn {
	float: left;
	clear: both;
	margin-bottom: 14px;
	margin-left: 25px;
	width: 340px;
}

.layout_news #subColumn {
	width: 170px;
}

.layout_apartmentSearch #subColumn {
	width: 170px;
}

.layout_contact #subColumn {
	width: 170px;
}

.layout_contactCommercial #subColumn {
	width: 170px;
}

.layout_gallery #subColumn {
	width: 170px;
}

.layout_galleryCommercial #subColumn {
	width: 170px;
}

/* Navigation */

#navigation {
	float: left;
	margin: 25px 0 0 0px;
	width: 170px;
	height: 228px;
	background-color: #fff;
	font-size: 1.1em;
}

#navigation ul, #sectionNavigation ul {
	padding: 6px 0 6px 10px;
	list-style: none;
}

#navigation a, #sectionNavigation a {
	text-decoration: none;
	line-height: 2em;
}

#navigation a:hover, #sectionNavigation a:hover {
	color: #7E8082;
}

.subnav {
	background: url(../media/image/gallery_arrow_black.gif) right no-repeat;
}

.selected {
	color: #cd2027;
	font-weight: bold;
}

#sectionNavigation {
	float: right;
	width: 170px;
	background-color: #fff;
	font-size: 1.1em;
}

.navSection_about {
	margin-top: 30px;
}

.navSection_specifications {
	margin-top: 80px;
}

.navSection_location {
	margin-top: 100px;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	9.8em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* Gallery Navigation box */

#nav_gallery {
	clear: left;
	float: left;
	margin: 25px 0 11px 0px;
	width: 170px;
	height: 248px;
	background-color: #fff;
}

#nav_gallery h3 {
	padding: 6px 0 5px 10px;
	font-size: 1.1em;
	color: #cd2027;
}

#nav_gallery ul {
	margin: 0 0 0 10px;
	list-style: none;
}

#nav_gallery ul li {
	float: left;
	margin: 0 5px 0 0;
	background: url(../media/image/gallery_arrow_black.gif) left no-repeat;
	padding-left: 13px;
}

#gallerythumbnailgrid {
	padding: 6px 0 6px 10px;
}

#nav_gallery p {
	padding: 0 0 10px 10px;
}

#nav_gallery a {
	color: #000;
	text-decoration: none;
}

#nav_gallery a:hover {
	color: #7E8082;
}

#nav_gallery strong {
	color: #cd2027;
}


/* Main Content */

#mainContent {
	margin: 104px 25px 0 0;
	height: 501px;
	font-size: 1em;
}

#mainContent a {
	color: #cd2027;
}

#mainContent a:hover {
	color: #7E8082;
}

#small_content { /* Container for pages with content in a div floating to the right */
	float: right;
	width: 553px;
}

.layout_news #small_content {
	width: 705px;
}

.layout_apartmentSearch #small_content {
	width: 705px;
}

.layout_contact #small_content {
	width: 705px;
}

.layout_contactCommercial #small_content {
	width: 705px;
}

.layout_gallery #small_content {
	width: 705px;
}

.layout_galleryCommercial #small_content {
	width: 705px;
}

#title { /* Red title box */
	height: 47px;
	background-color: #cd2027;
	overflow: hidden;
}

#title h1 {
	text-indent: -5000px;
	float: left;
}

.layout_index #title {
	background: url(../media/image/title/title_home.png) #cd2027 no-repeat left;
}

.layout_history #title {
	background: url(../media/image/title/title_about_history.png)  #cd2027 no-repeat left;
}

.layout_discover #title {
	background: url(../media/image/title/title_about_discover.png) #cd2027 no-repeat left;
}

.layout_apartmentSearch #title {
	background: url(../media/image/title/title_apartmentsearch.png) #cd2027 no-repeat left;
}

.layout_viewapartment #title {
	background: url(../media/image/title/title_about_discover.png) #cd2027 no-repeat left;
}

.layout_specifications #title {
	background: url(../media/image/title/title_specifications_historicbuildspec.png) #cd2027 no-repeat left;
}

.layout_newBuildSpec #title {
	background: url(../media/image/title/title_specifications_newbuildspec.png) #cd2027 no-repeat left;
}

.layout_location #title {
	background: url(../media/image/title/title_location.png) #cd2027 no-repeat left;
}

.layout_aboutManchester #title {
	background: url(../media/image/title/title_location_aboutmanchester.png) #cd2027 no-repeat left;
}

.layout_directions #title {
	background: url(../media/image/title/title_location_directions.png) #cd2027 no-repeat left;
}

.layout_map #title {
	background: url(../media/image/title/title_location_map.png) #cd2027 no-repeat left;
}

.layout_homeBuyersHelp #title {
	background: url(../media/image/title/title_homebuyershelp.png) #cd2027 no-repeat left;
}

.layout_news #title {
	background:url(../media/image/title/title_news.png) #cd2027 no-repeat left;
}

.layout_commercial #title {
	background: url(../media/image/title/title_commercial.png) #cd2027 no-repeat left;
}

.layout_contact #title {
	background: url(../media/image/title/title_contact_residential.png) #cd2027 no-repeat left;
}

.layout_contactCommercial #title {
	background: url(../media/image/title/title_contact_commercial.png) #cd2027 no-repeat left;
}

.layout_forum  #title {
	background: url(../media/image/title/title_forum.png) #cd2027 no-repeat left;
}

.layout_gallery #title {
	background: url(../media/image/title/title_gallery_residential.png) #cd2027 no-repeat left;
}

.layout_galleryCommercial #title {
	background: url(../media/image/title/title_gallery_commercial.png) #cd2027 no-repeat left;
}

#title img { /* The down arrow img */
	float: right;
	margin: 35px 4px 0 0;
	cursor: pointer;
}

#content_container { /* White box */
	margin: 10px 0 0 0;
	background-color: #fff;
}

#arrow_up {
	float: right;
	margin: 4px 4px 0 0;
	cursor: pointer;
}

#content { /* Div within #content_container that contains the actual content */
	margin: 0 20px 0 16px;
	padding: 14px 0 6px 0;
}

#content h2 { /* Red title */
	font-size: 1.2em;
	color: #cd2027;
	margin-bottom: 1px;
}

.layout_history #content h2 { /* Red title */
	color: #000;
}

#content h3 { /* Black sub-title (not on all pages) */
	font-size: 1.2em;
	font-weight: normal;
}

#content h4 { /* Smaller red sub title */
	font-size: 1.1em;
	color: #cd2027;
	margin-bottom: 4px;
}

#content h5 { /* Red title on Location sub pages etc. Same as h2 but with a larger margin-bottom */
	font-size: 1.2em;
	color: #cd2027;
	margin-bottom: 8px;
}

.layout_viewapartment #content h5 {
	color: #000;
	margin-bottom: 0;
}

#content h6 { /* Smaller black sub title - the dates on news pages */
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 4px 0;
}

	.layout_news #content h6 {
		margin-left: 5px;
	}

#content p {
	margin: 0 0 10px 0;
}

.layout_location #content ul, .layout_specifications #content ul, .layout_newBuildSpec #content ul {
	margin: 0 0 12px 16px;
	list-style-type: disc;
}

.layout_location #content ul li, .layout_specifications #content ul li, .layout_newBuildSpec #content ul li {
	margin-bottom: 4px;
}

.dottedlinered {
	clear: both;
	width: 521px;
	height: 1px;
	border-bottom: dashed 1px #cd2027;
	margin: 7px 0 7px 0;
}

.smalldottedlinered {
	clear: both;
	width: 200px;
	height: 1px;
	border-bottom: dashed 1px #cd2027;
	margin: 15px 0 4px 0;
}

#content_leftcolumn {
	width: 245px;
	float: left;
	margin: 0 0 7px 0;
}

#content_rightcolumn {
	width: 250px;
	float: right;
	margin: 0 0 7px 20px;
}

#viewapartment_leftcolumn {
	width: 200px;
	float: left;
	margin: 0 0 2px 0;
}

#viewapartment_leftcolumn dl {
	float: left;
}

#viewapartment_leftcolumn dl+dl {
	margin-left: 25px;
}

#viewapartment_leftcolumn dt {
	color: #cd2027;
}

#viewapartment_leftcolumn dd {
	margin: 0 0 6px 0;
}

.apartmentdetails {
	margin: 10px 0 0 0;
}

#viewapartment_extra {
	clear: both;
	float: left;
	width: 200px;
	margin: 90px 0 0 0;
}

#viewapartment_extra ul {
	list-style: none;
}

#viewapartment_extra li {
	float: left;
	margin: 0 3px 0 0;
}

#viewapartment_rightcolumn {
	width: 300px;
	float: left;
	margin: 0 0 15px 0px;
	text-align: right;
}

#map_leftcolumn {
	width: 277px;
	float: left;
}

#map_rightcolumn {
	width: 240px;
	float: left;
	text-align: right;
}

#map_rightcolumn img {
	margin-bottom: 10px;
}

.adobe_button { /* On the map page */
	margin-bottom: 20px;
}

#map { /*Not needed */
	width: 520px;
	height: 412px;
	background-image: url(../media/image/map.gif);
	margin: 3px 0 10px 0;
}

#searchnews_box {
	float: left;
	width: 300px;
}

#news_searchbox { /* Grey search box */
	width: 300px;
	height: 48px;
	padding: 8px;
	background-color: #e4e4e5;
}

#news_searchbox dl {
	margin-top: 10px;
}

#news_searchbox dd, dt {
	float: left;
}

#news_searchbox input { /* Search field */
	height: 20px;
	margin-right: 10px;
}

#searchbox {
	width: 176px;
}

#news_searchbox dt input { /* Red submit button */
	width: 90px;
	background-color: #cd2027;
	color: #fff;
	font-size: 1em;
}

#news_paginationbox { /* Grey search results pagination box */
	width: 300px;
	height: 10px;
	padding: 8px;
	margin: 7px 0 14px 0;
	background-color: #e4e4e5;
}

#awards_box {
	float: left;
	width: 340px;
	margin: 0 0 0 23px;
}

#awards_box h5 {
	color: #eaa097;
}

#awards {
	width: 340px;
	height: 97px;
	background-color: #eaa097;
	font-size: 0.9em;
}

#awards ul {
	padding: 10px;
	list-style: inside;
	color: #fff;
	font-weight: bold;
}

#awards ul li {
	margin: 0 0 4px 0;
}

#awards span {
	color: #000;
	font-weight: normal;
}

.news_excerpt {
	clear: both;
	margin-bottom: 12px;
	border-bottom: dashed 1px #cd2027;
}

.news_excerpt h4 strong {
	color: black;
}

.news_excerpt p {
	clear: both;
}

#searchparameters dl {
	float: left;
	width: 220px;
}

#searchparameters dt {
	margin: 0 0 10px 0;
}

#searchparameters label {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 4px 0;
}

#searchparameters dd {
	clear: both;
	margin: 0 0 15px 0;
}

.block_typeselect {
	width: 180px;
}

.pricerangeselect {
	width: 80px;
	margin: 0 3px 0 3px;
}

#searchparameters dd input { /* Red submit button for apartment search */
	float: right;
	height: 20px;
	width: 100px;
	background-color: #cd2027;
	color: #fff;
	font-size: 1em;
}

#note {
	clear: both;
	color: #cd2027;
	margin: 0 215px 9px 0;
}

.note {
	width: 100%;
	border-top: dashed 1px #cd2027;
	padding-top: 5px;
}

#apartmentsearch_pagination {
	clear: both;
	width: 657px;
	height: 10px;
	padding: 8px;
	margin: 7px 0 14px 0;
	background-color: #e4e4e5;
}

#apartmentsearch_pagination span {
	color: #dd8f81;
}

.layout_apartmentSearch table {
	width: 674px;
	margin-bottom: 10px;
}

.layout_apartmentSearch #mainContent a {
	color: #dd8f81;
	font-weight: bold;
}

.layout_apartmentSearch table td {
	padding: 6px;
}

.tabletitle {
	background-color: #dd8f81;
	color: #fff;
	font-weight: bold;
}

.light {
	background-color: #e4e4e5;
}

.dark {
	background-color: #cbcbcc;
}

td {
	border-right: 1px solid #fff;
}

#contact_callmebackbox { /* Grey search results pagination box */
	width: 657px;
	height: 40px;
	padding: 8px;
	margin: 7px 0 14px 0;
	background-color: #e4e4e5;
}

.contact_callmebackfields {
	float: left;
	margin-right: 30px;
}

#contact_callmebackbox input {
	margin-top: 6px;
	height: 20px;
	width: 152px;
}

#contact_callmebackbox_submit {
	float: right;
	margin-top: 12px;
}

#contact_callmebackbox_submit input { /* Red submit button for contact call me back */
	height: 20px;
	width: 100px;
	background-color: #cd2027;
	color: #fff;
	font-size: 1em;
}

.layout_map h2 {
	padding-bottom: 7px;
}

#addresses {
	float: left;
	width: 160px;
}

#addresses img {
	margin: 8px 0 10px 0;
}

#addresses a:hover {
	color: #cd2027;
}

.layout_contactCommercial #addresses a {
	color: #000;
}

#contactform {
	float: left;
}

#contactform dt, dd {
	clear: both;
}

.contactformfields {
	float: left;
	margin-left: 30px;
	width: 152px;
}

.contactformfields input {
	background-color: #e4e4e5;
	margin: 6px 0 6px 0;
	height: 20px;
	width: 152px;
}

.contacttextarea {
	float: left;
	margin-left: 30px;
	width: 293px;
}

.contacttextarea textarea {
	background-color: #e4e4e5;
	margin: 6px 0 6px 0;
	height: 108px;
	width: 293px;
	margin-bottom: 12px;
}

.contacttextarea input { /* Red submit button for contact call me back */
	float: right;
	height: 20px;
	width: 100px;
	background-color: #cd2027;
	color: #fff;
	font-size: 1em;
}

#image_thumbnails {
	float: left;
	width: 358px;
	margin: 0 0 5px 0;
}

#image_thumbnails ul {
	margin: 0;
}

#image_thumbnails li {
	list-style: none;
	float: left;
}

#image_thumbnails li img {
	height: 97px;
	width: 97px;
}

.margin {
	margin-bottom: 8px;
}

.marginright {
	margin-right: 11px;
}

#image_large {
	float: right;
}

#image_large img {
	width: 310px;
	height: 418px;
}

#gallery_pagination { /* Not needed */
	float: left;
}

#gallery_pagination ul { /* Not needed */
	margin: 3px 0 21px 0;
	list-style: none;
}

#gallery_pagination ul li { /* Not needed */
	float: left;
	margin-right: 4px;
	height: 15px;
	width: 15px;
	background-color: #cd2027;
}

#gallery_pagination a { /* Not needed */
	color: #fff;
	font-size: 0.9em;
	margin: 0 0 0 4px;
}


/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 47px;	
	margin: 0 0 0 25px;
	font-size: 0.9em;
	border-top: dashed 1px white;
	border-bottom: dashed 1px white;
}

#footer_ingrealestate {
	float: left;
	margin: 7px 8px 7px 0;
	padding: 0;
}

#footer_kingsturge {
	float: left;
	margin: 12px 8px 7px 0;
	padding: 0;
}

#footer_nav {
	float: right;
	padding-top: 18px;
	list-style: none;
}

#footer_nav li {
	float: left;
	margin-left: 12px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #7E8082;
}


/* Drumbeat link */

#drumbeatlink {
	float: right;
	margin-right: 50px;
	padding-bottom: 35px;
	text-align: right;
	color: #7E8082;
}

#drumbeatlink a {
	color: #7E8082;
}