/******************************************************************************************************************

Main 'styler.css' Style sheet V.2

Developed by Ocean Agency, October 2008

Copyright Donald Ross (c) 2008

A-Z CSS properties list style

******************************************************************************************************************/



* {
margin: 0;
padding: 0;
}

body, p, blockquote {
	margin: 0;
	padding: 0;
	font-size:76%
}

p {font-size:100%}

a img, iframe { border: none; }

/* Headers

------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight:400;
}

h1 {
	font-size:180%;
	font-weight:400;
	margin-bottom:20px
}

h2 {
	font-size:140%;
	margin-bottom:10px	
}

h2.sifr {font-size:200%;}

h3 {
	margin-bottom:40px
}

h3.home {
	font-size:140%;
	margin-bottom:10px
}

/* Lists

------------------------------*/

ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links

------------------------------*/

a, a:link {text-decoration:none;-moz-outline-style:none}
a:visited {}
a:hover {}
a:active {}

h2.sifr a, h2.sifr a:link {text-decoration:none}
h2.sifr a:visited {text-decoration:none}
/* Forms

------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}

fieldset { border: 1px solid #fff; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}

select { padding: 0; }

/* Pure Class

------------------------------*/

.alignLeft { text-align: left; }
.alignRight { text-align: right;  }
.floatLeft { float: left; }
.floatRight { float: right; }
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }

/*

Dark grey (text): #333333
Dark Blue (headings, links) #000066
Mid Blue (header) #333399
Light blue (top navigation) #CCCCFF
Mid grey: #666666

*/



/* Handy CSS Margin tip

margin: top right bottom left;

margin:1em 0 2em 0.5em;

*/



/* MAIN BODY */

body {
background:#E8F2F3 url('../images/bg.jpg') repeat-x;
color:#333;
font-family: Arial, Verdana, Helvetica, sans-serif;
/*font-size:12px;*/
line-height:1.4;
margin:0;
padding:0;
text-align:left
}

p {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-bottom:15px
}

#container {
background:#DDEFEF;
margin: 0 auto;
width:1000px;
}

/* Header */

#header {
background:url('../images/header.jpg');
/*height:274px;*/
height:263px;
width:1000px;
margin:0;
padding:0
}

#header_shadow {
background:url('../images/header_shadow.jpg') no-repeat;
height:11px;
width:1000px;
margin:0;
padding:0;
font-size:1px
}
























/* Main Body */

#mainbody {
font-size:1.1em;
width:970px;
background:#fff;
float:left
/*border-left:15px solid #DDEFEF;
border-right:15px solid #DDEFEF;*/
}

#mainbody2 {
font-size:1.1em;
width:970px;
background:#fff;
float:left;
border-left:15px solid #DDEFEF;
border-right:15px solid #DDEFEF;
}

#mainbody a, #mainbody a:visited, #mainbody2 a, #mainbody2 a:visited {
color:#000;
}

#mainbody a:hover, #mainbody2 a:hover {
color:#000;
text-decoration:underline
}

#leftbit {
	width:15px;
	height:650px;
	background:#DDEFEF url('../images/corner.jpg') top right no-repeat;
	float:left
}

#rightbit {
	width:15px;
	height:650px;
	background:#DDEFEF url('../images/corner2.jpg') top left no-repeat;
	float:left
}

#leftside {
float:left;
width:359px;
border-right:1px dotted #999;
}

#leftside img {
margin-bottom:24px;
margin-left:50px;
}



#rightside {
float:left;
margin-left:30px;
width:530px;
}

.boxbits {background:url('../images/pdf-dl.jpg');height:39px;width:354px;margin-bottom:8px}
.boxbits p {margin:0;padding:12px 0 0 12px;/*font-size:12px*/}

.clear {
clear:both;
}









/* FORM ELEMENTS */





/*#form {
	color: #333;
	font-size: 1em;
	width: 370px;
}



#form input,#form textarea,#form select {
margin-bottom:8px;
}



#form p {
color:#919293;
margin-bottom:4px;
padding-top:2px;
text-align:center;
}*/



/* PAGE ELEMENTS */

.paginate-footer {
	width:892px;
	height:61px;
	background-image:url('../images/paginate-footer.gif');
}

#footer {

font-size:1em;

padding-bottom:10px;

margin-top:40px;

text-align:center

}



/* FORM ELEMENTS */


/*
textarea.mailform{

 width: 200px;

 font: 0.9em Arial, Helvetica, sans-serif;

 color: #000;

 border: 1px solid #999;

 margin-right: 0px;

}



input.mailform {

 width: 250px;

 font: 0.9em Arial, Helvetica, sans-serif;

 color: #000;

 border: 1px solid #999;

 margin-right: 0px;

}



input.button {

 font: 0.75em Arial, Helvetica, sans-serif;

 background-color: #fff;

 color: #000;

 margin-left: 10px;

 margin-right:10px;

 margin-top: 3px;

 margin-bottom: 2px;

}



p.form{font-size:11px; color:#000000 ; margin:2px 0px 0px 10px; padding:0px;}
*/


/* ACCESSIBILITY */

span.invisible {visibility:hidden;}



/* Top left and top right corners */

.tl {background: url(../images/tl.jpg) 0 0 no-repeat}
.tr {background: url(../images/tr.jpg) 100% 0 no-repeat} 
.tr2 {background: url(../images/tr2.jpg) 100% 0 no-repeat} 


/* MAIN BODY PARTS */

p.description {font-weight:bold;color:#999184;margin-bottom:0}
p.maindescription {margin-top:20px}

#innerdiv {
	width:870px;
	margin:0 0 50px 50px;
	padding-top:50px;
}





/* Box for holding Property Items */

.homebox, .property_images {
width:885px;
margin-bottom:30px;
}

.homebox2 {
width:534px;
margin-top:40px;
}

.homebody2 {
width:532px;
background:#fff;
border-left:1px solid #CDCDCE;
border-right:1px solid #CDCDCE;
}

.hometext2 {
width:289px;
float:right;
display:inline;
margin:0 10px 0px 7px;
}

.homethumb2 {
width:192px;
height:176px;
float:left;
display:inline;
margin:0 0px 10px 10px;
}

.hometop2 {
height:10px;
font-size:1px;
background:url(../images/home_top2.jpg) no-repeat 0 0;
}

.homebottom2 {
height:10px;
background: transparent url(../images/home_bottom2.jpg) no-repeat 0 0;
overflow:hidden;
}


.hometop {
height:10px;
font-size:1px;
background:url(../images/home-top.jpg) no-repeat 0 0;
}

.homebody, .property_body {
width:883px;
background:#fff;
border-left:1px solid #CDCDCE;
border-right:1px solid #CDCDCE;
}

.hometext {
width:580px;
float:right;
display:inline;
margin:0 10px 10px 7px;
}

.hometext a, .hometext a:link, .hometext a:visited, .hometext a:hover {text-decoration:underline}



/* Tab graphics -Sold - Under Offer -Let */

.rbox {
    float:right;
    width:81px;
    height:50px;
    margin:-10px 10px 10px 2px;
    position:relative;
    display:inline;/* ie double margin bugfix*/
}
.rbox1 { /* under offer */
    width:117px;
    height:50px;
    margin-right:0;
}
.rbox2 { /* let */
    width:90px;
    height:50px;
    margin-right:0;
}
.rbox3 { /* sold */
    width:60px;
    height:50px;
    margin-right:0;
}

.property_main_img {
width:462px;
float:right;
display:inline;
margin:0 10px 10px 0;
}

.property_main_img img {
height:346px;
}

.homethumb {
width:253px;
height:204px;
float:left;
display:inline;
margin:0 0px 10px 10px;
}

.property_thumb_img {
width:310px;
float:left;
margin:0 0px 10px 11px;
}

/*.property_thumb_img img {
float:left;
margin-bottom:8px
}

.img1 {
width:144px
}*/

.thumbnail
{
float: left;
width: 150px;
margin-bottom:8px;
padding: 0px;
}

.thumbnail2
{
float: left;
width: 150px;
margin-bottom:8px;
margin-left:6px;
padding: 0px;
}

.thumbnail img, .thumbnail2 img {
}

.clearboth { clear: both; }

.property_main_img img {
display:block;
margin:0 auto;
}

.homebottom {
height:10px;
background: transparent url(../images/home-bottom.jpg) no-repeat 0 0;
overflow:hidden;
}


/* individual property listing page */

#secondarybox {
width:885px;
overflow:hidden
}

.column_one {
width:410px;
float:left
}

.column_two {
width:420px;
text-align:left;
float:right
}













/* Forms

------------------------------*/



form, fieldset {

	margin: 0;

	padding: 0;

	}

	

/*fieldset { border: 1px solid #000; }



legend {

	padding: 0;

	color: #000;

	}



input, textarea, select {

	margin: 0;

	padding: 1px;

	font-size: 100%;

	font-family: inherit;

	}

	

select { padding: 0; }*/

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	/*clear: both;*/
	float: left;
	display: inline;
	padding: 2px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
    padding:4px;
	margin: 2px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}

.err {padding:10px;border:1px solid red}
p.err a, p.err a:visited, p.err a:hover {text-decoration:underline}

.alert {
			 color:red
}

.alert2 {
	background: #fff6bf;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.req {
	text-decoration:underline
}

.previous,.next,.centre {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	font-weight:400;
	margin-top:25px;
}

.previous {
	margin-left:20px;
	width:85px;
}

.next {
	margin-right:20px;
	width:50px;
	float:right;
}

.centre {
	float:left;
	width:690px;
	text-align:center;
	margin-left:15px
}


/* fade images */

.imagebig, .imagebig2
{
	width: 970px;
	height: 323px;
	margin-bottom:30px
}

.imagebig img
{
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=100);
	z-index: 13;
}

.imagebig img.initial
{
	filter: Alpha(Opacity=100);
	opacity: 100;
}



.pdf {
	background:url('../images/pdf.gif') no-repeat;
	padding-left:22px
}








.tnail2 img{
margin: 0 5px 5px 0;
}

.tnail2 .test {
margin-left:6px;
}

.tnail2:hover{
background-color: transparent;
}

.tnail2:hover img{
}

.tnail2 span{ /*CSS for enlarged image*/
position:absolute;
visibility: hidden;
text-decoration: none;
width:462px;
background:#fff
}

.tnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
height:346px;

}

.tnail2:hover span{ /*CSS for enlarged image*/
position:absolute;
visibility: visible;
top: 300px;
left: 415px;
z-index: 50;
}









/* Top Navigation */

#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding: 0 50px 0 50px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
margin-left:30px
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #333; }




#navlist2 {float:right;width:1000px;}

#navlist2 ul, #navlist2 li {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}

#navlist2 a:link, #navlist2 a:visited {
color: #fff;
font-size: 0.8em;
font-weight: normal;
line-height: 14px;
padding: 2px 0px 2px 10px;
text-decoration: none;
text-align:right;
}

#navlist2 a:link#current, #navlist2 a:visited#current {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist2 a:hover {color: #fff;text-decoration:underline}




/* Navigation in Header */

#nav {
position:relative;
top:240px;
text-align:center;
}

#nav2 {
position:relative;
top:173px;
text-align:center;
margin:0;
padding:0
}

#nav ul, #nav2 ul {
list-style-type:none;
/*height:30px;*/
}

#nav li, #nav2 li {
display:inline;
/*border-left:1px solid #999;
padding: 0 2px 2px 2px;*/
/*background: url('../images/nav_bg.jpg') repeat-x left bottom;*/
/*height:30px;*/
}

#nav li a, #nav2 li a {
font-family:Georgia, "Times New Roman", Times, serif;
border-left:1px solid #999;
color:#333;
padding:7px 14px 7px 14px;
/*background: url('../images/li_a_bg.jpg') repeat-x;*/
/*height:30px;*/
margin: 0;
}

#nav li a:hover, #nav2 li a:hover {
background: url('../images/li_a_hover_bg.jpg') repeat-x;
}

#nav li a.on, #nav2 li a.on {
background: url('../images/li_a_hover_bg.jpg') repeat-x;
}

#nav li a.last, #nav2 li a.last {
border-right:1px solid #999;
}

#nav li a.laston, #nav2 li a.laston {
background: url('../images/li_a_hover_bg.jpg') repeat-x;
border-right:1px solid #999;
}




/* Little Extras */

.redalert {font-weight:bold;color:red}
.alert {padding:10px;border:1px solid red;color:black}

.skip {height:0;width:0;display: block;overflow:hidden;margin:0;padding:0}
.anchor {height:0;width:0;display: block;margin:0;padding:0}
  
.clearboth {clear:both}
.floatright {float:right}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}

.dottedbottom {border-bottom:1px solid #000}

#nav li a:focus {text-decoration:underline;background: url('../images/li_a_hover_bg.jpg') repeat-x;}
#innerdiv a:focus, #footer a:focus {text-decoration:underline;}

table {background:#F1F1F1;margin-top:10px;margin-left:2px;margin-right:12px;width:354px;padding-top:12px}