@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#fff;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#036;}
h2 span {font-weight:bold;}

body {background-color:#036;}

#wrapperBG {height:100%;background: #036 url(../images/bodyBg.png) repeat-y 50% 0;}
#wrapper {margin:0 auto; width:820px;}

#header {margin:0;height:95px;background-image:url(../images/telamaraLogo.jpg); background-repeat: no-repeat;}

#navBar {} 
#navBar ul {list-style-type:none; margin-left:240px;}
#navBar li {display: block; float:left; font-size:.8em; font-family:Optima,Georgia,Arial,sans-serif; line-height:5em;}
#navBar li a {padding:0 8px 0 8px; color:#fff; text-decoration:none;}
#navBar li a:hover {text-indent:0px;}
#navBar li a:hover span {color:#fff; text-decoration:underline;}
/*  Other Homes menu */

#navBar ul #n-homes ul {
  display: none;
  margin: 0;
  padding: 0;
  width:170px;
  position: absolute;
  top: 49px;
 /* right: 0px;*/
 /* z-index: 999;*/
  list-style: none;
  border-top: 1px solid #E0DED2;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  font-size: 1.2em;
  background-color:#013567;
  float: none !important;
}

/*
#navBar ul #n-homes:hover ul {
  display: block;
}
*/

#navBar ul #n-homes ul li {
  display: block;
  float: none;
  line-height: 1.6em;
}

#navBar ul #n-homes ul li a {
  color: #FFF;
}

#navBar ul #n-homes ul li a:hover {
  text-decoration: underline;
}


/*#navBar ul #n-homes a.innernav {
  margin: 0;
  padding: 0;
  width:160px;
  display: none;
  position: absolute;
  z-index: 999;
  list-style: none;
  border: 1px solid white;
  font-size: 0.9em;
  background-color:#007032;
  float: none !important;
} */

/*#navBar #innernav:hover li {
  height:auto;
  margin:0;
  padding:0;
  display: block;
  float: none;
  border: none;
  border-bottom:1px white solid;
  text-align:left;
} */


/*#navBar ul:hover li ul li{
  height:auto;
  margin:0;
  padding:0;
  display: block;
  float: none;
  border: none;
  border-bottom:1px white solid;
  text-align:left;
}

/*#navBar ul li ul:hover li {
  display: block;
} */



/*#navBar .innernav {
  margin: 0;
  padding: 0;
  width:160px;
  display: none;
  position: absolute;
  z-index: 999;
  list-style: none;
  border: 1px solid white;
  font-size: 0.9em;
  background-color:#007032;
}
#navBar .innernav li {
  height:auto;
  margin:0;
  padding:0;
  display: block;
  float: none;
  border: none;
  border-bottom:1px white solid;
  text-align:left;
}
#mainmenu .innernav li a {
  color: #ffffff;
  line-height: normal;
  padding-left:10px;
}
#mainmenu .innernav li a:hover{
  color: #E8C83A;
}

#mainmenu ul.innernav li.brockington {
	text-align:left;
}
#mainmenu ul.innernav li.brockington:hover {
  background-color: #008540;
}
#mainmenu ul.innernav li.brockington a {
	padding-left:10px;
}
#mainmenu ul.innernav li.brockington a:hover{
  color:white;
}

#mainmenu ul.innernav li.oldVic {
	text-align:left;
}
#mainmenu ul.innernav li.oldVic:hover {
    background-color: black;
}
#mainmenu ul.innernav li.oldVic a {
	padding-left:10px;
}
#mainmenu ul.innernav li.oldVic a:hover{
  color:white;
}

#mainmenu ul.innernav li.parkHall:hover {
	background-color: blue;
}
#mainmenu ul.innernav li.parkHall a:hover{
  color:white;
}

#mainmenu ul.innernav li.classicCountry {
	text-align:left;
}
#mainmenu ul.innernav li.classicCountry:hover {
	background-color: #A73918;
}
#mainmenu ul.innernav li.classicCountry a {
	padding-left:10px;
}
#mainmenu ul.innernav li.classicCountry a:hover{
  color:white;
}

#mainmenu ul.innernav li.telamara:hover {
  background-color:#6699CC;
}
#mainmenu ul.innernav li.telamara a:hover{
  color:white;
}

#mainmenu ul.innernav li.hydePark:hover {
  background-color:#95291F;
}
#mainmenu ul.innernav li.hydePark a:hover{
  color:white;
} */


body#home #n-home a span{color:#9cf; text-decoration:underline;}
body#details #n-details a span{color:#9cf; text-decoration:underline;}
body#area #n-area a span{color:#9cf; text-decoration:underline;}
body#contact #n-contact a span{color:#9cf; text-decoration:underline;}
body#gallery #n-gallery a span{color:#9cf; text-decoration:underline;}
body#homes #n-homes a span{color:#9cf; text-decoration:underline;}

#main {width:820px; background-color:#fff;}
.headline {width:820px; height:50px; background-color:#69c; border-bottom:1px solid #036; border-top:1px solid #036;}
.headline h1 {margin:15px 0 0 15px;}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}

.form {float:left; width:820px;background-color:#5a89ae; color:#fff; padding:30px 0 30px 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.form p {text-align:left; margin-left:10px;}

.labelcell {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align:right;
 color: #fff;
 background-color: #5a89ae;
 width: 200px;
}

.fieldcell {
 background-color: #5a89ae;
 color: #fff;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
} 

.fieldcell input, .fieldcell textarea, .fieldcell select {
 width: 400px;
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #d9e3ff;
 color: #4a7da6;
 border: 1px solid #4a7da6 ;
 margin-right: 0px;
 text-align:left;
}
.myBtn {
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #5a89ae;
 text-align:right;
 }

#content {float:left;width:750px;font-family: Verdana, Arial, Helvetica, sans-serif; margin:15px 0 0 35px;}
#content p {text-align:left; color: #69c; font-size:.8em; margin:0 0 15px 0;}
#content p a {color:#69c; text-decoration:underline;}
#content p a:hover {color:#FF6600;}
#content p span, #content p span a { font-size:1.1em; color:#9cf;}
#content p.portfolio {margin-left:20px;}

.contentBlock {width:480px; margin:25px 0 0 25px;}
.contentBlock h1 {color:#9cf;background: url(images/titleBg.png) 0 bottom no-repeat; line-height:3em; margin-bottom:15px;}

.introText {font-family:Verdana, Arial, Helvetica, sans-serif; line-height:22px;}
.mainText {font-family:Arial, Helvetica, sans-serif;line-height:18px;}
.mainText p {padding:5px;}

#gallery {margin:0 0 30px 40px;}

#footer {background-color:#fff; text-align:center; height:40px; border-top: 1px solid #ccc;}
#footer p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em;color:#ccc; margin-top:15px;}
#footer a {color:#ccc;}
#footer a:hover {color:#fc0;}

div.clearfloats {clear:both; border:solid 1px #000; visibility:hidden;}
/*<div class='clearfloats'><!--clear the float--></div>*/



/* for Internet Explorer min-width & min-height problem */
/*\*/
* html #header {}
/**/