/* @group Base */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
a img {	border: 0; }
body {
	background: url(../images/background.jpg) repeat-x #00151F;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
	/*font-size: 1px;*/
	color: #fff;
}

.jump{font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold}

#main-mask {
	width: 100%;
	height: 700px;
	position: relative;
	background:  url(../images/lights.png) no-repeat left top;
	
}
#main-mask.js {
	overflow: hidden;	
}
#main-scroll {
	
	height: 100%;	
	width: 9000px;
	position: absolute;
	left: 0;
	top: 0;
}

.float_left{
float:left;

}

/************************************************** Font and Links ********************************************************************/


.small_white{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;  text-decoration:none}
.small_white_bold{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none}
.medium_white_bold{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none}
.huge_subtitle{font-family: Arial, Helvetica, sans-serif; font-size:26px; color:#6ed5f8; font-weight:bold; text-decoration:none}
.very_dark_grey_bold{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration:none}
.dark_grey{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666;  text-decoration:none}

.small_dark_blue{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#101D27;  text-decoration:none}
.small_dark_blue_bold{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#101D27; font-weight:bold; text-decoration:none}

a.small_dark_blue_bold:link{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#101D27; font-weight:bold; text-decoration:none}
a.small_dark_blue_bold:visited{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#101D27; font-weight:bold; text-decoration:none}
a.small_dark_blue_bold:hover{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration: underline}

a.small_white_bold:link{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none}
a.small_white_bold:visited{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none}
a.small_white_bold:hover{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration: underline}

a.small_white_bold_16px:link{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none}
a.small_white_bold_16px:visited{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none}
a.small_white_bold_16px:hover{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration: underline}

a.very_dark_grey_bold:link{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration:none}
a.very_dark_grey_bold:visited{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration:none}
a.very_dark_grey_bold:hover{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration: underline}

a.image_link:link{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#999999; font-weight:bold; text-decoration:none}
a.image_link:visited{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#999999; font-weight:bold; text-decoration:none}
a.image_link:hover{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#999999; font-weight:bold; text-decoration: underline}

a.image_link_selected:link{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration:none}
a.image_link_selected:visited{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration:none}
a.image_link_selected:hover{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration: none}

a.light_grey:link{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#B3B3B3; font-weight:bold; text-decoration:none}
a.light_grey:visited{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#B3B3B3; font-weight:bold; text-decoration:none}
a.light_grey:hover{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; text-decoration: underline}



a.medium_white:link{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  text-decoration:none}
a.medium_white:visited{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  text-decoration:none}
a.medium_white:hover{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  text-decoration: underline}

a.medium_white_ul:link{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  text-decoration:underline}
a.medium_white_ul:visited{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  text-decoration:underline}
a.medium_white_ul:hover{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  text-decoration: underline}



/************************************************* Main Page **********************************************************/
#main {
	width: 1000px;
	height: 450px;	
	position: relative;
	top: 80px;
	left: 100px;
	
	/*background:  url(../images/blue_bg.png) no-repeat ;*/
	color:#FFFFFF;
}

div#logo{
float:left;
width:600px;
height: 450px;
background: url(../images/home.png) no-repeat;

}

div#about_link{
float:left;
width:100px;
height: 450px;
background: url(../images/button_about.png) no-repeat right;
cursor:pointer;
}

div#about_link.selected{

background: url(../images/button_selected_2.png) no-repeat right;
}


div#menu_link{
float:left;
width:100px;
height: 450px;
background: url(../images/button_menu_order.png) no-repeat right;
cursor:pointer;
}

div#menu_link.selected{

background: url(../images/button_selected.png) no-repeat right;
}

div#contact_link{
float:left;
width:100px;
height: 450px;
background: url(../images/button_contact.png) no-repeat right;
cursor:pointer;
}

div#contact_link.selected{

background: url(../images/button_selected_3.png) no-repeat right;
}

div.spacer{
float:left;
width:1px;
height: 450px;
background:none;

}

div.big_spacer{
float:left;
width:50px;
height: 450px;
background:none;
}

div.direction{
float:left;
background: url(../images/button_blank.png) no-repeat;
width:50px;
height: 450px;
}

div.direction_right{
width: 15px;
height: 18px;
margin: 216px 0 0 17px;
background: url(../images/triangle_blue_1.png) no-repeat;

}

div.direction_left{
width: 15px;
height: 18px;
margin: 216px 0 0 17px;
background: url(../images/triangle_blue_2.png) no-repeat;

}

div.direction_up{
width: 18px;
height: 15px;
margin: 216px 0 0 15px;
background: url(../images/triangle_blue_3.png) no-repeat;

}


.hide {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

.shown{
display:block;

}

.hidden{
display:none;

}


/* @end */


/**************************************subpages **************************************************/
#sub {
	left: 3100px;
	top: -370px;	
	position: relative;
	width:1651px;
	height: 450px;
	
	
}

#sub_right {
	left: 6100px;
	top: -820px;	
	position: relative;
	width:1651px;
	height: 450px;
	
}


.sub_container {
	/*line-height: 135%;*/
	width: 1601px;
	height: 450px;
	
	
}

.contentarea1 {
	/*line-height: 135%;*/
	width: 700px;
	height: 450px;
	float:left;
	background:  url(../images/menu.png) no-repeat ;
	
}

.contentarea2 {
	/*line-height: 135%;*/
	width: 700px;
	height: 450px;
	float:left;
	background:  url(../images/contact.png) no-repeat ;
	
}

.transition{
width: 601px;
height: 450px;
float:left;
background:url(../images/transition.png) left no-repeat;
}


/******************************************Menu Page***************************************************/

div#div_contact_link1{
float:left;
width:100px;
height: 450px;
background: url(../images/button_contact.png) no-repeat right;
cursor:pointer;
}

div#div_contact_link1.selected{

background: url(../images/button_selected_3.png) no-repeat right;
}

div#home_link1{
float:left;
width:100px;
height: 450px;
background: url(../images/button_home.png) no-repeat right;
cursor:pointer;
}

div#home_link1.selected{

background: url(../images/button_selected_4.png) no-repeat right;
}



div#menu_header{
height: 75px;
width: 665px;

}

div#menu_content{
height: 375px;
width: 665px;

}


div#menu_content_left{
height: 375px;
width: 410px;
float:left;

}

div#menu_content_right{
height: 375px;
width: 220px;
float:left;

}


div#menu_title{
float: left;
width:110px;
height: 50px;

}

div#menu_nav{
width: 550px;
height: 50px;
float: left;

}

div#list_of_dish{
height: 340px;
width: 400px;
border: 1px solid #FFFFFF;

}

ul#menu_category_list{
list-style-type:none;
margin: 0;
padding: 0;

}

ul#menu_category_list li{
display:inline;
margin: 0;
padding: 0;
}

ul#menu_category_list a{
margin: 0 0 0 15px;

}

ul.subcategory {
list-style-type:none;
font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#101D27; font-weight:bold; text-decoration:none
}

ul.subcategory li{
margin: 0 0 20px 0;

}

ul.dish_list{
margin: 0 0 6px 0;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#101D27;  text-decoration:none; font-weight:normal;
}

ul.dish_list li{
margin: 0 0 5px 0;

}

/******************************************Contact Page***************************************************/

div#div_menu_link2{
float:left;
width:100px;
height: 450px;
background: url(../images/button_menu_order.png) no-repeat right;
cursor:pointer;
}

div#div_menu_link2.selected{

background: url(../images/button_selected.png) no-repeat right;
}

div#home_link2{
float:left;
width:100px;
height: 450px;
background: url(../images/button_home.png) no-repeat right;
cursor:pointer;
}

div#home_link2.selected{

background: url(../images/button_selected_4.png) no-repeat right;
}

div#contact_header{
height: 75px;
width: 670px;

}

div#contact_content{
height: 375px;
width: 670px

}

div#contact_content_left{
height: 375px;
width: 215px;
float:left;
}

div#contact_content_right{
height: 375px;
width: 410px;
float:left;
}

div#contact_info{
height: 235x;
width: 230px;
margin-bottom:90px;

}

div#map_direction{
height: 375px;
width: 410px;

}


/***************************************About Page**************************************************/
div#about_div{
background:  #FFFFFF;
position: relative;
width: 100%;
display: none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#b3b3b3;
}

.open{
display: block;

}

div#about_inner{
	
	position: relative;
	left: 100px;
	width:1001px;
	height: 500px;
	padding: 20px 0 0 0;
	
}

div#about_nav{
float:left;
width:135px;
height:460px;
text-align:right;
padding: 30px 20px 0 0;


}

div#about_separator{
float:left;
width:1px;
height:460px;
padding: 34px 0 0 0;


}

div#about_separator_line{
background:url(../images/grayline_dot.png) repeat-y;
width:1px;
height:370px;
}

div#about_content{
float:left;
width:835px;
height:460px;

}

div.back_home_link{
padding: 265px 0 0 10px; 
}


div#about_text_content.partial{
width:600px;
height: 460px;
float: left;
line-height: 20px;
padding: 0 20px 0 20px;

}

div#about_text_content.full{
width:810px;
height: 460px;
float: left;
line-height: 20px;
padding: 0 20px 0 20px;

}



div#about_text_content p{
margin: 0 0 8px 0;
text-align:justify;


}

div#picture_gallery{
width:530px;
height: 350px;
padding: 6px 0 0 0;
float:left;
}

div#gallery_text{
width:250px;
height: 350px;
float:left;

}

.gallery_image{
border: solid 8px #011D2B;

}

div#about_picture.full{
width:190px;
height: 460px;
float: left;
padding: 30px 0 0 0;
}


/*------------------------------carousel-----------------------------*/



.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 500px;
height: 333px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}



/**********************************************************************/