/*    ------------------ POSITIONING BOXES - START -----------------------   */
/*    ------------------ Styles for the positioning of boxes that make up the main page layout  -----------------------   */


body	{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0;
	margin-left:0px;
	padding:0;
	text-align:center;
	}


div#header	{
	width:100%;
	padding-top:0;
	height:127px;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	/* border:1px solid #ff0000; */
	}



div#menuSite	{
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	height:26px;
	padding-top:8px;
	text-align:center;
	/* border:1px solid #0000ff; */
	}





div#page	{
	/* width:756px; */
	width:980px;
	/* width:800px; */

	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;

	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	
	text-align:center;
	/* border:1px solid #00ff00; */
	}


div#ContentColumnTopBorder	{
	width:100%;
	height:14px;
	}

div#menuSection	{
	margin-top:4px;
	margin-right:34px;
	margin-left:auto;
	padding:0;
	width:150px;
	text-align:left;

	}

div#menuSection	{
	float:right;
	}

div#menuSection	{
	/* position:absolute; */

	}


div#page div#content	{
	
	
	text-align:left;
	
	margin-top:4px;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:40px;
	
	padding-right:0;
	padding-left:0;
	
	/* border:1px solid #ff0000; */
	/* border-right:2px solid #cdcdcd; */
	/* border-left:2px solid #cdcdcd; */

	}

div.PageSectionMenuYes div#content	{
	width:710px;
	}


div.PageSectionMenuNo div#content	{
	width:900px;
	}



div#page div#footer	{
	width:100%;
	padding-top:0;
	padding-bottom:66px;
	clear:both;
	}

div#page div#footer div#FooterTopBorder	{
	width:100%;
	height:40px;
	}





/*    ------------------ POSITIONING BOXES - END -----------------------   */







/*    ------------------ BACKGROUND GRAPHICS & COLORS - START -----------------------   */
/*    ------------------ Styles to bring in the background graphics to the main page elements  -----------------------   */


body	{
	background-image:url('images/backgrounds/bgi_body_matt.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-color: #000000;
	}

div#header	{
	/* background-image: url('images/backgrounds/bgi_header.jpg'); */
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}

div#menuSite	{
	/*  background-image: url('images/backgrounds/bgi_menu-site.jpg'); */
	background-repeat: no-repeat;
	background-position: 50% 0;
	color:white;
	}


div#page	{
	background-repeat: repeat-y;
	background-position: 50% 0%;
	background-color:white;
	}

div.PageSectionMenuNo	{
	background-image: url('images/backgrounds/page-section-menus-no/bgi_page.jpg');
	}


div.PageSectionMenuYes	{
	background-image: url('images/backgrounds/page-section-menus-yes/bgi_page.jpg');
	}




div#ContentColumnTopBorder	{
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}

div.PageSectionMenuNo div#ContentColumnTopBorder	{
	background-image: url('images/backgrounds/page-section-menus-no/bgi_content-column-top-border.jpg');
	}

div.PageSectionMenuYes div#ContentColumnTopBorder	{
	background-image: url('images/backgrounds/page-section-menus-yes/bgi_content-column-top-border.jpg');
	}



div#page div#footer	{
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}

div.PageSectionMenuNo div#footer	{
	background-image: url('images/backgrounds/page-section-menus-no/bgi_footer.jpg');
	}

div.PageSectionMenuYes div#footer	{
	background-image: url('images/backgrounds/page-section-menus-yes/bgi_footer.jpg');
	}


div#page div#footer div#FooterTopBorder	{
	background-repeat: no-repeat;
	background-position: 50% 0;
	}



div.PageSectionMenuNo div#footer div#FooterTopBorder	{
	background-image: url('images/backgrounds/page-section-menus-no/bgi_footer_top-border.jpg');
	}

div.PageSectionMenuYes div#footer div#FooterTopBorder	{
	background-image: url('images/backgrounds/page-section-menus-yes/bgi_footer_top-border.jpg');
	}









/*    ------------------ BACKGROUND GRAPHICS - END -----------------------   */





/*    ------------------ ID menuSite - START -----------------------   */
/*    ------------------ Styles exclusivly for the SITE MENUS -----------------------   */


div#menuSite *	{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;

	}

div#menuSite dl	{
	margin:0;
	list-style-type:none;
	}


div#menuSite dl dt	{
	margin:0;
	display:none;
	}

div#menuSite dl dd	{
	display:inline;
	margin:0;
	color:#ffffff;
	border-right:1px solid #000000;
	}

div#menuSite dl dt + dd	{
	border-left:1px solid #000000;
	}


div#menuSite dl dd a	{
	text-decoration: none;
	color:#ffffff;
	padding-left:4px;
	padding-right:4px;
	}

div#menuSite dl dd a:link	{}
div#menuSite dl dd a:visited	{}
div#menuSite dl dd a:active	{}
div#menuSite dl dd a:hover	{color:#ff0000;}

/*    ------------------ ID menuSite - END -----------------------   */



/*    ------------------ ID menuSection - START -----------------------   */
/*    ------------------ Styles exclusivly for the SECTION MENUS -----------------------   */


div#menuSection dl	{
	margin:0;
	padding:0;
	}

div#menuSection dl dt	{

	text-transform: uppercase;
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
	
	background-color:#efefef;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;
	}

div#menuSection dl dd	{
	list-style-type:none;
	list-style-position:inside;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight:bold;

	color:#000000;
	padding:0;
	margin:0;
	border-bottom:1px solid #888888;
	}


div#menuSection dl dd a	{
	display:block;
	text-decoration: none;
	padding-top:2px;
	padding-right:0;
	padding-bottom:2px;
	padding-left:2px;
	margin:0;
	}


div#menuSection dl dd a:link	{}
div#menuSection dl dd a:visited	{}
div#menuSection dl dd a:active	{}
div#menuSection dl dd a:hover	{
	color:#ded265;
	background-color:#efefef;
	}

/*    ------------------ ID menuSection - END -----------------------   */







/*    ------------------ ID content - START -----------------------   */
/*    ------------------ Styles that must be common to all content boxes, for instance the H1 tag, used as the page title -----------------------   */

div#page div#content	{
	text-align:left;
	}

div#page div#content h1	{
	font-size: 2.2em;
	text-align: center;
	text-transform: uppercase;
	margin-top:2px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	padding-top:3px;
	padding-right:0;
	padding-bottom:4px;
	padding-left:0;
	background-color:#DED265;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	}


div#page div#content p	{
	font-size:1.4em;
	line-height:170%;
	text-align:justify;
	margin-top:1.3em;
	margin-right:auto;
	margin-bottom:1.3em;
	margin-left:auto;
	}

div#page div.ContactUs p	{

	line-height:110%;
	}



/*    ------------------ ID content - END -----------------------   */








/*    ------------------ ID content CLASS GeneralInformation - START -----------------------   */
/*    ------------------ Styles for general information pages, mainly the about us (Company Profile) page -----------------------   */


div#content div.GeneralInformation h2	{
	text-align:left;
	font-size:2em;

	margin-top:20px;
	margin-right:auto;
	margin-bottom:5px;
	margin-left:auto;
	
	border-top:2px solid #cdcdcd;
	}

div#content div.GeneralInformation  h3	{
	text-align:left;
	font-size:1.4em;

	margin-top:20px;
	margin-right:auto;
	margin-bottom:5px;
	margin-left:auto;

	}
div#content div.GeneralInformation h4	{
	text-align:center;
	font-size:1.2em;

	margin-top:10px;
	margin-right:auto;
	margin-bottom:5px;
	margin-left:auto;

	}

div#content div.GeneralInformation h3:first-child	{

	margin-top:0;

	}

div#content div.GeneralInformation h5	{
	
	text-align:left;
	font-size:1.3em;

	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;

	}



div#content div.GeneralInformation h3 + p	{
	margin-top:0;
	}

/*    ------------------ ID content CLASS GeneralInformation - START -----------------------   */




/*    ------------------ ID content - CLASS PropertySelector - START -----------------------   */
/*    ------------------ Styles exclusivly for the property selector pages -----------------------   */

div.PropertySelector p	{}



div.PropertySelector h2	{
	font-size: 19px;
	line-height: 160%;
	text-align: center;
	text-transform: uppercase;
	margin:20px auto 0 auto;
	padding:3px 0px 4px 0px;
	background-color:#FFF0C9;
	border-top:3px solid #000000;
	}

div.PropertySelector h3	{  /* Property prices */
	margin-top:0;
	margin-bottom:5px;
	width:100%;
	border-bottom:1px solid #000000;
	font-size: 17px;
	line-height: 140%;
	text-align: center;
	background-color:#A9E2FF;
	}




div.PropertySelector h4	{  /* Sale Agreed */
	font-size: 20px;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	margin:6px auto 0 auto;
	padding:3px 0px 4px 0px;
	background-color:#ff0000;
	color:#ffffff;
	}

div.PropertySelector h5	{ /* Further Information */
	/* float:right; */
	width:300px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 15pt;

	/* background-color:#1A7606; */
	
	margin-top:2px;
	margin-right:0;
	margin-bottom:1px;
	margin-left:auto;
	
	padding-top:2px;
	padding-right:4px;
	padding-bottom:1px;
	padding-left:4px;
	
	
	}


	
div.PropertySelector h5 a	{
	text-transform:uppercase;
	text-decoration:none;
	color:#0000ff;
	border-bottom:1px solid #0000ff;
	}
div.PropertySelector h5 a:link	{}
div.PropertySelector h5 a:visited	{}
div.PropertySelector h5 a:hover	{
	color:#ff0000;
	border-bottom:2px solid #ff0000;
	}




div.PropertySelector h6	{font-size: 13px;font-weight: bold;line-height: 15px;margin: 5px 0px 4px 2px}

/*    ------------------ ID content - CLASS PropertySelector - END -----------------------   */





/*    ------------------ ID content - CLASS ContentProperty - START -----------------------   */
/*    ------------------ Styles exclusivly for the single property pages -----------------------   */

div.ContentProperty p	{}

div.ContentProperty h2	{
	font-size: 19px;
	text-align: center;
	text-transform: uppercase;
	margin:0px auto 2px auto;
	padding:3px 0px 4px 0px;
	background-color:#A9E2FF;
	color:#000000;
	border-top:0px solid #0C8916;
	}

div.ContentProperty h3	{
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
	margin:2px auto 5px auto;
	padding:2px 0px 4px 3px;
	background-color:#e0e0e0;
	border-top:1px solid #000000;
	}

div.ContentProperty h4	{font-size: 12pt;line-height: 15pt;font-weight: bold;margin: 10px 0 0 10px;}

div.ContentProperty h5	{font-size: 13pt;font-weight: bold;line-height: 15pt;margin: 5px 0px 0px 2px; padding: 5px 0px 0px 0px;border-top: 2px solid #000000;}

div.ContentProperty h6	{font-size: 13px;font-weight: bold;line-height: 15px;margin: 5px 0px 4px 2px}

div.ContentProperty ul	{
	font-size:1.3em;
	text-transform:uppercase;
	list-style-type:square;
	list-style-position:inside;
	margin-left:20px;
	/* border:1px solid #ff0000; */
	padding:0;
	}
div.ContentProperty li	{
	font-size:1.2em;
	font-weight:bold;
	/* margin-left:50px; */
	
	margin-bottom:.4em;
	}

/*    ------------------ ID content - CLASS ContentProperty - END -----------------------   */




/*    ------------------ ID footer - START -----------------------   */
/*    ------------------ Styles exclusivly for the FOOTER fragment that appears on every page -----------------------   */


div#page div#footer	{
	
	}
	
div#page div#footer p	{
	font-size:1.2em;
	margin-top:1px;
	margin-right:auto;
	margin-bottom:2px;
	margin-left:auto;
	}




div#page div#footer p strong	{
	font-size:1.3em;
	margin-right:6px;
	}





/*    ------------------ ID footer - END -----------------------   */



/*    ------------------ ID disclaimer - START -----------------------   */
/*    ------------------ Styles exclusivly for the DISCLAIMER fragment that appears on every property page -----------------------   */


div#content div#disclaimer	{
	border-top:2px solid #888888;
	margin-top:10px;
	
	}



div#content div#disclaimer p	{
	font-size:1.2em;
	text-align:center;
	margin-top:1px;
	margin-right:auto;
	margin-bottom:2px;
	margin-left:auto;
	}

div#content div#disclaimer p.disclaimer	{
	font-size:.9em;
	margin-top:8px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	}

/*    ------------------ ID disclaimer - END -----------------------   */