html { background: #ffffff; } 

 BODY {
	 position:relative;
	 background: #fff url('../images/bg1.jpg')  no-repeat;    
     color : #000000;
     margin : 0;
	 background-color: transparent; 
      }
 A {
     color : #000000;
     background : inherit;
     text-decoration : none;
      }
 A:hover {
     color : #fe9b07;
     background : inherit;
     text-decoration : underline;
      }
header {
 	color:#ffffff;
}
.toleft{
 	float:left;
	padding-left:5px;
}
.toright{
 	float:right;
	padding-right:5px;
}
header .cart{
	padding-left:25px;
	color:#ffffff;
	text-decoration : none;
	background: url('../images/button_cart.png') no-repeat;
}
nav {  
    float:right; 
	margin:0px  0px 10px; 
}
nav li {
	background:none;
	float:left;
	text-align:left;
	display:inline-block;
	position:relative;
        padding-left:10px;
        padding-top:10px;
	margin:5 0 0 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s ease 0s; 
}
nav li >a {
	border:none;
	padding:0;
	display:block;
 
	border-radius:8px; 
	position:relative;
	letter-spacing:0px;
	transition:all 0.3s ease 0s;
	background:#de4507;
	padding:5px 10px 6px;
	box-shadow:0 5px 5px rgba(0,0,0,0.8); 
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
	color:#fff;
    font-weight : bold;
    font-size : 16px; 
}
nav li >a:hover {
	text-decoration:none;
	color:#fff;
	background:#fe9b00;
}

footer {
	clear : right; 
	background : #de4507; 
	text-align:center; 
}
footer a:hover{
	color:#ffffff;
	text-decoration:none;
}
.content {
	margin:0px  0px 0px 0px; 
}
.topnav {
    clear : right; 
	color:#ffffff;
    background : #de4507; 
}
.topnav a{
      color : #ffffff;
     background : inherit;
     text-decoration : none;
}
.topnav a:hover{
      color : #eeeeee;
     background : inherit;
     text-decoration : none;
}
.operate{ 
    cursor:pointer;
	color:#000000;
    background : #ffe0c0; 
	border-radius:8px;
	padding:3px 10px 3px;
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
    text-decoration : none;
    padding-left:10px;
}
.operate:hover{ 
	color:#000000;
    background : #ffc0c0; 
	border-radius:8px;
	padding:3px 10px 3px;
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
    text-decoration : none;
}
.rectangle{
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 

	color:#000000;
    background : #C0FFC0;  
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
    text-decoration : none;
}
.rectangle:hover{
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 

	color:#000000;
    background : #ffffff; 
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
    text-decoration : none;
}

.circle{
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 

    cursor:pointer;
	color:#000000;
    background : #C0FFC0; 
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
    text-decoration : none;
}
.circle:hover{
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 

	color:#000000;
    background : #ffffff; 
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.8); 
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
    text-decoration : none;
}
.diamond {  
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 

	color:#000000;
    background : #C0FFC0; 
/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
}  
.diamond:hover{
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 

	color:#000000;
    background : #ffffff; 
/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
}
.diamond_txt { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.diamond_txt:hover { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
}
.category{
	cursor:pointer;
}
.category:hover{ 
	color:#ffffff;
    background : #de4507; 
	border-radius:8px;
	padding:3px 10px 3px;
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
    text-decoration : none;
}
.homemenu{
    font-weight : bold;
    font-size : 20px; 

}
.catagory{
	cursor:pointer;
}
.catagory:hover{ 
	color:#ffffff;
    background : #de4507; 
	border-radius:8px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
    text-decoration : none;
    font-weight : bold;
    font-size : 18px;
}
section {  
	 position:relative;
     width: auto; 
}
section div{  
	border-radius:8px;
	font-weight:100;
	position:relative;
	letter-spacing:0px;
	transition:all 0.3s ease 0s;
	background:#fff;
	padding:13px 19px 14px;
    margin:5px 5px 5px 5px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
	text-shadow:0 1px 0 rgba(0,0,0,0.8);
	color:#000;
	overflow: hidden;
	}
section div .title{
	text-align:left;
	padding:5px;
	background:#eee;
	height:40px;
	line-height:40px;
	font-weight : bold;
	font-size : 18px;
}
section div .content{
	text-align:left;
	padding-left:10px;
    margin:5px 5px 5px 5px; 
    font-weight : bold;
    font-size : 16px; 
}

.selected{ 
    color:#de4507;
    font-weight : bold;
    font-size : 18px;
}
.highcolor{ 
    color:#ffff00;
    font-weight : bold;
    font-size : 18px;
}
.highgreen{ 
    color:#00FF00;
    font-weight : bold;
    font-size : 18px;
}
.whitecolor{ 
    color:#ffffff;
    font-weight : bold;
}
section div .desc{  
    font-size : 14px;
    text-align:left;
	padding-left:15px;
}

.info{ 
	border:#de4507 solid 1px;
}

.line{
	height:1px;
	background:#000;
}
.pointer{
	cursor:pointer;
	overflow: hidden;
	text-overflow:ellipsis; 
}

.pointer:hover {
	cursor:pointer;
        background : #F6F6F6; 
       color:#000000;
	overflow: hidden;
	text-overflow:ellipsis; 
}
.pointer:hover font{
       color:#000000;
}
.txtover{
	text-overflow : clip;
}
.bold{
	font-weight : bold;
}
.setclear{
	clear : both; 
}
.setcenter{
	text-align:center; 
}
.imgcenter{
    display: table-cell;
	text-align:center; 
}
.imgbottom{
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
}
#order_type{ 
	padding-right:10px;	
    font-weight : bold; 
}
@media screen and (max-width: 850px) { 
    #order-item-1,#menu-item-6{
		display:block;
	}
	#main_view{  
		margin:0px  0px 0px 0px; 
        clear : both; 
	} 
	#main_content {
	display:block;
	} 
	aside {
		width:auto;
		position:relative;
        top:0px;
        margin-top:0px;
		display:none;
	}
}
@media screen and (min-width: 849px) { 
    #order-item-1,#menu-item-6{
		display:none;
	}
	#main_view{  
		margin:0px  0px 0px 310px; 
		display:block;
	} 
	#main_dish{   
		display:block;
	} 
   #main_content {
	display:none;
	} 
	aside {
		width:300; 
        float:left; 
	}
}