@charset "utf-8";
body
{
    background-position: url(../images/striped_bg.png);
    margin: 0;
    padding: 0;
    width: 100%;
    background: url(../images/striped_bg.png);
    background-repeat: repeat;
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
    color: #5f5f5f;
}

html { padding:0; margin:0;}

/* main */
.main {width:980px; padding:80px 0 0 0; margin:0 auto;}
/******************************************            main_left                   **********************************************/
.main_left { width:298px; padding:0; margin:0; float:left;}
/********** header **********/
.header { background:url(../images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }
/* logo */
.logo { float:left; padding:0; margin:0; width:281px;}
/* menu */	
.menu
{
    padding: 0 0 25px 0;
    margin: 0;
    width: 298px;
    float: left;
    background: url(../images/menu_bg.gif) top;
}
.menu ul { display:block; width:298px; padding:0; margin:0 auto; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { width:268px; height:35px; display:block; margin:0; padding:7px 0 0 30px; color:#4f4e4e; font:bold 18px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { color:#fff; background: url(../images/hover.gif) top no-repeat;}
.menu ul li a.active { color:#fff; background:  url(../images/hover.gif) top no-repeat;}
/* left */
.left  {margin:0 auto; padding:10px 15px;} 
.left h2 { font: bold 16px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0; margin:0;}
.left p { font: normal 12px Arial, Helvetica, sans-serif; color:#a5a5a5; padding:5px 0; margin:0; line-height:1.8em;}
.left p span { font: normal 11px Arial, Helvetica, sans-serif; color:#7c7c7c;}
.left a { font: normal 11px Arial, Helvetica, sans-serif; color:#7c7c7c; text-decoration:underline;}
.left a:hover { font: normal 11px Arial, Helvetica, sans-serif; color: #0066FF; text-decoration:underline;}
.left img { float:left; margin:5px 10px; padding:0;}

/*****************************************************         main_right      *******************/
.main_right { float:right; width:680px; background:#1d1d1d; border:1px solid #161616; padding:0; margin:13px 0 0 0; }
/*header_text*/
.header_text { width:627px; margin:0 auto; padding:0 0 15px 0;}
.header_text h3 { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:21px 0; margin:0;}
.header_text h4 { font: bold 20px Arial, Helvetica, sans-serif; color:#fff; padding:18px 0; margin:0;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#9e9e9e; padding:5px 0; margin:0; line-height:1.8em;}
.header_text img.screen { float:left; margin:0; padding:0;}
/********** block index **********/
.body {margin:0 auto; padding:10px 20px; background:#fff; width:638px;}
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 5px; margin:0; line-height:1.8em;}
.body p span { color:#a4a4a4; font: normal 11px Arial, Helvetica, sans-serif;}
.body a {  text-decoration:none; color:#1d1d1d; font: bold 12px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.body a:hover
{
    text-decoration: underline;
    color: #0066FF;
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}
.body .blog_link { margin:0 auto 10px auto; padding:1px 0; border-top:1px solid #dedede; background:#ececec;}
/*
.body ul { margin:5px 0; padding:0; list-style:none;}
.body li { font: normal 12px Arial, Helvetica, sans-serif; color:#909090; background:url(../images/ul_li.gif) left no-repeat; padding:5px 0 5px 25px; margin:0;}
*/
.body p.data { color:#e16b08; font: normal 11px Arial, Helvetica, sans-serif;}
.body img { margin:5px 0; padding:0;}
.body img.floated { float:right; margin:5px 10px; padding:0;}
.body img.banner { float:left; margin:5px 5px; padding:0;}
.body img.port { float:right; margin:5px 5px; padding:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#000; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e5e5e5; margin:10px 0; padding:5px 2px; height:16px; background:#f0f0f0; float:left;}
#contactform textarea { width:430px; border:1px solid #e5e5e5; margin:10px 0; padding:2px; background:#f0f0f0; float:left;}
#contactform li.buttons input { padding:3px 0 3px 420px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { float:right; width:682px; padding:0; margin:0 0 0px 0;}
.footer_resize {margin:0 auto; padding:0; background: url(../images/footer_bg.gif) top repeat-x;}
.footer_resize img { float:right; margin:0; padding:0;}
.footer_resize p { font:normal 12px  Arial, Helvetica, sans-serif; color:#535353;}
.footer_resize a { font:normal 12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; padding:1px 2px; margin:0;}
.footer_resize a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:underline; padding:1px 2px; margin:0;}
.footer_resize span { padding:10px 0 0 0; margin:0;}
.footer_resize p.rightt { text-align:left; width:60%; margin:0; padding:20px 0 20px 20px; float:left;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d3d3d3; padding:0; margin:10px 0; background:none; line-height:0;}

#flashcontent
{
    margin-right: auto;
    margin-left: auto;
    width: 271px;
    height: 225px;
}

h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

#Rotator
{
    width: 539px;
    height: 211px;
    float: right;
    margin-right: 20px
}

a.CateringMenu
{
    display: block;
    width: 265px;
    height: 83px;
    text-decoration: none;
    background: url('../images/CateringMenu.jpg');
    outline: none;
}

a.CateringMenu:hover
{
   background-position: 0 -83px;
}