/* CSS Document */

body {
	margin:0;
	padding: 3% 0 3% 0;
	text-align:center;
	min-width: 800px;
	background-image:url(imageshomepage/bacgrdtile.png);
	background-repeat:repeat;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

input {
background-color:#FFFFFF;
}

#wrapper {
		
		color:#000000;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:800px;
		}
		
#logo  {
	border-left:1px solid black;
	border-top:1px solid black;
		}
		
#header {
		
		margin:0;
		height:100px;
		border-left: 1px solid black;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}
		
#leftbox {
	float:left;
	}
	
#rightbox {
	width:189px;
	height:100px;
	text-align:center;
	background-image:url(imageshomepage/backgroundheade.gif);
	float:right;
	padding-right:10px;
	background-color:#FFFFFF;
	
	}


#MainContent  {
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	}
	
ul.BottomContent1 {
	
	text-align:center;
	padding-top:10px;
	}

	
li.BottomContent2 {
	display:inline;
	font-size:16px;
	font-weight:bold;
	}
	
a.BottomContent3  {
	text-decoration:none ;
	color:#000000;
	padding-left: 5px;
	padding-right:5px;
	}
	
a.BottomContent3:hover {
	color: #FFFFFF;
	font-size:16px;
	}

/* Navigation */

.navid1 {
text-align:center;
}

#navigationtop1 {

width:800px;
background-color:#FFFFCC;
border-bottom: 1px solid black;
border-right: 1px solid black;
height:26px;
}

#navigationtop1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#navigationtop1 ul li {
	position: relative;
	float: left;
	width:130px;
}
	
#navigationtop1 li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	}


/* Styles for Menu Items */

#navigationtop1 ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	background:#FFFFCC; /* IE6 Bug */
	padding: 3px 0px 3px 0px;
	border-left:1px solid black;
	
	
	}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */


#navigationtop1 li:hover a, #navigationtop1 li.over a
{
   color: #99CC66;
}

#navigationtop1 li:hover li:hover a, #navigationtop1 li.over li.over a
{
   color: #000000;
   background-color: #99CC66;
}

/* set dropdown to default */
#navigationtop1 li:hover li a, #navigationtop1 li.over li a
 {
    color: #000000;
   background-color: #FFFFCC;
   border-right:1px solid black;
   border-bottom:1px solid black;
   font-size:14px;
   width:190px;
   padding-top:5px;
   text-align:left;
   
}

.navid20 {
border-top:1px solid black;

}

#navigationtop1 li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#navigationtop1 ul li:hover ul ul{
display:none;
}

#navigationtop1 ul li:hover ul,#navigationtop1 ul li li:hover ul {
	display: block;
}


/* Home Page */

#leftimge {
	padding-left:15px;
	padding-top:50px;
	padding-bottom:30px;
	
	float:left;
	width:350px;
	}

#leftimge1 {
	margin-left:10px;
	padding-left:10px;
	padding-bottom:40px;
	padding-right:10px;
	margin-top:40px;
	width:200px;
	
	}
	
#imgus {
	padding-left:80px;
	margin-top:40px;
	}
	
#rightimge {

	pading-left:10px;
	padding-top:40px;
	padding-bottom:10px;
	padding-right:30px;
	width:400px;
	float:right;
	
	}
	
#rightimge1 {
	padding-right:15px;
	 
	
	
	}
#MainContent1  {
	
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background-image:url(bacgrdcafe.gif);
	background-repeat:no-repeat;
	height: 450px;
	}
	
#comodo {
	position:relative;
	top:10px;
	left:250px;
	margin-right:20px;
	
	}
	
yui-navset {
width:600px;
}


#ll1 {
display:inline;
background-image:url(imageshomepage/button.png);
height:50px;

}

#ll2 {display:inline;
background-image:url(imageshomepage/button.png);

}

#ll1 a {
width:180px;
padding: 40px 30px 30px 30px;
} 
#BottomContent1 {

text-align:center;
position:relative;
top:-40px;
	
	}
#BottomContent {

text-align:center;
	padding-top:20px;
	
	}
/* Recipe page */

#leftimage {

	padding-left:15px;
	padding-top:20px;
	float:left;
	}

#righttext {

	padding-left:15px;
	padding-top:20px;
	padding-right:10px;
	}

/* About Us Page */

#MainContent2  {
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	height:1900px;
	padding-top:30px;
	}

#BottomContent1 {
	
	text-align:center;
	padding-top:20px;
	float: inherit;
	}

#BottomContent1 li {
	display:inline;
	font-size:16px;
	font-weight:bold;
	
	}
#BottomContent1 a {
	text-decoration:none;
	color:#000000;
	padding-left: 5px;
	padding-right:5px;
	}
	
#BottomContent1 a:hover {
	color: #FFFFFF;
	font-size:16px;
	}
	
	
	

#AboutUsTxt {
	padding-left:20px;
	padding-right:30px;
	padding-top:60px;
	float:left;
	width:500px;
	text-indent:2em;
	padding-bottom:50px;
	}

#AboutUsTxt1 {
	padding-left:20px;
	padding-right:30px;
	padding-top:40px;
	padding-bottom:10px;
	width:500px;
	text-indent:2em;
	float:right;
	}	

#AboutUsImg {
	padding-top:50px;
	padding-bottom:30px;
	}
	
#AboutUsImg1 {
	padding-top:60px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	}

#AboutUsTxt p {
font-weight:bold;
}

#AboutUsTxt1 p {
font-weight:bold;
}	

#AboutUsTxt3 {
	padding-left:20px;
	padding-right:30px;
	padding-top:20px;
	width:480px;
	text-indent:2em;
	float:left;
	}
	
#AboutUsImg3 {
	padding-top:60px;
	padding-right:50px;
	float:right;
	padding-bottom:50px;
	}

#AboutUsTxt3 p {
font-weight:bold;
}	
	
#AboutUsTxt4 {
	padding-left:20px;
	padding-right:30px;
	text-indent:2em;
	float:left;
	padding-bottom:50px;
	width:730px;
	}

#AboutUsTxt4 p {
font-weight:bold;

}	

#AboutUsImg {
float: none;
}

#AboutUsImg5 {
	padding-top:20px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:90px;
	
	}
	
#AboutUsTxt5 {
	
	text-indent:2em;
	padding-right:10px;
	width:550px;
	float:right;
	padding-bottom:30px;
	}

#AboutUsTxt5 p {
font-weight:bold;
}	

#AboutUsTxt6 {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;
	font-weight:bold;
	width:500px;
	text-indent:2em;
	float:left;
	}
	
#AboutUsImg6 {
	padding-top:60px;
	float:right;
	padding-right:50px;
	padding-bottom:130px;
	}
		
/* Contact Us */


#contact {
	margin-left:65px;
	margin-right:75px;	
	margin-top:50px;
	margin-bottom:30px;
	}

#TopContact {
	background-image:url(bacgrdcafe.gif);
	background-repeat:no-repeat;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	
	}

p.contactpres {
		font-weight:bold;
		font-size:16px;
		padding-left:60px;

		}
	
		
.contactpres1 {
		font-weight:bold;
		font-size:14px;
		padding-left:15px;
		text-align:right;
		}


.contactpres2 {
		font-weight:bold;
		font-size:14px;
		padding-left:15px;
		text-align: center;
		}		
		
.contactpres3 {
		font-weight:bold;
		font-size:14px;
		padding-left:15px;
		
		}
		
#ThankYou {
	padding-top:50px;
	padding-bottom:100px;
	}
	
td.address1  { vertical-align:text-top;
		text-align:right;
}
	
/* Chloe's Cafe */

#MainContent3  {
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	padding-top:30px;
	background-image:url(bacgrdcafe.gif);
	background-repeat:no-repeat;
	}

#BottomContent2 {
	
	text-align:center;
	padding-top:20px;
	float: inherit;
	}

#BottomContent2 li {
	display:inline;
	font-size:16px;
	font-weight:bold;
	
	}
#BottomContent2 a {
	text-decoration:none;
	color:#000000;
	padding-left: 5px;
	padding-right:5px;
	}
	
#BottomContent2 a:hover {
	color: #FFFFFF;
	font-size:16px;
	}
	
#Presentationcafe {

	font-weight:bold;
	font-size:16px;
	padding-left:20px;
	padding-top:30px;
	padding-right:20px;
	}

#adress {
	font-weight:bold;
	font-size:16px;
	padding-left:50px;
	padding-top:30px;
	padding-right:20px;
	}
	
	
/* site map */

#MainContent4  {
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	background-image:url(bacgrdcafe.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	
	}


#navigation1
	{
	border-bottom: 1px solid black;
	height:25px;
	background-color: #FFFFCC;
	}

#navigation1 ul {
	margin:0px;
	padding: 5px 0px 0px 20px;
	
	}

	
#navigation1 li {
	display:inline;
	font-size:15px;
	font-weight:bold;
	
	}
#navigation1 a {
	text-decoration:none;
	color: #000000;
	padding-left: 5px;
	padding-right:5px;
	}
	
#navigation1 a:hover {
	color: #99CC33;
	font-size:15px;
	}

/* Shopping cart */

#shopping {
	font-size:18px;
	padding-left:20px;
	}
	
#MainContent6  {
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	background-image:url(bacgrdcafe.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height:400px;
	padding:5px;
	
	}
	
/* travelling sommelier */

#MainContent7 {
background-color: #FFFFFF;
	border-bottom: 1px solid black;
	background-image:url(bacgrdcafe.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height:1400px;
	padding:5px;
	
	}