/*
  facebook and Twitter icons from komodomedia.com

 ** General Design styles
---------------------------------*/

body {
  margin: 0;
  background: #aca6a3 url('images/bg.gif') repeat-x top left;
}
#page-inner {
  margin:0 -10px;
  background: #fff url('images/page-bg.gif') repeat-y top left;
}
#page-inner-2 {
  background: transparent url('images/sides-gradient.gif') no-repeat 0 0;
}

/* header 
------------------ */

#header {
  height:355px;
  background: transparent url('images/page-top.gif') no-repeat top left;
  position:relative;
}
#header img.banner {
  position:absolute;
  top:27px;
  left:10px;
}
#logo {
  width:275px;
  height:117px;
  background-image:url('images/logo.png');
  position:absolute;
  top:51px;
  left:-21px;
  z-index:2;
}
#logo img {
  display:none;
}

/* main menu (navigation) */

#navigation {
  text-indent:0;
  overflow:visible;
  position:absolute;
  z-index:1;
  top:76px;
  left:233px;
  background-image:url('images/menu-bg.png');
  width:686px;
  height:44px;
  padding-left:39px;
}
#navigation li, #navigation li a {
  float:left;
}
#navigation li a {
  height:44px;
  width:45px;
  background:transparent url('images/menu-links.gif') no-repeat 0 0;
}
#navigation .menu-about       {width:80px; background-position:-45px 0;}
#navigation .menu-help        {width:156px; background-position:-125px 0;}
#navigation .menu-whatpeepsay {width:121px; background-position:-280px 0;}
#navigation .menu-ourhomes    {width:90px; background-position:-401px 0;}
#navigation .menu-news        {width:55px; background-position:-491px 0;}
#navigation .menu-contact     {width:96px; background-position:-546px 0;}
/* hover states */
#navigation .menu-homelink:hover,
#navigation .active .menu-homelink    {background-position:0 -44px;}
#navigation .menu-about:hover,
#navigation .active .menu-about       {background-position:-45px  -44px;}
#navigation .menu-help:hover,
#navigation .active .menu-help        {background-position:-125px -44px;}
#navigation .menu-whatpeepsay:hover,
#navigation .active .menu-whatpeepsay {background-position:-280px -44px;}
#navigation .menu-ourhomes:hover,
#navigation .active .menu-ourhomes    {background-position:-401px -44px;}
#navigation .menu-news:hover,
#navigation .active .menu-news        {background-position:-491px -44px;}
#navigation .menu-contact:hover,
#navigation .active .menu-contact     {background-position:-546px -44px;}

/* page title */

#pagetitle {
  color:#fff;
  font:200 26px/40px "Helvetica Neue", helvetica, Arial, sans-serif;
  position:absolute;
  z-index:1;
  height:42px;
  background: transparent url('images/title-bg-s.png') no-repeat top left;
  right:10px;
  bottom:45px;
  padding:28px 90px 28px 50px;
}
.contact #pagetitle {
  padding:38px 90px 18px 50px;
}
#header .left-title {
  background-position:top right;
  right:inherit;
  left:10px;
  padding-left:90px;
}

/* Secondary Navigation 
--------------------------*/

#submenu {
  height:14px;
  width:754px;
  padding:8px 90px 12px;
  margin:0 10px;
  background: transparent url('images/submenu.gif') repeat-x top left;
  font-weight:bold;
}
#submenu li, #submenu li a {
  float:left;
}
#submenu li a {
  margin-right:16px;
  line-height:16px;
  color:#545454;
}
#submenu li a.active {
  color:#ba5600;
  padding-bottom:15px;
  background: transparent url('images/subarrow.gif') no-repeat bottom center;
}

/* Content
---------------------*/

#___plusone_0 {
  position: absolute;
  right: 50px;	
}
.lead {
  font-size:18px;
  line-height:22px;
  color:#6b6b6a;
}
.lead strong, .lead-s strong {
  color:#555;
}
.lead-s {
  font-size:14px;
  color:#756d64;
  font-weight:bold;
}
.bg-bd {
  background-color:#f6f4f1;
  border:1px solid #e5e5e5;
  border-width:1px 0;
  padding:7px 14px;
  font-size:14px;
  margin-bottom:20px;
}
hr {
  border:0;
  width:100%;
  clear:both;
  height:25px;
}
.span-1 img {
  max-width:234px;
}
ul.space li{
  margin-bottom:20px;
}

/* about us */

#aboutus-diagram {
  position:absolute;
  z-index:-1;
  top:115px;
  right:90px;
}
.reasons h4{
  font-weight:bold;
  color:#0c6d95;
  margin-bottom:2px;
  padding-left:15px;
  background:transparent url('images/arrow-right.gif') no-repeat 0 3px;
}

/* what people say / News */

.post-list .post,
.post-list .news {
  clear:both;
  margin:50px 0;
}
.post-list .post h3,
.post-list .post h4,
.post-list .post div,
.post-list .post .toggler {
  margin-left:220px;
}
.post-list .post h3,
.post-list .news h3 {
  font-weight:normal;
}
.post-list .post h4 {
  margin-bottom:15px;
  color:#0c6d95;
}
.post-list .news h4{
  color:#827e79;
  font-size:11px;
  margin-top:2px;
}
.post-list .post img {
  float:left;
  margin:0;
}
.post-list .post .toggler {
  display:block;
  margin-top:-10px;
}
.newsimg {
  width:150px;
}

.post-list .lastcol p.caption {
display:block;
width:150px;
padding-top:5px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#999999;}

table.news-table {font:normal 11px Arial, Helvetica, sans-serif;}
table.news-table th {
background-color:#d7d7d7;
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;
text-align:center;
padding:5px;}
table.news-table th.table-header {
font-size:12px;
font-weight:bold;
text-align:left;
background:#D97B2A;
color:#fff;}
table.news-table th.row-header {
text-align:left;}
table.news-table td {
background-color:#f7f7f7;
padding:5px;
text-align:center;
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;
vertical-align:middle;}
p.key {font:normal 11px Arial, Helvetica, sans-serif;}

/* Our Homes */

.our-homes .bg-bd {
  margin-bottom:0;
}
.our-homes .col {
  margin-top:10px;
}
.our-homes .col img {
  margin-bottom:5px;
}
.our-homes .bg-bd a{
  color:#d97b2a;
  padding-right:15px;
  background:#F6F4F1 url('images/arrow-right-g.gif') no-repeat 100% 3px;
}
.our-homes .fancybox img{
  float:left;
  margin-right:25px;
}
#fancybox-left, #fancybox-right {
  width:10%;
  height:20%;
  bottom:150px;
}
.our-homes .fancybox ul {
  line-height:23px;
  margin-bottom:15px;
}
.pdf {
  padding-left:20px;
  background:transparent url('images/pdf.gif') no-repeat 0 0;
}
.our-homes .enquire {
  font-size:14px;
  font-weight:bold;
  padding-right:15px;
  background:transparent url('images/arrow-right.gif') no-repeat 100% 3px;
}

/* faq */
.faq dt {
  color:#D97B2A;
}

/* Case Study (sidebar) */

.casestudy {
  background:transparent url('images/casestudy-bottom.gif') no-repeat bottom left;
}
.case-inner {
  padding:25px 20px;
  margin-bottom:10px;
  background:transparent url('images/casestudy-top.gif') no-repeat top left;
}
.casestudy h3 {
  width:110px;
  height:25px;
  background-image:url('images/casestudy-title.gif');
  margin:0 0 5px;
}
.casestudy h4 {
  font-weight:bold;
  margin-bottom:5px;
}
.casestudy a {
  font-weight:bold;
}

/* Contact */

#frmflds {
  float:left;
  width:355px;
}
#colright {
  width:365px;
  float:right;
}
.subcol {
  float:left;
  width:170px;
  margin:25px 0 0;
}
.subcol h4 {
  margin-bottom:5px;
}
.subcol p, .subcol dl {
  font-size:11px;
}
.subcol dt {
  float:left;
  clear:left;
  width:75px;
  font-size:11px;
}
.subcol dd {
  margin-bottom:0;
}
#contact h6{
  color:#444;
  font-weight:normal;
}
#contact-submit {
  width:100px;
}

/* Landing */

#content-inner.land {
  padding: 30px 40px 30px 60px;
}
.land .fontreplace {
  font-size: 110%;
  color: #000000;
  margin: 0 0 15px 0;
}
.landvid {
  padding: 0 217px 15px 217px;
}
#frmflds.land {
  width: 280px;
}
#frmflds .inline label {
  width: 140px;
  float: left;
}
#frmflds .inline input {
  width: 130px;
}
#frmflds.land textarea {
  width: 270px !important;
  height: 100px;
}
#landright {
  width: 500px;
  background: #F5F4ED url(/images/land.gif) bottom repeat-x;
  font-size: 80%;
  line-height: 1.9;
  color: #000000;
  float: right;
  padding: 20px;
}
#landright h2 {
  font-size: 160%;
}
#landright h2 span {
  color: #000000;
}
#landright h3 {
  font-size: 110%;
  color: #000000;
}
#landright h3 span {
  color: #CE6702;
}
.landgrey {
  padding: 20px 0 0 0;
}
.landgrey h2 {
  height: 60px;
  text-align: center;
  padding: 0;
  margin: 0;
}
.landgrey h2 span {
  color: #000000;
}
.landgrey h2 em {
  font-size: 80%;
  font-style: normal;
}
#landright .facebook a {
  font-size: 120%;
  color: #000000;
}
#landright .facebook a:hover {
  color: #CE6702;
  text-decoration: none;
}


/* footer 
---------------------*/

#footer {
	height:135px;
	background: transparent url('images/page-bottom.gif') no-repeat bottom left;
}
.footsection {
	float:left;
	width:261px;
	padding:35px 25px 0;
}
#footer .colcenter {
	padding:35px 10px 0;
	text-align:center;
	background: transparent url('images/phone.gif') no-repeat 6px 45px;
	width: 190px!important;
}
#footer .colright {
	text-align:right;
	padding-top:25px;
	width: 380px;
	padding-right: 15px;
	padding-left: 25px;
}

#footer .colleft { padding-right: 0px; 
}


#footer .colright .icon a{
  font-size:11px;
  line-height:30px;
  padding:1px 25px 1px 0;
  background:transparent url(/images/facebook.gif) no-repeat 100% 0;
}
#footer .colright .twitter a{
  background-image:url(/images/twitter.gif);
}
#footer .colright .img a{
	margin:0 0 0 15px;
	text-align:left;
	width:87px;
	height:24px;
	float:right;
	background:transparent url(/images/hia.gif) no-repeat 0 0;
}
#footer .colright .mba a{
  background-image:url(/images/mba.gif);
}
#footer .footsection h4 {
  font-size:1.5em;
  font-weight:700;
  margin:0 0 2px;
}
#footer .colleft h4 {
  margin-left:-2px;
}
#footer .colcenter h4 {
  margin:0 0 4px 33px;
  font:normal 14px "Helvetica Neue", helvetica, Arial, sans-serif;
}
#footer .colcenter p {
  margin-left:40px;
  font:bold 24px Arial, sans-serif;
}

/* legal and sumo */
#legal {
  height:15px;
  clear:both;
  font-size:11px;
}
#legal, #legal a{
  color:#fff;
}
#sumo {
  float:right;
}
#sumo img {
  display:inline;
  vertical-align:text-top;
}

.error { color:Red; font-weight: bold; }

