/* 
Version		1.0
Created:	2011-05-09 
Edited:		2011-05-10 
Author: 	Steve Adams {threestreams.co.uk}
*/

.mod:after
	{
	display: block;
	visibility: hidden;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* IE6 */ * html .mod {zoom: 1;}
/* IE7 */ *:first-child+html .mod {zoom: 1;}

body 
	{
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; color:#333;
	line-height: 18px; background: url(../images/skyline.jpg)
	}
	
/*	Typography
---------------------------------------------------------------------------------------	*/

h1
	{
	font-size: 20px; font-weight:bold;
	line-height: 1.3em;
	margin: 0 0 6px 0;
	color: #000;
	}
	
h1 a:link {text-decoration:none}
h1 a:hover {text-decoration:none}
h1 a:visited {text-decoration:none}

h2
	{
	 font-size: 18px;
	 line-height: 1.8em;
	 margin: 10px 0 0px 0; padding-top:20px
	 color:#000; font-weight:bold
	}

h3
	{
	 font-size: 18px;
	 line-height: 1em;
	 margin: 0 0 0px 0;
	 color:#000; font-weight:bold
	}
	
.sideBar a:link {text-decoration:none; color:#be1330; font-weight:bold}
.sideBar a:hover {text-decoration:none; color:#be1330; font-weight:bold}
.sideBar a:visited {text-decoration:none; color:#be1330; font-weight:bold}

p
	{
	font-size: 12px;
	line-height: 1.6em;/* 18px */
	margin: 0 0 18px 0;
	}

.contact li span
	{
	color: #0091d1;
	}

.x-small,
.footer
	{	
	font-size: 12px;
	line-height: 1.5em;/* 18px */
	margin: 0 0 21px 0;
	
	}

.xx-small,
.sideBar form p
	{	
	font-size: 10px;
	line-height: 1.8em;	/* 18px */
	margin: 0 0 25px 0;
	}

.xx-small
	{	
	font-size: 8px;
	line-height: 2.25em;/* 18px */
	margin: 0 0 32px 0;
	}

a:link {color:#fff; font-weight:bold}
a:hover {color:#FFF;  font-weight:bold}
a:visited {color:#fff;  font-weight:bold}



/*	Layout
---------------------------------------------------------------------------------------	*/

.wrap
	{
    width: 1024px;
    margin: 0 auto;
	}
.page,

.footer
	{
    padding: 0 0px;
    overflow: hidden;
    margin: 0;
	}
.masthead
	{
	padding: 0px 0 0 0;
	}
.logo
	{
	float: left;
	}
.icon
	{
	float: left;
	display: block;
	width: 400px;
	height: 100px;
	margin: 25px 20px 0 0;
	}
 

 
 .menu {float: left; width:1024px; height:40px; text-align:center; padding-top:15px; font-size:16px; font-weight:bold; margin-top:5px; font: Arial, Helvetica, sans-serif; letter-spacing: 0.1em }
 
.menu1  {float: left; margin-right:5px; background:#ffc705; padding-top:15px; height:30px; font-weight:bold;  width:83px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }		
.menu2 {float: left;  margin-right:5px;height:30px;background:#ffc705;padding-top:15px;  width:100px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }
.menu3 {float: left; padding-top:15px; margin-right:5px; height:30px;background:#ffc705;  width:185px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }
.menu4 {float: left; padding-top:15px; margin-right:5px;height:30px;background:#ffc705;  width:105px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	       border-radius: 4px 4px 0 0; }
.menu5 {float: left; padding-top:15px; margin-right:5px;height:30px;background:#ffc705;  width:105px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }
.menu6 {float: left;  padding-top:15px;margin-right:5px;height:30px;background:#ffc705;  width:105px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }
.menu7 {float: left; padding-top:15px;margin-right:5px;height:30px;background:#ffc705;  width:105px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }
.menu8 {float: left; padding-top:15px;height:30px; background:#ffc705;  width:200px; -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }
			
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, a:link {color:#000; text-decoration:none;  font-weight:normal; font: Arial, Helvetica, sans-serif}
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, a:hover {color:#000; text-decoration:none;font-weight:normal; font: Arial, Helvetica, sans-serif; color:#000;   -webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0; }

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, a:visited {color:#000; text-decoration:none;  font-weight:normal; font: Arial, Helvetica, sans-serif}

.header {float:left; width:1024px;}

.logo {float: left; width:400px}

.imgClass3 {background:#666; width:180px; height:30px; font-size:16px; font:Verdana, Geneva, sans-serif; color:#fff}

.maincontact a:link {color:#be1430; text-decoration:none}
.maincontact a:hover {color:#be1430; text-decoration:none}
.maincontact a:visited {color:#be1430; text-decoration:none}

.ourprops {float: left; width: 95%; background:#ffc705;  font-size:24px; color:#000; padding: 10px 0 10px 10px; margin-bottom:10px; line-height:1.1em}

.rotate1 {float:left; width:1024px; height:300px;} 

.middle {float:left; width:1px; height:280px; background:#be1330; margin-left:30px}
.middle2 {float:left; width:1px; height:280px; background:#be1330; margin-left: 10px; margin-right:10px}

.redline {float: left; width:100%;  background:#ffc705; height: 4px; margin:0px 0 0px 0}
.redline2 {float: left; width:100%;  background:#be1330; height: 1px; margin:0px 0 10px 0}

.redline2a {float: left; width:670px;  background:#be1330; height: 1px; margin:0px 0 10px 0}

.redline2b {float: right; width:330px;  background:#be1330; height: 1px; margin:0px 0 10px 0}

.redline2c {float: left; width:670px;  background:#be1330; height: 1px; margin: 10px 0 10px 0}

.redline2d {float: right; width:330px;  background:#be1330; height: 1px; margin:10px 0 10px 0}


.redline3a {float: left; width: 330px;  background:#be1330; height: 1px; margin:0px 0 10px 0}
.redline3b {float: left; width:330px;  background:#be1330; height: 1px; margin:0px 0 10px 0; margin-left:15px}
.redline3c {float: right; width: 330px;  background:#be1330; height: 1px; margin:0px 0 10px 0}
.redline3d {float: left; width: 330px;  background:#be1330; height: 1px; margin:10px 0 10px 0}
.redline3e {float: left; width:330px;  background:#be1330; height: 1px; margin:10px 0 10px 0; margin-left:15px}
.redline3f {float: right; width: 330px;  background:#be1330; height: 1px; margin:10px 0 10px 0}


.contactbox {float: right; text-align:left; margin-top: 25px; width:380px;  }

.contact {color:#fff; font-weight: normal; font-size: 20px; text-align:left; line-height:1.2em; padding-top:5px;   }
.contact a:link {color:#fff; text-decoration:none;  font-weight: normal;}
.contact a:hover {color:#fff; text-decoration:none; font-weight: normal; }
.contact a:visited {color:#fff; text-decoration:none; font-weight: normal;}

.footerpink {float:left; background:#e70093; width:1018px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; padding: 5px; text-align:center}

.footerpink a:link {color: #FFF; text-decoration:none; }
.footerpink a:hover {color: #FFF; text-decoration:none;}
.footerpink a:visited {color: #FFF; text-decoration:none;}

.grey_text {
	color: #58585A;
}
.promo
	{
	padding: 0px 0px;
	height: 290px;
	}
.content 
	{
	margin-top: 0px;

	}
.main
	{
	float: left;
	width: 1024px;
	padding: 20px 0 0px 0px;
	background: #FFF;
	}
.main2
	{
	float: right;
	width: 700px;
	padding: 0 0 0px 20px;
text-align: left;
	}
	
.main .section
	{float: left; width:60%;
	margin-top: 20px; margin-left:20px;
	overflow: hidden;text-align: left;
	}
	
.maincontact
	{
	float: left;
	width: 30%;
	padding: 0 0 10px 20px;
	}
	
.propertyleft {float:left; width: 200px; height: 280px; margin-right: 35px; margin-bottom:20px; }
.propertyleft a:link {color:#000; text-decoration:none; }
.propertyleft a:hover {color:#000; text-decoration:none }
.propertyleft a:visited {color:#000; text-decoration:none }
.propertymiddle {float:left; width: 200px; height: 280px;  margin-right: 35px; margin-bottom:20px}
.propertymiddle a:link {color:#000; text-decoration:none }
.propertymiddle a:hover {color:#000; text-decoration:none }
.propertymiddle a:visited {color:#000; text-decoration: none }
.propertyright {float:left; width: 200px; height: 280px; margin-bottom:20px}	
.propertyright a:link {color:#000; text-decoration:none }
.propertyright a:hover {color:#000; text-decoration:none }
.propertyright a:visited {color:#000; text-decoration:none }
	

.gally {float:left; width: 680px; margin-right: 15px; margin-bottom:20px}
.mainproperty {float:left; width: 500px; margin-right: 15px; margin-bottom:20px}
.mainproperty a:link {text-decoration:none; color:#333; font-weight:bold; font: Arial, Helvetica, sans-serif}
.mainproperty a:hover {text-decoration:none; color:#333; font-weight:bold; font: Arial, Helvetica, sans-serif}
.mainproperty a:visited {text-decoration:none; color:#000; font-weight:bold; font: Arial, Helvetica, sans-serif}
.smallimages {float:right; width: 150px; margin-right: 25px; padding-bottom:20px; background: #FF9; text-align:center; padding-left:2px; border: 1px solid #000}
	
.map {float:left; text-align:center; width:270px; margin-top:20px; border:1px solid #000; margin-left:20px; margin-bottom:10px}
.map2 {float:left; text-align:center; width:980px; margin-bottom:20px; border:1px solid #000; margin-left:20px}


.postit {float:left; text-align:center; width:270px; margin-top:20px; border:0px solid #000; margin-left:10px; margin-bottom:10px}
	
#bulletslist ul li{
	font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000; margin-bottom: 2px; list-style-type: square; width:460px; background:#FF9}
	
#bulletslist{float:left; padding-left:40px; background:#FF9; margin-bottom:10px }

.reviews {float:left; padding:5px; background:#FF9; margin-bottom:10px; width: 480px }
	
.sideBar
	{
	float: left;
	width: 250px; margin-right:20px; font: "Palatino Linotype", "Book Antiqua", Palatino, serif ; color:#000; font-weight: normal; font-size:12px; margin-top:0px}
	
.sideBar form p
	{
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 0.857em 0;
	}
.sideBar form p.signUp
	{
	display: block;
	width: 50%;
	}
label
	{
	float: left;
	width: 33%;
	vertical-align: middle;
	}
.signUp label
	{
	width: 67%;
	}
input[type="text"]
	{
	font-size: 1.1em;
	background: #FFF;
	width: 100%
	}
textarea {width: 100%}
.button
	{
	float: right;
	}
.footer
	{
	clear: both;
	background: #ffc705 url(../images/qr.png) no-repeat right;	color: #fff;
	}
.footer div
	{
	margin: 25px 0 0 0;
	}
.folioNav
	{
	float: left;
	padding-left: 20px;
	width: 55%;
	color:#e60093
	}
.footNav
	{
	float: left;
	padding-left: 40px;
	width: 600px;
	text-align: left;
	}
.folioNav ul
	{
	float:left;
	margin-right: 30px;
	}
.footNav li
	{
	display: inline;
	}
.footNav a
	{
	padding: 0 .3em;
	}
	
.footNav a:link,
.footNav a:visited,
.footNav a:hover
{color: #000; text-decoration:none; font-size:12px; font-weight:normal; font: Arial, Helvetica, sans-serif}

.folioNav a:link,
.folioNav a:visited,
.folioNav a:hover
{color: #e60093; text-decoration:none}

.copyright
	{padding-top: 10px;
	clear: both;
	color: #999;
	text-align: right;
	padding-left: 40px; float: left
	}

.form {font-size:10px; width:200px}

.formright{ 
    width:160px;
    height:30px;
    padding:0;
    border:1px solid #000;
    margin:0 auto;
    overflow:auto;
	text-align:left
 }
 
 .contactform {
	 float: left; 
    width:250px;
    padding:10px;
    border:1px solid #000;
    margin-left: 20px;
 background:#FF9}
 
input { border:1px solid #000;  }

small {color:#fff}



.NewsTicker {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	display: table;
	width: 100%;
	*zoom: 1;
}

.NewsTicker h3 {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
	padding: 0 5px 0 3px;
	border-right: 1px solid #F00;
	color: #F00;
	float: left; font-weight:normal
}

.NewsTicker h4 {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
	padding: 0 5px 0 3px;
	border-left: 1px solid #F00;
	color: #F00;
	float: right;
}

.NewsTicker marquee {
	width: 710px;
	height: 19px;
	line-height: 19px;
	float: left;
}

.NewsTicker marquee ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.NewsTicker marquee ul li {
	margin-right: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;  }

.NewsTicker marquee ul li a {
	text-decoration: none;
	color: #000;
}

.NewsTicker marquee ul li a .date {
	color: #fff;
	margin-right: 5px;
}

.NewsTicker marquee ul li a b {
	font-weight: normal;
}

.NewsTicker marquee ul li a:hover {
	text-decoration: underline;
}

.NewsTicker .more {
	color: #F00;
	font-size: 11px;
	line-height: 19px;
	text-decoration: none;
	display: inline-block;
	padding-left: 5px;
	border-left: 1px solid #F00;
	float: right; padding-right:2px}

.NewsTicker .more:hover {
	text-decoration: underline;
	color: #F00;}

 .news
 {float: left; width:1020px; height:20px; text-align:center; padding-top:3px; margin: 15px 0px 10px 0px; font: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; color:#F00; border: 1px solid #F00; background:#fff }
 
.readmore {float: right; margin-top:10px; font-weight:bold}