/*
 Primary Colours
  2A2A2A : dark grey
  464545 : mid grey
  4C4C4C : light grey
  EF3F35 : red
*/

HTML, BODY, #container {
 background-color: #2A2A2A;
 color:#FFF;
 font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
 font-size: 9pt;
 min-height: 100%;
 width:100%;
}

HTML>body, HTML>body #container {
	height: auto;
}

H1,H2,H3,H4,H5,H6,
UL,OL,LI,DL,DT,DD {
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
} 

BODY,TD,TH,INPUT,TEXTAREA,BUTTON,SELECT{
 font-family:Tahoma, Arial, Helvetica, sans-serif; 
}

H1,H2,H3,H4,H5,H6 {
 font-weight: normal;
}

FORM {
 margin: 0;
 padding: 0;
 
}

TABLE, IMG{
 border: 0;
}

/* 
 Headings
*/

H1{
 font-size:16pt;
}

H2{
 font-size:14pt;
 
}

H3{
 font-size:12pt;
}

H5{
 color:#EF3F35;
 font-size:11px;
}

H6{
 color:#EF3F35;
 font-size:10px;
}

A{
 color:#FFF;
 text-decoration:none;
}

A:HOVER{
 text-decoration:underline;
}

A:ACTIVE{
 color:#EF3F35;
}

BUTTON{
 cursor:pointer;
}

/*
 Miscelaneous 
*/

.clear{
 clear:both;
}

.instruction{
 color:#EE5D1A;
 font-size:10px;
}

.center{
 margin:0px auto;
}

span.error{
 display:block;
 color:#EF3F35;
}
/* ------------------------------------------------------------

    Page Structure

------------------------------------------------------------ */

#container{
 background:#464545 url('../images/bg_container.gif') repeat-x;
 display:block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 padding:20px;
 width:940px;
 min-height: 540px;
}

#header {
 background:url('../images/logo_main.gif') no-repeat;
 border-bottom:4px solid #EF3F35;
 display:block;
 height:75px;
/* margin-bottom:20px;*/
	margin-bottom:14px;
 position:relative;
 width:100%;
}

#search_area{
 background: #666464;
 border-color: #4C4C4C;
 border-width: 0px 1px 1px;
 border-style: solid;
 display: block;
 float: left;
 margin-right: 20px;
 padding-bottom: 9px;
 width: 296px;
 color: #2b2a2a;
 min-height: 415px;
}

.search_results { 
 background: url('../images/back_search_results.gif') repeat-x !important;
}

.content_text P.first {
 font-size: 12pt;
 color: #EF3F35;
 margin-bottom: 0;
 margin-top: 22px;
 text-align: justify;
}

.content_text H1 {
 display: block;
 font-size: 12pt;
 padding-bottom: 5px;
 border-bottom: 1px solid #EF3F35;
 margin-top: 16px;
}

.content_text TD {
 vertical-align: top;
 width: 50%;
 font-size: 9pt;
}

.left_cell {
 padding-right: 10px;
}

.right_cell {
 padding-left: 10px;
}

#main_content{
 float: right;
 width: 620px;
 min-height: 220px;
 padding-top: 9px;
}

#main_content UL{
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 10px;
	
}

#footer_content{
 border-top:1px solid #EF3F35;
 display:block;
 width:940px;
 clear: both;
 min-height: 70px;
 margin-top: 5px;
}

/* ------------------------------------------------------------

    Lists

------------------------------------------------------------ */

#main_navigation {
 display:block;
 height:35px;
 margin-bottom: 7px;
 position:relative;
 width:100%;
 border-bottom: 1px solid #676666;
 background:url('../images/bg_main_nav_list.gif');
 z-index: 1;
}

#main_navigation UL {
	margin: 0;
	padding: 0;
}

#horiz, #horiz ul{
 position:absolute; 
 bottom: 0;
 right:0; 
 padding:0px 2px; 
 margin: 0;
 list-style:none;
}

#horiz li{
 background:#2A2A2A;
 background:url('../images/bg_main_nav_list.gif');
 position: relative;
 width:144px;
 height:32px;
 list-style:none;
 margin-left:2px;
 padding:3px 8px 0px 0px;
 float:left;
}

#horiz a:link, #horiz a:visited {
	display: block;
	text-decoration: none;
}

#horiz ul {
	display: none;
	position:absolute;
	top: 0;
	left: 0;
	padding-top: 0;
}

#horiz li.selected{
 background:url('../images/bg_main_nav_list_sel.gif');
}

#horiz li a{
 background:url('../images/bullet_arrow.gif') no-repeat 11px 4px;
 display:block;
 padding-left:23px;
 border-left: 1px solid #EF3F35;
 color: #eee;
 height: 30px;
}

#horiz li.selected a{
 background:url('../images/bullet_arrow_2.gif') no-repeat 11px 4px;
 display:block;
 padding-left:23px;
 border-left: 1px solid #EF3F35;
 color: #eee;
 height: 30px;
}

#horiz ul li{
	float: none;
	font-size: 100%;
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	padding-left: 0;
	background: #444444;
	width: 154px;
}

#horiz ul li a{
 	background:url('../images/bullet_arrow.gif') no-repeat 11px 4px;
	float: none;
	font-size: 100%;
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	padding-left: 20px;
	height: 30px;
}

#horiz ul li.selected a{
 background:url('../images/bullet_arrow_2.gif') no-repeat 9px 4px;
 color: #fff;
}

#horiz ul li.unselected a{
 background:url('../images/bullet_arrow.gif') no-repeat 9px 4px;
 color: #fff;
}

#horiz li > ul {
	top: 35px;
	left: -2px;
}

#horiz li:hover ul{
	display:block;
}


ul.menu li{ 
 list-style:none;
 float:left;
}



#footer_content ul{
 padding-right:10px;
 float:right;
}

ul.separated li{
 border-right:1px solid #fff;
 padding:0px 7px;
}

ul.separated li.last{
 border-right:0px;
 padding-right:0px;
}

/* contact details */
ul.contact_details{
 margin-bottom:50px
}
ul.contact_details li, ul.contact_form li{
 list-style:none
}
/* contact form */
ul.contact_form li{
 margin-bottom:10px;
}

dl.profile_menu{
 font-size:11px;
 margin-top:10px;
 width:100%;
}

dl.profile_menu dt{
 border-top:1px solid #fff;
 font-weight:bold;
 margin-top:7px;
 padding-top:7px;
}

dl.profile_menu  dt.noborder{
 border:none;
}


/* ------------------------------------------------------------

    Tabs

------------------------------------------------------------ */

#tabs{
 display:block;
 float:left;
 height:19px;
 padding-left:12px;
 position:relative; 
}

#tabs .tab{
 display:block;
 height:19px;
 position:absolute;
 top:0px;
 width:110px;
}

#tab1{
 background:url('../images/bg_tab_home_2.gif') no-repeat ;
 left:0px;
 z-index:20
}

#tab2{
 background:url('../images/bg_tab_interior_2.gif') no-repeat ;
 left:93px;
 z-index:10
}

#tab3{
 background:url('../images/bg_tab_garden_2.gif') no-repeat ;
 left:188px;
 z-index:5
}

#tab1.selected{
 background:url('../images/bg_tab_home_selected_2.gif') no-repeat ;
}

#tab2.selected{
 background:url('../images/bg_tab_interior_selected_2.gif') no-repeat ;
 z-index:50;
}

#tab3.selected{
 background:url('../images/bg_tab_garden_selected_2.gif') no-repeat ;
 z-index:50;
}

#tabs a{
 display:block;
 height:20px;
 height:0;
 overflow:hidden;
 padding-top:21px;
 padding-left:27px;
 font-size:10px;
}

/*
 Anchors
*/

/* ------------------------------------------------------------

    Action Section 

------------------------------------------------------------ */

#quick_search{
 background: url('../images/heading_quick_search.gif') no-repeat;
 display: block;
 height: 21px;
 height: 0;
 overflow: hidden;
 margin: 0px 0px 10px 10px;
 padding-top: 23px;
 width: 250px;
 vertical-align: top;
 font-size: 14pt;
}

#short_list{
 background: url('../images/heading_shortlist.gif') no-repeat;
 display: block;
 height: 21px;
 height: 0;
 overflow: hidden;
 margin: 0px 0px 10px 10px;
 padding-top: 23px;
 width: 250px;
 vertical-align: top;
}

#quick_search .category{
 margin-left: 110px;
 margin-top: -46px;
 display: inline;
 float: left; 
 height: 21px;
 width: 120px;
 padding-top: 23px;
}

#cat_architecture {
 background: url('../images/heading_architecture.gif') no-repeat;
}

#cat_interior {
 background: url('../images/heading_interior.gif') no-repeat;
}

#cat_landscape {
 background: url('../images/heading_landscape.gif') no-repeat;
}

/*
 Search Options
*/
#search_options{
 width: 280px;
 margin-top: 10px;
 margin-right: 5px;
 margin-bottom: 7px;
}

#search_options_bottom{
 width: 280px;
 margin-right: 5px;
 margin-bottom:36px;

}

.search_criteria H3{
 font-size: 8pt;
 font-weight: bold;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 margin-bottom: 4px;
 padding-left: 8px; 
}

/*
 Search Elements
*/

.search_criteria {
/* background: url('../images/back_search_box.jpg');
 height: 245px;*/
/* 	background: #fff url('../images/back_search_box.jpg') repeat-x bottom left;*/
	background-color: #b0b0b0;
	height: 450px;
 color: #333;
}

.option{
 float:left;
 padding-left:9px;
 padding-top:10px; 
}

.search_big{
 border:1px solid #EF3F35;
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 font-size:10px;
 height:108px;
 width:135px; 
}

.ui_adv_select {
 border:1px solid #EF3F35;
 font-size: 8pt;
/* width:140px; */
	width: 275px;
 height: 262px;
 background-color: #fff;
 color: #000;
 overflow: auto;
 -moz-user-select: none;
 
}

.ui_adv_project_types{
 height: 100px;
/*
 width: 120px;*/
 	width: 132px;
 overflow-y: auto;
 overflow-x: hidden;
}

.ui_adv_styles{
  height: 100px;
/*
 width: 120px;*/
 	width: 132px;
}

.ui_adv_select .default {
 font-weight: bold;
 background-color: #FFD6BF;/*#FFCBAF*/
 color: #333;

}

.ui_adv_select .tick {
 /*overflow: hidden;*/
 white-space: nowrap; 
 height: 18px;
 margin: 2px 0;

 /*border-bottom: 1px solid #fff;*/
}

#states .tick, #states .tick_over {
	margin: 2px 0;
}
#states .default {
	margin-top: 0;
}
#states .tick_over {
	/*width: 205px;*/
}
.ui_adv_select .tick_over {
 white-space: nowrap; 
 margin: 2px 0;
 
 /*overflow: hidden;*/ 
 height: 18px; 
 /*border-bottom: 1px solid #EE6218;*/
 cursor: pointer;
 color: #fff;
 background-color: #EF3F35; 
}
.ui_adv_select .default {
	margin-top: 0;
}
.ui_adv_select INPUT {
 cursor: pointer;
 display: inline;
 float: left;
}

.ui_adv_select LABEL {
 display: block;
 float: left;
 cursor: pointer; 
 height: 18px;
 width:80px; 
 padding-top: 2px;
 padding-left: 1px;
}

INPUT.search{
 background: url('../images/button_search.gif') top right no-repeat;
 display:block;
 float:right; 
 overflow: hidden;
 margin-top:5px;
 margin-right: 7px;
 padding-top:20px;
 cursor: pointer;
 border: 0;
 height:20px;
 width: 90px;
}

/*
 Tag Search 
*/
h3#tag_search{
 background: url('../images/heading_tag_search.gif') no-repeat;
 clear: both;
 height: 21px;
 height: 0;
 margin-bottom: 6px;
 overflow: hidden;
 padding-top: 21px;
 width: 298px; 
}

#tag_cloud {
 line-height: 17pt;
 padding-left: 6px;
 vertical-align: top;
 -moz-user-select: none;
 color: #fff;
 width:180px;
 height: 190px; 
 overflow-x:auto;
 overflow-y:auto
}

#tag_cloud .tick{ 
 cursor: pointer;
 display: inline;
 padding-right: 2px;
}

#tag_cloud LABEL, #tag_cloud INPUT {
 cursor: pointer;
}

#tag_cloud LABEL {
 white-space: nowrap;
}

#tag_cloud INPUT {
 display: none;
}

#tag_cloud a.active{
 background: none;
 color: #EF3F35;
}

#tag_cloud .highlighted, #selected_tags .highlighted {
 background-color: #EF3F35;
}

#selected_tags {  
 background: url('../images/divider_tags.gif') top left repeat-y;
 width: 100px;
 margin-top: 15px;
 padding-left: 4px;
 vertical-align: top;
 -moz-user-select: none;
 color: #fff;
}

#selected_tags LABEL, #selected_tags INPUT {
 cursor: pointer;
}

#selected_tags INPUT {
 display: inline;
 float: left;
}

#selected_tags LABEL {
 font-size: 8pt !important;
 width: 70px;
 height: 17px;
 display: inline;
 float: left;
 clear: right;
 padding-top: 3px;
}

/*
 Search Results Navigator
*/

.search_results_navigator{
 font-size: 8pt;
 padding-top: 11px;
 padding-left: 9px;
 padding-right: 5px;
 padding-bottom: 15px;
 line-height: 24px;
}

#search_area .bottom IMG {
 margin-top: 10px;
}

.search_results_navigator IMG {
 float: right;
 display: inline;
 height: 15px;
 margin-left: 4px;
 margin-right: 4px;
}

.list_navigator {
 width: 100%;
}

.list_navigator li{
 display: inline; 
}

.list_navigator .selected{
 color: #ef3f35;
 font-weight: bold;
}

.list_navigator .unselected{
 color: #000000;
 font-weight: bold;
}

.list_navigator .prev{
 color: #000000;
 padding-right: 23px;
 width: 50px;
 display: block;
 float: left; 
}

.list_navigator .next{
 display:inline;
 float: right;
 margin-right: 11px;
}



/*
 Search Results
*/
div.search_result{
 clear: both;
 padding-left: 9px;
 width: 280px;
 height: 92px;
 margin-bottom: 8px;
 overflow: hidden;
}

div.search_result H5{
 font-weight:bold;
}

.active{
 background: #464545;
}

DIV.search_result .thumbnail{
 float: left;
 background-color: #2A2A2A;
 height: 85px;
 width: 85px;
 margin-right: 10px;
}

DIV.search_result .thumbnail IMG{
	margin-bottom:0;
}

div.search_result h6{
/*
 margin-bottom: 5px;*/
}

div.search_result p{
 font-size: 8pt;
 line-height: 10pt;
 margin: 0px; 
}

div.search_result a{
 display: inline;
 font-size: 11px;
 color: #EF3F35;
}

#search_criteria{
 margin: 0px 0px 5px 0px;
}

/* ------------------------------------------------------------

    Profile

------------------------------------------------------------ */

.profile{
 width: 465px;
}

#profile_content{
 width:100%;
 font-size: 10pt;
}

#profile_content .first {
 color: #EF3F35;
}

#profile_content .row{
 width:100%; 
 height:16px; 
 font-size: 8pt; 
 padding-left:10px;
}

#profile_content .row_label, #profile_content .form_row_label {
 width:100px; 
 float:left;
}

#profile_content .row_data{
 float:left;
}

#profile_content .form_row{
 height:20px; 
 font-size: 8pt; 
 padding-left:10px
}

#profile_navigation{
 float:right;
 width:135px;
}

#profile_navigation div.smallBold{
 padding-top:4px;
 font-size: 8pt;
 font-weight:bold;
}

#profile_navigation div.small{
 font-size: 8pt;
 font-weight:normal;
}

#profile_navigation div.divider{
 font-size:1px;
 padding-top:9px;
 border-bottom: 1px solid white;
 width:100%;
}

#profile_hero{
 display: block;
 width:460px;
 height: 280px ;
 *background-color: transparent;
 overflow: hidden;
}

#profile_hero div{
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 width:460px;
 height: 280px ;
 max-height: 280px;
}

#profile_hero img{
 
}

#profile_content h1{
 display: block;
 font-size: 12pt;
 border-bottom:1px solid #EF3F35;
 margin-bottom:15px;
 margin-top: 22px;
 padding-bottom:5px;
}

.profile_intro{
 color:#EF3F35;
 margin-bottom:10px;
}

/* ------------------------------------------------------------

    Project

------------------------------------------------------------ */

#project_content{
 font-size:8pt;
 padding-bottom: 5px;
 display: inline;
 font-size: 10pt;
}


/* ------------------------------------------------------------

    Thumbnails

------------------------------------------------------------ */
#thumb_list {
 width: 100%;
 height: 100px;
}

#thumb_list .tags{
 text-align:left;
 float:right; 
 display:inline; 
 width:130px
}

#thumb_list INPUT {
 margin: 0;
 padding: 0;
 height: 14px;
 overflow: hidden;
}

#thumb_list .chkLabel {
	font-size:8pt; 
	margin-top: 0;
}

#thmb{ 
 float:left;
 display: block;
 width: 85px;
 margin-right: 10px;
}


#thmb A {
 display: table-cell;
 background-color: #2A2A2A;
}

#thumbnail_content{
 clear: both;
 display: block;
 width: 100%;
 
}

#thumbnail_content .thumbnail{
 float: left;
 margin-left: 2px;
}

#thumbnail_content .first{
 margin-left: 1px;
}

/*	Begin: Salsa - Styles for tag scroller	*/
#thumb_list .tag_list {
	border: 1px solid #EF3F35;
	height: 47px;
	padding: 1px;
	overflow: auto;
	margin: 1px 0 1px 0;
}
/*	End: Salsa - Styles for tag scroller	*/

/**
 * Footer Section 
 */

#copyright{
 font-size:10px;
 float:right;
 margin-top:5px;
 text-align:right;
 width:270px;
 display: block;
 padding-right:10px;
 clear:both;
}

/**
 * Advertisements
 */

.banner {
 display:inline;
 float:right;
 height:60px;
 width:468px;
 overflow: hidden;
}

.advertisement_footer {
 margin-top: 5px;
 display:inline;
 float:left;
 height:60px;
 width:468px;
 overflow: hidden;
}

/**
 * Messages
 */
#user_message{
 display:none;
 height:350px;
 position:absolute;
 text-align:center;
 width:100%;
 z-index:100;
}

#message_container{
 background:#2A2A2A;
 border:1px solid #fff; 
 color:#fff;
 height:170px;
 margin:200px auto 0px auto;
 position:relative;
 width:350px;
}

#message{
 display:table-cell;
 height:inherit;
 width:inherit;
 vertical-align:middle; 
}

/* registration area*/

#reg_content{
 float:right;
 width:620px; 
}

#reg_content div.formHolder{
 float:right;
 width: 450px;
 height: 30px;
 margin-right:5px;
}

#reg_content div.labelHolder{
 float:left; 
 height: 17px;
 text-align: right;
 padding: 3px 5px 0px 0px;
 font-size: 12px;
 font-weight: bold;
}

#reg_content div.fieldHolder{
 float:left; 
 width:300px;
}

#reg_content div.textHolder{
 width:350px;
 padding-left: 20px; 
 float: right;
}

.errorContainer {
	display:block;
 	color:#EF3F35;
 	font-weight: bold;
 	width:100%;
}

.messageContainer {
	display:block;
 	color:#83B717;
 	font-weight: bold;
 	width:100%;
}

/* login area*/

#login_content{
 background:#666464 url('../images/background_logo.gif') center center no-repeat;
 border-color:#4C4C4C;
 border-width:0px 1px 1px;
 border-style:solid;
 display:block;
 float:left;
 padding :0px 10px 9px 10px;
 width:280px;
 min-height: 370px;
 margin-bottom: 10px;
}

#login_content.shortlist{
	min-height:340px; 
	height:340px; 
	margin-top:53px; 
}

#login_content h2 {
 font-size:12pt;
 border-bottom:1px solid #EF3F35;
 margin-bottom:10px;
 padding-bottom:5px;
 width:100%
}

#login_content h2.shortlist {
	margin-top: 30px;
}

#login_content h2.category {
	border: none;
	margin-top:-55px;
}

#login_content #tabs {
	margin:-19px 0 0 -10px;
}

/* News Menu */

#news_menu{
 background:#666464 url('../images/background_logo.gif') center center no-repeat;

 border-color:#4C4C4C;
 border-width:0px 1px 1px;
 border-style:solid;
 display:block;
 float:left;
 padding :0px 10px 9px 10px;
 width:280px;
 min-height: 370px;
 margin-bottom: 10px;
}

#news_menu h2 {
font-size:12pt;
 border-bottom:1px solid #EF3F35;
 margin-bottom:10px;
 padding-bottom:5px;
 width:100%
}

#news_menu ul{
	margin-left: 20px;
	list-style: url('../images/bullet_arrow.gif');
}

#news_menu li{
	min-height: 18px;
	padding-top: 5px;
	padding-top: 0;
	margin-top: 5px;
}

#news_menu li a.selected{
	color:#EF3F35;
}

/* Forms */

.formField {
	font-size: 12px;
	height: 14px;
	border: 1px solid black;
}

.formButton {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.formLabelHolder {
	height:17px;
	padding: 3px 5px 0px 0px;
	float:left;
	text-align:right;
	font-size: 12px;
 	font-weight: bold;
	/*border:1px solid red*/
}

.formFieldHolder {
 float:left;
 height:20px;
 /*border:1px solid red*/
}

INPUT.checkboxSmall {
	margin: 0;
	padding: 0;
	margin-top: 2px;
}

.signout{
	position:relative;
	left: 870px;
	top: 56px;
	width: 70px;
	height: 20px;
	text-align: left;
}

.hero_holder{
	width:620px; 
	height:215px;
	overflow:hidden
}

.hero_holder IMG{
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
}

#print_container{
 display:block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 padding:20px;
 width:740px;
 min-height: 540px;
}

.print_header {
	display: none;
}

.print_footer {
	margin-top: 5px;
	height: 65px;
	background-image: url('http://www.domaindesign.com.au/templates/livesite/images/logo_small.gif'); 
	background-repeat:no-repeat;
}

label.heading{
	cursor: default;
	font-weight: bold;
	padding-left: 5px;
}