html, body {
	text-align : center;
}
body {
	background-color : #ACA899;
	color : #444444;
}
div#page {
	position : relative;
	width : 980px;
	margin : 10px auto 0;
	padding : 0;
	text-align : center;
	z-index : 2;
	background-color: #F2F7F4;
	background-image: url(images/page-left.png);
  background-position: left top;
	background-repeat: repeat-y;
}
body#contact div#page, body#gallery div#page {
	background-image: none;
}
body#safety_and_your_family div#page, body#energy_efficiency div#page, body#low_maintenance div#page, body#colours_designs div#page {
	background-image: url(images/page-right.png);
	background-position: right top;
}
div#nav {
	position: relative;
	width : 100%;
	height: 40px;
	z-index: 4;
	background: #ACA899 url(images/nav_middle_bg.gif) repeat-x;
}
div#header {
	position : relative;
	top : 0;
	left : 0;
	height : 199px;
	width : 980px;
  overflow:hidden;
	margin : 0 auto;
	z-index : 2;
	background: #00693F url(images/header_bg.gif) top left repeat-x;
}
#header h1 {
  position:absolute;
  left:0;
  top:0;
  width:331px;
  height:199px;
  margin:0;
  padding:0;
  background:transparent url(images/logo.png) no-repeat scroll left top;
  text-align:left;
  text-indent:-9999px;
}
img#header_image {
	position: absolute;
	top: 0;
	right: 0;
}
div#breadcrumb {
	position: relative;
	height: 22px;
	width: 980px;
	margin: 0 auto;
	z-index: 4;
	background: url(images/bread_crumb_bg.gif) repeat-x;
	color: #FFF;
	text-align: left;
}
div#breadcrumb p {
  padding-left:20px;
}
div#breadcrumb a {
  color:#FFF;
}
div#content {
	position : relative;
	width : 960px;
  padding-bottom : 80px;
  text-align : left;
	margin : 0 auto;
	z-index : 2;
}
div#content:after {
	clear : both;
	content : ".";
	display : block;
	font : 1px/0px serif;
	height : 0;
	visibility : hidden;
}
div#footer {
	position : relative;
	width : 100%;
	height : 50px;
	margin-bottom : 20px;
	font-size : 11px;
	text-align : center;
	background : #aca899;
	z-index : 3;
	z-index : 2;
	background: url(images/footer_middle_bg.gif) top left repeat-x;
	color: #fff;
}
div#footer img#watermark {
	position: absolute;
	top: -85px;
	right: 20px;
}
div#copyright {
position : absolute;
left : 5px;
bottom : -20px;
color : #FFF;
z-index : 3;
}
div#signature {
position : absolute;
right : 5px;
bottom : -20px;
color : #DDD;
z-index : 3;
}
div#signature a {
  color : #DDD;
  text-decoration : none;
}
div#signature a:hover {
color : #007D5B;
}

#nav ul {
	list-style : none;
	margin : 0;
	padding : 0;
	font-size : 16px;
	position : relative;
	left : 0px;
	top : 1px;
	height: 38px;
	text-align : left;
	display : block;
	line-height: 38px;
}
#nav ul li {
	float: left;
	padding : 0;
	margin : 0;
}
#nav ul li a {
	text-decoration : none;
  padding: 0 15px;
	margin : 0;
	float : left;
	color: #fff;
	text-transform: capitalize;
}
#nav ul li a:hover, #nav ul li a.active {
	background: url(images/nav_active_bg.gif) top left repeat-x;
}
#nav ul ul {
	display: none;
}

#footer ul {
	list-style : none;
	margin : 0;
	padding : 0;
}
#footer ul li {
	display : inline;
}
#footer ul li a {
	padding : 0 3px 0 5px;
	color: #fff;
	text-decoration : underline;
	height: 20px;
	line-height: 20px;
	border-left: 1px solid #fff;
	text-transform: lowercase;
}
#footer ul li a:hover {
	text-decoration : none;
}
#footer ul li a.first {
	border-left : none;
}
a.cavalier_link {
  padding-right : 10px;
}
h1, h2, h3 {
	font-family : Georgia, Times, "Times New Roman", serif;
	font-weight : normal;
	color : #007D5B;
	margin : 8px 0 4px 0;
	text-transform: capitalize;
}
h1 {
  font-size:2.5em;
}
h3 {
  line-height:2;
}
h3.action {
	color: #B02C1B;
}
ul.action {
	font-weight: bold;
  font-size:13px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
ul.action li {
	height: 50px;
	margin: 5px 0;
}
ul.action li a {
	padding-left: 50px;
	line-height: 50px;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
}
a.safety {
	background-image: url(images/safety.gif);
}
a.energy {
	background-image: url(images/energy.gif);
}
a.maintenance {
	background-image: url(images/maintenance.gif);
}
a.colours {
	background-image: url(images/colours.gif);
}
a.easy {
	background-image: url(images/easy.gif);
}
a.finance {
	background-image: url(images/finance.gif);
}
img.border {
  border:1px solid #000;
}

.gallery_box {
  position:relative;
  height: 141px;
  text-align: center;
  border: 1px solid #999;
  background: #F8F8F8;
  margin-left: -2px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top:10px;
}
.gallery_box p {
  background: #B02C1B;
  color: #FFF;
  line-height:2;
}

div.promo_box {
	color: #00693F;
	padding: 0 5px;
	border: 1px solid transparent;
}
div.promo_box h2, div.promo_box h3 {
	color: #B02C1B;
	margin-top: 0;
	margin-bottom: 0;
}
div.promo_box p {
  margin-bottom:5px;
  /*font-size:12px;*/
}
div.promo_img_box {
	position: relative;
	float: left;
	width: 415px;
	z-index: 1;
}
div.promo_img_box p {
	position: absolute;
	background: url(images/dot.png) top left no-repeat;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 2;
	line-height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 15px;
	height: 15px;
}
div.promo_img_box p#lead_hotspot {
	top: 130px;
	left: 90px;
}
div.promo_img_box p#hotwater_hotspot {
	top: 330px;
	left: 100px;
}
div.promo_img_box p#electrical_hotspot {
	top: 420px;
	left: 110px;
}
div.promo_img_box p#cyclone_hotspot {
	top: 457px;
	left: 332px;
}
div.promo_img_box p#smoke_hotspot {
	top: 150px;
	left: 225px;
}
div.promo_img_box p#asbestos_hotspot {
	top: 100px;
	left: 250px;
}
div.promo_img_box p#lighting_hotspot {
	top: 125px;
	left: 220px;
}
div.promo_img_box p#gashot_hotspot {
	top: 218px;
	left: 292px;
}
div.promo_img_box p#insulation_hotspot {
	top: 380px;
	left: 188px;
}
div.promo_img_box p#water_hotspot {
	top: 278px;
	left: 148px;
}
div.promo_img_box p#cisterns_hotspot {
	top: 159px;
	left: 111px;
}
div.promo_img_box p#paint_hotspot {
	top: 120px;
	left: 150px;
}
div.promo_img_box p#adjust_hotspot {
	top: 145px;
	left: 210px;
}
div.promo_img_box p#appliances_hotspot {
	top: 320px;
	left: 270px;
}
div.promo_img_box p#materials_hotspot {
	top: 175px;
	left: 185px;
}
div.promo_img_box p#clean_hotspot {
	top: 290px;
	left: 190px;
}
div.promo_img_box p.js_active {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
div.house_box {
	border: 1px solid #007D5B;
  background:#F8F8F8;
	padding: 0 10px;
	margin: 0 10px 0 0;
}
div.promo_thumb_box {
	width: 102px;
	float: left;
}
div.promo_thumb_box img {
	display: block;
	margin: 10px 0 10px 0;
	border: 1px solid #444;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
div.promo_thumb_box img.js_active {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
div.txt_active {
	background: #fff;
	border: 1px solid #ccc;
}
p.cta {
  position:relative;
  top:5px;
  left:20px;
	height: 50px;
	line-height: 50px;
  display:block;
  padding-left:10px;
	background: #B02C1B;
	color: #fff;
	font-size: 18px;
}
p.cta a {
  position:absolute;
	height: 30px;
	width: 110px;
  top : 10px;
  right : 10px;
	overflow: hidden;
	background: url(images/enquire_now_button.gif) top left no-repeat;
  text-align:left;
	text-indent: -9999em;
}

ul.tab-nav {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
}
ul.tab-nav li { float: left; overflow: hidden; }
ul.tab-nav li a {
  float: left;
  padding: 0 10px;
  margin: 0 5px 0 0;
  border: 1px solid #ccc;
  display: block;
  height: 100%;
  text-decoration: none;
  color: #007d5b;
  background: #EBF7F0;
  height: 35px;
  line-height: 35px;
}
ul.tab-nav li a.current { background: #fff; border-bottom: 1px solid #fff; }
ul.tab-nav li a:hover { background: #F5F7F6; }
div.panes {
  border: 1px solid #ccc;
  padding: 0 10px 10px 10px;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: -1px;
}

div.advert {
	position: relative;
	width:920px;
	height:340px;
	background: url(images/advert-tpl.png) no-repeat;
	margin: 20px 0;
}
div.advert h2 {
	position: absolute;
	top:5px;
	left: 230px;
	width: 670px;
	margin:0;
	text-align: center;
	color:#FFF;
}
div.advert .detail {
	position: absolute;
	top:55px;
	left: 230px;
	width: 670px;
	height:220px;
	overflow: hidden;
	color:#333;
}
div.advert .contact-detail {
	position: absolute;
	bottom:8px;
	left: 240px;
	width: 550px;
	height:40px;
	color:#FFF;
	overflow: hidden;
}
div.advert .contact-detail span {
	font-size:24px;
	font-weight:bold;
}
div.advert .contact-detail p {
	position: absolute;
	top:10px;
	left: 110px;
	margin:0;
}
div.advert a.download {
	position: absolute;
	bottom:12px;
	right: 10px;
	width: 90px;
	height:20px;
	overflow: hidden;
	color:#FFF;
	font-size:12px;
	padding-left: 20px;
	background: url(images/pdf.png) left no-repeat;
}


div.gmap {
	width:598px;
	height:350px;
	border:1px solid #CCC;
}