body {

    background: #fff url(img/bg.jpg) no-repeat center 122px;

    font-family: Georgia, 'Times New Roman', serif; 

    line-height: 1.6em;

}
/* Global Styles */
h1 {

    font-size: 34px;

    line-height: 34px;

    margin: 0 0 12px;

    color: #131448;

    font-weight: normal;

}
h2 {

    font-size: 32px;

    line-height: 32px;

    margin: 0 0 14px 0;

    color: #131448;

    font-weight: normal;

}

h3 {

    font-size: 22px;

    line-height: 24px;

    margin: 14px 0;

    font-weight: normal;

    color: #131448;

}

h4 {

    font-size: 18px;

    line-height: 20px;

    margin: 14px 0;

    font-weight: normal;

    color: #131448;

}

p {

    margin: 14px 0;

    font-size: 16px;

    color: #454c55;

}

a {

    font-weight: bold;

    color: #131448;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}
em {

    font-style: italic;

}
strong {

    font-weight: bold;

}
ul,ol {

    padding: 0px 44px;    

}
ul {

	list-style-type: disc;    

}

ol {

	list-style-type: decimal;

}

li {

    font-size: 16px;

    color: #414141;

}

blockquote {

    margin: 14px 25px 0;

    padding: 0 15px;

    border-left: 4px solid #f4f3f3;

    font-size: 13px;

    color: #414141;

}

/* Begin Images */
img {

    padding: 0;

    margin: 0;

}
p img {

	padding: 0;

	max-width: 100%;

	}
/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */
img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 4px;

	display: inline;

	}
img.alignright {

	padding: 4px;

	display: inline;

  margin:2px 0 26px 26px;

	}
img.alignleft {

	padding: 4px;

	display: inline;

	margin:2px 26px 26px 0;

	}
.alignright {

	float: right;

	}
.alignleft {

	float: left

	}

	

.entry img {

  border:1px solid #ccc;

}	
img.homepage_thumb {

  border:6px solid #ddd;

	float:left;

	margin: 0 12px 5px 0;

	height:70px;

	width:70px;

}
/* End Images */
/* Navigation */
ul#nav {

    list-style-type: none;

    margin: 0 auto;

    padding: 0 0 0 8px;

    width: 938px;

}

ul#nav li {

    float: left;

    font-family: Georgia, 'Times New Roman', serif;

    font-size: 15px;

}

ul#nav li a {
color:#454C55;
display:block;
float:left;
font-weight:normal;
line-height:41px;
padding:0 27px 0 12px;
}

ul#nav li a:hover {

    color: #54a0bd;

    text-decoration: none;

}

ul#nav li.current_page_ancestor a,
ul#nav li.current_page_ancestor a:visited {
	color: #54a0bd;
}

ul#nav li.current_page_parent a,
ul#nav li.current_page_parent a:visited {
	color: #54a0bd;
}

ul#nav li.current_page_item a,

ul#nav li.current_page_item a:visited,

ul#nav li.current_page_item a:hover,

ul#nav li.current_page_item a:active{

    color: #54a0bd;

}
/* Layout */
#header {

    background: #131448;

}

#logo {

    width: 938px;

    height: 80px;

    margin: 0 auto;

    background: #131448 url(img/logo.jpg) no-repeat 0 0;

}

#menu {

    height: 43px;

    background: #fff url(img/menu_bg.jpg) no-repeat center 0;

}

#content-wrap {

    background: #fff url(img/content_bg.jpg) no-repeat center 0;  

    padding: 48px 0 0;  

}

#content-inner {

    width: 943px;

    margin: 0 auto;

    padding: 0 0 19px;

    position: relative;

}

#content-left {

    width: 627px;

    float: left;

}

#content-right {

    width: 260px;

    float: right;

    padding-bottom: 140px;

}

#content-right.home-right {
	padding-bottom: 0px;
}

#footer-wrap {

    clear: both;

    background: #fff url(img/content_bg.jpg) no-repeat center 0;  

    padding: 29px;  

}
/* Sidebar */
.widget .title, #box-title-green {

    padding:0 15px;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    line-height: 40px;

    background: #77c01d url(img/title_green_bg.gif) repeat-x 0 0;		

		}

		
#text-3 .title, #box-title-green {

    background: #77c01d url(img/title_green_bg.gif) repeat-x 0 0;

}

#text-4 .title {

    background: #f39a00 url(img/title_orange_bg.gif) repeat-x 0 0;

}

.widget {

    background: #ededed;

    padding: 0;

    border: 1px solid #ededed;

    margin: 0 0 12px;

}
.widget_text {

    padding: 0;    	

}
.widget  p {

    font-size: 14px;

    color: #454c55;

    margin: 15px;

}

.widget ul {

    margin: 15px 18px;

    padding: 0 10px;

}
.widget select {

    margin: 15px;

}
.widget  li {

    margin: 0;

    padding: 0;

    color: #454c55;

}

.widget  a {

    color: #454c55;

    text-decoration: none;

}
.widget_recent_entries a {
	font-weight: normal;
}

#box-houses {

    background: #ededed;

    margin: 0 0 12px;

		width:100%;

}

#box-houses img {

    border: 3px solid #fff;

}

#box-houses td {

    padding: 8px;

    vertical-align: top;

		text-align: left;

}

#box-houses h4 {

    font-size: 15px;

    font-weight: bold;

    line-height: 21px;

    margin: 0 0 0 -1px;

}

#box-houses p {

    font-size: 11px;

    line-height: 16px;

    margin: 0;

}
#box-houses ul {

    padding: 0;

}
#box-houses ul li {

    list-style-type:none;

		clear:both;

		display:inline;

}
#box-houses img.sidebar_thumb {

  float:left ;

  width:67px;

	height:47px;

}
#box-houses table {

  width:242px;

	margin:8px auto;

}
#content-right .current_page_item a:link,
#content-right .current_page_item a:visited
{
	font-weight: bold;
}

#content-right a:link, #box-houses a:visited{
	color: #454C55;
	text-decoration: none;
	font-weight: normal;
}

#content-right a:hover, #box-houses a:active{
	color: #454C55;
}#ecoliving {

    height: 60px;

    background: #fff url(img/ecoliving.gif) no-repeat right 0;

    margin: 24px 0 24px;

}

#ecoliving a {
	display:inline-block;
	height:60px;
	width:260px;
}
/* Home */
#slider-wrap {

    width: 991px;

    height: 317px;

    margin: 16px auto 0 auto;

    background: #fff url(img/slider_wrap_bg.jpg) no-repeat 0 0;

}

#homeextras {

    margin: 0 0 0px 0;
    
    position: relative;

}

#latestnews {

    width: 627px;

    float: left;

}

#latestnews h2 {

    font-size: 20px;

    text-align: left;

    margin: 0;

    border-bottom: 1px solid #bfd5e2;

}

#latestnews h4 {

    font-size: 16px;

    font-weight: bold;

    text-align: left;

    margin: 14px 0 0;

}

#latestnews p {

    font-size: 13px;

    margin: 6px 0 14px;

}

#email {

    width: 260px;

    float: right;

}

#email h2 {

    font-size: 20px;

    text-align: right;

    margin: 0;

    border-bottom: 1px solid #bfd5e2;

}

#email h4 {

    font-size: 16px;

    font-weight: bold;

    text-align: right;

}

#email-input {

    width: 188px;

    height: 26px;

    float: left;

    display: inline;

    overflow: hidden;

    border-top: 2px solid #b3b3b3;

    border-bottom: 2px solid #b3b3b3;

    border-left: 2px solid #b3b3b3;

}

#email-input input {

    width: 180px;

    height: 24px;

    border-color: #fff;

    border-style: solid none none solid;

    border-width: 1px 0 3px 7px;

    font-family: Georgia, 'Times New Roman', serif;

    font-size: 16px;

    color: #b3b3b3;

    margin: 0;

    padding: 2px 0 0;

    line-height: 16px;

}

#email-submit {

    width: 68px;

    height: 30px;

    float: left;

    display: inline;

    border: 0;

    background: #131448 url(img/but_signup.gif) no-repeat 0 0;

}
/* Homes */
#virtualtour-wrap {

    width: 981px;

    height: 423px;

    margin: 21px auto 0 auto;

    background: #fff url(img/virtualtour_bg.jpg) no-repeat 0 0;

}

#virtualtour-inner {

    padding: 35px 0 0 34px;

}

#virtualtour {

    width: 912px;

    height: 354px;

    background: #e5e5e5 url(img/virtualtour_placeholder.jpg) no-repeat 0 0;

}

#audiocommentary-wrap {

    width: 943px;

    margin: 0 auto 18px auto;

}

#audiocommentary-text {

    width: 161px;

    margin: 0 0 0 17px;

    float: left;

    display: inline;

    color: #454c55;

    line-height: 19px;

}

#audiocommentary-mp3 {

    width: 400px;

    height: 24px;

    float: left;

}
/* Footer */
#footer {

    width: 943px;

    margin: 0 auto;

}

#footer-logo {

    width: 316px;

    height: 46px;

    float: left;

    display: inline;

    background: transparent url(img/logo_footer.gif) no-repeat 0 15px;

    border-color: #afafaf;

    border-style: solid solid solid none; 

    border-width: 1px 1px 1px 0;

}

#footer-contact {

    width: 393px;

    height: 46px;

    float: left;

    display: inline;

    border-color: #afafaf;

    border-style: solid none solid none; 

    border-width: 1px 0 1px 0;

}

#footer-contact p {

    color: #656565;

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

    font-size: 10px;

    line-height: 12px;

    margin: 12px 0 0 13px;

}

#footer-copyright {

    width: 233px;

    height: 46px;

    float: left;

    display: inline;

    border-color: #afafaf;

    border-style: solid none solid none; 

    border-width: 1px 0 1px 0;

}

#footer-copyright p {

    color: #656565;

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

    font-size: 10px;

    text-align: right;

    line-height: 12px;

    margin: 12px 0 0 13px;

}

#footer-contact a,

#footer-copyright a {

    font-weight: normal;

    text-decoration: none;

    color: #656565;

}

#footer-contact a:hover,

#footer-copyright a:hover {

    text-decoration: underline;

    color: #656565;

}
.blog_excerpts .post {

    border-bottom:1px solid #BFD5E2;

		padding: 10px 0;

}
.clearfix {

 display:inline-block;

}

.clearfix:after {

 display:block; 

 visibility:hidden; 

 clear:both; 

 height:0; 

 content: "."; 

}
small {

  font-size:10px;

	font-family:Arial, sans-serif;
}
.subpages .title a {

  color: #fff;

	font-weight: bold;

}
.subpages a {

	font-weight: normal;

}
.subpages .current_page_item a {

  font-weight: bold;

}	

.entry table {

  border:1px dashed #95D2E2;

  border-collapse:collapse;

  margin:13px 0 9px;

  width:40em;

}

.entry tr {

  background:#EAF8FB none repeat scroll 0 0;

font-size:11px;

}

.entry td {

  color:#131448;

  line-height:30px;

  padding-left:1em;

  padding-right:1em;

}
#slider-wrap {

	position:relative;

	}

/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {

    position: relative;

}

.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}

.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}

.jcarousel-list li,

.jcarousel-item {

    float: left;

    list-style: none;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 242px;

    height: 194px;

    margin:15px 31px;

}

/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}

.jcarousel-prev {

    z-index: 3;

    display: none;

}
.jcarousel-skin-tango img {

	border:4px solid #fff;

	}

.jcarousel-skin-tango .jcarousel-container {

    background:none;

}

.jcarousel-skin-tango .jcarousel-container-horizontal {

    width:592px;

    padding: 20px 40px;

    position:absolute;

    left:277px;

    top:41px;

}

.jcarousel-skin-tango .jcarousel-container-vertical {

    width: 242px;

    height: 245px;

    padding: 40px 20px;

}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

    width:  578px;

    height: 194px;

}

.jcarousel-skin-tango .jcarousel-clip-vertical {

    width:  75px;

    height: 245px;

}

.jcarousel-skin-tango .jcarousel-item {

    width: 242px;

    height: 194px;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {

    margin-right: 10px;

}

.jcarousel-skin-tango .jcarousel-item-vertical {

    margin-bottom: 10px;

}

.jcarousel-skin-tango .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}

/**

 *  Horizontal Buttons

 */

.jcarousel-skin-tango .jcarousel-next-horizontal {

    position: absolute;

    top: 105px;

    right: 9px;

    width: 29px;

    height: 29px;

    cursor: pointer;

 /*   background:url('img/jcarousel.png');*/

    background-position:0 -29px;

}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {

    background-position: -29px -29px;

}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {

    background-position: 0 -29px;

}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: 0 -29px;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal {

    position: absolute;

    top: 105px;

    left: 9px;

    width: 29px;

    height: 29px;

    cursor: pointer;

   /* background:url('img/jcarousel.png'); */

    background-position:0 0;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {

    background-position: -29px 0;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

    background-position: -29px 0;

}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: 0 0;

}

/**

 *  Vertical Buttons

 */

.jcarousel-skin-tango .jcarousel-next-vertical {

    position: absolute;

    bottom: 5px;

    left: 43px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(next-vertical.png) no-repeat 0 0;

}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {

    background-position: 0 -32px;

}

.jcarousel-skin-tango .jcarousel-next-vertical:active {

    background-position: 0 -64px;

}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,

.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}

.jcarousel-skin-tango .jcarousel-prev-vertical {

    position: absolute;

    top: 5px;

    left: 43px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(prev-vertical.png) no-repeat 0 0;

}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {

    background-position: 0 -32px;

}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {

    background-position: 0 -64px;

}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}

.rmb {
	background:transparent;
	bottom:20px;
	height:139px;
	position:absolute;
	right:0;
	width:118px;
}

#cycle-slider {
	width: 991px;

    height: 317px;

    margin: 5px auto 0 auto;
    
    overflow: hidden;
    
    position: relative;
}

#slider-overlay {
	z-index: 9999;
	
	width: 991px;

    height: 317px;
    
    background: url('img/homepage-slider-trans.png') no-repeat left 5px transparent; 
}

#slider-content {
	position: absolute;
	top: 39px;
	left: 55px;
	z-index: -5;
}

#slide-prev, #slide-next {
	background:transparent;
	height:25px;
	position:absolute;
	top:148px;
	width:23px;
}

#slide-prev {
	left: 30px;
}

#slide-next {
	right: 30px;
}
#region-map {
	height: 497px;
	width: 451px;
	background: url('img/nz-map_all.gif') no-repeat left top transparent;
	overflow: hidden;
	margin: 0 auto;
}

#region-map img {
	border: medium none;
}
