@charset "UTF-8";
/* CSS Document */
body{
	font-family: arial, helvetica, verdana, serif;
	color: #849BA8;
	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: #849BA8;
}
a:link, a:visited{
	color: #333;
	text-decoration: none;
	border-bottom: none /*1px solid #418d90*/;
}
a:hover, a:active{
	color: #849BA8;
	border-bottom: none /*1px solid #333*/;
}
/* ---------- Standard Markup End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Main Page Blocks Begin ---------- */
.update2011{
	border: 1px solid #a7b9c3 !important;
	min-height: 200px !important;
	border-top: none !important;
}
#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{
	width: 22.33em; /* em width = (268/16) / 0.75) */
}
#header .header-right{
	width: 39.83em;
	font-size: 1.4em;
	margin-top: 4em;
	text-align: right;
}
#header .header-middle{
	width: 1em; /*24.5 ---  22.33 + 1 + 22.33 = 68.16 */
	text-align: center;
	padding: 0 0em;
}
.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.5em;
}
*: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: 23.9em;
	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: 0em;
}
.black{
	color: #333;
}
.homefeatured{
	font-size: 1.5em;
	color: #333;
	margin: 0 0 auto 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
}
#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;
	min-height: 194px;
	margin-bottom: 0px;
}
#feed ul{
	margin-left: -2.8em;
	list-style: none;
}
#feed h2, #feed h3{
	font-size: 1em;
	color: #ccc;
	margin-top: 0.65em;
	margin-bottom: 0em;
	padding: 0.1em 1em 0 0.7em;
	line-height: 1em;
}
#feed h3{
	font-size: 1.2em;
	color: #849BA8;
}
#feed p{
	padding: 0em 1em;
	margin: 0.5em 0;
}
#feed a{
	color: #fff;
}
#footer{
	width: 100%;
	display: block;
	clear: both;
	font-size: 0.8em;
	color: #999;
	padding-top: 10px;
}
#footer-blue{
	background: #849ba8;
	display: block;
	width: auto;
	height: 50px;
	color: #fff;
	padding: 0.2em 1.2em 0 1.2em;
	font-size: 1.2em;
}
#footer-blue .right span{
	margin-left: 1em;
}
#footer .left{
	float: left;
}
#footer .right{
	float: right;
}
#footer a{
	color: #999;
	border-bottom-color: #ccc;
}
#footer-blue a{
	color: #333;
	border-bottom-color: #333;
}
/* ---------- Main Page Blocks End ---------- */
.standard-page #body, .interior-design-page #body{
	font-size: 0.8em;
/*	border: 1px solid #a7b9c3;*/
	border: none;
	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 0.5em 0;
	font-size: 1.4em;
	line-height: 1.3em;
}
.standard-page #body p, .interior-design-page #body p{
	margin: 0.2em 0 1.2em 0;
}
.standard-page #body p{
	text-align: justify;
	font-size: 1.0em;
	line-height: 1.3em;
}
.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: 46%;
	padding-top: 10px;
}
.copy-left{
	float: left;
	padding-left: 20px;
	padding-right: 0em;
}
.copy-right{
	float: right;
	padding-right: 20px;
	padding-left: 0em;
}
.copy-middle{
	margin: 0 auto;
	padding: 0 2.5em 0 6.31em;
	width: 70%;
}
.copy-full{
	margin: 0 0 0 6em;
	padding:0 0 1em 1.5em;
	width: 90%;
}
.width100pc{
	margin-left: 0px;
	padding-left: 20px;
	width: 98%;
	border: 1px solid #a7b9c3;
	border-top: none;
	padding-top: 10px;
}
.widthPhi1{
	width: 390px; /*950w -> makes 363px w, add 27px for padds*/
	padding: 10px 0 0 0px;
}
.widthPhi1618033{
	width: 523px; /* 587px is correct width, lower to fit images */
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 10px;
	margin-top: 10px;
	border: 1px solid #a7b9c3;
	
}
.widthPhi1618033 h3{
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.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;
	/*border: 1px solid #2f2f2f;*/
}
#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;
	height: 2.4em;
}
#nav a {
	display: block;
	/*width: 12.2em;
	/*border: 1px solid #2f2f2f;
	border-right: none; */
	border: none;
	border-right: 1px solid #2f2f2f;
	padding: 0.5em 0 0 0;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	height: 1.5em;
}
#nav a:hover{
	background: #222;
}
#nav li { /* all list items */
	float: left;
	width: 13.2em; /* for opera */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 12.2em;
	left: -999em; /* for screen readers */
	margin-top: -1px;
	z-index: 1000;
}
*: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.8em 0.4em 0.4em 0.4em;
	border: none;
	border: 1px solid #333;
	border-top: none;
	background: #000;
	z-index: 2000;
}
*:first-child+html #nav li ul a{ /* ie 7 drop down compensation */
	width: 11.2em;
}
#nav li.first{
	padding-left: 0em;			/* nav bar offset to give centre-aligned look */
}
#nav li.last a{
	border-right: none;
}
/* ---------- 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/bullet2.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;
}
#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: 0em;
	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;
}
a img, div .free-quote a, div .free-quote-2 a, a:link img, a:visited img{
	border: 0 !important;
	text-decoration: none !important;
}
a img{
	border:0;
}
.galleryNew a:link, .galleryNew a:visited, #lightbox a:link, #lightbox a:visited, .gallerySquare a:link, .gallerySquare a:visited, .header-left a:link, .header-left a:visited, .noborder a:link, .noborder a:visited{
	border: 0;
}
.galleryNew img{
	margin: 1em 2.5em 1em 0;
}
.gallerySquare img{
	margin: 0px 10px 10px 0;
}
.gallerySquare p{
	font-size: 0.8em !important;
	padding:0 10px 0 0 !important;
	margin: 0 0 0px 0 !important;
	text-align: center !important;
}
.gallerySquare p strong{
	color: #849BA8 !important;
}
ul.column2{
margin-left:-19px;
padding-bottom: 75px;
}
ul.column2 li{
	float: left;
	width: 208px;
	margin: 0 40px 0 0;
}
.headerimg{
	margin-top: 0px;
}
.topRightHeader{
	position:absolute;
	margin-left: -476px;
	left: 50%;
	text-align: right;
	top: 55px;
	width: 950px;
}
.topRightHeader h1{
	height:auto;
	text-align: right;
	font-size: 1.7em;
	color: #849BA8 !important;
}
.smaller{
	font-size: 0.8em;
}