/* Copyright David Alday 2010 */

@charset "utf-8";

body{
margin:0;
padding-top: 15px;
padding-bottom: 15px;
background: /*url(http://hittherack.com/website/images/bg.png)*/ left top no-repeat #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;

}

body a{
color: #ffffff;
text-decoration: none;
}

body a:hover {
text-decoration: underline;
}

#main{
background: #3e0000;
width: 920px;
text-align: center;
margin: auto;
min-height: 700px;
height: auto;
height: 700px;
border: #fe0000 1px solid;
}

#header {
min-width: 940px;
min-height: 235px;
width: 940px;
height: auto;
height: 235px;
background: url(images/headback.png) no-repeat;
margin: auto;
margin-top: -20px;



}


#left {
min-width: 272px;
width: auto;
width: 272px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
padding-left: 10px;
margin-top: 10px;

}

h1 {margin-bottom: -8px;} 

#l1 {
background: url(images/leftback.png) no-repeat right #d1d1d1;
min-width: 262px;
width: auto;
width: 262px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #3e0000;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
min-height: 314px;
height: auto;
height: 314px;
overflow: auto;

}

#l2 {
min-width: 272px;
width: auto;
width: 272px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 20px;
}

#l2 a {
min-width: 282px;
width: auto;
width: 282px;
display: block;
background: url(images/home.png);
min-height: 100px;
height: auto;
height: 100px;
}

#l2 a:hover{
display: block;
background: url(images/homehover.png);
min-height: 100px;
height: auto;
height: 100px;
min-width: 282px;
width: auto;
width: 282px;
}

#l3 {
min-width: 272px;
width: auto;
width: 272px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 20px;
}

#l3 a {
min-width: 282px;
width: auto;
width: 282px;
display: block;
background: url(images/sushi.png);
min-height: 100px;
height: auto;
height: 100px;
}

#l3 a:hover{
display: block;
background: url(images/sushihover.png);
min-height: 100px;
height: auto;
height: 100px;
min-width: 282px;
width: auto;
width: 282px;
}

#l4 {
min-width: 272px;
width: auto;
width: 272px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 20px;
}

#l4 a {
min-width: 282px;
width: auto;
width: 282px;
display: block;
background: url(images/pool.png);
min-height: 100px;
height: auto;
height: 100px;
}

#l4 a:hover{
display: block;
background: url(images/poolhover.png);
min-height: 100px;
height: auto;
height: 100px;
min-width: 282px;
width: auto;
width: 282px;
}

#right {
min-width: 574px;
width: auto;
width: 574px;
float: left;
text-align: left;
margin-left: 54px;
margin-top: 10px;


}

#r1 {

text-align: center;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
height: 524px;
overflow: auto;
background: url(images/slideback.png) #d1d1d1 no-repeat top;
min-width: 574px;
width: auto;
width: 574px;

}

#r1f {

text-align: left;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
height: 524px;
overflow: auto;
background:  #d1d1d1;
min-width: 534px;
width: auto;
width: 534px;
color: #3e0000;
font-weight: bold;
padding: 20px;
min-height: 524px;
height: auto;
height: 524px;

}

#r2 {
min-width: 272px;
width: auto;
width: 272px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 20px;
margin-left: -17px;
}


#r2 a {
min-width: 282px;
width: auto;
width: 282px;
display: block;
background: url(images/party.png);
min-height: 100px;
height: auto;
height: 100px;
}

#r2 a:hover{
display: block;
background: url(images/partyhover.png);
min-height: 100px;
height: auto;
height: 100px;
min-width: 282px;
width: auto;
width: 282px;
}

#r3 {
min-width: 272px;
width: auto;
width: 272px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 20px;
margin-left: 37px;
}

#r3 a {
min-width: 282px;
width: auto;
width: 282px;
display: block;
background: url(images/photos.png);
min-height: 100px;
height: auto;
height: 100px;
}

#r3 a:hover{
display: block;
background: url(images/photoshover.png);
min-height: 100px;
height: auto;
height: 100px;
min-width: 282px;
width: auto;
width: 282px;
}

#hp a{
display: block;
background: url(images/hydepark.png);
min-height: 300px;
height: auto;
height: 300px;
min-width: 300px;
width: auto;
width: 300px;
float: left;
margin-top: 200px;

}

#hp a:hover{
display: block;
background: url(images/hydeparkhover.png);
min-height: 300px;
height: auto;
height: 300px;
min-width: 300px;
width: auto;
width: 300px;
float: left;
margin-top: 200px;

}

h2 {
font-size:16px;
}

#brandon a{
display: block;
background: url(images/brandon.png);
min-height: 300px;
height: auto;
height: 300px;
min-width: 300px;
width: auto;
width: 300px;
float: left;
margin-top: 200px;
margin-right: 100px;

}

#brandon a:hover{
display: block;
background: url(images/brandonhover.png);
min-height: 300px;
height: auto;
height: 300px;
min-width: 300px;
width: auto;
width: 300px;
float: left;
margin-top: 200px;
margin-right: 100px;

}

#center{
display: block;
background: url(images/logo.png);
min-height: 300px;
height: auto;
height: 300px;
min-width: 300px;
width: auto;
width: 300px;
float: left;
margin-top: 200px;

}

#face{
width: 1000px;
float: center;
margin: auto;
text-align: center;
}


#lunch {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 0px;
}


#lunch a {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
display: block;
background: url(images/lunch.png);

}

#dinner {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 5px;
}


#dinner a {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
display: block;
background: url(images/dinner.png);

}


#cocktails {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 5px;
}


#cocktails a {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
display: block;
background: url(images/cocktails.png);

}

#sushibutton {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #434343;
padding-top: 5px;
}


#sushibutton a {
min-width: 264px;
width: auto;
width: 264px;
min-height: 60px;
height: auto;
height: 60px;
display: block;
background: url(images/sushibutton.png);

}

.hidden {display:none;}

#tt {
min-width: 145px;
width: auto;
width: 145px;
float: right;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: white;
margin-top: 20px;
margin-right: 60px;
}

#fu {
min-width: 170px;
width: auto;
width: 170px;
display: block;
min-height: 49px;
height: auto;
height: 49px;
margin-top: -50px;
margin-right: 50px;
text-align: center;
float: right;
color: #FFFFFF;

}


#bfu {
min-width: 170px;
width: auto;
width: 170px;
display: block;
min-height: 49px;
height: auto;
height: 49px;
margin-top: 40px;
margin-right: 10px;
text-align: center;
float: right;
color: #FFFFFF;
}

#ifu {
min-width: 170px;
width: auto;
width: 170px;
display: block;
position: relative;
min-height: 49px;
height: auto;
height: 49px;
margin: -45px 175px 0px 0px;
right: 175px;
text-align: center;
color: #FFFFFF;
}
                    
/* CSS Document */
