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

/* COLOR KEY
Black = #2f2f2f;
COLOR KEY */

/* RESETS - BEGIN */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
/* RESETS - END */

/* GENERAL STYLES - BEGIN */
html {overflow-y: scroll;}
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	height: 100%;
	background: #fff;
}
ol, ul {
	list-style: none;
}
h1 {
	font-size: 1.4em;
	color: #2f2f2f;
	line-height: 1.1em;
}
h2 {
	font-size: 1.2em;
	color: #2f2f2f;
}
p {
	margin-bottom: 12px;	
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
sup {
	font-size: 0.6em;
	line-height: 0.5em;
	vertical-align:super;
}

.right {
	float: right;
}
.left {
	float: left;
}
.clearfloat {
	display: block;
	clear:both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}
.whitetext {
	color: #fff;	
}
#container {
	width: 972px;
	height: 620px;
	margin: 0 auto;
}
#page {
	position: relative;
	width: 859px;
	height: 478px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}
/* GENERAL STYLES - END */

/* TOP NAV STYLES - BEGIN */
#top {
	width: 859px;
	height: 73px;
	z-index: 25;	
	margin: 0 auto;
	padding: 0;
}
#logo {
	float: left;
	margin-top: 40px;	
}
#logo a {
	text-decoration: none;
	outline: none;
	border: none;
}

ul.topnav {
	width: 281px;
	float: right;
	padding: 0;
	margin-top: 44px;
	z-index: 50;
	background: #fff;
}
ul.topnav li {
	float: left;
	height: 20px;
	margin: 0;
	padding: 0 35px 8px 0;
	position: relative; /*--Declare X and Y axis base--*/
	z-index: 50;
}
ul.topnav li.last {	
	padding-right: 0;
}

#navback {	
	display: none;
	position: absolute;
	width: 301px;
	height: 192px;
	top: 25px;
	left: -20px;
	z-index: 5;
	background: #fff;
}

#navback.snb {
	left: -20px;
}
#navback.swnb {
	left: -100px;
}

ul.topnav li ul.drop {
	display: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	top: 25px;
	z-index: 50;
	background: #fff;
	text-align: left;
}

ul.topnav li ul.studionav {
	left: -20px;
	width: 66px;
	margin-left: 20px;
}
ul.topnav li ul.selectednav {
	left: -100px;
	width: 137px;
	margin-left: 100px;
}

ul.topnav li ul.studionav li, ul.topnav li ul.selectednav li {
	width: 298px;
	height: 20px;
	padding: 0;
	margin: 0;
}

ul.topnav li a.studio {
	background: url("../images/topnav/btn-studio.gif") 0 0 no-repeat;
	width: 45px;
	text-indent: -9999em;
}
ul.topnav li a.selectedwork {
	background: url("../images/topnav/btn-selectedwork.gif") 0 0 no-repeat;
	width: 102px;
	text-indent: -9999em;
}
ul.topnav li a.contact {
	background: url("../images/topnav/btn-contact.gif") 0 0 no-repeat;
	width: 57px;
	text-indent: -9999em;
}

ul.topnav li a.main {
	display: block;
	text-decoration: none;
	height: 20px;
}
ul.topnav li a.main:hover {	
	background-position: 0 -20px;
}

ul.topnav li ul.studionav li a.bio {
	background: url("../images/topnav/btn-bio.gif") 0 0 no-repeat;
	width: 66px;
	text-indent: -9999em;
}
ul.topnav li ul.studionav li a.philosophy {
	background: url("../images/topnav/btn-philosophy.gif") 0 0 no-repeat;
	width: 66px;
	text-indent: -9999em;
}
ul.topnav li ul.studionav li a.news {
	background: url("../images/topnav/btn-news.gif") 0 0 no-repeat;
	width: 66px;
	text-indent: -9999em;
}
ul.topnav li ul.studionav li a.inspirations {
	background: url("../images/topnav/btn-inspirations.gif") 0 0 no-repeat;
	width: 66px;
	text-indent: -9999em;
}

ul.topnav li ul.selectednav li a.something {
	background: url("../images/topnav/btn-somethingfromnothing.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}
ul.topnav li ul.selectednav li a.livingsimply {
	background: url("../images/topnav/btn-livingsimply.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}
ul.topnav li ul.selectednav li a.natural {
	background: url("../images/topnav/btn-naturalcleansing.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}
ul.topnav li ul.selectednav li a.urban {
	background: url("../images/topnav/btn-urbanoasis.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}
ul.topnav li ul.selectednav li a.livingwithart {
	background: url("../images/topnav/btn-livingwithart.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}
ul.topnav li ul.selectednav li a.midcentury {
	background: url("../images/topnav/btn-midcenturymodern.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}
ul.topnav li ul.selectednav li a.artful {
	background: url("../images/topnav/btn-artfuldining.gif") 0 0 no-repeat;
	width: 137px;
	text-indent: -9999em;
}

ul.topnav li ul.studionav li a, ul.topnav li ul.selectednav li a {
	display: block;
	text-decoration: none;
	height: 20px;
}
ul.topnav li ul.studionav li a:hover, ul.topnav li ul.selectednav li a:hover {	
	background-position: 0 -17px;
}
/* TOP NAV STYLES - END */

/* HOME STYLES - BEGIN */
#homeImage {
	position: absolute;
	width: 859px;
	height: 478px;
	top: 0;
	left: 0;
	z-index: 1;
}
#logobar {
	position: absolute;
	width: 859px;
	height: 19px;
	top: 169px;
	left: 0;
	z-index: 2;	
}
#redbar {
	position: absolute;
	width: 2px;
	height: 478px;
	top: 0;
	left: 141px;
	background: #ec3b30;
	z-index: 3;
}
/* HOME STYLES - END */

/* BIO/PHILOSOPHY STYLES - BEGIN */
#leftImage {
	width: 92px;
	height: 441px;
	margin: 37px 33px 0 145px;
	float: left;
}
.visibility {
	display: none;
}
#copy {
	width: 560px;
	float: left;
	text-align: left;
}
#copy.bio {
	margin-top: 250px;	
}
#copy.philosophy {
	margin-top: 405px;	
}
#copy p { 
	color: #808080;
	font-size: 1.1em;
	line-height: 1.4em;
}
/* BIO/PHILOSOPHY STYLES - END */

/* CONTACT STYLES - BEGIN */
#contactHolder {
	width: 679px;
	height: 407px;
	margin: 50px 0 0 150px;
	background: #ff1e06;
	text-align: left;
	padding: 34px 17px 0 21px;
	position: relative;
}
h1.thankyou {
	position: absolute;
	top: 120px;
	left: 435px;
	color: #fff;
}
#formItem {
	margin-bottom: 35px;	
}
input.textfield {
	width: 678px;
	height: 15px;
	color: #2f2f2f;
	font-size: 1.1em;
	background: #ef0202;
	border: none;
}

input.white, input:focus {
	background: #fff;
}

#address {
	float: left;
}

#button {
	float: right;
}
.button {
	width: 83px;
	height: 15px;
	background: url("../images/contact/btn-submit.gif") 0 0 no-repeat;
	text-indent: -9999em;
	border: none;
}
.button:hover { 
	background-position: 0 -15px;
}

label.error {
	/*background: url('images/check-invalid.gif') no-repeat;
	margin-left: 10px;
	padding-left: 20px;*/
	display: inline-block;
	width: 175px;
	height: 16px;
	color: #fff;
	vertical-align: text-top;
}

form#contact label.valid {
	/*background: url('images/check-valid.gif') no-repeat;*/
	display: block;
	width: 1px;
	height: 1px;
	vertical-align: text-top;
}

form#contact input.valid {
	background-color: #fff;
}

form#contact input.error {
	background-color: #2f2f2f;
	margin: 0px;
	color: #fff;
}

/* CONTACT STYLES - END */

/* INSPIRATION/SELECT WORK STYLES - BEGIN */
#slideshow {
	position: relative;
	width: 717px;
	height: 410px;
	margin: 50px 0 0 140px;
	text-align: left;
}
#s1 {
	width: 717px;
	height: 410px;
	text-align: left;
	position: relative;
}
img.first {
	display: none;
}
#s1 h1 {
	color: #808080;
	font-size: 1.1em;
	font-weight: bold;
	width: 400px;
	position: absolute;
	top: 393px;
	left: 0;
}
#s1 h1.first {
	color: #2f2f2f;
}
#s1 ul, #s1 ul li {
	position: relative;	
}
#s1 li.inspiration p.inspirationCopy {
	position: absolute;
	top: 150px;
	left: 0;
	width: 720px;
	color: #808080;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
}
#s1 li.inspiration h1.inspirationTitle {
	color: #2f2f2f;
	font-size: 1.1em;
	font-weight: bold;
}
#slideshowNav {
	position: absolute;
	bottom: 5px;
	color: #808080;
	font-size: 1.1em;
	text-align: right;
	z-index: 100;
}
#slideshowNav.inspirations{
	left: 565px;
	width: 155px;
}
#slideshowNav.artfuldining, #slideshowNav.livingsimply {
	left: 625px;
	width: 95px;
}
#slideshowNav.livingwithart {
	left: 605px;
	width: 115px;
}
#slideshowNav.midcenturymodern {
	left: 540px;
	width: 175px;
}
#slideshowNav.naturalcleansing {
	left: 585px;
	width: 135px;
}
#slideshowNav.urbanoasis {
	left: 248px;
	width: 470px;
}
#slideshowNav li {
	float: left;
	margin: 0 14px 0 0;
}
#slideshowNav li.last {
	float: left;
	margin-right: 0;
}
#slideshowNav li a, #slideshowNav li a.visited, #slideshowNav li a.currentSlide {
	color: #808080;
	font-size: 1.1em;
	text-decoration: none;
	border: none;
	outline: none;
}
#slideshowNav li a:hover, #slideshowNav li a.visited:hover, #slideshowNav li a.selectedSlide {
	color: #2f2f2f;
	font-size: 1.1em;
	text-decoration: none;
	border: none;
	outline: none;
}

#workCopy p {
	width: 717px;
	color: #808080;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	margin: 0 0 0 140px;
}
/* INSPIRATION/SELECT WORK STYLES - END */