/*Joaquin Deli Website Style Sheet*/
/* Created by Tee G. Peng, Lotus Seeds Design */
/* Created date: Saturday, 4/9/2005 */


/* Revision: Friday, 2/23/2007 */

.lastpara {padding-bottom: 20px;margin: 0!important}
.lastpara2{padding-bottom: 50px;margin: 0!important}
em {font-size:.9em;color: #990000}
body {
	font: 100.1% Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	text-align: center;
	background: #fff;
}
	
a {text-decoration: none;}
a:link, a:visited {color: #369;}
a:hover {text-decoration: underline;}

a img { border: none; }

/* ------------------------------------CONTAINER ------------------------------------ */
#container {
	width: 780px;
	position: relative;
	margin: 0 auto;
	background: url(../pictures/content_bg1.jpg) repeat-y;
}

#intro  {
	line-height: 0;
	background: url(../pictures/hdr_1.gif) no-repeat;
	height: 131px;
	width: auto;
} /* do not touch */

#pageHeader {
	height: 131px;
	width: 780px;
	margin: 0;
}
#pageHeader span, #awning span, #intro span { display: none;}

#awning {
	background: url(../pictures/awning.jpg) no-repeat left top;
	height: 96px;
	width: auto;
}


/* for Navigation menu */
/* DO NOT MODIFIED IF YOU DON'T KNOW WHAT YOU ARE DOING  */

#navcontainer {width: 752px;position:relative;	height:27px;background: #930 url(../pictures/nav_bg.gif) no-repeat;margin-left: 15px;}
	
#navcontainer ul {border: 0;margin: 0;padding: 0;list-style-type: none;}

#navcontainer li {text-align: center;padding: 0;margin: 0;float: left;display:block;}

#navcontainer li a {background: #669999;
	color: #fff;width:124px;
	text-decoration:none;
	display: block;height:27px;
	text-align: center;
	font: bold .8em/2em Arial, Helvetica, sans-serif;
	border-right: 1px solid #eee;
	margin: 0;
	letter-spacing: 1px;

}

#navcontainer li.first {border-left:1px solid #930!important;}
#navcontainer li a:hover {color: #fff;background:#9db7b3;border-top: 2px outset #eee; }
#navcontainer li a#active  {
		color: #fff;background: #c63;border-top: 2px outset #eee;
}




/* ---------------------END navigation  menu------------------ */

#quickSummary {
	color: #666;
	height: 86px;
	font: bold 0.75em/1.5em Arial, Helvetica, sans-serif;
	width: 657px;
}
#quickSummary p {display: inline;}
#left {
		padding-left: 45px;width:480px;
	text-align: left; float:left;
}

#left h2 {font-size:1.1em; padding-top:20px;color:#c63;}

#preambleMenu {
	padding-right: 230px;
	padding-left: 10px;
}
#left p, #supportingText p, #testimony p {
	font: .88em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
}
#left h3 {
	color: #333;
	margin: 0em;
	padding-top: 48px;
	text-align: left;
	font: normal 1.05em/1.3em Arial, Helvetica, sans-serif;
}

#left h3 span {color: #930;}

#testimony p em {padding-top:20px; color:#222;font-size:1.2em;}

#testimony h4 {
	padding:0 20px!important;margin:0;
	color: #333;
	text-align: left;
	font: normal 1.05em/1.2em Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #e4e4e4;
}
#supportingText h3 {padding-top: 25px!important;
	font:bold 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;margin: 0!important}
#supportingText h3 a {text-decoration:none;color:#356971;}
#supportingText h3 span {font-size:.68em;font-style:italic;font-weight:normal;}

#supportingText h3 span a {color:#3f7981!important;}

#supportingText h3 img {border:none;}
#testimony h4 span {
	color: #993300;
}
#testimony h4 span.quote {
	color: #666;
	font-size: 12px;
	font-style: italic;
}

#supportingText ul{ list-style: none;margin:0; padding:0;;}
#supportingText li {
	text-align: left;
	list-style: none;
	color: #930;
	font: 12px/24px Arial, Helvetica, sans-serif;
	background: url(../pictures/image153.gif) no-repeat left center;
	padding-left: 10px;
}

/* start order form elements*/	

div.oneCol {
	width: 500px;
	margin: 0px;
	text-align: left;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 10px;
}
div.oneCol label {
	float: left;
	clear: none;
	width: 498px;
	color: #333;
}

div.threeColSoup {
	width: 500px;
	margin: 0px;
	text-align: left;
	float: left;
	padding-bottom: 8px;
	border-top: 1px solid #CCCCCC;
}
div.threeCol {
	width: 500px;
	margin: 0px;
	text-align: left;
	float: left;
	padding-bottom: 8px;
}

div.threeCol label, div.threeColSoup label {
	float: left;
	clear: none;
	width: 165px;
	color: #333;
	padding-bottom: 8px;
}

div.twoCol {
	width: 500px;
	margin: 0;
	text-align: left;
	float: left;
	border-top: 1px solid #ccc;
}
div.twoCol label {
	float: left;
	clear: none;
	width: 249px;
	color: #333;
	padding-bottom: 5px;
	font-size: 1.2em;
}
div.twoCol label#sides {
	float: left;
	clear: none;
	width: 249px;
	color: #990000;
	padding-bottom: 5px;
	font-size: 0.9em;
}

div.threeColSoup h4, div.threeCol h4, div.twoCol h4, div.oneCol h4{
	font-size: 14px;
	color: #930;
	text-align: left;
	padding-top: 8px;
}
div.twoCol span, div.oneCol span{
	font-size: 12px;
	text-align: right;
}
div.twoCol p, div.oneCol p{
	text-align: left;
	width: 498px;
	color: #333;
	line-height: 1.5em;
}
.inputField { width: 498px; }

div.oneCol {
	width: 500px;
	margin: 0px;
	float: left;
}
div.oneCol label {
	float: left;
	clear: none;
	color: #333;
	padding-bottom: 5px;
	font-weight: bold;
}
/* end order form elements*/	

	
/*footer elements*/	
#footer {clear:both;
	font-size:11px;
	background: url(../pictures/footer.gif) no-repeat;
	width: 780px;padding: 0;
	margin: 0 auto;
	text-align: center;

}
#footer ul {margin:0; padding:10px 0 30px 0}
#footer ul li {display:inline; padding:5px; }
#footer p { padding: 2px 0 10px 0;
	margin: 0em;color: #333;
}
#footer p a:hover{ text-decoration: underline}

#footer ul li a {color: #4A6F94;} 
#footer a:hover {text-decoration: underline;} 
	
/* --- sideList  --- for Addresses and store  Hours */	
#right {
	
	font-size:.9em;float: right;	width: 200px;
	text-align: center;padding-right:20px;
}

	#right h3.hours {
	background:url(../pictures/icon_flower.gif) no-repeat center center;
	height: 48px;
	margin-bottom: 5px;
}
	#right h3.hours span {display:none;}
	#right h3.location {
	background: url(../pictures/icon_flower.gif) no-repeat center center;
	height: 48px;
	margin: 10px 0px 10px;
}
	
	#right h3.location span, #right h3.wifiaccess span {position: absolute; left:-99999px}
	
	#right #lhours {padding-top:15px}
	#right h3.wifiaccess {
	background: transparent url(../pictures/wifiaccess.gif) no-repeat center top;
	margin: 10px 0px 10px;
	height: 54px; }
	
	dl {font-size:.9em;color:#333;line-height:1.3em;padding:0 8px;
	margin-left:15px;width:150px;text-align:left;border-top:3px solid #669999!important;border:1px solid #669999;}
	dt {font-size:.9em;color:#333;font-weight:bold;padding:5px 0;}
	dd {font-size:.85;padding:2px 8px 4px 10px;margin:0; 
	background:url(../pictures/image153.gif) no-repeat 0 7px;}
	
	dl a {color:#669999!important;}
	
	#right p, #right li{
	font: 12px/1.6em Arial, Helvetica, sans-serif;
	text-indent: 0;
	color: #666;text-align:center;
}
	
	#right ul { list-style: none; margin: 0; padding: 0; }
	#right li {
	color: #333;
	padding-right: 18px;
	padding-left: 18px;
}
	#right li a { display: block; border: none; color: #669999; text-decoration:none; margin-left: -12px; padding-left: 12px; background: url(arrow.gif) no-repeat 0 2px;}
	#right li a:hover { text-decoration:underline; }
	#right li a.c { display: inline; padding: 0; margin: 0; background: none; color: #E8CFB0; font-weight: normal; }

.icon {
	border: none;
	margin-top: 0px;
	background: #E3E3E3 url(../pictures/content_bg.gif) repeat-y;
}


/*catering menu*/
#cateringMenu {padding-bottom:125px;}
div.cateringPix1 {
	width: 190px;
	float: left;
	margin-bottom: 0px;
	height: auto;padding-bottom:5px;
}
div.cateringPix2 {	width: 290px;
	padding: 0;
	float: left;margin:0!important;}

div.cateringPix2 h4 {
	font: bold 1.2em/1.5em "Times New Roman", Times, serif;
	color: #930;
	text-align: left;
	margin:0!important;padding:0!important;
} 


div.cateringPix2 p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;margin:0!important;padding:5px 0 0!important;
	text-align: left;
} 


/*images for body content*/
div.showcase {
	float: left;
	padding: 5px;
	background: url(../pictures/showcase_bg.gif) repeat;
	border: 1px solid #CCC;
	margin-left: 40px;
}

.clear, .spacer {
	clear: both;
	line-height: 0px;
}