/* RESET */
* {
	margin: 0px;
	padding: 0px;
}
/* GLOBAL */
body {
	background-color: #ffffff;
	background-image: url(images/bg.jpg);
	background-position:0 0;
	background-attachment:fixed;
	background-repeat: repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#630;
}



#wrapper {
	margin: 20px auto 0px auto;
	width: 800px;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
 
.white_content {
	display: none;
	position: absolute;
	top:5%;
	left: 33%;
	background-color: white;
	z-index:1002;
	border:3px #FFF solid;
}
/* HEADER */

#header {
	background:url(images/header-bg.png) no-repeat;
	height: 285px;
	width: 800px;
	padding:1px;
}

#title {
	background:url(images/logo-bg2.jpg) no-repeat;
	height: 273px;
	width: 344px;
	margin-left:7px;
	margin-top:7px;
	margin-right:-1px;
	padding:1px;
	float:left;
}
#topnav {
	font-size:11px;
	margin: 10px 0 0 20px;
	
}
#topnav li{
	margin-right:4px;
	padding-right: 4px;
	list-style-type: none;
	display: inline;
	border-right: 1px solid #FFF;
}
#topnav li.last{
	border-right:0px;
}
#topnav a, a:link, a:active, a:visited {
	color:#FFF;
	text-decoration:none;
	
}
#topnav  a:hover{
	color:#630;
}
#header h2 {
	margin: 56px auto 0px auto;
	display:block;
	background:url(images/logo.png) no-repeat;
	height: 137px;
	width:298px;
	text-indent:-9999px;
}

#header h2 a{
	display:block;
	width:100%;
	height:100%;
	outline:none;
}
#banner {
	float:right;
	width:438;
	height:273;
	margin-top:7px;
	margin-right:9px;
	display: block; 
}

#banner object{
	outline:none;
}
#banner h4{
	padding-top: 80px;
	padding-right: 30px;
	font:Tahoma, Geneva, sans-serif;
	font-size:13;
	color:#630;
}
#sitemap a{
	color:#630;
	text-decoration:underline;
	

}
/* NAVIGATION AREA */

#navigation	{
	margin-top:-2px;
	padding-top:5px;
	height:60px;
	width:800px;
	background-color: #ffffff;
}

ul#main-menu{
	width:782px;
	margin: 0px auto;
	list-style:none;
}

ul#main-menu  li {
	float:left;
}

ul#main-menu  a{
	display:block;
	height: 51px;
	background:url(images/nav-btns.png);
	text-indent:-9999px;
	outline:none;
}
ul#main-menu  li a.about {width: 95px; background-position: 0 0;}
ul#main-menu  li a.about:hover{width: 95px; background-position: 0 -51px;}
ul#main-menu  li a.about-active {width: 95px; background-position: 0 -51px;}

ul#main-menu  li a.clients {width: 76px; background-position: -95px 0;}
ul#main-menu  li a.clients:hover {width: 76px; background-position: -95px -51px;}
ul#main-menu  li a.clients-active {width: 76px; background-position: -95px -51px;}

ul#main-menu  li a.chocoinfo {width: 134px; background-position: -171px 0;}
ul#main-menu  li a.chocoinfo:hover {width: 134px; background-position: -171px -51px;}
ul#main-menu  li a.chocoinfo-active {width: 134px; background-position: -171px -51px;}

ul#main-menu  li a.boutique {width: 179px; background-position: -305px 0;}
ul#main-menu  li a.boutique:hover {width: 179px; background-position: -305px -51px;}
ul#main-menu  li a.boutique-active {width: 179px; background-position: -305px -51px;}

ul#main-menu  li a.chocolography {width: 141px; background-position: -484px 0;}
ul#main-menu  li a.chocolography:hover {width: 141px; background-position: -484px -51px;}
ul#main-menu  li a.chocolography-active {width: 141px; background-position: -484px -51px;}

ul#main-menu  li a.events {width: 157px; background-position: -625px 0;}
ul#main-menu  li a.events:hover {width: 157px; background-position: -625px -51px;}
ul#main-menu  li a.events-active {width: 157px; background-position: -625px -51px;}



/* CONTENT AREA */

#content {
    float:left;
	background: #ffffff;
	width: 800px;
	padding-top:12px;
	padding-bottom:40px;
}
#content ul{
	margin-bottom:30px;
}
#content li{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#630;
	margin: 10px 5px 15px 45px;
}
#content h2.welcome {
	margin:12px 12px 0 12px;
	background:url(images/welcome.jpg) no-repeat;
	background-position:0 0;
	height:41px;
	width:455px;
	text-indent:-9999px;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
}
#content h2.dream{
	margin:12px 12px 0 12px;;
	background:url(images/adream.jpg) no-repeat;
	background-position: 0 0;
	height:45px;
	width:750px;;
	text-indent:-9999px;
	padding-bottom:2px;
	border-bottom:1px solid #CCC;
}
#content h2.excuseus{
	margin:12px 12px 0 12px;
	background:url(images/excuseus.jpg) no-repeat;
	background-position: 0 0;
	height:45px;
	width:auto;
	text-indent:-9999px;
	padding-bottom:2px;
	border-bottom:1px solid #CCC;
}
#content h4 {
	margin: 10px 0 0 12px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#630;
	font-weight:bold;
}
#content-left-home {
	float:left;
	width:475px;
	margin-left: 10px;
}
#content-left-home p{
	font-size:12px;
	margin:0 10px 30px 12px;
	padding-top:15px;
	line-height: 30px;
}
#content-main {
	float:left;
	width:auto;
	margin-left: 10px;
	margin-right: 10px;
}
#content-main p {
	font-size:12px;
	margin:0 10px 20px 12px;
	padding-top:10px;
	line-height: 30px;
}

#content-main li{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#630;
	margin: 10px 5px 15px 45px;
}

#contactus {
	float:left;
	width:auto;
	margin-left: 10px;
	margin-right: 10px;
}
#contactus p {
	font-size:12px;
	margin:0 10px 30px 12px;
	padding-top:15px;
	line-height: 30px;
}
#contactus-left {
	margin-top:5px;
	padding-right:8px;
	float:left;
	width:325px;
	border-right:1px solid #CCC;
}
#contactus-left p{
	padding-top:0px;
}
#contactus-right {
	margin-top:25px;
	margin-right:10px;
	float:right;
	width:auto;
}

.spacer {
	width: auto;
	border-bottom:1px solid #CCC;
	margin:0 10px 30px 10px;
}
.imglefthome{
	float:left;
	margin: 0 10px 0 0;
}
.imgleft{
	float:left;
	margin: 10px;
}
.imgright{
	float:right;
	margin: 10px;
}
.bordertop{
	border-top:1px solid #CCC;
}
a.link {
	color:#630;
	text-decoration:underline;
}

a.read {
	padding-left:15px;
	font-size:9px;
	color: #666;
	font-style:italic;
}
a.read:hover {
	text-decoration:underline;
}
#content-right {
	float:right;
	background:url(images/content-right-bg2.jpg) no-repeat;
	height:371px;
	width:299px;
	margin-right: 10px;
}
#content-right p{
	margin-top:120px;
	margin-left:10px;
	line-height:16px;

}


#newsletter {
	width:100px;
	height:100px;
}

#boxcontainer {
	float:left;
	width:780px;
	margin:10px 10px 10px 10px;
}

#boxcontainer p{
	font-size:9px;
	line-height:20px;
	margin:35px 5px 0 120px;
}
#boxcontainer a.read{
	padding-left:0px;
	font-size:9px;
	color:#666;
}
#box1 {
	float:left;
	margin-right:28px;
	background:url(images/box1.jpg);
	width:241px;
	height:162px;
}

#box2 {
	float:left;
	margin-right:29px;
	background:url(images/box2.jpg);
	width:241px;
	height:162px;
}
#box3 {
	float:left;
	background:url(images/box3.jpg);
	width:241px;
	height:162px;
}
#facebook { 
	margin:0 10px 30px 10px;
	width:84;
}

#facebook img{
	border-style:none;
}

#dhouse {
	float:left;
	margin-left:10px;
}
#dhouse img{
	border-style:none;
}

#specialsbtn {
	margin-top:8px;
	margin-right:10px;
	width:507px;
	height:24px;
	float:right;
	text-indent:-9999px;
}
#specialsbtn a {
	outline:none;
	height:24px;
	display:block;
	background: url(images/specials.jpg);
	background-position:0 0;
}
#specialsbtn a:hover {
	background: url(images/specials.jpg);
	background-position:0 -24px;
}
/* FOOTER */
#footer {
	float:left;
	background:url(images/footer-bg.png) no-repeat;
	padding-bottom:50px;
	height: 33px;
	width: 800px;
}

#footer .foot{
	border-top:1px solid  #CCC;
	margin: 0 auto;
	width:760px;
	font-size:10px;
	padding: 10px 0 0 20px;
}
#make {
	width:auto;
	margin-top:-12px;
	margin-right:25px;
	float:right;
}
#make p{
	font-size:9px;
	color: #CCC;
}
#make a {
	color:#CCC;
}
#make a:hover {
	text-decoration:underline;
}