/* body styles */

body	{
			background:#e4e5e6;
			text-align:center;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size:80%;      
		}

/* layout styles */

#frame {
			width:780px;
			margin-right:auto;
			margin-left:auto;
			margin-top:50px;
			text-align:left;
			border:20px solid #fff;
		}

#box1 {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/cateringhome.jpg);}
#box1a {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/events_catering.jpg);}
#box1b {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/lunchorder.jpg);}
#box1c {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/kitchen_info.jpg);}
#box1d {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/contact.jpg);}
#box1e {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/menu.jpg);}
#box1f {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/newsletter.jpg);}
#box1g {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/hampers.jpg);}
#box1h {height:300px; margin:0; padding:0; color:#000; background-color:#000; background-image: url(../imgs/feedback.jpg);}

#split1 {float:left; width:45%;}
#split2 {float:left; width:45%;}


#box2 {height:600px; margin-top:0; margin:0; padding:0; color:#ffff00; background-color:#7F7F7F;}
#box2a {float:left;width:155px;height:300px; margin:0; padding:0; color:#CCFF33; background-color:#7F7F7F;}
#box2b {float:left;width:605px;height:300px; margin:0; padding:0; color:#000; background-color:#7F7F7F; border-left:1px dotted #000;}
#box3 {height:20px; margin-top:0; margin:0; padding:0; color:#ffff00; background-color:#fff;}

.h1squashed {text-align:center; letter-spacing: -15px; line-height: 1em; font-size: 9em; background-color:#fff;}
.h2squashed {text-align:center; letter-spacing: -10px; line-height: 1em; font-size: 5em; }
.frontform {padding-left:10px;}
.error {font-size:.8em; color:#FFFF00; font-weight:bolder; padding-left:10px;}

h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Trebuchet MS, verdana, sans-serif; }
#box2b h1, h2, h3, h4, h5, h6 {color:#CCFF33; padding-left:10px;}

h1 { font-size: 2.5em; margin-bottom: .3em }
h2 { font-size: 2em; margin-bottom: .3em }
h3 {padding-left:10px;text-align:left;font-size: 1.5em; }
h4 {padding-left:10px;text-align:left;font-size: 1.3em; }

p {text-align:justify; padding-left:10px; padding-right:10px; font-size:1.4em; line-height: 1.5em; color: #fff;}
p a { background: #E6E6E6; color:#000; text-decoration: none; }
p a:hover {background-color:#00B3FF; }
em { font-style: normal; background-color: #FFFDD4; }

#box3 p {margin:0; color:#0088DD; font-size:.9em;}
#box3 a {color:#0088DD; background-color:#FEDDFF;  font-size:.9em; font-weight:bolder;}
#box3 a:hover {color: #FEDDFF; background-color:#0088DD;}

#box2b li {font-size:1.3em; color:#fff;}


form.cmxform fieldset {
  margin-bottom: 10px;
  
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  color:#CCFF33;
   
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#CCFF33;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {width: 240px; /* Width of labels */}
form.cmxform fieldset fieldset label {
  margin-left: 243px; /* Width plus 3 (html space) */
}

p.cmxform {margin:0; padding-bottom:5px; color:#fff; font-size:.9em;}

#navcontainer
{
width:155px;
font-family: Trebuchet MS, verdana, sans-serif; 
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{

margin: 0;
}

#navcontainer li a
{
font-size:1.5em;
display: block;
padding: 30px 5px 5px 0.5em;
color: #CCFF33;
text-decoration: none;
width: 100%;
}



html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{

background-color: #AAABAB;
color: #fff;
}