/* Optional Code */
body { margin: 0; padding: 0; background-color: #0099ff; text-align: justify; font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif; font-size: 9.5pt; color: #003333;}
h1,h2 {padding: 0.5em;}
h2,h3{margin-left: 12px; line-height: 1.2; margin-bottom: 0px;}
h1 {font: italic bold "Georgia, Times New Roman, Times, serif"; font-size: 10pt;
	 color: #006666; line-height: 100%; margin: 0px 0px 15px; 0px;}
h2 {font-size: 11pt; font-weight: bold; color: #006666; font-family: Geneva, sans-serif; font-style: italic; margin-top: 4px; margin-bottom: 0px; }
h3, h4 {padding: 0; font-variant: smallcaps;text-align: left;}
h3 {font-size: 10pt;}
h4 { color: #ff3300; margin: 0; line-height: 1.1em; padding-left: 10px; left-margin: 20px; font-size: 12pt;}

p {padding: 0 10px 0 10px;}
a {margin-left: 80x; text-decoration: none; font-weight: bold; color: #006633;}
a:hover, a:active {color: #cc3300;}

.propnav {font-size: 8.0pt; line-height: 150%;}
.propnav a:link,a:visited {font-color: #003333;}
.propnav a:hover {color: #cc3300;}
.propnav a:active {color: #cc3300;}

.rightfloat {text-align: right;}
.leftfloat {text-align: left;}

.Brittany {font: italic bold "Georgia, Times New Roman, Times, serif"; font-size: 9.5pt; color: #006666;}
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.rightext,.leftext,.leftextB,.italL {font-size: 8pt; padding: 3px 8px 10px 8px; width: 150px;}
.leftext,.italL {text-align: left;} 
.leftextB {font-weight: bold;}
.whitebox {width: 100%; padding: 2px 0px; height: 12px; background-color:#FFFF00; border-style: solid; border-color:#00CC66; border-width: 1px;}
.rightext {text-align: center; font-size: 8pt;}
.red {color: #CC3300;}
.italL {font-style: italic; line-height: 150%; width: 130px; margin: 0;}
.ital ul,.ital ul li{list-style: none;}
.normal { font-style: normal; }
.geneva {margin-top: 0px; padding: 2px 10px 2px 10px; vertical-align: top; font-size: 10pt; font-style: italic; font-family: "Geneva, Arial, Helvetica, san-serif"; font-weight: bold; color: #006666; text-align: center; }
.newshead {margin-left: 2px; text-align: center; font: bold 11pt "Geneva, Helvetica, sans-serif"; color:#FF3300;}
.selectwrap hr {height: 2px; width: 60px; color:#00ccff;}
.centre {text-align: center;
}

.propertylinks {width: 100%; height: .8em;
	font: bold  8pt #003333;
	font-family: "Verdana, Helvetica, sans-serif";
	text-align: center;
	vertical-align: middle;
	background: #ffff66;
	margin-left: -100px;
	margin-right: -100px;
	padding-top: .7em; padding-bottom: .3em;
	position: static;
	border: 2px solid #ffffff;
	border-style: outset;
}
#featured {font-size: 10pt; display: inline-block; width: 90%; margin: 10px auto; 
}
#featured img {margin: 10px; float: left; width: 200px;
}
#featured right {margin: 10px; float: right; width: 200px;}
#featured p {float: left; margin: 10px; text-align: left; width: 260px;
}
.specialhead{font-size: 12pt; text-align: center; padding: 10px; color:#f03;
}
.aboutproperty {text-align: center; font-size:11pt; font-weight: bold; 
}
.bretagne,.bretagneb{font-size: 10pt; text-align: left; color: #003333; padding: 0 20px 0 20px; line-height: 150%;}
.bretagneb {font-weight: bold}

.floatext,.floatextb {vertical-align: middle; padding: 1px; font-size: 8.6pt; margin-left: 10px; width: 4em; border: solid 1px 0 1px 1px #99cc99;}
.floatextb {font-weight: bold;}
.floatexti {font-style: italic;}

/*settings for the inner divs with photos in the center column*/
.pennewrap { background-color: #fff; text-align: center; height: 1%;}
.penneleft {width: 33%; float: left; }
.penne p,.manor p, .office{font-family: Arial, Helvetica, sans-serif;
							 color: #006666; font-weight: bold; font-size: 8.0pt;}
.left p, .ledt a {text-align: left; margin-left: 5px;}

* html .penneleft {margin-bottom: 0;}
/* Hides from IE-mac \*/
* html .pennewrap {height: 1%;}
/* End hide from IE-mac */

/*for right column*/
.selectwrap {display: block; width: 128px; margin: auto; text-align: center; border: 2px solid; border-color:#FFFF00; background-color:#ffff99}
.selectwrap img {border: 1px solid; border-color:#FFFF00; margin: 5px;}
.selectwrap p {text-align: center; padding: 0px; margin: 0px; font-size: 8.5pt; font-family: Arial, Helvetica, sans-serif;}
.bold {font-weight: bold;}
/*for admin footer*/
.maisons {vertical-align: top; text-align: center; width: 100%;}
.date,.copyright {float: left; font-size: 7.0pt; font: normal "verdana, helvetica, sans-serif"; vertical-align: top;}
.copyright {width: 65%; text-align: center;}
.webdesign {float: right; width: 17%;  font-size: 7.0pt;}
.date {vertical-align: top; width: 17%; text-align: center;}
.date a {font-size: 7.0pt;}
.trademark {font-size: 4.5pt; font-weight: bold;  vertical-align: super; color: #003333;}
.copyright a {font-size: 7pt;}

.wrapper { min-width: 400px; }
          /* Always good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 98%; background-color: #ffff33;            /* total width */
}      
.outer {
	border-left-width: 178px;  /* left column width */
	border-left-color:#66FF99 ;   /* left column colour */
	border-right-width: 178px; /* right column width */
	border-right-color: #66FF99;  /* right column colour */
	border-top: solid 1px #009966;
	background-color: #0099ff; /* center column colour */
}
.left {
	width: 178px;              /* left column width */
	margin-left: -178px;       /* _negative_ left column width */
}

.right {
	width: 178px;              /* right column width */
	margin-right: -178px;      /* _negative_ right column width */
}

.wide {
	background-color: #ffff33; /* header and footer colours */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; background-color:#fff; }

.left {
	float: left;
	position: relative;
	z-index: 10;
	vertical-align: top;
	;
	left: -8px;
	visibility: inherit;
	top: 11px;


}
.right {
	float: left;
	position: relative;
	visibility: visible;
	z-index: 11;}


.center {
	float: left;
	width: 100%;
	vertical-align: top;
	position: relative;
	z-index: 12;
	background-color: #ffffff;
	visibility: visible;
	}
.wide {
	width: 100%;
	position: relative;
	z-index: 13;
	text-align: center;
	clear: all;
	visibility: visible;

}
.clear { clear: both; }
.clearleft {clear: left; 
  clear:both;
  font-size:.0001%;
  height:0;
}
.middleit {margin: 0 auto: text-align: center; align: center;}
.clearpenne {width: 90%; color: #fff;}

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 15px; vertical-align: top;}
.center { margin: 0 -8px 0 -2px; }
/* Hides from IE5-mac \*/
* html .penneleft {height: 1%;}
/* End hide from IE5-mac */