/*-----Home Interior Warehouse Revised 9-30-10-----*/


/*-----CSS Reset-----*/
html, body, h1, h2, h3, p, ul, ol, li { margin: 0; padding: 0; }
img { border: 0; }
ol, ul { list-style: none; }



body {
	background: #3f2f1b;
	font: 62.5% arial, helvetica, verdana, sans-serif;
	text-align: center;
	margin: 0 auto;
}

#wrapper {
	position: relative;
	text-align: left;
	width: 978px;
	background: #f5f3ee;
	margin: 0 auto;
}

#flashcontent {
	margin: 5px 20px 0 20px;
	height: 500px;
}

h1 {
	font-size: 1.5em;
	color: #7B4E21;
	padding: 20px 0 10px 20px;
}

.h1Large {
	font-size: 2em;
	color: #7B4E21;
	padding: 20px 0 0 50px;
	margin-left: 20px;
	background: url(../images/imgLeafgreen.gif) no-repeat left center;
}

h2 {
	font-size: 1.7em;
	color: #7B4E21;
	padding-left: 45px;
	background: url(../images/imgLeafbrown.gif) no-repeat left center;
	border-bottom: 1px solid #9E9081;
}

h3 {
	font-size: 1.5em;
	color: #7B4E21;
	padding: 0 0 7px 20px;
}

h4 {
	position: relative;
	top: 55px;
	left: 21px;
	font-size: 1.5em;
	color: #7B4E21;
}

p {
	font-size: 1.2em;
	color: #7B4E21;
	padding: 0 40px 10px 20px;
}

.subp {
	font-size: 1.2em;
	color: #7B4E21;
	padding: 20px 0 0 0;
}
 
.pagetop {
	height: 155px;
	background: #f5f3ee;
}

#logo {
	float: left;
}

#emailbox {
	float: right;
	padding-top: 23px;
}

/*------- Email Form --------*/

.formdiv {
	position: absolute;
	top: 60px;
	right: 87px;
	width: 250px;
	height: 50px;
}

.formdiv p{
	float: left;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
}

.formbtn {
	position: absolute;
	top: 19px;
	right: -55px;
}

#inputBox {
	background-color: #f5f3ee;
	margin-bottom: 2px;
}


#dropdown {
	float: left;
	color: #7E8543;
	background-color: #f5f3ee;
}

.emailp {
	position: absolute;
	top: 40px;
	right: 190px;
	color: #fff;
	font-weight: bold;
}

/*------- Navigation --------*/

.mainNav {
	position: absolute;
	top: 112px;
	right: 0px;
	width: 683px;
	height: 43px;
	background-color: #754100;
}

.mainNav ul {
	width: 683px;
	height: 30px;
	color: #fff;
	padding: 14px 0 0 6px;
}

.mainNav ul li {
	float: left;
}

.mainNav ul li a {
	display: block;
	color:#fff;
	font-size:1.2em;
	margin-left: 9px;
	padding:0 1em;
	text-decoration: none;
}

.topNav {
	position: absolute;
	top: 41px;
	right: -15px;
	height: 10px;
	color: #fff;
}

.topNav a {
	font-size: 1em;
	margin: 5px;
	color: #fff;
	text-decoration: none;
}

.pullout {
	float:right;
}

/*------- homepage --------*/


.team {
	position: absolute;
	top: 155px;
	right: 2px;
	width: 349px;
	height: 309px;
}

#btnTeam {
	position: absolute;
	top: 230px;
	right: 196px;
}



.mission {
	font-weight: bold;
	font-style: italic;
}

#fadeshow1 {
	position: relative; width: 627px; height: 264px; background: #f5f3ee;
	}

#middlenav {position: relative; height: 49px; width: 628px; background: url(../images/imgbrownbar.jpg) no-repeat left center; margin-top: -1px;}
#middlenav ul {list-style: none; padding: 0; margin-left: 200px;}
#middlenav ul li {float: left; text-align: center; border-left: 1px solid #fff; margin-top: 13px;}
#middlenav ul li a {font-size: 1.4em; display: block; padding: 1px 3px 0px 3px; width: 100px; height: 22px; color: #fff; text-decoration: none;}
#middlenav ul li a:hover {color: #949c50; text-decoration: none;}



.boxes {
	position: relative;
	height: 104px;
	width:918px;
	margin: 30px 24px 30px 24px;
	}
	
	
.box1 {
	position: absolute;
	left: 0px;
	height: 104px;
	width: 290px;
	background: url(../images/imgSpecialshome.jpg);	
}

.box2 {
	position: absolute;
	left: 319px;
	height: 104px;
	width: 290px;
	background: url(../images/imgboxTour.gif);
}

.box3 {
	position: absolute;
	left: 638px;
	height: 104px;
	width: 290px;
	background: url(../images/imgboxBlog.gif);
}


.p_box {
	padding: 40px 20px 0 16px;
}



.box1 a {
	height: 104px;
	width: 290px;
	display: block;
	}


.box2 a {
	position: relative;
	top: 7px;
	right: -140px;
	color: #511B40;
	font-size: 1.25em;
	text-decoration: none;
	font-weight: bold;
}


#obeo {
	float: right;
	padding: 30px 13px 0 10px;
}

.linkFloral {
	font-weight: bold;
	padding-left: 0px;
	margin-top: 6px;
}

.linkFloral a {
	text-decoration: none;
	color: #511B40;
	font-size: 1em;	
}

.linkBlog {
	font-weight: bold;
	padding-left: 145px;
	margin-top: -8px;
}

.linkBlog a {
	text-decoration: none;
	color: #511B40;
	font-size: 1em;	
}


/*------- about us --------*/

#imgUs {
	padding: 20px 0 0 20px;
}

.meet {
	position: absolute;
	top: 220px;
	left: 310px;
	height: 210px;
	width: 300px;
}

.who {
	float: left;
	height: 230px;
	width: 450px;
	padding: 28px 0 0 23px;
}

.store {
	float: right;
	height: 210px;
	width: 400px;
	padding: 28px 60px 0 0;
	clear: right;
}

#btnBios {
	margin-top: 18px;
}

/*------- designer bios --------*/

.designers {
	height: 245px;
	width: 580px;
	margin-top: 20px;
}

#imgDesigners {
	float: right;
}

.biosp {
	margin-right: 180px;
	margin-top: 60px;
}

#Designerpics {
	float: left;
	padding: 0 20px 45px 20px;
}

.klavap {
	padding: 50px 50px 80px 0;
}

.darlenep {
	padding: 50px 50px 100px 0;
}

.italic {
	font-style: italic;
}

/*------- news and events --------*/

.newsandevents ul { 
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 0 0 15px 30px;
	list-style: circle inside
}

.newsandevents ul li a {
	color: #666600;
}

.newsandevents a {
	color: #666600;
}

#thumbframe {
	height: 220px;
	width: 500px;
	margin-left: -5px;
}

#thumbframe div.img {
    margin: 2px;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}	

#thumbframe .img img {
    display: inline;
    margin-left: 20px;
}

#thumbframe div.desc {
	font-size: 1.1em;
	color: #000;
    text-align: center;
    width: 222px;
    margin-left: 20px;
}


.donations {
	position: absolute;
	width: 330px;
	height: 400px;
	top: 830px;
	right: 130px;

}

/*------- services page --------*/

.services1 {
	position: absolute;
	top: 230px;
	left: 180px;
	height: 150px;
	width: 400px;
	margin-left: 23px;
	clear: left;
}

.services2 {
	position: absolute;
	top: 420px;
	left: 180px;
	height: 470px;
	width: 670px;
	margin-left: 23px;
	clear: left;
}

.servicePics {
	height: 650px;
	width: 159px;
	margin: 30px 0 0 20px;
}

#pics {
	padding-bottom: 30px;
}

.servicep {
	font-size: 1.2em;
	color: #7B4E21;
	padding: 20px 60px 65px 0;
}

.links {
	position: relative;
	top: -70px;
	text-decoration: none;
	font-weight: bold;
	color: #511B40;
	font-size: 1em;	
}

/*------- service pages --------*/

.h2services {
	font-size: 1.7em;
	color: #7B4E21;
	padding-left: 45px;
	margin: 30px 320px 20px 20px;
	background: url(../images/imgLeafbrown.gif) no-repeat left center;
	border-bottom: 1px solid #9E9081;
}

#deliveryTeam {
	float: right;
	margin: 0 20px 0 15px;
}

.deliveryp {
	margin-bottom: 60px;
}

.line1 {
	position: relative;
	left: 50px;
	width: 320px;
	margin: 5px 0 30px 0;
}

.line2 {
	position: absolute;
	top: 575px;
	right: 340px;
	width: 320px;
}

.line3 {
	position: absolute;
	top: 575px;
	right: 100px;
	width: 300px;
}

.line1 a, .line2 a, .line3 a {
	color: #666600;
}

#imgFloral {
	float: left;
	padding: 0 20px 100px 20px;
}

.floralp {
	padding: 20px 40px 0 0;
}

#btnBios2 {
	position:absolute;
	top: 200px;
	left: 425px;
}

.designpics {
	padding: 20px 0 7px 0;
}

#btnGallery1 {
	position: absolute;
	top: 190px;
	left: 380px;
}

#btnGallery2 {
	position: absolute;
	top: 200px;
	left: 230px;
}

/*------- rave reviews --------*/

.column1 {
	width: 400px;
	margin: 20px 0 20px 60px;
	border-bottom: 1px solid #9E9081;
}

.reviewp {
	font-style: italic;
}

.greenbold {
	font-weight: bold;
	color: #666600;
	padding-left: 250px;
}

.column2 {
	float: right;
	clear: right;
	width: 400px;
	margin: 20px 60px 20px 0;
	border-bottom: 1px solid #9E9081;
}

/*------- specials --------*/

.specials {
	padding: 30px 0 150px 0;
}

.specials a {
	color: #666600;
}

.specials2 h2 {
	font-size: 1.7em;
	color: #7B4E21;
	padding-left: 45px;
	margin: 30px 30px 20px 20px;
	background: url(../images/imgLeafbrown.gif) no-repeat left center;
	border-bottom: 1px solid #9E9081;
}

.specials2 .list {
	padding-bottom: 10px;
}

.specials2 .list li {
	font-size: 1.2em;
	color: #7B4E21;
	padding: 0 0 3px 20px;
	list-style: disc inside;s
}

/*------- coupon --------*/

#coupon {
	margin: 20px 0 60px 125px;
}

.couponp {
	padding-top: 20px;
}

/*------- virtual tours --------*/

.virtual h2 {
	font-size: 1.7em;
	color: #7B4E21;
	padding-left: 45px;
	margin: 0 0 6px 20px;
	background: url(../images/imgLeafbrown.gif) no-repeat left center;
	border-bottom: none;
}

.obeo {
	height: 104px;
	width: 290px;
	padding-top: 22px;
	margin-left: 20px;
	background: url(../images/imgObeoTour.gif) no-repeat;
}

.obeo .tour {
	float: right;
	padding: 0 12px 0 10px;
}



/*------- contact --------*/
#store {
	float: right;
}


#flashcontent {
	text-align: center;
	border-top: 1px solid #9E9081;
}
	
.flashLinks {
	position: relative;
	top: 14px;
	height: 40px;
}
.flashLinks p {
	color: #7B4E21;
	font-weight: bold;
	padding-left: 70px;
}

.flashLinks a {
	margin-left: 10px;
	color: #666600;
}

.contact_content {
	padding: 30px 0 40px 0;
}

.showroom_photos {
	margin-left: 20px;
	margin-top: 10px;
	border-collapse: separate;
	}

.showroom_photos td {
	padding-right: 16px;
	}
	
.showroom_photos img {
	border: solid 2px #754100;
	}
	

/*------- footer --------*/

#footer {
	position: relative;
	height: 120px;
	background: #949C50;
	clear: both;
}

#footer p {
	font-size: 1.1em;
	color: #484C26;
	padding: 10px 0 0 20px;	
}

#footer a {
	color: #484C26;
	text-decoration: none;
}

#footer a.GVI {text-decoration: underline;}


#partner {
	float: right;
	margin: 20px 20px 20px 0;
}
#footer img.facebook {
	position: absolute;
	margin: 50px 0px 0px 725px;
}