/* CSS Document */

/* Notes:
     The xhtml will layout the divs as follows: 
	    1: Body, which holds allcontent
		2: Allcontent which holds everything else (allcontent css is individual and included on each xhtml page due to the use of different background images
		Within allcontent:
		      3: The 6 navigation link divs
			  4: The contact and coding divs
			  5: mainarea div, which holds various other divs relevant to each page
			  
	Although the navigation link divs, contact and coding divs hold content that is displayed on the lower part of the browser page, they are included first in the xhtml
	and positioned with high 'top' values.  (The mainarea divs are positioned with high negative 'top' values).  This enables adjustments in text, images, etc, to be made
	easily within the mainarea divs without affecting the positioning of the link, contact and coding divs. */

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.8em;
  margin-top: -15px;
  margin-left: 0px;
  background-color: #cccccc;
}

/* allcontent div is in style tags on xhtml so that background image can change for each page */

/* formatting for navigation links */

#link1 { /* home */
  position: relative;
  top: 455px;
  left: 53px;
  z-index: 99;  /* to bring links above all areas of divs */
  width: 150px; /* added to stop 'horizontal scroll appearing in firefox */
}

#link2 { /* the property */
  position: relative;
  top: 480px;
  left: 20px;
  z-index: 99;  /* to bring links above all areas of divs */
  width: 150px; /* added to stop 'horizontal scroll appearing in firefox */
}

#link3 { /* about the region */
  position: relative;
  top: 505px;
  left: 20px;
  z-index: 99;  /* to bring links above all areas of divs */
  width: 150px; /* added to stop 'horizontal scroll appearing in firefox */
}

#link4 { /* prices & booking */
  position: relative;
  top: 525px;
  left: 55px;
  z-index: 99;  /* to bring links above all areas of divs */
  width: 150px; /* added to stop 'horizontal scroll appearing in firefox */
}

#link5 { /* getting there */
  position: relative;
  top: 545px;
  left: 140px;
  z-index: 99;  /* to bring links above all areas of divs */
  width: 150px; /* added to stop 'horizontal scroll appearing in firefox */
 }

#link6 { /* guest comments */
  position: relative;
  top: 550px;
  left: 220px;
  z-index: 99;  /* to bring links above all areas of divs */
  width: 150px; /* added to stop 'horizontal scroll appearing in firefox */
}

/* General formatting for all the navigation links */

a:link {
  color: #660000;
  text-decoration: none;
}

a:visited {
  color: #FF3300;
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: underline;
}

/* darker color link text on page 3 and 5 */
.darklinktext {
  color: #ff0000;
}

/* Contact div and Copyright div formatting for all pages */

#contact {
  position: relative;
  top: 530px;
  left: 360px;
  font-weight: bold;
  width: 420px; /* added to stop 'horizontal scroll appearing in firefox */
  z-index: 99;
}

.phone {
  color: #660000;
  font-weight: bold;
}

#copyright {
  position: relative;
  top: 530px;
  left: 230px;
  width: 550px; /* added to stop 'horizontal scroll appearing in firefox */
  z-index: 99;
  text-align: right;
  font-size: 0.8em;
}

.validatorimage {
  border: none;
}

/* End of Contact div and Copyright div formatting for all pages */


/* mainarea section */

#mainareapage1 { /* This is adapted from all other pages due to the longer title within the background image */
  position: relative;
  top: -30px;
  left: 105px;
  width: 655px;
}

#mainarea { /* for all other pages */
  position: relative;
  top: -80px; /* was -95 */
  left: 105px;
  width: 655px;
}


.generaltext {
  font-size: 1.1em;
}

/* Page 1 formatting */

.heading1 {
  font-size: 1.2em;
  color: #660000;
  font-style: italic;
}

.heading2 {
  font-size: 1.0em;
}

.quotetext {
  font-style: italic;
}

.propertysubtitles {
  font-weight: bold;
}

/* position of text paragraphs on page 1 */
#page1highertext {
  position: relative;
  top: 0px;
  left: 0px;
}

#page1quotetext {
  position: relative;
  top: 0px;
  left: 0px;
}

#page1lowertext {
  position: relative;
  top: 30px;
  left: 20px;
  width: 350px;
}

#page1signiture {
  position: relative;
  top: 60px;
  left: 80px;
}

/* End of page1 mainarea formatting */

/* Page 2 formatting */

#propertyintrotext {
  width: 600px; /* To bring in the text away from background image */
}

/* position of property thumbnail images on property page */
#propertythumbs {
  position: relative;
  top: 0px;
  left: 90px;
}

/* thumbnail property images formatting */
  .thumbstyles {
    width: 100px;
	height: 73px;
    border: 1px solid #aa1100;
}

/* "click link text" under property thumbs */
  #clicklink {
    position: relative;
	top: 0px;
	left: 270px;
	font-style: italic;
}

/* End of Page 2 formatting */

/* Full Image Property Pages formatting */

/* full-size property images formatting */
#fullpropertyimages {
  position: relative;
  top: 0px;
  left: 60px;
}

.fullpropertyimagestyle {
  border: 2px solid #aa1100;
}

/* back link formatting on full image property pages */
#backlink {
  position: relative;
  top: 0px;
  left: 60px;
}

/* End of Full Image Property Pages formatting */

/* Page 3 formatting */

/* Paragraph indentation formatting for page 3 */
#highertextsection {
  position: relative;
  top: 0px;
  left: 0px;
  width: 640px;
}

#lowertextsection {
  position: relative;
  top: 0px;
  left: 30px;
}

/* Region Map styles */
#regionmap {  /* formatting for actual div */
  position: relative;
  top: -10px;
  left: 150px; /* was 280px with map image only */
  width: 700px; /* was 400px with map image only */
}

.regionmapimage { /* formatting for image */
  padding: 5px;
  border: 1px solid #993300;
}

.regionmaptitle {
  text-align: left;
  font-size: 0.8em;
}

/* End of Page 3 formatting */

/* Page 4 formatting */

/* emailform div */

#emailform {
  position: relative;
  top: 0px;
  left: 0px;
  width: 400px;
}

/* email form table styles */

.tableemailform {
  border: none;
}

.tableemailform th {
  background-color: #ffffff;
  text-align: right;
}

#bot_form {
  display: none;
}

.submitbutton {
  margin-left: 150px;
  width: 200px; /* button width */
}


/* prices table on page 4 */

#tablesection {
  position: relative;
  top: -190px;
  left: 15px;
  float: right;
}

/* Table styles */

table {
  margin-top: -10px;
  border: 1px solid #000000;
  border-collapse: collapse;
  caption-side: bottom;
}

th {
  text-align: center;
  padding: 3px;
  background-color: #CC6633;
}

td {
  padding: 3px;
}

caption {
  padding-top: 5px;
  padding-bottom: 5px;
  font-style: italic;
}

.cellcolor1 {
  background-color: #CC9966;
}

.cellcolor2 {
  background-color: #FF9933;
}

#pricestextareahigher {
  position: relative;
  top: 0px;
  left: 50px;
}

#pricestextarealower {
  position: relative;
  top: 0px;
  left: 200px;
}

/* End of Page 4 formatting */

/* Page 5 formatting */

/* Large France Map styles */
#largefrancemap {  /* formatting for actual div */
  position: relative;
  top: 0px;
  left: 150px;
  width: 410px;
}

.francemaplocationimage { /* formatting for image */
  padding: 5px;
  border: 1px solid #993300;
}

.locationmaptitle {
  text-align: right;
}

/* End of Page 5 formatting */

/* Page 6 formatting */
#mainarea { /* overrides the previous main area position */
  position: relative;
  top: -95px;
  left: 110px;
}