@charset "UTF-8";
/* CSS Document */
body{
	font-family: arial, helvetica, verdana, serif;
	color: #000;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18px  ===> 16px = 1em*/
}
body .xml-gallery{
	position: relative;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}
/* ---------- body/html End---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Standard Markup Begin ---------- */
h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em; /* 16x1.636=36px */
	margin: 0;
}
h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin: 1em 0;
}
h3 {
	font-size: 1em; /* 16x1=16px */
	margin: 1em 0;
}
p {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 1em 0;
}
h1, h2, h3{
	color: #418d90;
}
a:link, a:visited{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #418d90;
}
a:hover, a:active{
	color: #418d90;
	border-bottom: 1px solid #333;
}
/* ---------- Standard Markup End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Main Page Blocks Begin ---------- */
#content{
	margin: 0 auto;
	width: 59.62em;
}
#top-content{
	position: absolute;
	top: 0em;
	left: 50%;
    margin-left: -29.81em; /* must be half of #content width (59.62em)*/
}
#header{
	height: 8.91em;
	width: 100%;
	color: #666;
	font-size: 0.75em;
	display: block;
}
#header div{
	float: left;
}
#header .header-left, #header .header-right{
	width: 22.33em; /* em width = (268/16) / 0.75) */
}
#header .header-middle{
	width: 24.5em; /*24.5 ---  23.5 + 22.33 + 22.33 = 68.16 */
	text-align: center;
	padding: 0 4.95em;
}
#header .header-right{
	text-align: right;
}
.header-right strong{	
	font-size: 120%;
}
#nav{
	width: 79.45em;
	height: 2em;
	font-size: 0.75em;
	background: #000;
	text-align: center;
	clear: both;
}
#flash{
	background: #000;
	height: 18.75em;
}
#content{
	margin-top: 8.21em;
}
*:first-child+html #content { /* ie 7 content top margin fix */
	margin-top: 7.25em;
}
* html #content { /* ie 6 content top margin fix */
	margin-top: 7.42em;
}
.flash-header #content{
	margin-top: 27.06em;
	padding-top: 1em;
}
*:first-child+html .flash-header #content { /* ie 7 content top margin fix */
	margin-top: 27.06em;
}
.flash-header #body{
	float: left;
	width: 60%;
	padding-top: 0.625em;
}
#body h1{
	color: #666;
}
#body strong{
	color: #666;
}
#feed{
	width: 36%;
	float: right;
	color: #fff;
	background: #000 url(../images/tile-feed.gif) repeat-x top left;
	border: 2px solid #999;
	font-size: 0.9em;
}
#feed h2{
	font-size: 1.53em;
	color: #ccc;
	margin-top: 0.65em;
	margin-bottom: 0.9em;
	padding: 0.1em 1em 0 0.7em;
}
#feed p{
	padding: 0.1em 1em;
}
#feed a{
	color: #fff;
}
#footer{
	width: 100%;
	display: block;
	clear: both;
	font-size: 0.8em;
	color: #999;
	padding-top: 2em;
}
#footer .left{
	float: left;
}
#footer .right{
	float: right;
}
#footer a{
	color: #999;
	border-bottom-color: #ccc;
}
/* ---------- Main Page Blocks End ---------- */
.standard-page #body, .interior-design-page #body{
	font-size: 0.8em;
	border: 1px solid #000;
	line-height: 1.2em;
	min-height: 39.14em;
	width: 74.30em;
}
.interior-design-page #body{
	color: #fff;
	border: none;
	background: #000 url(../images/tile-interior-design-h1.gif) repeat-x top left;
	min-height: 40em;
	width: 74.45em;
}
.interior-design-page #body.portfolio{
	background: #000 url(../images/interior-design-portfolio-bg.gif) no-repeat top left;
}
* html .standard-page #body, * html .interior-design-page #body{ /* ie 6 */
	height: 39.14em;
}
.standard-page #body h1, .interior-design-page #body h1{
	margin: 0.5em 0 0.2em 5.5em;
}
.standard-page #body h1.blog{
	margin-left: 0em;
	padding-left: 1.8em;
}
.standard-page #body .copy-left h1, .standard-page #body .copy-right h1{
	padding-left: 0;
	margin-left: 0;
}
.standard-page #body h2, .interior-design-page #body h2{
	margin: 0.2em 0;
	font-size: 1.1em;
}
.standard-page #body p, .interior-design-page #body p{
	margin: 0.2em 0 1.2em 0;
}
.interior-design-page #body h1{
	color:#FF6600;
	padding-top:1.8em;
	padding-bottom: 2.0em;
}
.interior-design-page #body strong{
	color:#FF6600;
}
.interior-design-page #body a{
	color:#FF6600;
	text-decoration: none;
	border: none;
}
.interior-design-page .galleryLink{
	width: auto;
	float: left;
	text-align: center;
}
#chic{
	position: relative;
	top: 12em;
	left: 2em;
}
#classic{
	position: relative;
	top: -1.5em;
	left: 6.5em;
}
#opulent{
	position: relative;
	top: 19em;
	left: 1em;
}
#urban{
	float: right;
	position: relative;
	top: 5em;
	left: 0em;
	display:block;
}
/* */
.copy-left, .copy-right{
	width: 40%;
}
.copy-left{
	float: left;
	padding-left: 2.5em;
	padding-right: 0em;
}
.copy-right{
	float: right;
	padding-right: 2.5em;
	padding-left: 0em;
}
.copy-middle{
	margin: 0 auto;
	padding: 0 2.5em 0 6.31em;
	width: 70%;
}
.interior-design-page #body .copy-middle{
	width: auto;
	padding-left: 11.66em;
}
.standard-page #body .copy-middle h1, .interior-design-page #body .copy-middle h1{
	margin-left: 0;
}
/* ---------- Page Design Styles End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Navigation Bar Begin ---------- */
#nav ul{
	text-align: left;
	background: #000;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: #000 url(../images/tile-nav.gif) repeat-x bottom left;
}
#nav a {
	display: block;
	width: 12.2em;
	border: 1px solid #2f2f2f;
	border-right: none;
	padding: 0.4em 0;
	color: #fff;
	text-decoration: none;
}
#nav a:hover{
	background: #222;
}
#nav li { /* all list items */
	float: left;
	width: 12.2em; /* for opera */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 12.2em;
	left: -999em; /* for screen readers */
}
*:first-child+html #nav li ul { /* ie 7 drop down compensation */
	margin-left: -6.1em;
}
* html #nav li ul { /* ie 6 drop down compensation */
	margin-left: -6.1em;
}
#nav li:hover ul, #nav li.sfhover ul{
	left: auto;
	background-position: 0 0; /* IE 7 Drop Down Sticky Fix!*/
}
#nav li ul a{
	width: 11.3em;
	padding: 0.4em;
	border: none;
	border: 1px solid #333;
	border-top: none;
}
*:first-child+html #nav li ul a{ /* ie 7 drop down compensation */
	width: 11.2em;
}
#nav li.first{
	padding-left: 3.0em;			/* nav bar offset to give centre-aligned look */
}
#nav li.last{
	border-right: 1px solid #2f2f2f;
}
/* ---------- Navigation Bar End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Contact Form Begin ---------- */
#contactForm fieldset{
	margin: 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	background: #F2EFE9;
}
#contactForm fieldset.nofloat{
	float:none;
	clear:none;
}
#contactForm p{
	padding: 0 1em;
}
#contactForm fieldset ol{
	padding: 1em 1em 0 1em;
	margin-top: 0;
	list-style: none;
}
#contactForm fieldset ol{
	margin-left: 0em;
}
#contactForm fieldset li{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
#contactForm label{
	position: relative;
	float: left;
	width: 5em;
	margin-right: 1em;
	color: #444;
}
#contactForm label strong{ /* ie 6 */
	position: absolute;
	left: 29.7em;
	top: 0.2em;
	width: 24em;
	color: #CC0000;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
}
#contactForm .nofloat label strong{ /* ff */
	left: 29.7em;
}
#contactForm .nofloat input.widthc{
	width: 208px;
}
#contactForm fieldset ol strong.black{
	color: #333;
}
#contactForm fieldset.submit{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 1em;
	background-color: transparent;
	background-image: none;
}
/* ---------- Contact Form End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- General CSS Begin ---------- */
#sidebar ul{
	list-style: none;
}
#sidebar ul li ul {
	font-size: 1em;
	padding-left: 12px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0px 3px;
	border: 0;
}
div .free-quote, div .free-quote-2{
	padding: 1em 0;
	width: 259px;
	height: 89px;
	margin: 0 auto;
	clear: both;
}
div .free-quote-2{
	padding-bottom: 0;
}
.copy-middle .free-quote-2{
	clear: none;
}
a img, div .free-quote a, div .free-quote-2 a{
	border: none;
}
#side-image-1, #side-image-2, #side-image-X{
	width: 6.1em;
	height: 39.14em;
	float: left;
	background: #fff url(../images/left-why-choose-us.jpg) no-repeat top left;
}
#side-image-2{
	background: #fff url(../images/left-design-services.jpg) no-repeat top left;
}
#side-image-X{
	width: 5.1em;
	background-image:none;
}
#side-image-3{
	width: 9.16em;
	height: 40.0em;
	float: left;
	background: #000 url(../images/left-interior-design.jpg) no-repeat top left;
}
.standard-img{
	padding-top: 0.5em;
	padding-bottom: 1em;
}
div .clear-both{
	clear: both;
}
.float-left{
	float: left;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
}
.float-right{
	float: right;
	padding-left: 1.5em;
	padding-bottom: 1.5em;
}
#respond{
	width: 40%;
}
#respond textarea{
	width: 30em;
}