@charset "utf-8";
/* CSS Document */
/* Otto Restaurant Website*/

/* General */
body{
padding:0px; margin:0px; background-color:#4e0101;
vertical-align:top;
}

img{
 border:none;
}

.main{
width:794px;
}
.left{
width:18px;
background:url(img/shadow_left.jpg) repeat-y top right;
}
.right{
width:18px;
background:url(img/shadow_right.jpg) repeat-y top left;
}
.topLine{ background-color:#4e0101; border-bottom:solid 1px #320103;}
.topLine2{ border-top:solid 1px #773737; height:20px;}

.mainBody{
background-color:#FFFFFF;
vertical-align:top;
}

.mainLeft{ 
width:231px; 
background-color:#e9e9e9;
padding:10px 10px 10px 10px;
vertical-align:top;
}

.mainLeftBox{
border:solid 3px #c7c7c7;
}
.mainLeftBox td{
padding:5px 8px 5px 8px;
text-align:left;
}
.mainLeftBoxInput{
width:190px;
height:25px;
background:url(img/input.jpg) no-repeat;
}
.mainLeftBox2 td{
text-align:left;
}

.mainRight{ 
padding:10px 15px 10px 15px;
vertical-align:top;
}
.col1{
vertical-align:top;
text-align:left;
width:300px;
padding:3px;
}
.col2{
vertical-align:top;
text-align:left;
padding:3px;
}
.boxTop2{
text-align:left; vertical-align:top;
width:8px;
height:4px;
}
.boxTop1{
height:4px;
background:url(img/top1.gif) no-repeat left;
}
.boxBot2{
text-align:left; vertical-align:top;
width:8px;
height:4px;
}
.boxBot1{
height:4px;
background:url(img/bottom1.gif) no-repeat left;
}
.boxMiddle{
filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#ededed,endColorStr=#fafafa);
border-left:solid 1px #dedede;
border-right:solid 1px #dedede;
padding:4px 8px 4px 8px;
}
.imgBox200{
width:312px;
}
.txtBox200{
width:226px;
padding-left:5px;padding-top:5px;
}
.txtBoxRight{
padding-left:5px;padding-top:5px;padding-bottom:5px; padding-right:25px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.txtBoxRight2{
padding-left:5px;padding-top:5px;padding-bottom:5px;padding-right:25px;
}

.txtBoxRight3{
width:200px;
margin-bottom:9px;
border-bottom:1px #999999 dotted;
padding-left:5px;padding-top:5px;padding-bottom:5px;padding-right:25px;
}

.txtBoxRight4{
width:230px;
margin-bottom:9px;
border-bottom:1px #999999 dotted;
padding-left:5px;padding-top:5px;padding-bottom:5px;padding-right:25px;
}

.txtBoxLeft{
padding-left:5px;padding-top:5px;padding-bottom:5px;
border-bottom:solid 1px #cccccc;
}
.foot{
text-align:center;
vertical-align:middle;
height:143px;
width:794px;
background:url(img/bottom.jpg) no-repeat bottom left #FFFFFF;
}

/*TYPE FACE*/
.lineHeight12{
line-height:12px;
}
.lineHeight16{
line-height:16px;
}
.more{
padding-left:5px; padding-top:10px;
}
.generalFont{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5a5a5a;
}

.generalFont10{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a5a5a;
}
.generalFont10 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5a5a5a;
text-decoration:none;
}
.generalFont10 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CC0000;
text-decoration:none;
}

.generalFontBig{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#5a5a5a;
}

.footFont{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#dbcb8f;
}