@import "reset.css";

body { font: 12px/16px "Trebuchet MS",Trebuchet,verdana,sans-serif; background: #FFF url('../images/bg.jpg') left -7px repeat-x; }

div#container { width: 850px; margin: 25px auto 0; position: relative; }


h1 { display: none; }

/* Top menu */
div.menu { background: transparent url('../images/menu_bg.jpg') top right no-repeat; width: 850px;}
div.menu ul#menu { background: #636467; height: 45px; padding-left: 12px; width: 831px; overflow: hidden; }
div.menu ul#menu li { float: left; padding: 15px 1px 14px 0;  list-style: none;   display: block; background: url('../images/menu_divider.gif') top right no-repeat; }
div.menu ul#menu li a { color: #FFF; text-decoration: none; background: #636467; padding: 0 27px; display: block; float: left; font-size: 12px;  }
div.menu ul#menu li a:hover { background: #7C7D81;}
div.menu ul#menu li.last { background: none; }

div.menu ul#menu ul#design_1 { background: #958880; position: absolute; top: 45px; left: 607px; padding: 0px 0 5px; width: 95px;  }
div.menu ul#menu ul#design_1 li { display: block; float: none; padding: 0; margin: 0;  border: 0; line-height: 11px; background: #958880;}
div.menu ul#menu ul#design_1 a { color: #FFF; display: block; float: none; background: #958880; padding: 2px 0 2px 20px; text-transform: uppercase;  font-size: 9px;}
div.menu ul#menu ul#design_1 a:hover { background: #7D726B; }
div.menu ul#menu ul#design_1 li.sign_in { margin: 0; padding: 0;}
div.menu ul#menu ul#design_1 li.sign_in a { font-size: 12px; font-weight: bold; padding: 5px 0 5px 10px;  }

#index div.menu ul#menu ul#design_1 { display: none; }

div#content { clear: both; background: transparent url('../images/content_bg.gif'); }

/* Sidebar */

div#sidebar { background: transparent url('../images/sidebar_bg.jpg') no-repeat; width: 215px;}
p.phone { color: #FFF; font-size: 14px; text-align: center; padding: 95px 0 0; }
p.email { color: #000; font-size: 10px; text-align: center; padding: 20px 0 0;}
p.email a { color: #000; text-decoration: none; }
p.email a:hover { text-decoration: underline;}
p.domaine_logo { text-align: center; padding: 80px 0 0 0;}
p.address { text-align:center; padding: 24px 0;}

/* Main Content */

div#main { background: transparent url('../images/main_bg.jpg') -8px top  no-repeat; width: 635px; float: right; font-size: 12px; line-height: 20px;   }
div#main p { margin: 0 0 10px;}

div#main a { color: #15ABEE; text-decoration: none; font-weight: bold; }
div#main a:hover { text-decoration: underline;} 

table.vendors td { padding-right: 25px; }

div.inset_content { margin: 34px 104px 0 140px; text-align: justify;}
p.smaller { font-size: 10px; line-height: 16px; }
span.right_floating_text { display: block; text-align: right; color: #636467; font-size: 15px; }

div.left_justify { text-align: left;}

p.large_tagline { font-size: 13px; font-style: italic; padding: 30px 0 0;}

p.images { margin-right: -35px; width: 450px; padding-top: 15px; }
img.left { float: left; }
img.right { float: right; }

div.sustainable_products { background: url('../images/philosophy_bg.jpg') no-repeat; width: 450px; padding: 33px 0 0 145px; line-height: 14px; text-align: justify; margin: 30px 0 0 140px;}
div.sustainable_products p { width: 300px; font-size: 11px; }
div.sustainable_products  h3 { font-size: 16px; color: #636467; margin: 0 0 15px;  }

p.interior_design { padding: 20px 0 0;}
p.benefits { padding: 30px 0 0;}

div.david_edward { width: 450px; margin-top: 45px;  }
div.david_edward img {float: right; }
div.david_edward p {  float: left;  width: 220px; font-style: italic; font-size: 13px;  text-align: left; padding: 55px 0 0 25px;}


p.small_taste { font-size: 18px; line-height: 20px; color: #636467; padding: 25px 0 0 230px;}

div.collection { height: 225px; overflow: auto; overflow-y:hidden; width: 550px; padding: 0 0 45px 0; margin: 45px 35px 0; }
div.collection div.images { height: 225px; width: 5800px; }


div#homepics { width: 480px;  margin: 45px -100px 0 0;}
div#homepics img { margin: 0 10px 0 0;}

/* Form stuff */

.form_content { line-height: 16px; }
input.field { border: 1px solid #CCC; width: 135px;}
label { font-size: 11px; display: block; float: left; width: 80px; font-weight: bold;    }
.form_content h3 { font-size: 16px; line-height: 22px; margin: 0 0 10px 0 }
.clear { clear: both; }

.form_content div.left_col {  width: 235px; float: left; margin: 25px 0 0 93px; }
.form_content div.right_col {  width: 235px; float: right; margin: 25px 35px 0 0; }
.form_content h4 { margin: 0 0 12px 0; font-size: 13px; }
.form_content h4 small{ font-size: 11px; }
table.pad-me td { padding-right: 15px; }
div#main p.error { color: #851614; font-weight: bold; font-size: 14px; margin: 25px 0; }

p.submit { padding: 0 0 25px 0; }

h2 { margin: 79px 0 0 93px; font-size: 24px; color: #636467;}