/* CSS Document */


* {

  margin: 0;

  padding: 0;

}



html {height:100%}



body {

  font-family: georgia, times new roman, serif;

  min-height:101%;

  color: #ffffff;
  
  background: url(../images/pattern.gif) repeat;
  

}



.clear {clear: both;}



a img {border: none;}



a {color: #ffffff;}

a:hover {color: #333;}



label, input, select, textarea {

  font-size: 0.7em;

  font-family: Arial, Helvetica, sans-serif;

}

div#outer-container {
width: 100%;}


/*------Containing DIV-------->*/
div#header {
background: #ffffff url(../images/header.jpg) left repeat-x;
height: 61px;
width: 100%;
}

div#main-container {
width: 840px;
margin: auto;
margin-top: -61px;
}

h1#logo {
   float: left;
   width: 383px;
   height: 33px;
   position: relative;
   font-size: 8px;
   margin: 25px 0 0 0px;
}

h1#logo span {
   background: url(../images/logo.jpg) no-repeat;
   position: absolute;
   width: 100%;
   height: 100%;
   cursor: pointer;
}

p.home-text {
font-size: .8em; 
color: #ffffff;
line-height: 1.5em;
}

p.home-text a:hover {color:#999999;}



ul#navigation {
float: left;
margin: 40px 0 0 96px;
}

ul#navigation li {
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}

ul#navigation li a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
	}
	
ul#navigation a:hover {
background-position: 0 -20px;
	}

ul#navigation a:active, #navigation a.selected {
background-position: 0 -40px;
	}

#thome a  {
width: 55px;
background: url(../images/home.gif) top left no-repeat;
}

#tabout a  {
width: 55px;
background: url(../images/about.gif) top left no-repeat;
}

#tstatement a  {
width: 80px;
background: url(../images/statement.gif) top left no-repeat;
}

#tsold a  {
width: 125px;
background: url(../images/forsale.gif) top left no-repeat;
}

#tcontact a  {
width: 80px;
background: url(../images/contact.gif) top left no-repeat;
}


/*------HOMEPAGE GALLERY-------->*/

div#main-body {
width: 800px;
overflow: hidden;
}


ul#thumbnail-gallery{
float: left;
list-style: none;
padding: 0;
margin: 0;
}

li.thumbnail {
width: 150px;
height: 100px;
border-top: 15px solid white;
border-right: 15px solid white;
border-left: 15px solid white;
float: left;
display: inline;
margin-right: 15px;
margin-top: 45px;
position: relative;
}

li.thumbnail img{

}

p.caption {
position: absolute;
bottom: -33px;
left: -15px;
background: #ffffff;
width: 180px;
height: 25px;
color: black;
font-family: georgia;
font-size: .6em;
padding-top: 8px;
text-indent: 15px;
}

/*--about page--*/
div#about-nav {
background-color: #252526;
width: 170px;
min-height: 600px;
height: auto !important;
height: 600px;
border: 2px solid #383838;
margin: 50px 0 0 0px;
float: left;
display: inline;
}

div#about-nav h5 {color: #c40800; margin: 20px 0 20px 15px; }

div#about-nav p{font-size: .7em; 
color: #fff;
width: 140px;
margin-left: 15px;
padding-bottom: 20px;}

div#content-block {
background-color: #252526;
width: 570px;
min-height: 600px;
height: auto !important;
height: 600px;
border: 2px solid #383838;
float: left;
margin: 50px 0 0 20px;
display: inline;
}

div#content-block h5 {color: #c40800; margin: 20px 0 20px 20px; font-size: 1.2em; font-family: georgia; }

div#content-block p {
font-size: .8em; 
color: #fff;
width: 489px;
margin-left: 20px;
padding-bottom: 10px;
line-height: 1.5em;}

div#content-block img {
margin: 10px 0 15px 20px;	
	}

/*-------------->*/
ul#nav2 { 
list-style:none;
margin: 5px 0 0 20px;
}

ul#nav2 li {
width: 125px;
background: url(../images/line.gif) repeat-x bottom;
padding: 15px 0 25px 0;}

ul#nav2 li a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.8em;
color: #999999;
text-decoration: none;
}

ul#nav2 li a:hover {color: #ffffff;}
ul#nav2 li a.selected {color: #ffffff;}

/*-------------->*/
/*--Contact form------------>*/
div#content-block table.enquiries {margin-left: 15px;}
div#content-block table.enquiries td {padding: 0px 0 15px 0; vertical-align: text-top; text-align: left; vertical-align:top;}
div#content-block table.enquiries th {padding: 0px 0 15px 0; width: 160px; font-weight: normal; vertical-align:top; text-align: left;}
div#content-block table.enquiries a {font-size: 0.7em; text-decoration: none;}

div#content-block table.enquiries input.type {width: 230px;  padding: 2px 5px;}
select {font-size: 65%}
div#content-block textarea#query {width: 240px; height: 50px;}
div#content-block textarea#enq{height: 50px; width: 240px;}

div#content-block div.infotext {font-size: 0.7em; line-height: 1.6em;}
div#content-block div.infotext a{font-size: 100%;}

div#content-block input.reqd {border-right: 4px solid #3d73c3; border-width:1pt 4pt 1pt 1pt; border-style:none solid none none;}
/*-------------->*/


/*------footer DIV-------->*/
div#footer-container {
width: 765px;
height: 80px;
margin-top: 60px;
}

div.contact-details {
float: left;
}

div.credit {
float: right;
display: inline;
text-align: right;
}


div#footer-container p { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .7em;
color: #ffffff;
line-height: 2em;
}

div#footer-container p a{color: #ffffff; text-decoration: none;}
div#footer-container p a:hover{color: #cccccc; text-decoration: underline;}

/*----validation forms----*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 3px;
	background-color: #3d73c3;
	color : #FFF;
	font-weight: normal;
	font-size: 0.7em;
}