/*General*/
*{
margin:0;
padding:0
}

img{
border:0;
}

body{
background: url('images/bg.jpg') repeat-x top left fixed;
font-family: 'Tahoma', Verdana, "Lucida Grande", Sans-Serif;
font-size: 62.5%; /* Resets 1em to 10px */
text-align: center;
}

.clear{
clear: both;
}


/*Layout*/
#wrapper{
width: 837px;
margin: 20px auto;
text-align: left;
}

#header{
width: 837px;
}

#box{
height: 305px;
width: 837px;
background-color: #ffaf24;
}

#box-orange{ /*just for interior*/
width: 837px;
height: auto;
background-color: #ffaf24;
}

#black-box{
width: 837px;
background-color: #000;
height: auto;
padding-bottom: 50px;
}

#footer{
width: 837px;
height: 100px;
}


/*Header*/
#language {
text-align: right;
margin-bottom: 10px;
font-size: 1em;
color: #c78c22;
font-weight: bold;
padding-right: 10px;
}

#language a{
color: #c78c22;
}

#header-1{
background: url('images/header-1.gif') no-repeat top left;
height: 40px;
}
#header-2{
background: url('images/header-2.gif') no-repeat top left;
height: 40px;
}
#header-3{
background: url('images/header-3.gif') no-repeat top left;
height: 40px;
}
#header-4{
background: url('images/header-4.gif') no-repeat top left;
height: 54px;
}
#header-5{
background: url('images/header-5.gif') no-repeat top left;
height: 39px;
}


/*Nav Bar*/
#nav-bar li#no-mar{
margin-right: 0px !important;
}

#nav-bar li#no-mar a{
padding-right: 9px !important;
}

#nav-bar{
height: 31px;
width: 837px;
padding-top: 8px;
}

#nav-bar ul li{
list-style-type: none;
display: inline;
float: left;
font-weight: bold;
margin-right: 1px;
}

#nav-bar ul li a{
float: left;
text-decoration: none;
color: #fff;
height: 31px;
padding-right: 8px;
background: url('images/nav-right.gif') no-repeat top right;
line-height: 28px;
font-size: 1.2em;
}

#nav-bar ul li a span{
float: left;
display: block;
height: 31px;
width: 8px;
background: url('images/nav-left.gif') no-repeat top left;
}

#nav-bar ul li a:hover{
background: url('images/nav-right-hover.gif') no-repeat top right;
color: #000;
}

#nav-bar ul li a:hover span{
background: url('images/nav-left-hover.gif') no-repeat top left;
color: #000;
}

#nav-bar ul li span#nav-left-b{
background: url('images/nav-left-b.gif') no-repeat top left !important;
}

#nav-bar ul li a#nav-right-b{
background: url('images/nav-right-b.gif') no-repeat top right !important;
}

#nav-bar ul li  a:hover span#nav-left-b{
background: url('images/nav-left-b-hover.gif') no-repeat top left !important;
}

#nav-bar ul li a:hover#nav-right-b{
background: url('images/nav-right-b-hover.gif') no-repeat top right !important;
}




/*Box*/
#box-left{
float: left;
width: 520px;
height: 300px;
margin: 5px 10px 0px 4px;
}

#box-right{
float: left;
width: 294px;
height: 300px;
margin: 5px 0 0px 1px;
}

#boxr-1{
height: 210px;
background: url('images/whats-new.gif') no-repeat top left;
}

#boxr-2{
margin-top: 5px;
height: 85px;
background: url('images/find.gif') no-repeat top left;
}

#boxr-1 ul{
padding: 60px 15px 5px;
}

#boxr-1 ul li{
list-style-type: none;
background: url('images/bullet.gif') no-repeat top left;
padding-left: 20px;
margin: 10px 0;
}

#boxr-1 ul li a{
color: #4e4e4e;
font-size: 1.1em;
font-weight: bold;
line-height: 15px;
}

#boxr-1 ul li a:hover{
color: #ce000d;
}

form#search{
position: relative;
top: 55px;
left: 75px;
}

#s{
width: 170px;
border: 2px solid #6aba2f;
padding: 2px;
color: #333;
}

#submit{
background: url('images/find-go.gif') no-repeat top left;
border: 0px;
width: 33px;
height: 23px;
cursor: pointer;
}

.boxbottom { 
background:  #ffaf24 url('images/se.gif') no-repeat bottom right; 
}
.boxbottom div { 
font-size: 0;
height: 5px; 
background: url('images/sw.gif') no-repeat bottom left; 
}


/*Black Box*/
#black-gradient{
padding-top: 10px;
margin-left: 5px;
}

#bbox-left{
float: left;
width: 520px;
height: auto;
margin-right: 10px;
}

#bbox-right{
float: left;
height: auto;
width: 297px;
}

#join-1{
background: url('images/join-1.gif') no-repeat top left;
height: 160px;
width: 164px;
float: left;
}

#join-2{
background: url('images/join-2.gif') no-repeat top left;
height: 160px;
width: 133px;
float: left;
}

#join-3{
width: 297px;
height: 160px;
background: url('images/join-3.gif') no-repeat top left;
float: left;
margin-bottom: 5px;
}

#join-member-button{
position: relative;
top: 125px;
left: 18px;
background: url('images/signup.gif') no-repeat top left;
cursor: pointer;
height: 27px;
width: 155px;
border: 0px;
}

#bboxr-1{
margin-bottom: 5px;
}

#bboxr-2{
height: 90px;
}

span#fran-1{
float: left;
background: url('images/gallery_interior_01.png') no-repeat top left;
width: 147px;
height: 90px;
}

span#fran-2{
float: left;
background: url('images/gallery_interior_02.png') no-repeat top left;
width: 146px;
height: 90px;
}

#login-form{
position: relative;
top: 50px;
left: 20px;
}

#username, #password{
padding: 2px 4px;
color: #363636;
font-size: 1.1em;
font-family: Arial;
width: 140px;
border: 2px solid #fdb300;
margin-bottom: 5px;
}

span#forgot a{
color: #da3e00;
font-size: 1.1em;
font-weight: bold;
line-height: 20px;
padding-left: 2px;
}

#submit-login{
background: url('images/login.gif') no-repeat top left;
height: 28px;
width: 62px;
border: 0px;
cursor: pointer;
}

#submit-login:hover{
background: url('images/login-hover.gif') no-repeat top left;
}

#signup{
background: url('images/signup.gif') no-repeat top left;
height: 28px;
width: 72px;
border: 0px;
cursor: pointer;
}

#signup:hover{
background: url('images/signup-hover.gif') no-repeat top left;
}


/*Main News*/
#main-news{
color: #c78c22;
font-size: 1.2em;
padding-left: 30px;
}

#welcome{
background: url('images/welcome.gif') no-repeat top left;
height: 29px;
width: 364px;
margin-bottom: 20px;
margin-top: 10px;
}

#main-news p{
margin-bottom: 14px;
margin-right: 50px;
}

.read-more a{
color: #c78c22;
font-weight: bold;
font-size: 0.9em;
}

.read-more a:hover{
text-decoration: none;
}

.read-more-new a{
color: #c78c22;
font-weight: bold;
font-size: 1.1em;
margin-left: 35px;
margin-top: -20px;
}

.read-more-new a:hover{
text-decoration: none;
}



/*Content*/
.promotion-content{
margin: 10px 0;
}


/*Sumpit*/
#sumpit{
background: url('images/sumpit.png') no-repeat top left;
position: relative;
top: -42px;
right: 10px;
height: 82px;
width: 863px;
}




/*Footer*/
#footer-inside, #footer-inside a{
color: #ffee8f;
font-family: Arial;
text-align: center;
margin-top: -40px;
font-size: 1em;
line-height: 15px;
}

#footer-inside ul{
margin-bottom: 10px;
}

#footer-inside ul li{
list-style-type: none;
display: inline;
margin: 0 5px;
}

#footer-inside a{
text-decoration: underline;
}

#footer-2{
width: 100%;
height: auto;
padding-left: 14px;
padding-top: 10px;
}

#join-footer{
width: 267px;
height: 85px;
float: left;
}

#search-footer{
width: 263px;
height: 85px;
float: left;
margin: 0 10px 0 6px;
}

#fran-footer{
width: 263px;
height: 85px;
float: left;
}

#jf-1{
width: 267px;
height: 42px;
background: url('images/join-footer-1.gif') no-repeat top left;
}

#jf-2{
width: 267px;
height: 43px;
background: url('images/join-footer-2.gif') no-repeat top left;
}

#jf-button{
position: relative;
top: 12px;
left: 10px;
}

#sf-1{
width: 263px;
height: 42px;
background: url('images/sf-1.gif') no-repeat top left;
}

#sf-2{
width: 263px;
height: 43px;
background: url('images/sf-2.gif') no-repeat top left;
}

form#search-2{
position: relative;
top: 10px;
left: 70px;
}

#s-2{
width: 145px;
border: 2px solid #6aba2f;
padding: 2px;
font-size: 1em;
color: #333;
margin-right: 4px;
}

#submit-2{
background: url('images/find-go-2.gif') no-repeat top left;
border: 0px;
width: 30px;
height: 21px;
cursor: pointer;
}

#ff-1{
width: 263px;
height: 42px;
background: url('images/gallery-main_01.png') no-repeat top left;
cursor: pointer;
}

#ff-2{
width: 263px;
height: 43px;
background: url('images/gallery-main_02.png') no-repeat top left;
cursor: pointer;
}

#storeCity{
width: 145px;
border: 2px solid #6aba2f;
padding: 2px;
font-size: 1em;
color: #333;
margin-right: 2px;
}

#storeCity2{
width: 165px;
border: 2px solid #6aba2f;
padding: 2px;
font-size: 1em;
color: #333;
margin-right: 2px;
}

#storeTable{
font-size: 1em;
border: 0;
text-align: left;
}

#storeTable th{
background-color: #f5f5f5;
padding: 5px 0;
font-size: 1.2em;
}

#storeTable td{
padding: 5px 0;
}

#storeTable tr:hover{
background-color: #f5f5f5;
}

/*Box Orange*/
#bo-top{
width: 837px;
background-color: #ffaf24;
height: 3px;
}

#bo-center{
width: 837px;
background: url('images/strip.gif') repeat-y top left;
}

#bo-bottom {
width: 837px;
height: 17px;
background: url('images/bo-bottom.gif') no-repeat top left;
}

#food-top{
width: 831px;
height: 124px;
/*background: url('images/about-us-top.jpg') no-repeat top left;*/
margin-left: 3px;
}

#wave{
width: 831px;
height: 124px;
background: url('images/wave.png') no-repeat top left;
position: relative;
top: -110px;
left: 3px;
margin-bottom: -120px;
}

#page-title{
width: auto;
height: 20px;
position: relative;
top: -15px;
left: 20px;
}

span.left{
background: url('images/flow.gif') no-repeat top left;
height: 20px;
width: 20px;
float: left;
margin-right: 5px;
}

span.center{
font-family: Verdana, Impact;
font-size: 2.4em;
font-weight: bold;
line-height: 20px;
float: left;
}

span.right{
background: url('images/flow.gif') no-repeat top left;
height: 20px;
width: 20px;
float: left;
margin-left: 5px;
}

#bo-main{
float: left;
width: 550px;
margin: 20px 10px 20px 20px;
font-size: 1.1em;
}

#bo-main-2{
float: left;
width: 239px;
padding: 20px 0;
}


/*Single Post*/
.post{
margin-bottom: 20px;
}

.post p{
margin-bottom: 10px;
text-align: justify;
padding-right: 5px;
}

.post a{
color: #c78c22;
font-weight: bold;
font-size: 0.9em;
text-decoration:none;
}

.post-title  h2, .post h2{
color: #c78c22;
font-size: 1.4em;
margin-bottom: 20px;
}

.post-date{
font-size: 0.8em;
margin-bottom: 5px;
}

.post-lang{
font-size: 0.8em;
margin-bottom: 5px;
}

span.regularText{
color: #686868;
font-family: Arial;
font-size: 0.9em;
}

.c-category{
margin-bottom: 30px;
}

/*Contact Us*/
.contact-us input , .contact-us select{
width: 250px;
border: 1px solid #b4b4b4;
margin-right: 20px;
padding: 3px;
}

.contact-us textarea{
width: 400px;
height: 100px;
border: 1px solid #b4b4b4;
padding: 3px;
}

.contact-us p{
margin-bottom: 10px;
}

#sub-nav{
font-size: 1.1em;
font-weight: bold;
color: #cc000d;
padding: 2px 10px 5px;
text-align: left;
}

#sub-nav a{
color: #cc000d;
text-decoration: none;
}

#sub-nav a:hover{
color: #fff;
}


/*Comment*/
#comment input{
width: 250px;
border: 1px solid #b4b4b4;
margin-right: 20px;
padding: 3px;
}

#comment  textarea{
width: 400px;
height: 100px;
border: 1px solid #b4b4b4;
padding: 3px;
}

#comment p{
margin-bottom: 10px;
}

ul#comment{
list-style-type: none;
}

ul#comment li{
border-bottom: 3px solid orange;
padding-bottom: 15px;
margin-bottom: 15px;
margin-right: 5px;
}

.com-name, .com-name a{
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
padding-bottom: 5px;
}

.com-message{

}

.com-date{
padding-top: 5px;
color: #c30;
}


/*Slider Image*/
#slider {
    width: 520px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 520px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 500px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

.c-category ul{
list-style-type: none;
}

.c-category ul li{
display: inline;
}

.c-category ul img{
border: 5px solid #fff;
border-width: 5px 5px 20px;
}

.c-category ul a:hover img {
border: 5px solid  #ffae23;
border-width: 5px 5px 20px;
color: #fff;
}

/*Join Club*/
#join-club label{
width: 100px;
float: left;
}

#join-club input{
width: 200px;
border: 1px solid #b4b4b4;
padding: 2px;
color: #c78c22;
}

#join-club select{
width: 200px;
border: 1px solid #b4b4b4;
padding: 2px;
color: #c78c22;
}