/* Soda Cafe CSS Document */ 

body,html { 
        margin: 0px; 
        padding: 0px; 
        background: #45444C; 
        font-family: Century Gothic, Arial; 
        font-size: 12px; 
        padding-top: 10px; 
        padding-bottom: 10px; 
        color: #BDBEBD; 
        overflow-y: scroll; 
} 
        
h1 { 
        font-family: Century Gothic, Arial; 
        font-size: 16px; 
        color: #5F82AE; 
        text-decoration: none; 
        text-transform: lowercase; 
        letter-spacing: .1em 
}         
        
h2 { 
        font-size: 14px; 
        color: #5F82AE; 

}         
        
h3 { 
        font-family: Century Gothic, Arial; 
        font-size: 13px; 
        font-weight: bold; 
        color: #5F82AE;
		line-height: 12px
}         

h4 { 
        display: none; 
} 
        
td { 
        font-family: Century Gothic, Arial; 
        font-size: 12px; 
        color: #776B62; 
        line-height: 150%; 
        letter-spacing: 0.02em; 
}                 
        
a { 
        color: #6C4D40; 
} 
        
hr { 
        color: #6082A9 !important; 
} 

.column li { 
        list-style: square;   
        list-style-position: outside; 
        margin-left: -25px; 
        line-height: 5px; 
} 
        
a:hover { 
        text-decoration: none; 
}         

table.maintable { 
        width: 770px; 
        height: 100%; 
        background: #000; 
        margin: 0px auto 0px auto; 
} 
        
table.picbar { 
        width: 480px; 
        margin: 0px 0px 0px auto; 
} 
        
table.picbar td img { 
        padding-left: 5px; 
}         
        
td.topspace { 
        height: 20px; 
        width: 770px; 
}         
        
td.mainlogo { 
        width: 770px; 
        background: url(../images/logo.gif) no-repeat bottom left #000; 
        height: 158px; 
        border-bottom: 7px #6082A9 solid; 
        border-top: 7px #6082A9 solid; 
        text-align: right; 
        /*vertical-align: bottom; 
*/        }         
        
/* SIDE COLUMNS */ 
.leftexpand, .rightexpand { 
        background: #000; 
        border-bottom: 7px #000 solid; 
        border-top: 7px #000 solid; 
}                 
        
/* CONTENT */ 
td.content_outer { 
        height: 100%; 
        width: 770px; 
}         
        
table.content_inner {         
        width: 775px; 
        height: 100%; 
        padding-top: 40px; 
} 
        
td.content { 
        color: #E6E6E6; 
        vertical-align: top; 
        font-family: Century Gothic, Arial; 
        font-size: 12px; 
        padding-bottom: 20px; 
        padding-right: 30px; 
        padding-left: 20px 
} 
        
td.contentJustify{ 
        color: #E6E6E6; 
        vertical-align: top; 
        font-family: Tahoma, Verdana, Arial; 
        font-size: 12px; 
        text-align: justify; 
        padding-bottom: 20px; 
        padding-right: 30px; 
        padding-left: 20px 
} 

div.contentJustifyUs{ 
        color: #E6E6E6; 
        vertical-align: top; 
        font-family: Century Gothic, Arial; 
        font-size: 12px; 
        text-align: justify; 
        padding-right: 30px; 

} 
        
td.contentJustifyUsCell{ 
        color: #E6E6E6; 
        vertical-align: top; 
        font-family:Century Gothic, Arial; 
        font-size: 12px; 
        text-align: justify; 
        padding-right: 30px; 
}                 
        
td.content a { 
        color: #E6E6E6; 
        text-decoration: underline; 
} 
        
td.content a:hover { 
        text-decoration: none; 
        color: #fff; 
}         
        
td.content td { 
        font-family: Century Gothic, Arial; 
        font-size: 12px; 
        color: #E6E6E6; 
        vertical-align: top; 
} 
        
/* MENU */ 
td.menucell { 
        background: url(../images/menuBG1.jpg) no-repeat top right; 
        width: 245px; 
        vertical-align: top; 
        background-color: black; 
}         
        
/* ICON LINKS */         
        
td.footericons { 
        text-align: center; 
        padding-bottom: 10px; 
}         
        
a.contactus { 
        background: url(../templateimages/icon_contact.gif) no-repeat top left; 
        padding: 0px 0px 0px 30px; 
        width: 150px; 
        height: 15px; 
        display: block; 
        text-align: left; 
        font-size: 10px; 
}         
        
a.contactus:hover { 
        background: url(../templateimages/icon_contacthover.gif) no-repeat top left;         
}                                 
        
/* FOOTER */ 
td.footer { 
        background: url(../templateimages/footerbg.gif) repeat-x top #B3A79F; 
        height: 20px; 
        text-align: right; 
        color: #E9E2DD; 
        font-size: 10px; 
        font-family: Tahoma, Verdana, Arial; 
}         
        
td.footer a { 
        color: #E9E2DD; 
        text-decoration: none; 
} 
        
td.footer a:hover { 
        color: #FFFFFF; 
} 
        
a.contactus { 
        background: url(../templateimages/icon_contact.gif) no-repeat top left; 
        padding: 0px 0px 0px 30px; 
        width: 150px; 
        height: 15px; 
        display: block; 
        text-align: left; 
}         
                        
        
td.footerside { 
        background-color:  #6082A9; 
        height: 10px; 
        color: white; 
        text-align: center; 
        vertical-align:center; 
}                         
        
hr { 
        border-top: 3px solid #6082A9 !important; 
}         
        
a.homepagelink { 
        background-color: #F0EBE8; 
        color: #6C4D40; 
        text-decoration: none; 
        width: 132px; 
        height: 245px; 
        display: block; 
        padding: 10px; 
} 
        
a.homepagelink:hover {         
        background-color: #E9E0DA; 
} 

input, select, textarea { 
        background-color: #414141; 
        border: 1px solid white; 
        font-family: Tahoma, Verdana, Arial; 
        font-size: 11px; 
        color: #BDBEBD; 
        cursor: hand; 
        width: 280px; 
}   

td strong {color: #5F82AE;}

input, select, textarea {
 background-color: #6082A9;
 border: 1px solid white;
 font-family: century gothic, Arial;
 font-size: 12px;
 color: #fff;
 width: 280px;
 cursor: none
 } 

input.reservationButton{
width: 53px !important;
height: 20px !important;
float: right;
border: 0
}