/*
Theme Name: Spark Interior Styles
Theme URI: 
Description: 
Version: 2009
Author: Bella Guzman
Author URI: http://highwirecreative.com
*/

html{
	height:100%;
}
body{
	height:100%;
	min-width:986px;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#7f3d17;
	background:url(images/bg-body.gif);
}
a{
	color:#58989b;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border:0;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
#wrapper{
	margin:0 auto;
	min-height:100%;
}
#wrapper:after {
	content:"";
	display:block;
	clear:both;
}
* html #wrapper{
	height:100%;
}
#wrap{
	width:986px;
	padding:0 0 200px;
	margin:0 auto;
	overflow:hidden;
}
#wrap-logo{
	float:left;
	width:196px;
}
.logo{
	margin:0 0 0 13px;
	width:174px;
	height:237px;
	overflow:hidden;
	background:url(images/bg-logo.gif) no-repeat;
}
.logo a{
	display:block;
	width:174px;
	height:140px;
	margin:86px 0 0;
	text-indent:-9999px;
}
.slogan{
	display:block;
	width:134px;
	height:103px;
	text-indent:-9999px;
	margin:-8px 0 0 55px;
	background:url(images/bg-slogan.gif) no-repeat;
}
#main{
	float:right;
	width:768px;
	padding:22px 0 0;
}
.nav{
	width:100%;
	margin:0 0 31px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.nav li{
	float:left;
}
.nav a{
	float:left;
	height:57px;
	font-size:13px;
	color:#7f3d17;
	text-decoration:none;
	text-align:center;
	line-height:57px;
}

.nav .active a,
.nav a:hover{
	color:#f15a24;
	text-decoration:none;
}
.nav a.home {
	width:81px;
}

body#home .nav a.home,
.nav .active a.home,
.nav a.home:hover {
	background:url(images/bg-home.gif) no-repeat;
	color:#f15a24;
}

.nav a.services {
	width:112px;
}

body#page-5 .nav a.services,
.nav .active a.services,
.nav a.services:hover {
	background:url(images/bg-services.gif) no-repeat;
	color:#f15a24;
}

.nav a.edesign {
	width:104px;
}

body#page-7 .nav a.edesign,
.nav .active a.edesign,
.nav a.edesign:hover {
	background:url(images/bg-edesign.gif) no-repeat;
	color:#f15a24;
}

.nav a.faqs {
	width:82px;
}

body#page-9 .nav a.faqs,
.nav .active a.faqs,
.nav a.faqs:hover {
	background:url(images/bg-faqs.gif) no-repeat;
	color:#f15a24;
}

.nav a.about {
	width:88px;
}

body#page-2 .nav a.about,
.nav .active a.about,
.nav a.about:hover {
	background:url(images/bg-about.gif) no-repeat;
	color:#f15a24;
}

.nav a.gallery {
	width:109px;
}

body#page-11 .nav a.gallery,
.nav .active a.gallery,
.nav a.gallery:hover {
	background:url(images/bg-gallery.gif) no-repeat;
	color:#f15a24;
}

.nav a.blog {
	width:84px;
}

body#blog .nav a.blog,
body.post .nav a.blog,
.nav .active a.blog,
.nav a.blog:hover {
	background:url(images/bg-blog.gif) no-repeat;
	color:#f15a24;
}

.nav a.contact {
	width:104px;
}

bosy#page-15 .nav a.contact,
.nav .active a.contact,
.nav a.contact:hover {
	background:url(images/bg-contact.gif) no-repeat;
	color:#f15a24;
}

.visual{
	height:290px;
	margin:0 0 0 32px;
	overflow:hidden;
}
.visual a{
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}
.holder-1{
	float:left;
	width:170px;
	margin:0 21px 0 0;
}
.gallery-box{
	float:right;
	width:121px;
	height:96px;
	margin:0 0 17px;
	padding:30px 0 0;
	background:url(images/bg-gallery-box.gif) no-repeat;
}
.gallery-box a{
	width:68px;
	height:67px;
	background:url(images/gallery-box.jpg) no-repeat;
}
.gallery-box a:hover,
.gallery-box a.hover{
	background:url(images/gallery-box-hover.jpg) no-repeat;
}
.faqs-box{
	float:right;
	width:168px;
	height:123px;
	padding:24px 0 0;
	background:url(images/bg-faqs-box.gif) no-repeat;
}
.faqs-box a{
	width:115px;
	height:71px;
	background:url(images/faqs-box.jpg) no-repeat;
}
.faqs-box a.hover,
.faqs-box a:hover{
	background:url(images/faqs-box-hover.jpg) no-repeat;
}
.services-box{
	float:left;
	width:158px;
	height:237px;
	padding:29px 0 0;
	margin:0 17px 0 0;
	background:url(images/bg-services-box.gif) no-repeat;
}
.services-box a{
	width:107px;
	height:208px;
	background:url(images/services-box.jpg) no-repeat;
}
.services-box a.hover,
.services-box a:hover{
	background:url(images/services-box-hover.jpg) no-repeat;
}
.holder-2{
	float:left;
	width:235px;
}
.holder-2 div{
	float:left;
}
.about-box{
	width:172px;
	height:103px;
	padding:24px 0 0;
	margin:0 0 16px;
	background:url(images/bg-about-box.gif) no-repeat;
}
.about-box a{
	width:125px;
	height:79px;
	background:url(images/about-box.jpg) no-repeat;
}
.about-box a.hover,
.about-box a:hover{
	background:url(images/about-box-hover.jpg) no-repeat;
}
.blog-box{
	width:121px;
	height:102px;
	padding:21px 0 0;
	margin:0 17px 0 0;
	background:url(images/bg-blog-box.gif) no-repeat;
}
.blog-box a{
	width:75px;
	height:80px;
	background:url(images/blog-box.jpg) no-repeat;
}
.blog-box a.hover,
.blog-box a:hover{
	background:url(images/blog-box-hover.jpg) no-repeat;
}
.contact-box{
	width:95px;
	height:102px;
	padding:21px 0 0;
	background:url(images/bg-contact-box.gif) no-repeat;
}
.contact-box a{
	width:56px;
	height:80px;
	background:url(images/contact-box.jpg) no-repeat;
}
.contact-box a.hover,
.contact-box a:hover{
	background:url(images/contact-box-hover.jpg) no-repeat;
}
.content{
	width:450px;
	margin:0 0 0 36px;
	overflow:hidden;
}
.bright, .bright-services{
	display:block;
	margin:0 0 11px;
	width:292px;
	height:35px;
	text-indent:-9999px;
	background:url(images/text-bright.gif) no-repeat;
}
.text{
	height:1%;
	overflow:hidden;
	line-height:20px;
}
.text p{
	margin:0 0 18px;
}
.welcome{
	color:#58989b;
}
.join{
	display:block;
	margin:0 0 16px 111px;
	width:253px;
	height:27px;
	text-indent:-9999px;
	background:url(images/bg-join.gif) no-repeat;
}
#wrap-footer{
	width:100%;
	margin:-131px 0 0;
	background:url(images/bg-footer.gif) repeat-x;
}
#wrap-footer:after {
	content:"";
	display:block;
	clear:both;
}
#footer{
	width:832px;
	height:39px;
	padding:92px 77px 0;
	margin:0 auto;
	position:relative;
	z-index:1;
	font-size:9px;
	color:#f2f0d6;
}
.sparkit{
	position:absolute;
	left:125px;
	top:-54px;
	z-index:3;
}
.chair{
	position:absolute;
	right:0;
	top:-194px;
	z-index:4;
}
.flowers{
	position:absolute;
	top:-296px;
	left:-8px;
	z-index:2;
}
/* inner page */
.wrap-content{
	float:right;
	width:720px;
	padding:0 27px 0 0;
}
.wrap-content .content{
	float:left;
	width:467px;
	margin:0;
}
.picture{
	float:left;
	display:inline;
	padding:12px;
	margin:5px 29px 3px -4px;
	border:5px solid #7f3d17;
}
.picture img{
	display:block;
}
.wrap-content .join{
	margin:0;
}
.sidebar{
	float:right;
	width:203px;
	margin:-24px 0 0;
	position:relative;
	z-index:5;
}
.brown-box{
	width:203px;
	overflow:hidden;
	margin:0 0 17px;
}
.brown-box-t,
.brown-box-b{
	width:203px;
	height:29px;
	overflow:hidden;
}
.brown-box-t{
	background:url(images/bg-brown-box-t.gif) no-repeat;
}
.brown-box-b{
	background:url(images/bg-brown-box-b.gif) no-repeat;
}
.brown-box-m{
	width:163px;
	padding:8px 10px 7px;
	background:#513e32;
	margin:0 0 0 9px;
	overflow:hidden;
	text-align:center;
	color:#fde8cb;
	font-size:11px;
	line-height:18px;
}
.brown-box-m p{
	margin:0;
}
.quotes-box{
	width:201px;
	margin:0 0 0 3px;
	overflow:hidden;
}
.quotes-box-t{
	width:201px;
	height:15px;
	background:url(images/bg-quotes-box-t.gif) no-repeat;
	overflow:hidden;
}
.quotes-box-m1{
	width:201px;
	padding:0 0 131px;
	min-height:142px;
	background:url(images/bg-quotes-box1.gif) no-repeat 0 100%;
	overflow:hidden;
}

.quotes-box-m2{
	width:201px;
	padding:0 0 150px;
	min-height:142px;
	background:url(images/bg-quotes-box2.gif) no-repeat 0 100%;
	overflow:hidden;
}

.quotes-box-m3{
	width:201px;
	padding:0 0 131px;
	min-height:142px;
	background:url(images/bg-quotes-box3.gif) no-repeat 0 100%;
	overflow:hidden;
}

* html .quotes-box-m1,
* html .quotes-box-m2,
* html .quotes-box-m3{
	height:142px;
}







.quotes-box blockquote{
	margin:0 auto;
	width:186px;
	text-align:center;
	background:url(images/bg-quotes-open.gif) no-repeat;
}
.quotes-box q{
	display:block;
	quotes: none;
	padding:4px 7px 3px;
	margin:0;
	overflow:hidden;
	background:url(images/bg-quotes-close.gif) no-repeat 100% 100%;
	font:italic 12px Georgia, Times New Roman, serif;
	color:#58989b;
}
.quotes-box q {
	line-height:20px;
}
.quotes-box q:before{content:'';}
.quotes-box q:after{content:'';}
.quotes-box cite{
	font-size:10px;
	color:#f15a24;
	font-style:normal;
}

.quotescollection_author {
	text-align: center;
	text-transform: uppercase;
}

.quotescollection_randomquote cite {
	text-align:center;
}

.inner .bright {
	position:absolute;
	top:-43px;
	left:141px;
	z-index:6;
}
.inner .sparkit {
	position:absolute;
	right:-7px;
	top:-55pxpx;
	left:auto;
}
.table-flowers {
	position:absolute;
	top:-254px;
	left:13px;
	z-index:5;
}

body#page-5 .table-flowers {
	left:-35px;
	position:absolute;
	top:-434px;
	z-index:5;
}

body#page-2 .table-flowers {
	position:absolute;
	top:-255px;
	z-index:5;
}

.inner .bright-services {
	position:absolute;
	top:-43px;
	left:170px;
	z-index:6;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Sidebat Widgets */
.widgets-box {
	margin:0 0 10px 3px;
	overflow:hidden;
	width:201px;
}
.widgets-box .widgets-box-t {
	width:201px;
	height:15px;
	background:url(images/bg-quotes-box-t.gif) no-repeat;
	overflow:hidden;
}

.widgets-box .widgets-box-m {
	background:transparent url(images/bg-widget-box.gif) no-repeat scroll 0 100%;
	overflow:hidden;
	padding:0 15px 20px;
	width:180px;
}

.widgets-box .widgets-box-m h2.widgettitle { 
	margin: 0 0 5px; 
	font-size: 13px;
	font-weight: normal;
	width: 170px;
	text-transform: uppercase;
}

.widgets-box .widgets-box-m ul { list-style: none; margin:0; padding: 0;}


/* Gallery images */
h3.gallery-title { margin-top: 20px;}
ul.gallery-group { 
	list-style: none; 
	margin: 0 0 30px 0; 
	padding: 0;
	display: table;
}

ul.gallery-group li { 
	float:left;
	list-style-type:none;
	margin:0 0 10px;
	padding:0;
	width:auto;
	background:transparent url(images/photo-shadow.png) no-repeat scroll 0 0;
}

ul.gallery-group li img { 
	margin: 0 14px 0 0;
}

div#mc_display_rewards {display: none;}
.mc_custom_border {
	padding: 0px;
}

form#searchform label {
	font-size:13px;
	font-weight:normal;
	margin:0 0 5px;
	text-transform:uppercase;
	width:170px;
	line-height: 30px;
}
/* MailChimp form */

#mc_signup_form legend {
	margin:0;
	padding:0;
}

#mc_signup_form .mc_var_label {
	color: #58989B;
}

form#searchform {
	width: 170px;
}

form#searchform input#s,
#mc_signup_form .mc_var_label, 
#mc_signup_form .mc_input,
.mc_signup_submit {
	width: 160px;
}

#mc_message {
	width: 250px;
	padding-bottom: 8px;
}

#mc_message .mc_error_msg {
	color: #F15A24;
}
#mc_message .mc_success_msg {
	color: #58989B;
}

.mc_signup_submit {
	clear:both;
	padding:0.2em;
	text-align:right;
	width:170px;
}


input#searchsubmit {
	background:#FFFFFF url(images/btn_search.png) no-repeat scroll 0 0;
	color: transparent;
	width: 48px;
	height: 25px;
	border: 0;
	margin-left: 120px;
}

input#mc_signup_submit {
	background:#FFFFFF url(images/btn_joinnow.png) no-repeat scroll 0 0;
	color: transparent;
	width: 57px;
	height: 25px;
	border: 0;	
}

h2.sub-header {
	color:#F15A24;
	font-family:georgia;
	font-size:17px;
	font-weight:normal;
	line-height:normal;
}


blockquote {
	color: #58989B;
	font-family: georgia;
	font-size: 13px;
	font-weight: normal;
	line-height:18px;
        font-style: italic;
        margin: 0 10px 0 0;
}

ul#faq { margin: 0; padding: 0; list-style: none;}
h2.faq-title { margin-top: 40px; font-size: 14px; font-weight: bold;}
div.faq_return_link { }

body#page-15 div.text p { margin-bottom: 1px;}

body#page-15 #mc_signup_container { margin-left: 5px;}
body#page-15 input#mc_signup_submit {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/btn_joinnow.png) no-repeat scroll 0 0;
	border:0 none;
	color:transparent;
	height:25px;
	width:57px;
}