/*
 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;
}

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

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

H1,H2,H3,H4,H5,H6 {
 font-weight: normal;
 font-family: Century Gothic, Tahoma, Arial Rounded, Arial, Helvetica, sans-serif;
}

FORM {
 display:inline;
 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;
 padding-bottom: 0;
 width:940px;
 min-height: 530px;
}

#header {
 background:url('../images/logo_main.gif') no-repeat;
 border-bottom:4px solid #EF3F35;
 display:block;
 height:75px;
 margin-bottom:20px;
 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:298px;
 height:490px;
 background:url('../images/back_search_box2.jpg') repeat-x;
}

.content_text .first {
 color: #EF3F35;
}

.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%;
}

.left_cell {
 padding-right: 10px;
}

.right_cell {
 padding-left: 10px;
}

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

#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: 90px;
 margin-top: 5px;
}

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

    Lists

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

ul.horiz li{
 float:left;
}

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

#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 li > ul {
	top: 35px;
	left: -2px;
}

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

/* Account Navigation */

#account_navigation {
 display:block;
 height:32px;
 margin-bottom: 2px;
 position:relative;
 width:100%;
 border-bottom: 1px solid #676666;
 background:url('../images/bg_main_nav_list.gif');
 float:left;
 z-index: 0;
}

#account_navigation ul{ 
 bottom: 0;
 padding:0 2px;
} 

#account_navigation ul li{
 background:#2A2A2A;
 background:url('../images/bg_main_nav_list.gif');
 list-style:none;
 margin-left:2px;
 padding:0px 8px 0px 0px;
 width:92px;
} 

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

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

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

/* Project Navigation */

#prj_navigation {
 display:block;
 height:21px;
 margin-bottom: 2px;
 position:relative;
 width:100%;
 border-bottom: 1px solid #676666;
 background:url('../images/bg_main_nav_list.gif');
 float:left;
}

#prj_navigation ul{ 
 bottom: 0;
 padding:0px 2px;
 position:absolute;
 right:0;
} 

#prj_navigation ul li{
 background:#2A2A2A;
 background:url('../images/bg_main_nav_list.gif');
 height:20px;
 list-style:none;
 margin-left:2px;
 padding:3px 8px 0px 0px;
 width:92px;
} 

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

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

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

/*End Project Navigation*/

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

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.gif') no-repeat ;
 left:0px;
 z-index:20
}

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

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

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

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

#tab3.selected{
 background:url('../images/bg_tab_garden_selected.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
*/

/*
 Search Options
*/
#search_options{
 width:280px;
 padding:9px;
}

.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');
 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;
 height:162px;
 width:135px; 
 background-color: #fff;
 color: #000;
 overflow: auto;
 -moz-user-select: none;
 
}

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

.ui_adv_select .tick {
 overflow: hidden; 
 height: 18px;
 /*border-bottom: 1px solid #fff;*/
}

.ui_adv_select .tick_over {
 overflow: hidden; 
 height: 18px; 
 /*border-bottom: 1px solid #EE6218;*/
 cursor: pointer;
 color: #fff;
 background-color: #EF3F35; 
}

.ui_adv_select INPUT {
 cursor: pointer;
 display: inline;
 float: left;
}

.ui_adv_select LABEL {
 display: block;
 float: left;;
 cursor: pointer; 
 height: 18px;
 width:110px; 
 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;
 width: 170px;
 vertical-align: top;
 -moz-user-select: none;
}

#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;
}

#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:10px;
 padding:8px;
}

/*
 Search Results
*/
#search_result{
 clear:both;
 margin:0px 1px 1px 1px;
 padding:0px;
 width:280px;
}

.active{
 background:#464545;
}

#search_result h6{
 margin-bottom:5px;
}

#search_result p{
 font-size:10px;
 line-height:10px;
 margin:0px;
}

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

#search_result .thumb{ 
 float:left;
 background:url('../images/bg_results_thumbnail.gif');
 width:91px;
 height:91px;
}

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

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

    Profile

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

#profile_content{
 float:left;
 margin-right:20px;
 width:465px;
}

#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:4px;
 border-bottom: 1px solid white;
 width:100%;
}

#profile_hero{
 background:url('../images/bg_profile_hero.gif');
 display:table-cell;
 vertical-align:middle;
 height:300px;
 position:relative;
 width:465px;
}

#profile_hero img{
 display:block;
 margin:0px auto;
}

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

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

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

    Project

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

#project_content{
 font-size:8pt;
}


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

    Thumbnails

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

.thumbHolder {
 float: left;
 display: block;
 margin-right: 20px;
 width: 95px;
 height: 115px;
 font-weight:bold;
}

#thmb{ 
 display: inline;
 width: 85px;
 height: 85px;
 line-height:85px;
 
}

#thmb IMG {
 vertical-align: middle;
}

/**
 * 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;
 min-height: 350px;
}

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


#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:#2FBD11;
 	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: 375px;
 margin-bottom: 10px;
}

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

/* Forms */

.formField {
	padding-left: 2px;
	height: 14px;
	border: 1px solid black;
	line-height:11pt;
}

.formSelect {
	font-family: Tahoma, Arial, Helvetica, SunSans-Regular, sans-serif;
	height: 18px;
	border: 1px solid black;
	line-height:11pt;
}

.formSelect optgroup {
	font-style: normal;
}

.formSelectMultiple {
	font-family: Tahoma, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 8pt;
	border: 1px solid black;
	line-height:11pt;
}

.formButton {
	font-family: Tahoma, Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height:11pt;
	height: 20px;
}

.formFileBox {
	padding-left: 2px;
	font-family: Tahoma, Arial, Helvetica, SunSans-Regular, sans-serif;
	height: 20px;
}

.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;*/
}

/* List Tables */

#listTable {
 height:20px;
 border-collapse: collapse;
 border: 1px solid #676666;
}

#listTable th {
	background-color:#353535;
	font-size: 12px;
 	font-weight: normal;
 	padding: 8px 5px 5px 5px;
 	border: 1px solid #676666;
}

#listTable tr.normal{
	background-color:#676666;
}

#listTable tr.alt{
	background-color:#676666;
}

#listTable tr.sel{
	background-color:#643432;
}

#listTable td{
	font-size: 11px;
	padding: 5px;
	border: 1px solid #676666;
}

/* Registration Form */

#reg_form {
	display: block;
	float:right;
	width: 100%;
}

#reg_form DIV.formRow {
	display: block;
	width: 100%;
	height: 22px;
	float:left;
}

#reg_form DIV.labl {
	float: left;
	height: 20px;
	font-weight: bold;
	text-align: right;
	padding-right:3px;
}

#reg_form DIV.fld {
	float: left;
	height: 20px;
}

/* End Registration Form */

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

#instruction {
	display: none;
}

.red {
	color:red;
}