/* CSS Document */

body {
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	background-image: url(../images/webdesign/back0.jpg);
	background-position: center top;
	margin: 0px;
	background-color: #DABC9B;
	}

a {
	color: #66CC33;
	text-decoration: underline;
}	
a:hover {
	text-decoration: underline;
}

li  {
	list-style-type: none;
	padding: 2px;
	list-style-image: url(../images/webpic/liste.gif);
}
	

li a {
	text-decoration: none;
}
	
form {
	margin: 0;
	padding: 0;
}

td {font-size: 11px;}
p { padding: 4px;}

#sweetpierre-main {
	text-align: center;
	width: 100%;

 }
 /*CONTENT style-------------------------------------*/	
#header1 {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#bar {
	text-align: right;
	float: right;
	width: 100px;
	}
#bar ul {
	padding: 0;
	margin: 0;
	float: left;
	
	text-align: right;

	}
#bar li {
	display: inline;
	list-style-image: none;
	list-style-type: none;

	}
	

#bar li a, #bar a:visited {
	text-decoration: none;
	font-size: 10px;
	padding-right: 2px;
	padding-left: 4px;
	color: #583B27;
	}

#bar li a:hover {
	text-decoration: none;
}



	

/* HEADER #1 style-------------------------------------*/
#header2 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/webdesign/banner00.gif);
	height: 150px;
	background-repeat: no-repeat;
}

 

.logo a{
	width: 900px;
	height: 150px;
	display: block;
	float: left;
	
 } 
 



/*MAINNAVIGATION style-------------------------------------*/	
#header3 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}


#navcontainer
{
float: left;
}
#navcontainer ul
{
	margin: 0;
	padding: 0;
	width: 660px;
}
#navcontainer li {
	display: block;
	float: left;
	width: 124px;
	height: 70px;
	list-style-image: none;
	list-style-type: none;
	margin-right: 2px;
	margin-left: 2px;
	background-image: url(../images/webdesign/choco-but01.gif);
	padding: 0px;
	text-align: center;
	
	
}

#navcontainer li a
{
	padding: 24px 0 0 0px;
	color: #FFCC66;
	text-align: center;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	text-transform: uppercase;	
}

#navcontainer   a:hover
{
	text-decoration: none;
	color: #FF9933;
	

}
#navcontainer a.nav-sp {
	
	padding-top: 18px;
}

.nav-sp04 {
	width: 115px;
	height: 74px;
	background-image: url(../images/webdesign/choco-but01.gif);
	background-repeat: no-repeat;
}
.nav-sp05 {
	width: 115px;
	height: 74px;
	background-image: url(../images/webdesign/choco-but01.gif);
	background-repeat: no-repeat;
}




#addresscontainer
{
	width: 200px;
	float: left;
	height: 70px;
	background-image: url(../images/webdesign/choco-but-ad3.gif);
	background-repeat: no-repeat;	
}
/*GENERAL DESIGN AREAS-------------------------------------*/


#sp-content {
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	
}


.sp-content-col1 {
	float: left;
	width: 212px;
	
}
.sp-content-col2 {
	float: left;
	width: 476px;
	
}
.sp-content-col3 {
	float: left;
	width: 212px;
	
}


/*.......................................*/


/*......homepage.................................*/
.col-small {
	float: left;
	width: 208px;
	height: 160px;
	text-align: left;
	border: 1px solid #CDA677;
	margin-bottom: 4px;
}
#box-l-01 {
	background-color: #C8A078;
	height: 100px;
}
#box-l-02 {  }
#box-l-03 { }
#box-l-04 { }

#box-r-01 {
	background-color: #C8A078;
	height: 100px;
}
#box-r-02 {  }
#box-r-03 {  }
#box-r-04 {  }


.col-middle {
	float: left;
	width: 472px;
	 min-height: 500px; 
	display: block;

	text-align: left;
	border: 1px solid #C79E76;

	background-color: #473020;
	color: #FFDB96;	



}
.col-middle td {
	
	color: #FFDB96;	



}
.col-middle-text {
	
	padding: 2px;
	


}



 .footer-box  {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
		
 }

 .footer-text   {
	width: 900px;
	float: left;
	margin-top: 33px;
 }
 .footer-text li a {
	text-decoration: none;
	font-size: 12px;
	color: #660000;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
 }
.footer-text li  {
	display: inline;
	padding: 4px;
	margin-right: 4px;
	margin-left: 4px;
 }
 
 .footer-text-web a  {
	text-decoration: none;
	font-size: 18px;
	color: #473020;
	text-align: left;
	letter-spacing: 1em;
	line-height: 55px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
 }
 .footer-text-web a:hover  {
	
	color: #FFFFCC;
	
 }