@charset "utf-8";
/* CSS Document */

body{
	font-size: 100%;
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
/*	line-height: 0.9em;*/
	background-repeat: no-repeat;
	background-position: right 35px;
	text-align : left;
	margin: 0;
	background-image: url(../images/bg_dots.gif);
}

#about a.active_item {
font-weight: bold;
color:#473a2c;
}

#projects a.active_item {
font-weight: bold;
color:#473a2c;
}

#showrooms a.active_item {
font-weight: bold;
color:#473a2c;
}

#collections a.active_item {
font-weight: bold;
color:#473a2c;
}

html{
height: 100%;
}

h1{
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 15px 0;
	color:#473a2c;
}

h2{
font-size: 120%;
font-weight: bold;
margin: 0 0 15px 0;
color:#473a2c;
}

h3{
	font-weight: bold;
	margin: 10 0 15px;
	color:#473a2c;
	font-size:100%;
}

img{
border: none;
margin: 0 0 0 0;
padding: 0;
}

p{
padding: 0;
margin:0 0 12px 0;
}

a{
text-decoration:none;
color:#999999;
font-weight: normal;
}

.italic{
font-style:italic;
font-size:95%;
}

#container {
width: 950px;
margin-left: auto;
margin-right: auto;
position:relative;
}

#header {
margin: 0 auto;
width: 100%;
height: 60px;
padding: 0px;
}

#header_absolute {
margin: 0 auto;
width: 550px;
background-color: #FFFFFF;
height: 60px;
padding: 0px;
position:absolute;
top: 0;
left: 0;
z-index: 1000;
}

.slider {
position: absolute;
/* background-image:url(slider.png); */
background-repeat:no-repeat;
background-position: bottom;
width: 114px;
background-color:#FFFFFF;
border: solid #e6e6e6 1px;
border-top: none;
padding: 0 0 0 10px;
margin:0;
}


.slider ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#nested_list{
padding: 0 0 0 8px;
}

.slider a {
height: 18px;
display:block;
}

a:hover{
color: #473a2c;
}

#slider_movein {
height: 147px;
margin-top: -125px;
left: 12px;
z-index: 400;
}

#slider_projects {
/*height: 93px;
margin-top: -71px; */
height: 75px;
margin-top: -53px;
left: 148px;
z-index: 400;
}

#slider_showrooms {
height: 75px;
margin-top: -53px;
left: 284px;
z-index: 400;
}

#slider_collections {
/* height: 201px;
margin-top: -179px;
18px line height */
height: 237px;
margin-top: -215px;
left: 420px;
z-index: 400;
}

#whats_new{
	float:right;
	padding-right: 12px;
	text-align: left;
	margin-top: 0px;
	left: 793px;
	z-index: 400;
	border:0;
	background:none;
	text-indent: 12px;
}

#whats_new a{
display:block;
width: 122px;
height: 25px;
padding: 10px 12px 0 0;
background-color:#5c4d30;
font-weight: bold;
font-size: 80%;
color:#FFFFFF;
margin:0;
opacity: .9;
filter: alpha(opacity=90);
}

#whats_new a:hover{
	background-color:#7C5C3F;
}

#text_box_wrapper_home{
	margin: 51px 0 0 0px;
	padding: 0 0 0 10px;
	left: 1px;
	z-index: 300;
	border:0;
	background:none;
}

#slogan_home{
position:absolute;
/*top: 610px;*/
top: 596px;
/*font-size:195%;*/
font-size:133%;
font-weight:bold;
padding: 0 0 0 20px;
line-height: 110%;
	z-index: 300;
}

.innerfade-title{
/* font-size:133%; */
font-weight:bold;
padding: 0 0 0 20px;

position: absolute;
bottom: 0px;
left: 0;
z-index: 290;
width: 100%;
/*filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: .8;*/
line-height: 133%;
}

.innerfade-title h2{
font-size:133%;
color: white;
font-weight:bold;
color:#473a2c;
}

#wite .innerfade-title h2{
font-size:133%;
color: white;
font-weight:bold;
color:#000000;
}

.mycontrolboxclass{
        position: absolute;
        right: 35px;
        top: 20px;
}

#main_home ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
#main_home ul#animated-portfolio li{
        padding: 0;
}

.sliderContent {
margin: 10px 0 10px 0px;
text-align:left;
color:#333333;
font-weight:bold;
padding: 0px;
font-size:77%;
}

.openCloseWrap {
font-size:77%;
text-align:left;
}

.openCloseWrap a{
font-weight: bold;
color:#999999;
}

.openCloseWrap a:hover{
color:#473a2c;
}

#main {
width: 948px;
background-color: #FFFFFF;
height: 598px;
padding: 0;
margin:0;
border: solid #e6e6e6 1px;
}

#text_box_wrapper{
margin: 50px 0 0 0px;
padding: 0 0 0 10px;
}

#text_box{
	background-image: url(../images/opaque_white_bg.png);
	background-repeat:repeat;
	font-size:77%;
	padding: 15px 12px 10px 12px;
}

#text_box ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height:130%;
}

.single_col{
width: 222px;
height: 321px;
}

.single_col_long{
	width: 222px;
	height: 410px;
}

.double_col{
width: 448px;
height: 321px;
}

.double_col_long{
width: 448px;
height: 401px;
}

.double_col_half{
width: 448px;
min-height: 215px;
height: 220px;
}

.double_col_half_ext{
width: 448px;
min-height: 215px;
height: 260px;
}

.double_col_half_ext2{
width: 448px;
min-height: 215px;
height: 290px;
}

.double_col_half_ext3{
	width: 436px;
	min-height: 215px;
	height: 400px;
}

.double_col_half_ext4{
width: 448px;
min-height: 215px;
height: 460px;
}

#text_box_single_col{
	width: 430px;
	float:left;
	padding: 0 10px 0 0;
}

#text_box_left{
width: 210px;
float:left;
padding: 0 10px 0 0;
}

#text_box_right{
	float:left;
	width: 205px;
	padding: 0 0 0 10px;
}

#text_box_left_more{
width: 210px;
float:left;
padding: 0 10px 0 0;
}

#text_box_right_more{
float:left;
width: 210px;
padding: 0 0 0 10px;
}

#text_box_left_more p, #text_box_right_more p{
	font-size: 95%;
}

#slogan{
position:absolute;
/*top: 610px;*/
top: 596px;
/*font-size:195%;*/
font-size:133%;
font-weight:bold;
padding: 0 0 0 20px;
line-height: 110%;
}

#showrooms #container #main #slogan, #index #container #main #slogan {
/*color:#000000;*/
color:#473a2c;
}

.brown{
color: #473a2c;
}

.white{
color: #ffffff;
}

#main_left{
float: left;
padding: 52px 0 0 0;
}

#main_media{
float: left;
padding: 5px 0 0 10px;
}

#main_media h1{
font-size: 90%;
margin: 0 0 0 12px;
}

#media_nav{
width:903px;
padding-left: 12px;
}

#media_prev{
float:left;
width: 59px;
height: 12px;
}

#media_next{
float:right;
width: 40px;
height: 12px;
}

#media_prev a{
display:block;
width: 59px;
height: 12px;
background-image:url(../images/prev.gif);
background-repeat:no-repeat;
}

#media_prev a:hover{
background-position: -59px 0px;
}

#media_next a{
display:block;
width: 40px;
height: 12px;
background-image:url(../images/next.gif);
background-repeat:no-repeat;
background-position: -40px 0px;
}

#media_next a:hover{
background-position: 0px 0px;
}

#left_col{
width: 175px;
float:left;
font-size: 77%;
padding: 0 10px 0 22px;
color: #999999;
}

#left_col ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height:120%;
}

.collections_col_inner{
/* height: 250px; */
}

#mid_col{
width: 180px;
height: 516px;
border-left: solid #e6e6e6 1px;
float: left;
padding: 0 19px 0 12px;
font-size: 77%;
}

#main_right{
float: left;
padding: 18px 0 0 0;
}

#large_project_image{
width: 499px;
height:420px;
background-color:#999999;
}

#project_thumbnails img{
padding: 15px 0 0 0;
float:left;
}

.thumbnail_spacer{
width: 5px;
height: 79px;
float:left;
}

#product_navigation{
position:absolute;
top: 520px;
left: 219px;
height: 80px;
width: 700px;
height: 90px;
}

#logo{
width: 950px;
text-align:right;
padding: 4px 0 0 0;
}

.client_weblink{
	background-image:url(../images/arrow_bullet.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 10px;
	background-position: 0 center;
	color: #999999;
}

.logon_link{
color:#372c22;
font-weight: bold;
}

.logon_link:hover{
color: #666666;
}

/*The classes below are for the main divs background image. This is editable in the code once the template has been applied to the page. */

/*About template*/

.home_page{
/*background-image:url(../images/homepage/moveJune08_178.jpg); */
}

.about_page{
background-image:url(../images/background/about-us.jpg);
}

.services_page{
background-image:url(../images/background/services.jpg);
}

.testimonials_page{
background-image:url(../images/background/testimonials.jpg);
}

.eco_page{
	background-image:url(../images/background/mi18th_026.jpg);
}

.eco_page2{
	background-image:url(../images/background/mi18th_001.jpg);
}

.eco_page3{
	background-image:url(../images/background/mi18th_011.jpg);
}

.profile_page{
background-image:url(../images/background/profile.jpg);
}

.contact_page{
background-image:url(../images/background/contact.jpg);
}

.contact_uae_page{
background-image:url(../images/background/uae-contact.jpg);
}

.contact_australia_page{
background-image:url(../images/background/contact.jpg);
}

/*projects template*/

.projects_page{
background-image:url(../images/projects_bg.jpg);
}

.projects_uae_page{
background-image:url(../images/#.jpg);
}

.projects_other_page{
background-image:url(../images/#.jpg);
}

/*showrooms template*/

.showroom_melbourne_page{
	background-image:url(../images/background/AUS-showroom.jpg);
}

.showroom_dubai_page{
	background-image:url(../images/background/uae-showroom.jpg);
}

/*collections-leadin template*/

.living_page{
	background-image:url(../images/background/living_background.jpg);
}

.kitchen_page{
	background-image:url(../images/background/kitchendining_background.jpg);
}

.bedroom_page{
	background-image:url(../images/background/bedroom_background.jpg);
}

.lighting_page{
	background-image:url(../images/background/lighting_bg.jpg);
}

.bathroom_page{
	background-image:url(../images/background/bathroom1_background.jpg);
}

.outdoor_page{
	background-image:url(../images/background/outdoor_bg.jpg);
}

.study_page{
	background-image:url(../images/background/study_background.jpg);
}
.whats_new_page {
	background-image: url(../images/background/study_background.jpg);
}


.styling_page{
	background-image:url(../images/background/StylingHero.jpg);
}

/*------------------------------------------------------------------------------------------------------------*/


/*a.active_item{
font-weight: bold;
color:#473a2c;
}*/

a.active_sub_item{
color:#473a2c;
}

.bold_text{
font-weight: bold;
color:#473a2c;
}

.clear{
clear:both;
}





/* carousel styling */


.jcarousel-container {
	POSITION: relative
}
.jcarousel-clip {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; POSITION: relative
}
.jcarousel-list {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; Z-INDEX: 1; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; POSITION: relative; TOP: 0px
}
.jcarousel-list LI {
	FLOAT: left; LIST-STYLE-TYPE: none;
}
.jcarousel-item {
	FLOAT: left; LIST-STYLE-TYPE: none;
}
.jcarousel-next {
	DISPLAY: none; Z-INDEX: 3
}
.jcarousel-prev {
	DISPLAY: none; Z-INDEX: 3
}


.jcarousel-skin-tango .jcarousel-container {
   BACKGROUND: #ffffff;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    WIDTH: 700px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    WIDTH: 700px; HEIGHT: 90px;
}

.jcarousel-skin-tango .jcarousel-item {
    WIDTH: 122px; HEIGHT: 62px;
	text-align:center;
	padding: 0;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    MARGIN-RIGHT: 19px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    BACKGROUND: #fff; COLOR: #000
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    RIGHT: 5px; BACKGROUND:  no-repeat 0px 0px; WIDTH: 40px; CURSOR: pointer; POSITION: absolute; TOP: 70px; HEIGHT: 12px; BACKGROUND-POSITION: -40px 0px;
	background-image:url(../images/next.gif);
	
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    BACKGROUND-POSITION: 0px 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    BACKGROUND:  no-repeat 0px 0px; LEFT: 5px; WIDTH: 59px; CURSOR: pointer; POSITION: absolute; TOP: 70px; HEIGHT: 12px;
	background-image:url(../images/prev.gif);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    BACKGROUND-POSITION: -59px 0px
}

#large_product {
    width: 499px;
    height: 372px;
    /* background-color: #CCCCCC; */
}

.active_thumb {
background-color: #e6e6e6;
}

.jcarousel-item a{
width: 120px;
height: 60px;
display:block;
padding: 1px;
}

.jcarousel-item a:hover{
/* background-color: #cccccc; */
}


#loginform .fields {
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EBEBEC;
	font-size: 105%;
	margin-top: 2px;
	margin-bottom: 4px;
	height: 20px;
	border: thin solid #EBEBEC;
}

#loginform .buttons {
	width:60px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #473a2c;
	font-size: 105%;
	height: 22px;
	font-weight: bold;
	color: #DCD8CB;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#loginform .logon_nobox{
	background-repeat:no-repeat;
	padding: 0 0 0 0px;
	background-position: 0 center;
	background-color: #FFFFFF;
	text-decoration:none;
	color:#999999;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Helvetica, Arial, sans-serif;
	margin-left: -2px;
}

#text_box .pdf_dl, #mid_col .pdf_dl {
	background-image: url(../images/icon_pdf.gif);
	background-position: left;
	padding-left: 20px;
	background-repeat: no-repeat;
	line-height: 22px;
	vertical-align: middle;
	padding-top: 2px;
}
#text_box_left li.condense, #text_box_right li.condense {
	font-size: 93%;
}
#text_box .pdf_dl_eco, #mid_col .pdf_dl {
	background-image: url(../images/icon_pdf.gif);
	background-position: left;
	padding-left: 20px;
	background-repeat: no-repeat;
	line-height: 17.5px;
	vertical-align: middle;
	padding-top: 2px;
}
.eco_green {
	font-weight: bold;
	color: #79b51c;
}
#text_box .pdf_dl_eco {
	background-image: url(../images/icon_pdf.gif);
	background-position: left;
	padding-left: 20px;
	background-repeat: no-repeat;
	line-height: 17.5px;
	vertical-align: middle;
	padding-top: 2px;
	font-weight: bold;
	color: #79b51c;
}
a.home_bold_3lines {
font-weight: bold;
color:#473a2c;
height: 50px;
}
