/******************************************************
*                                                     *
*   CSS file - http://www.aushomes.com.au/       	  *
*   Copyright (c) WebAdvance, 2008.                   *
*                                                     *
******************************************************/


/* Base
------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

html
{

height: 100%;

}

body
{
	background: #ffffff url("../images/bg.gif") repeat-x 100% 0%;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #555;
	text-align: center;
	height:100%;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #555;
}

a
{
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}

/*[if lte IE 6]
#page-navigation { behavior: url("../js/iepngfix.htc"); }
[endif]*/


/* Clearing method
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


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

#page-container
{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	min-height: 100%;
}

* html #page-container
{

height:100%;

}

#page-navigation
{
	padding: 0px 0px 0px 20px;
	height:49px;
	width:880px;
	position:relative;
	overflow:hidden;
}

#page-content
{
	padding: 0px 10px 0px 10px;
	position:relative;
}

#page-footer
{
	padding: 0px;
	text-align: right;
	width: 100%;
	margin: 0px;
	margin-top:-70px;
	position:relative;
	border-top:#37282a 8px solid;
}

#content-wrapper
{
	padding: 10px 0px 80px 0px;
}

#content-main
{
	width: 600px;
	float: left;
	padding: 0px;
}

#content-main.designs, #content-main.contact
{
	width: 525px;
}

#content-main.designs
{

min-height:680px;

}

* html content-main.designs
{

height:680px;

}

#content-main.design-list
{

width:710px;

}

#content-main.front
{
	width: 350px;
	margin-left:25px;
}

#content-main.wide
{
	width: 880px;
	float: none;
}

#content-main.news
{
	width: 600px;
}

#content-sidebar
{
	width: 325px;
	float: right;
}

#content-sidebar.designs
{

width:170px;

}

#content-sidebar.designs img
{

padding:0px;
margin-left:6px;
margin-top:78px;

}


#content-sidebar.news
{
	width: 240px;
}

#content-leftbar
{

width: 240px;
position:relative;
float: left;
overflow:hidden;
}

.bc
{

font-size:12px;
background:url(../images/sm_grad.gif) 0px 20px repeat-x;
overflow:visible;
height:25px;

}

.bc a
{
text-decoration:none;
}

.bc a:hover
{
text-decoration:underline;
}

.color_bg
{

background:#F8F8F8;

}


/* Branding
------------------------------------------------------*/

#branding
{
	height: 85px;
	padding-right: 52px;
}

#logo
{
	width: 400px;
	height:80px;
	padding: 15px 0px 0px 75px;
	text-align: center;
	background:url(../images/logo.gif) 20px 0px no-repeat;
	display:block;
}

#logo h1
{
	font: normal 3.6em/125% Tahoma, Arial, helvetica, san-serif;
	color: #f3efe9;
	display:none;
	visibility:hidden;
}

#logo h1 span
{
	font: italic 0.4em Tahoma, Arial, helvetica, san-serif;
	color: #d0d1c0;
	display: none;
}

#top_bar
{
	width: 300px;
	float: right;
	margin: 8px 0px 0px 0px;
	line-height: 21px;
}

#top_bar a
{
	color:#666;
	text-decoration:none;
}

#top-contact-btn
{
	width:300px;
	height:62px;
	display:block;
	background:url(../images/phone_banner.gif) 0 0 no-repeat;
	padding:0px;
	margin:2px 0px 3px 0px;
}

#top-contact-btn SPAN
{
	display:none;
}


/* Page navigation
------------------------------------------------------*/

#nav {
  position: relative;
	height: 49px;
  padding: 0px;
	margin: 0px;
  overflow: hidden;
}

#nav li {
  float: left;
  list-style: none;
}

#nav li.back {
  background: #37282b url("../images/page_nav_hover.gif") no-repeat 0% 100%;
  width: 2px; 
	height: 49px;
  z-index: 8;
  position: absolute;
}

#nav li a {
  background: url("../images/page_nav_default.gif") no-repeat 50% 100%;
  font: bold 1.1em "Tahoma", Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  z-index: 10;
  display: block;
  float: left;
  height: 49px;
  line-height:44px;
  position: relative;
  overflow: hidden;
  padding: 0px 15px 0px 15px;
}

#nav li.current a {
  color: #fff;
}

#nav li a:hover, #nav li a:active, #nav li a:visited {
  border: none;
}



/* Page content
------------------------------------------------------*/

#content-head
{
	display: block;
	border-bottom: 6px solid #e61a2e;
	padding:2px 0px 1px 0px;
}

#content-wrapper h1
{
	font: bold 24px Tahoma, Arial, sans-serif;
	color: #e61a2e;
	margin: 0px;
	padding: 0px;
	line-height:49px;
}

#content-wrapper h1 span
{
	color: #37282a;
}

#content-wrapper h2
{
	font: bold 1.3em/140% Arial, Tahoma, sans-serif;
	color: #37282a;
	margin: 20px 0px 10px 0px;
	text-transform: uppercase;
}

#content-wrapper h3
{
	font: normal 1.3em/140% Arial, Tahoma, sans-serif;
	color: #e61a2e;
	margin: 20px 0px 10px 0px;
}

#content-wrapper p strong
{
	color: #402f31;
}

#content-wrapper img
{
	border: 1px solid #bbb;
	background-color: #ccc;
	margin: 0px 0px 10px 0px;
	padding: 6px;
}
#content-wrapper img:hover
{
	background-color: #e61a2e;
}

#content-wrapper a
{
	color:#de172b;
}

#content-main ul
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 16px;
	list-style-type: square;
}

#content-main.front ul{
    line-height: 1.6;
    padding: 0 0 15px 0;
}

#content-main.front ul{
    list-style-image: url(../images/tick.gif);
    padding: 0 0 15px 25px;
}

#content-main.front ul li{padding: 0 0 5px 5px;}

/* Memberships */

#memberships
{
	margin: 30px 0px 20px 0px;
}

#memberships img
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	margin:3px auto;
}


#memberships .membership_logo
{ 

text-align:center;

}

/* Page content - topics
------------------------------------------------------*/

#content-main .topic-item
{
	margin: 0px 0px 20px 0px;
}

#content-main .topic-item h1
{
	margin-bottom: 10px;
}

#content-main .topic-item h2
{
	font: bold 1.0em Tahoma, Arial, sans-serif;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	text-transform: none;
}

#content-main .topic-item img
{
	float: left;
	margin: 3px 15px 3px 0px;
}

#content-main .topic-item a.detail
{
	font: bold 1.1em Arial, tahoma, sans-serif;
}


/* Page content - portfolio
------------------------------------------------------*/

#content-wrapper h2.area_heading{

font: bold 1.6em Tahoma, Arial, sans-serif;
background:url(../images/area_hdr.gif) 0 0 no-repeat;
line-height:42px;
height:42px;
text-indent:30px;
padding:0px 0px 0px 0px;
margin:0 0 10px;
color:#fff;

}

#design-list
{
	margin-top: 5px;
	width:710px;
	float:left;
}

#design-list .design-item
{
	width: 710px;
	float: none;
	clear:both;
	margin: 0px 0px 15px 0px;
}

#design-list .design-item h2
{
	margin:0px;
	background:url(../images/design_box_hdr.gif) 0px 0px no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:24px;
	padding-left:20px;
}

#design-list .design-item .design-item-info
{
border:#37282b 1px solid;
background:#f5e9ea;
}

#design-list .design-item .design-item-info .sold{

position:absolute;
top:0px;
left:0px;
width:288px;
height:148px;
display:block;
background:url(../images/sold.png) 0px 0px no-repeat;
z-index:1000;

}

#design-list .design-item .design-item-info .design-item-info-left
{
float:left;
width:505px;
height:142px;
padding:3px;
overflow:hidden;
}

#design-list .design-item .design-item-info .design-item-info-left IMG
{
float:left;
width:260px;
background:#fff;
border:#ccc 1px solid;
padding:1px;
margin-right:10px;
}

#design-list .design-item .design-item-info .design-item-info-left IMG:hover 
{

background-color: #e61a2e;

}

#design-list .design-item .design-item-info .design-item-info-left H3
{
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
line-height:12px;
margin-bottom:6px;
margin-top:6px;
}
#design-list .design-item .design-item-info .design-item-info-left P
{
text-align:justify;
font-size:11px;
margin-bottom:5px;
line-height:16px;
}

.design-more-info{
float:right;
}

#design-list .design-item .design-item-info .design-item-info-right
{
background:#37282b;
float:right;
width:155px;
height:142px;
padding:3px;
padding-left:5px;
color:#fff;
}

#design-list .design-item .design-item-info .design-item-info-right span
{

width: 40px;
display:block;
float:left;

}

.bed
{

height:33px;
background:url(../images/bed_icon.gif) 0 0 no-repeat;

}

.car
{

height:33px;
background:url(../images/car_icon.gif) 0 0 no-repeat;

}

.area_icon
{

height:33px;
background:url(../images/area_icon.gif) 0 0 no-repeat;

}

.bath
{

height:33px;
background:url(../images/bath_icon.gif) 0 0 no-repeat;

}

#design-list .design-item .design-item-info .design-item-info-right p
{

line-height:31px;
color:#fff;
font-weight:bold;

}

#design-list .design-item .design-item-info .design-item-info-right p.area
{

line-height:16px;
font-weight:normal;
}

/* Design Type List */

#design-type-list
{

float:left;
width:880px;
padding:0px;

}

#design-type-list .design-type
{

width:400px;
float:left;
margin-right:40px;

}

#design-type-list .design-type h2
{
	margin:0px;
	background:url(../images/type_box_hdr.gif) 0px 0px no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:24px;
	padding-left:20px;
}

#design-type-list img
{

border:#37282b 1px solid;
padding:5px;
width:388px;
height:275px;

}

/* Page content - sidebar - leftbar
------------------------------------------------------*/

#content-sidebar h1
{
	color: #37282b;
	padding:0px;
	margin-bottom: 0px;
}

#content-leftbar h1
{
	color: #37282b;
	padding:0px;
	margin-bottom: 0px;
}

/* Page content - Inclusions
------------------------------------------------------*/

#inclusions
{
	padding-top:10px;
}

#inclusions a
{
	background:url(../images/star.gif) 0 0 no-repeat;
	padding-left: 54px;
	height: 40px;
	width: 267px;
	display:block;
	text-align:left;
	line-height:40px;
	margin-bottom:10px;
	
}

#inclusions a:hover
{

color:#37282b;
font-weight:bold;

}

/* Page content - project list
------------------------------------------------------*/

#project-list h2
{
	font: bold 1.0em Arial, tahoma, sans-serif;
	color: #402f31;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	text-transform: none;
}

#content-main .gallery_slide_container
{

width:270px;
position:relative;
float:left;
overflow:hidden;
clear:both;
padding-bottom:10px;

}

#gallery, #fg_gallery 
{
	margin: 0px;
	padding: 0px;
	width:260px;
	position:relative;
	overflow:hidden;
}

#gallery .thumb, #fg_gallery .fg_thumb
{
	display: block;
}

ul.gallery_changer li 
{
	display: inline;
	padding: 0px 10px 0px 0px;
}

ul.gallery_changer .first 
{
	padding-left: 0px;
	margin-left: 0px;
	background: none;
}

#content-wrapper ul.gallery_changer a 
{
	font: bold 1.2em Arial, tahoma, sans-serif; background:#de172b; color:#fff; border:#37282b 1px solid; padding:2px; text-decoration: none;
}

#content-wrapper ul.gallery_changer .current a 
{
	color: #fff;
	background: #37282b;
	border: #de172b 1px solid;
	text-decoration: none;
}

/* Page footer
------------------------------------------------------*/
#page-footer #footer-content
{
	padding:10px 0px 10px 0px;
	width:880px;
	height:50px;
	margin:0px auto;
	position:relative;
}

#footer-content p
{
	font: normal 1.0em/150% Arial, tahoma, sans-serif;
	color: #45371b;
	text-decoration: none;
	margin: 0px;
	float:right;
}

#footer-content p div
{
	float:left;
}

#footer-content a
{
	color: #45371b;
}


/* Form Construct
-------------------------------------------------------*/
#contact{
width:500px;
font-size: 12px;
}

.form_row {
padding-top: 5px; 
padding-bottom: 5px; 
clear:both;
}

.form_row label{
display:block; 
float:left; 
padding:3px 0px; 
width:200px; 
text-align: left;
}

.form_row p.formtxt{
display:block; 
margin:0px; 
padding-left:200px; 
text-align: left; 
font-size: 11px;
}

.form_row IMG{
margin:0px; 
width:120px; 
height:40px;
}

.form_row SPAN.captimg input{
width:120px; 
height:40px;
}

.form_row input.inputtext, .form_row select, .form_row textarea{
font-size: 12px; 
padding: 5px;
border: 3px solid #ccc;}

.form_row textarea{
margin:0px; 
height: 50px; 
width: 200px;
}

.form_row .inputtext{
width:195px;
}

.form_row .req_err{
color:#eb791c; 
padding-left:5px;
}

.form_row .inputsubmit{
padding:5px;
background:#37282b; 
border:#de1b2f 3px solid; 
color:#fff
}

#buttons{
padding:0px 0px 0px 200px; 
text-align:left;
}

#buttons input{
margin:0px 2px 0px 0px; 
width:100px;
}

/* ------------ End Form Construct ------------- */

#project-list SPAN.heading{float:left; display:block; width:95px; font-weight:bold;}
#project-list SPAN.left_block{float:left; display:block; width:182px;}
#project-list .loc_container{float:left; position:relative; width:277px; margin-bottom:20px; line-height:18px; padding:0px 3px 0px 3px;}

/*Tabs*/
#block1 .gallery, #block2 .gallery, .gallery_block{
width:325px; /*change if sidebarwidth changes*/
padding:0px;
margin-bottom:10px;
position:relative;
}

#content-sidebar.news .gallery_block{

width:238px;

}

#content-sidebar ul, #content-sidebar ol  {
list-style-position:outside;
list-style-type:none;
position:relative;
}
.gallery{
clear:both;
}
.gallery_block{
float:left;
margin-top:49px;
}

#content-sidebar.news .gallery_block{
margin-top:0px;
}

.gallery_block .gallery{
width:311px;
float:left;
overflow:hidden;
position:relative;
padding:5px;
border:#37282b 1px solid;
}

#content-sidebar.news .gallery_block .gallery{

width:228px;

}

.gallery a, .gallery a:visited{
color:#de172b;
text-decoration:none;
}

.gallery a:hover{
color:#666;
text-indent:0;
}
.gallery li:hover a {
color:#666;
text-indent:0;
}

.gallery h3{
padding:0px 5px 4px 5px;
}

.gallery div{
padding:5px;
}

#content-sidebar .advanced_link{
text-decoration:none;
color:#fff;
padding:5px 9px;
line-height:20px;
display:block;
float:left;
background:#e0172b url(../images/30_red_bg.gif) 0 0 repeat-x;
margin:0px 1px 0px 0;
outline:none;
}

#content-sidebar .advanced_link:hover, #content-sidebar .active{
background:#37282b url(../images/30_dark_bg.gif) 0 0 repeat-x;
color:#fff;
}

.tablist{
clear:both;
overflow:hidden;
}

#content-sidebar .gallery_block h3{
position:relative;
top:6px;}

.gallery ul{
position:relative;
}

/** TABS END **/

/** Tab Boxes **/

#home_contact_container #buttons {

padding:0px 0px 0px 5px; 

}

#tour_container, #home_contact_container{

border: 1px #de172b solid;
padding:0px 0px 7px 0px;

}

#tour_container h4, #home_contact_container h4{

font-size:14px;
background:#37282b;
height:30px;
line-height:30px;
color:#fff;
font-weight:bold;
padding:5px 5px 5px 10px;
border-bottom:2px #e0172b solid;
margin-bottom: 10px;

}

#tour_flv_container {

border:3px #ccc solid;
width:240px;
height:176px;
padding:1px;
margin:0 auto;
position:relative;
overflow:hidden;

}

#tour {

padding:0px;
margin:0px;
border:0;

}

#design_info_header{

background:#37282b;
height:34px;
line-height:34px;
color:#fff;
font-weight:bold;
padding:5px;
border:1px #e0172b solid;
margin-bottom: 10px;

}
#design_info_header span{

width: 40px;
display:block;
float:left;
font-size: 14px;

}

#design_info_header span.info_area
{

width: 100px;

}

#page-content .design_info_left{

float:left;
width:270px;
position:relative;
overflow:hidden;

}

#content-main .design_info_left IMG
{

margin:0px;
margin-bottom:10px;

}

#content-main .design_info_left IMG:hover{

cursor:pointer;

}

.design_info_right{

text-align:justify;
float:right;
position:relative;
width:240px;
border:#ccc 1px solid;
background:#eee;
padding:5px;

}

#content-main .design_info_right h3, #content-main .design_info_left h3{

line-height: 18px;
margin:0px;
padding:0px;
margin-bottom:10px;

}

#brochure-container
{

float:right;
position:relative;
width:240px;
margin-top:10px;

}

#brochure-container a.brochure_download
{

display:block;
width:156px;
height:59px;
background:url(../images/download_brochure_btn.gif) 0 0 no-repeat;

}

.wrap_tooltip{
position:absolute;
left:-2000px;
background-color:#37282b;
padding:3px;
border:1px solid #de162a;
z-index:8000;
top:0;
}

.tooltip{
left:-2000px;
top:0;
position:absolute;
z-index:9000;
margin:13px 0 0 13px;
}

.tooltip img{
margin:0;
padding:0;
border:1px solid #fff;
} 

.tooltip2{
position:absolute;
z-index:200;
border:1px solid #de162a;
background-color:#fff;
padding:5px;
color:#37282b;
left:-9999px;
top:0px;
}

/** News Article **/

.featured_container {

padding-bottom:40px;

}

.featured_container a{

text-decoration:none;

}

.featured_container a:hover{

text-decoration:underline;

}

.front-property-container
{
border-bottom:#ccc dotted 1px;
padding:5px;
}

#content-wrapper .front-property-container h3
{

margin:0px;
padding:0px;
font-size:12px;
margin-bottom:5px;
font-weight:bold;

}

#content-wrapper .front-property-container a
{

text-decoration:none;

}

#content-wrapper .front-property-container a:hover
{

text-decoration:underline;

}

.front-news-container
{
border-bottom:#ccc dotted 1px;
padding:5px;
}

#content-wrapper .front-news-container h3
{

margin:0px;
padding:0px;
font-size:12px;

}

#content-wrapper .front-news-container a
{

color:#37282b;
text-decoration:none;

}

#content-wrapper .front-news-container a:hover
{

text-decoration:underline;

}

p.dd{
font-size:11px;
color:#e61a2e;
margin:0px;
padding-bottom:5px;
}

a.read_more{

display:block;
height:28px;
width:98px;
background:url(../images/read_more_btn.gif) 0px 0px no-repeat;

}

a.read_more span{

display:none;

}

a.read_more:hover{

background-position:0px -28px;

}

/** News Article Info Box **/

#news_header{
padding:11px;
border:6px solid #e6192d;
background-image:url(../images/trans_bg.png);
background-attachment:fixed;
margin-bottom:10px;
position:relative;
padding:0px;
}

#news_header img{
border:0px;
padding:0px;
margin:0px;
}

#content-main .news_image_box{
background-color:#fff;
border-right:6px solid #e6192d;
float:left;
height:210px;
overflow:hidden;
width:400px;
position:relative;
}

.news_image_box img{
height:210px;
width:400px;
overflow:hidden;
position:absolute;
border:none;
}

#content-main .post_infobox{
background-color:#fff;
width:180px;
height: 210px;
float:left;
border-left:none;
position:relative;

}

#content-main .postwrap{
position:absolute;
top:37px;
width:172px;
height:151px;
padding:5px;
overflow:hidden;

}


#content-main .postwrap p{

}

.post_infobox strong{
	height:38px;
	width:182px;
	display:block;
	color: #fff;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
	background:url(../images/dark_bg.gif) 0 0 repeat-x;
	line-height:38px;
	border:0;
	font-size:16px;
	text-indent:5px;
}

.post_infobox p a, .post_infobox p a:visited {
display:block;
width:182px;
border-bottom:1px solid #004684;
text-decoration:none;
padding:3px 5px;
outline:none;
}

.post_infobox p a:hover{
background: #eee;
color:#ff0000;
}


.post_infobox p a span{
display:block;
font-size:10px;
color:#999;
}

.post_infobox p a:hover span{
color:#ff0000;
}

#content-main .news_image_box span{
position:absolute;
width:400px;
height:210px;
background-image:url(../images/glass-trans.png);
background-repeat:no-repeat;
background-position:0 0;
top:5px;
left:5px;
z-index:10;
}

.news_image_box span a{
border:none;
text-decoration:none;
display:block;
height:210px;
width:380px;
text-indent:-9999px;
z-index:0;
outline:none;
}

#content-head .slidebox{
background-color:#fff;
float:left;
height:220px;
overflow:hidden;
width:880px;
position:relative;
}

.slidebox img{
margin:0px;
height:220px;
width:880px;
overflow:hidden;
position:absolute;
border:none;
}

.slidebox a img, #top .slidebox a:hover img{
border:none;

}

.slidebox a{
display:none;
}

#content-head .disabled{
}

#content-head .displayslide{
display:block;
}

#content-head .slidebox span{
position:absolute;
width:880px;
height:250px;
background-image:url(../images/glass-trans.png);
background-repeat:no-repeat;
background-position:0 0;
top:5px;
left:5px;
z-index:10;
}

.slidebox span a{
border:none;
text-decoration:none;
display:block;
height:220px;
width:880px;
text-indent:-9999px;
z-index:0;
outline:none;
}

.slide_excerpt{
display:none;
z-index:5;
position:absolute;
bottom:0px;
left:0;
background-image:url(../images/glass_slide.png);
background-repeat:no-repeat;
background-position:0 0;
padding:0;
color:#38292b;
width:880px;
}

.slide_excerpt strong{
display:block;
}

.slide_excerpt div{
padding:10px;
width:691px;
position:relative
}

.slide_excerpt p{
margin:0px;
}


/** Member Links **/

.memberlink_container{

float:left;
margin-left:6px;
margin-bottom:6px;

}

/** Teaser Box **/

#teaser{
padding:11px;
border:6px solid #e6192d;
background-image:url(../images/trans_bg.png);
background-attachment:fixed;
margin-bottom:10px;
position:relative;
padding:0px;
}

#teaser img{
border:0px;
padding:0px;
margin:0px;
}

#content-main .teaserbox{
background-color:#fff;
border-right:6px solid #e6192d;
float:left;
height:210px;
overflow:hidden;
width:400px;
position:relative;
}

.teaserbox img{
margin:0px;
height:210px;
width:400px;
overflow:hidden;
position:absolute;
border:none;
}

.teaserbox a img, #top .teaserbox a:hover img{
border:none;

}

.teaserbox a{
display:none;
}

#content-main .teaser_infobox{
background-color:#fff;
width:180px;
height: 210px;
float:left;
border-left:none;
position:relative;

}

.scrollup, .scrolldown{
position:absolute;
top:1px;
display:block;
height:17px;
width:17px;
z-index:10;
cursor:pointer;
right:3px;
background-image:url(../images/scroll.png);
text-indent:-9999px;
background-position:right top;
}

.scrolldown{
background-position:right bottom;
top:19px;
}
.scrollup:hover{
background-position:left top;
}
.scrolldown:hover{
background-position:left bottom;
}


#content-main .infowrap{
position:absolute;
top:37px;
width:182px;
height:161px;
overflow:hidden;

}


#content-main .infowrap ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
width:182px;
position:absolute;
left:0;
}

#teaser .disabled{
}

.teaser_infobox strong{
	height:38px;
	width:182px;
	display:block;
	color: #fff;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
	background:url(../images/dark_bg.gif) 0 0 repeat-x;
	line-height:38px;
	border:0;
	font-size:16px;
	text-indent:5px;
}

.ticker{
background-color:#fff;
}

#page-wrapper .ticker:hover{
background:#eee;
background-attachment:fixed;
color:#ff0000;
}

#content-main #teaser .displayme{
display:block;
}

.teaser_infobox ul li a, .teaser_infobox ul li a:visited {
display:block;
width:172px;
border-bottom:1px solid #37282a;
text-decoration:none;
padding:3px 5px;
outline:none;
}

.teaser_infobox ul li a:hover{
background: #eee;
color:#ff0000;
}


.teaser_infobox ul li a span{
display:block;
font-size:10px;
color:#999;
}

.teaser_infobox ul li a:hover span{
color:#ff0000;
}

#content-main .teaserbox span{
position:absolute;
width:400px;
height:210px;
background-image:url(../images/glass-trans.png);
background-repeat:no-repeat;
background-position:0 0;
top:5px;
left:5px;
z-index:10;
}

.teaserbox span a{
border:none;
text-decoration:none;
display:block;
height:210px;
width:380px;
text-indent:-9999px;
z-index:0;
outline:none;
}

.teaser_excerpt{
display:none;
z-index:5;
position:absolute;
bottom:0px;
left:0;
background-image:url(../images/glass2.png);
background-repeat:no-repeat;
background-position:0 0;
padding:0;
color:#37282a;
width:400px;
}

.teaser_excerpt strong{
display:block;
}

.teaser_excerpt div{
padding:13px 15px 6px;
width:370px;
position:relative
}

.teaser_excerpt p{
padding:2px 0 0 0;
color:#37282a;
}

#colourboard-container
{

position:relative;
clear:both;
margin:0px;
padding:0px;
	
}

#colourboard-container img
{
	
	background:#37282a;
	border:#eee 1px solid;
	
}

#board-content-container
{

position:relative;
margin:0px;
padding:0px;
width:880px;
height:650px;
overflow:hidden;
	
}

#board-content-right
{

position:absolute;
margin:0px;
padding:0px;
width:200px;
height:650px;
overflow:hidden;
right:0px;
top:0px;
background:#fff;
z-index:100;
	
}

#board-container-span
{

position:relative;
width:10000px;
overflow:hidden;
margin:0px;
padding:0px;
float:left;

}

.board-container
{

width:880px;
position:relative;
float:left;
	
}

a#interior_btn
{

width:295px;
height:196px;
position:relative;
float:left;
display:block;
margin-right:10px;
background:url(../images/interior_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
	
}

a#exterior_btn
{

width:295px;
height:196px;
position:relative;
float:left;
display:block;
background:url(../images/exterior_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
	
}

a#interior_btn:hover, a#exterior_btn:hover
{

background-position:-295px 0px;
	
}

a#nav_verticle
{

width:200px;
height:100px;
background:url(../images/next_btn.jpg) 0 0 no-repeat;
display:block;
position:absolute;
right:0px;
display:none;
top:520px;
text-indent:-9999px;
	
}

a#nav_verticle_back
{

width:200px;
height:100px;
background:url(../images/prev_btn.jpg) 0 0 no-repeat;
display:block;
position:absolute;
right:0px;
top:400px;
display:none;
text-indent:-9999px;
	
}

.verticle_slider
{

position:relative;
width:880px;
overflow:hidden;
	
}

.colourboard-image-container
{
	
width:880px;
height:650px;
position:relative;
overflow:hidden;
clear:both;
	
}

#colourboard-top-nav
{

position:relative;
overflow:hidden;
height:20px;
	
}

#back_btn
{

width:50px;
height:20px;
position:relative;
clear:both;
z-index:100;
display:none;
background:url(../images/back_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
	
}

#colourboard-email-form
{
	
width:200px;
position:relative;
clear:both;
overflow:hidden;
	
}

.colourform-row
{

position:relative;
padding:3px;
	
}

.colourform-row label
{

display:none;
	
}

.colourform-row input, .colourform-row textarea
{

padding:3px;
border:#37282a 1px solid;
color:#999;
	
}

.disclaimer
{

position:relative;
clear:both;
overflow:hidden;
width:585px;
border:3px solid #e6192d;
padding:5px;
padding-top:0px;
background:#fee7e9;
margin-top:10px;
	
}

.select-btns-container
{

position:relative;
clear:both;
overflow:hidden;
	
}

#send_colourboards
{

width:188px;
height:100px;
display:block;
background:url(../images/email_selection_btn.gif) 0 0 no-repeat;
	
}

#client_boards
{

position:relative;
padding:3px;
padding-top:5px;
padding-bottom:0px;
overflow:hidden;
background:#eee;
margin-bottom:5px;
border:1px #ccc solid;
	
}

#client_boards h3
{
	
	line-height:16px;
	margin:0px;
	margin-bottom:5px;
	
}

a#colourboard_banner
{

width:240px;
height:150px;
display:block;
position:relative;
overflow:hidden;
margin:5px 0px 0px 0px;
padding:0px;
background:url(../images/colourboard_banner.gif) 0 0 no-repeat;
clear:both;
	
}

.colourboard-banner-container
{

position:relative;
overflow:hidden;
clear:both;
	
}

a#checklist_banner
{

width:240px;
height:150px;
display:block;
position:relative;
overflow:hidden;
margin:5px 0px 0px 0px;
padding:0px;
background:url(../images/checklist_banner.gif) 0 0 no-repeat;
clear:both;
	
}

.checklist-banner-container
{

position:relative;
overflow:hidden;
clear:both;
	
}

#front_properties
{
	
position:relative;
clear:both;
overflow:hidden;
	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#checklist-container
{

position:relative;
float:left;
overflow:hidden;
	
}

#checklist-container img
{
	
	background:none;
	border:none;
	padding:0px;
	margin:0px auto;
	display:none;
	
}

#checklist-container TABLE
{
	
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	width:860px;
	
}

#checklist-container TABLE TH
{

font-size:16px;
font-weight:bold;
background:#eee;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
padding:3px;
	
}

#checklist-container TABLE TH.inclusion, #checklist-container TABLE TD.inclusion
{

width:500px;

}

#checklist-container TABLE TH.other-builders, #checklist-container TABLE TD.other-builders
{

width:250px;

}

#checklist-container TABLE TD
{

padding:3px;
font-size:14px;
font-weight:bold;

}

span.ticked
{

width:100%;
height:48px;
display:block;
background:url(../images/check_tick.gif) center 0 no-repeat;
overflow:hidden;
	
}

span.crossed
{

width:100%;
height:48px;
display:block;
background:url(../images/check_cross.gif) center 0 no-repeat;
overflow:hidden;
	
}

#checklist-container .disclaimer
{

width:860px;
	
}

#checklist-container h2
{

font-size:18px;
	
}

#checklist-right
{

width:240px;
position:relative;
float:right;
overflow:hidden;
	
}

.tickbox
{

position:relative;
overflow:hidden;
height:59px;
padding:10px 5px 5px 84px;
background:url(../images/check_tick.gif) 0 0 no-repeat;
margin-bottom:5px;
font-size:14px;
font-weight:bold;
	
}

#display-map
{

height:300px;
width:280px;
display:block;
position:relative;
	
}

.location_map
{

height:280px;
width:280px;
display:block;
position:relative;
	
}

#content-wrapper .location_map span{

display:none;

}

#content-wrapper .location_map img{

background:none;

}

.check-selection
{

position:relative;
margin: 0 auto;
width:152px;
height:27px;
display:block;
	
}

a.no-check
{

width:71px;
height:27px;
display:block;
position:relative;
float:left;
background:url(../images/no_btn.gif) 0 0 no-repeat;
margin-right:10px;
text-indent:-9999px;
	
}

a.yes-check
{

width:71px;
height:27px;
display:block;
position:relative;
float:left;
background:url(../images/yes_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
	
}

.display-address-container
{

padding:5px;
border:1px #e6192d solid;
background:#fedade;
position:relative;
overflow:hidden;
margin-bottom:10px;
	
}

a#colourboard-help
{

height:24px;
display:block;
background:url(../images/help_icon.gif) 0 0 no-repeat;
line-height:24px;
text-indent:30px;
margin-bottom:5px;
	
}

#colourboard-help-container
{

width:574px;
height:270px;
position:absolute;
display:none;
background:#e6fea8;
border:#97ca14 3px solid;
text-align:left;
padding:10px;
	
}

#colourboard-help-container ol
{

margin-left:20px;
	
}

#colourboard-help-container ol li
{

line-height:20px;
margin-bottom:5px;
	
}

#colourboard-help-container h3
{

margin-bottom:10px;
	
}

#colourboard-help-container a.close-modal
{

width:80px;
height:20px;
display:block;
position:absolute;
right:10px;
top:5px;
color:#7cbd28;
font-weight:bold;
text-align:right;
	
}

#contact-details-container
{

position:relative;
float:right;
padding:5px;
background:#d7eba1;
border:1px solid #9acb12;
width:240px;
margin-top:10px;
	
}