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

html, body {
	background: #64564b;
}

body {
	color: #413730;
	font: 14px Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('../font/colabLig.eot');
	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('../font/colabLig.ttf') format('truetype');
}

a {
	color: #a35432;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 1em;
}

h1 {
	font: italic 27px "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

h2 {
	font: bold italic 18px "Times New Roman", Times, serif;
}

.clr {
	clear: both;
}

ul.unordered {
	margin: 0 0 1em 1em;
	padding-left: 1em;
}

ul.unordered li {
	list-style: disc;
	margin-bottom: .5em;
}

#wrapper {
	background: #fff7e6;
	margin: auto;
	width: 950px;
}

/* Header ------------------------------------ */

#header {
	background: url(../img/header-bg.jpg);
	height: 148px;
	position: relative;
}

#header-company-name {
	position: relative;
	left: 81px;
	top: 28px;
	z-index: 100
}

#header-curl-left {
	left: -17px;
	position: absolute;
	top: 14px;
	z-index: 1;
}

#header-curl-right {
	position: absolute;
	right: -18px;
	top: 98px;
}

/* Primary Nav ------------------------------------ */

#nav {
	background: #413730;
	height: 2em;
	font: 16px ColaborateLightRegular, Arial, Helvetica, sans-serif;
	line-height: 2em;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}

#nav li {
	background: url(../img/nav-divider.gif) right center no-repeat;
	float: left;
	height: 2em;
	line-height: 2em;
	padding: 0 12px 0 10px;
}

#nav a {
	color: #fc0;
	font-size: 15px;
}

#nav a:hover {
	color: #ffecc6;
	text-decoration: none;
}

#nav #nav-contact {
	background: none;
	color: #ffecc6;
	position: absolute;
	right: 0;
}

/* Home Promo ------------------------------------ */

#home-promo {
	position: relative;
	z-index: 2;
}

#home-promo a {
	cursor: pointer;
	display: block;
	float: left;
	height: 495px;
	position: relative;
	width: 236px;
}

#home-promo span {
	background: #ffecc6;
	height: 495px;
	position: absolute;
	width: 236px;
	opacity: 0.2;
	filter: alpha(opacity=20)
}

#home-promo img {
	position: absolute;
	top: 155px;
}

#home-promo-kitchens {
	background: url(../img/home-promo-kitchens-bg.jpg);
	border-right: 2px solid #efbe55;
}

#home-promo-bathrooms {
	background: url(../img/home-promo-bathrooms-bg.jpg);
	border-right: 2px solid #efbe55;
}

#home-promo-offices {
	background: url(../img/home-promo-offices-bg.jpg);
	border-right: 2px solid #efbe55;
}

#home-promo-more-rooms {
	background: url(../img/home-promo-more-rooms-bg.jpg);
}

/* Welcome (home) ------------------------------------ */

#welcome {
	background: #ffecc6 url(../img/welcome-bg.gif) 100% 50% no-repeat;
	clear: both;
	height: 400px;
	line-height: 1.3em;
	position: relative;
}

#welcome-tagline {
	left: 36px;
	position: absolute;
	top: 10px;
	z-index: 1;
}

#welcome-left-column {
	left: 125px;
	position: absolute;
	top: 155px;
	width: 550px;
	z-index: 2;
}

#welcome-sidebar {
	position: absolute;
	top: 155px;
	right: 35px;
	width: 200px;
	z-index: 2;
}

#welcome-sidebar p {
	margin: 1em 0 0 10px;
}

/* Sidebar ------------------------------------ */

.sidebar-button {
	background: url(../img/sidebar-button-bg.png);
	color: #fc0;
	display: block;
	font: 15px ColaborateLightRegular, Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 36px;
	margin-bottom: 3px;
	padding-left: 10px;
}

.sidebar-button:hover {
	background-position: bottom;
	color: #413730;
	text-decoration: none;
}

.sidebar-gallery-promo {
	background: url(../img/sidebar-gallery-promo-bg.jpg);
	color: #fc0;
	display: block;
	font: 15px ColaborateLightRegular, Arial, Helvetica, sans-serif;
	line-height: 1;
	margin-bottom: 3px;
	padding: 10px 15px 0 15px;
}

.sidebar-gallery-promo:hover {
	background-position: bottom;
	color: #413730;
	text-decoration: none;
}

.sidebar-gallery-promo img {
	margin: 10px 0 10px 0;
}

/* Secondary --------------------------------- */

#page-title {
	color: #ffecc6;
	font: italic 30px "Times New Roman", Times, serif;
	height: 75px;
	line-height: 75px;
	margin-bottom: 25px;
	padding-left: 15px;
	position: relative;
	z-index: 1;
}

.page-title-kitchens {
	background: url(../img/page-title-kitchens-bg.png) repeat-y;
}

.page-title-bathrooms {
	background: url(../img/page-title-bathrooms-bg.png) repeat-y;
}

.page-title-offices {
	background: url(../img/page-title-offices-bg.png) repeat-y;
}

.page-title-more-rooms {
	background: url(../img/page-title-more-rooms-bg.png) repeat-y;
}

#content {
	background: #fff7e6;
	padding: 0 35px 0 80px;
	zoom: 1;
}

#left-column {
	float: left;
	padding-bottom: 100px;
	position: relative;
	width: 600px;
	z-index: 1;
}

#sidebar {
	float: right;
	margin-bottom: 10px;
	width: 200px;
}

/* Photo Gallery ------------------------------ */

#gallery-wrapper {
	clear: both;
	padding-bottom: 10px;
	position: relative;
}

#gallery-title {
	position: absolute;
	top: -91px;
	left: -67px;
	z-index: 3;
}

#gallery-title-curl {
	left: -105px;
	position: absolute;
	top: -119px;
	z-index: 1;
}

#gallery {
	background: #413730;
	clear: both;
	color: #fff;
	font-weight: bold;
	left: -70px;
	padding: 10px 45px 0 45px;
	position: relative;
	width: 840px;
	z-index: 2;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#gallery p {
	line-height: 22px;
	margin-bottom: 5px;
}

#gallery-nav {
	position: absolute;
	right: 50px;
	top: 10px;
}

#gallery-nav li {
	float: left;
	line-height: 22px;
	margin: 0 5px;
}

#gallery-nav a {
	background: url(../img/gallery-nav-button-bg.gif);
	color: #efbe55;
	display: block;
	height: 22px;
	padding-left: 6px;
	width: 16px;
}

#gallery-nav a:hover, #gallery-nav a.active {
	background-position: bottom;
	color: #413730;
	text-decoration: none;
}

#gallery-pages {
}

#gallery-pages li {
}

#gallery-pages div {
	float: left;
	/* padding: 0 6px; */
	text-align: center;
	width: 168px;
	height: 112px;
}

#gallery-pages img {
	border: 2px solid #64564b;
	margin-bottom: 12px;
}

#gallery-pages img:hover {
	border: 2px solid #fc0;
}

#gallery-pages div.clr {
	width: 100%;
	height: 0;
}

/* Multipurpose ------------------------------ */

#title-curl {
	position: absolute;
	left: -17px;
	top: 10px;
	z-index: 1;
}

/* Form Styles ------------------------------ */

fieldset {
	background: #ffecc6;
	border: 2px solid #413730;
	float: left;
	padding: 10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.input {
	margin-bottom: 5px;
}

div.submit {
	text-align: right;
}

label {
	display: block;
	font-size: 12px;
	font-weight: bold;
}

label.error {
	color: #a80000;
	font-style: italic;
	font-weight: normal;
}

input[type=checkbox] {
	vertical-align: sub;
}

#sending {
	display: none;
	font-style: italic;
	padding-right: 5px;
}

/* Footer ------------------------------------ */

#footer {
	background: #413730;
	height: 3em;
	font: 11px ColaborateLightRegular, Arial, Helvetica, sans-serif;
	line-height: 3em;
	margin: 10px auto;
	padding-right: 10px;
	position: relative;
	width: 940px;
	z-index: 2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#footer li {
	background: url(../img/nav-divider.gif) right center no-repeat;
	float: left;
	height: 3em;
	line-height: 3em;
	padding: 0 12px 0 10px;
}

#footer a {
	color: #fc0;
	font-size: 15px;
}

#footer a:hover {
	color: #ffecc6;
	text-decoration: none;
}

#footer #footer-copyright {
	background: none;
	color: #ffecc6;
	position: absolute;
	right: 0;
}

#fi-footer {
	font-size: 10px;
	margin: 10px auto;
	text-align: right;
	width: 950px;
}

#fi-footer a {
	color: #a69488;
}