/*
	Jalsha - 2006 Dot Cafe Designs
*/

body {
	background-color:			#f3f3f3;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, br, tr, td, th, a, img, input, form {
	border:						0;
	margin:						0;
	padding:					0;
}

/*
	Hides 
*/

#header h1,
#header h2 {
	display:					none;
}

#container {
	width:					750px;
	margin:					30px auto 1px auto;

	background-image:		url(banner.png);
	background-repeat:		no-repeat;
	background-color:		#fff;

	background-position:	0 60px;

	border:					1px #000 solid;
	padding-bottom:			20px;
}

#copyright {
	width:					750px;
	margin:					20px auto 30px auto;
}

/*
	Main Menu
*/

#header #menu {
	width:					500px;
	margin-top:				230px;
	padding-left:			50px;
	padding-bottom:			60px;

	list-style-type:		none;
}

#header #menu li {
	float:					left;
	width:					92px;
	height:					21px;

	background-image:		url(shape.gif);
	background-repeat:		no-repeat;
}

#header #menu li a {
	display:				block;
	padding-left:			28px;
	width:					60px;
}

/*
	Mini Menu
*/

.content #minimenu {
	list-style-type:		none;
	margin-left:			15px;
}

.content #minimenu li {
	background-image:		url(shape.gif);
	background-repeat:		no-repeat;
	padding-bottom:			20px;
}

.content #minimenu li a {
	padding-left:			40px;
}

/*
	Page
*/

.offerbox {

	float:					left;

	border:					1px #000 dashed;
	padding:				5px 10px 0px 10px;
	margin-right:			10px;
}

#container h3 {
	display:				inline;
	color:					#e51102;
	float:					left;
	clear:					right;
	height:					40px;
	margin-left:			50px;
}

#container h4 {
	color:					#e51102;
	font-family:			'arial', sans-serif;
	font-size:				11pt;
	font-style:				italic;
	padding:				3px 0 6px 0;
}

.content {
	display:				inline;
	float:					left;
	clear:					left;
	width:					350px;
	margin-left:			50px;
}

.content_col2 {
	display:				inline;
	float:					right;
	clear:					right;
	width:					250px;
	margin-right:			50px;
}

.content_menu {
	display:				inline;
	float:					left;
	clear:					left;
	width:					300px;
	margin-left:			50px;
}

.content_split {
	display:				inline;
	float:					left;
	clear:					left;
	width:					300px;
	margin-left:			50px;
}

.content_split_b {
	display:				inline;
	float:					right;
	width:					300px;
	margin-right:			50px;
}

.content_wide {
	display:				inline;
	float:					left;
	clear:					left;
	width:					700px;
	margin-left:			50px;
}

.content_wide img {
	border:					1px #000 solid;
	margin:					0 30px 35px 0;
}

/*
.breakpoint {
	width:					100%;
	height:					2px;
	float:					left;
	clear:					both;
	border:					1px #f0f solid;
}
*/

/*
	Food Menu
*/

.menu {
	font-family:			'verdana', 'arial', serif;
	font-size:				8pt;

	border:					0px #000 solid;
	width:					302px;

	margin:					10px 0 10px 0;
	padding:				0 0 5px 0;
}

.menu td {

}

.menu th {
	background-color:		#e75e23;
	color:					#fff;
	font-weight:			bold;
	font-size:				9pt;
	padding:				5px 0px 5px 0px;
}

.menu .price {
	width:					50px;
	text-align:				right;
}

.menu .extra {
	font-size:				7pt;
	font-style:				italic;
	color:					#333;
	font-weight:			normal;
}

.menu .name, .menu .price {
	font-weight:			bold;
	padding-top:			5px;
}

.menu .description {
	 font-style:			italic;
	 padding:				0 10px 0 10px;
	color:					#667;
}

.narrowp {

	width:					170px;
	float:					left;
}

/*
	Fonts
*/

.bold {
	font-weight:			bold;
}

#container h3 {
	font-family:			'arial', sans-serif;
	font-size:				12pt;
	font-style:				italic;
}

.content p, 
.content_col2 p, 
.content_split p,
.content_split_b p {
	font-family:			'arial', sans-serif;
	font-size:				9pt;
	text-align:				justify;
	line-height:			18pt;
	padding-bottom:			15px;
}

.content p a, .content_col2 p a {
	background-image:		url(mini-shape.gif);
	background-repeat:		no-repeat;
	padding-left:			18px;
	border-bottom:			1px #e51102 dashed;
	text-decoration:		none;
	color:					#000;
}

.content p a:hover, .content_col2 p a:hover {
	border-bottom:			none;
}

#header #menu a, .content #minimenu a {
	font-family:			'arial', sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			lowercase;
	font-style:				italic;

	text-decoration:		none;
	color:					#000;
}

#copyright p {
	background-image:		url(lotus.gif);
	background-repeat:		no-repeat;
	background-position:	top right;
}

#copyright p {
	float:					right;
	padding-right:			60px;
	text-align:				right;

	font-family:			'verdana', sans-serif;
	font-size:				7pt;
	line-height:			12pt;

	padding-top:			4px;
	padding-bottom:			30px;
}
	
#copyright a {
	color:					#000;
	text-decoration:		none;
	border-bottom:			none;
}

#copyright a:hover {
	border-bottom:			1px #000 dashed;
}

/*
	Classes
*/

.border {
	border:					1px #000 solid;
}

.text_border {
	border:					1px #000 dashed;
	padding:				6px 8px 0 8px;
	margin-top:				20px;
}

.image_text {
	font-style:				normal;
	font-size:				8pt !important;
	line-height:			16pt !important;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */