@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: Liberation;
 src: url("fonts/LiberationMono-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: Liberation;
 src: url("fonts/LiberationMono-Regular.ttf") /* TTF file for CSS3 browsers */
}
body, table {
	margin: 0 0 0 0;
	background-color: white;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1
{
    font-size: 18px;
}
input, textarea {
	border: 1px black dotted;
	background-color: transparent;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
textarea {
	padding: 3px;
}
a:link,a:visited {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: #450009;
	text-decoration: underline;
}

        #menu_services
        {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -250px;
        }
        
        .menu_services_cell
        {
            text-decoration: none;
            display: block;
            height: 48px;
            text-align: center;
            padding-top: 35px;
            background-color: transparent;
            font-size: 12px;
            font-weight: bold;
            line-height: 13px;
        }
        
        .menu_services_cell:Hover
        {
            background-image: url('/images/menu_highlight.png');
            background-repeat: no-repeat;
            background-position: center center;
        }
        
        .menu_services_cell:link, .menu_services_cell:visited, .menu_services_cell:hover
        {
            text-decoration: none;
        }

.boxTop:link, .boxTop:visited
{
    font-size: 12px;
    color: #F1E4CA;
    text-decoration: none;
}

.boxTop:hover
{
    color: white;
}

.servTopLink:link, .servTopLink:visited
{
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
}

.servTopLink:hover
{
    color: #cc0000;
    text-decoration: none;
}

.services_hover
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.services_hover:hover
{
    background-image: url('/images/services_highlight.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.boxText
{
    font-size: 9px;
    text-align: justify;
    color: #333333;
    line-height: 10px;
}

a.boxText:link, a.boxText:visited
{
    font-size: 9px;
    text-align:justify;
    color: #333333;
    line-height: 12px;
    letter-spacing: -1px;
    text-decoration: none;
}

a.boxText:hover
{
}

#wabisabi_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -0px;
	width: 131px;
	height: 23px;
}
#wabisabi a#wabisabi_menu {
	background-position: -0px -33px;
	width: 131px;
	height: 23px;
}
#profile_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -66px;
	width: 131px;
	height: 21px;
}
#profile a#profile_menu {
	background-position: -0px -97px;
	width: 131px;
	height: 21px;
}
#services_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -128px;
	width: 131px;
	height: 20px;
}
#services a#services_menu {
	background-position: -0px -158px;
	width: 131px;
	height: 20px;
}
#your_room_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -188px;
	width: 131px;
	height: 24px;
}
#your_room a#your_room_menu {
	background-position: -0px -222px;
	width: 131px;
	height: 24px;
}
#process_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -256px;
	width: 131px;
	height: 14px;
}
#process a#process_menu {
	background-position: -0px -280px;
	width: 131px;
	height: 14px;
}
#going_green_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -304px;
	width: 131px;
	height: 21px;
}
#going_green a#going_green_menu {
	background-position: -0px -335px;
	width: 131px;
	height: 21px;
}
#contact_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -422px;
	width: 131px;
	height: 24px;
}
#contact a#contact_menu {
	background-position: -0px -456px;
	width: 131px;
	height: 24px;
}
#inspirations_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -490px;
	width: 131px;
	height: 23px;
}
#inspirations a#inspirations_menu {
	background-position: -0px -523px;
	width: 131px;
	height: 23px;
}
#projects_menu {
	background-image: url('../images/menu.png');
	display: block;
	background-position: -0px -366px;
	width: 131px;
	height: 18px;
}
#projects a#projects_menu {
	background-position: -0px -394px;
	width: 131px;
	height: 18px;
}
#projects_menu {
}
.border-shadow {
	border-width: 5px;
	-moz-box-shadow: 4px 4px 5px #969696; /* for Firefox 3.5+ */;
	-webkit-box-shadow: 4px 4px 5px #969696; /* for Safari and Chrome */;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}
.client_th {
	font-family: Courier, Courier New;
}
.page_center {
	width: 800px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	height: 1px;
    width: 1px;
}
#little_room_brief_div {
	position: relative;
	top: 110px;
	left: 112px;
	width: 200px;
}
#little_room_client_div {
	position: relative;
	top: 420px;
	left: 640px;
	width: 190px;
}
.brief {
	font-size: 10px;
	font-family: Liberation;
	line-height: 14.0px;
	}

.brief_sml {
	font-size: 9px;
	font-family: Liberation;
	line-height: 14.0px;
}
.client {
	font-size: 11px;
	font-family: arial;
	line-height: 13.0px;
	font-style: italic;
}
.brief_head {
	color: #861c22;
}
.image_gallery_div {
	position: relative;
	top: 190px;
	left: 430px;
	width: 400px;
}
#contact_div {
	position: relative;
	top: 555px;
	left: 485px;
	width: 150px;
	font-size: 9px;
}
ul {
	text-align: center;
}
li {
	display: inline;
}
span {
	text-align: center;
}
.kitchens_btn_div a{
	position: relative;
	top: 364px;
	left: 694px;
}

.bathrooms_btn_div a{
	position: relative;
	top: 495px;
	left: 490px;
}

.bedrooms_btn_div a{
	position: relative;
	top: 364px;
	left: 694px;
}

.lounge_btn_div a{
	position: relative;
	top: 495px;
	left: 490px;
}

.bedrooms_btn_div a{
	position: relative;
	top: 364px;
	left: 694px;
}

.one_off_pieces_btn_div a{
	position: relative;
	top: 495px;
	left: 490px;
}

.click_div a{
	position: relative;
	top: 138px;
	left: 624px;
}
.prev_div a{
	position: relative;
	top:552px;
	left: 635px;
}
.next_div a{
	position: relative;
	top:552px;
	left: 715px;
}
.b2prj_div a{
	position: relative;
	top:575px;
	left: 668px;
}
.btn_b2prj a {
	background-image: url('../images/buttons.png');
	display: block;
	background-position: -0px -0px;
	width: 112px;
	height: 32px;
}
.btn_b2prj a:hover {
	background-position: -0px -37px;
	width: 112px;
	height: 32px;
}
.btn_click a {
	background-image: url('../images/buttons.png');
	display: block;
	background-position: -0px -74px;
	width: 112px;
	height: 32px;
}
.btn_click a:hover {
	background-position: -0px -111px;
	width: 112px;
	height: 32px;
}
.btn_img_gal a {
	background-image: url('../images/buttons.png');
	display: block;
	background-position: -0px -148px;
	width: 137px;
	height: 52px;
}
.btn_img_gal a:hover {
	background-position: -0px -205px;
	width: 137px;
	height: 52px;
}

.btn_next a {
	background-image: url('../images/buttons.png');
	display: block;
	background-position: -0px -262px;
	width: 91px;
	height: 29px;
}
.btn_next a:hover {
	background-position: -0px -296px;
	width: 91px;
	height: 29px;
}
.btn_prev a {
	background-image: url('../images/buttons.png');
	display: block;
	background-position: -0px -330px;
	width: 89px;
	height: 32px;
}
.btn_prev a:hover {
	background-position: -0px -367px;
	width: 89px;
	height: 32px;
}

.btn_project_a{
    top:106px;
	left: 835px;
	position: relative;
}
.btn_project_a a{
	background-image: url('../images/btn_project_a.png');
	background-position: -0px -0px;
	 width: 22px; 
	 height: 75px;
	display: block;
}
.btn_project_a a:hover {
	background-position: -0px -85px;
	 width: 22px; 
	 height: 75px;
}

.btn_bath_prj { top: 116px; left: 591px; position: relative;}
.btn_bath_prj a{ background-image: url('../images/projects_sprite.png'); background-position: -0px -0px; width: 20px; height: 76px; display:block ;}
.btn_bath_prj a:hover{background-position: -0px -86px;}

.btn_bed_prj { top: 200px; left: 628px; position: relative;}
.btn_bed_prj a{ background-image: url('../images/projects_sprite.png'); background-position: -0px -172px; width: 15px; height: 72px; display:block ;}
.btn_bed_prj a:hover{ background-position: -0px -254px;}

.btn_kit_prj { top: 41px; left: 561px; position: relative;}
.btn_kit_prj a{ background-image: url('../images/projects_sprite.png'); background-position: -0px -336px; width: 22px; height: 71px; display:block ;}
.btn_kit_prj a:hover{ background-position: -0px -417px;}

.btn_lounge_prj { top: 289px; left: 646px; position: relative;}
.btn_lounge_prj a{ background-image: url('../images/projects_sprite.png'); background-position: -0px -498px; width: 26px; height: 148px; display:block ;}
.btn_lounge_prj a:hover{ background-position: -0px -656px;}

.btn_one_off_prj { top: 104px; left: 683px; position: relative; }
.btn_one_off_prj a{ background-image: url('../images/projects_sprite.png'); background-position: -0px -814px; width: 22px; height: 81px; display:block ;}
.btn_one_off_prj a:hover{ background-position: -0px -905px; }

.btn_a_little_prj { top: 208px; left: 709px; position: relative;}
.btn_a_little_prj a{ background-image: url('../images/projects_sprite.png'); background-position: 0px -996px; width: 25px; height: 158px; display:block ;}
.btn_a_little_prj a:hover{background-position: 0px -1164px;}


.btn_project_b{
    top:116px;
	left: 835px;
	position: relative;
	}
.btn_project_b a{
	background-image: url('../images/btn_project_b.png');
	background-position: -0px -0px;
    width: 22px; 
	height: 75px;
	display: block;
}
.btn_project_b a:hover {
	 background-position: -0px -85px;
 	 width: 22px; 
	 height: 75px;
}