* { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; }
/*content styles*/
h1 { font-size: 20px; margin: 0px 0 12px 0; color: #000000; font-weight: normal; }
h2 { font-size: 16px; margin: 12px 0 12px 0; color: #E31F29; font-weight: normal; }
h2 { background: url(../images/layout/h2-header-bg.jpg) top left repeat-x; padding: 4px 10px 0px 10px; height: 24px; overflow: hidden; }
h3 { font-size: 14px; margin: 0px 0 12px 0; color: #000000; font-weight: normal; }
h4, h5, h6 { font-size: 13px; margin: 12px 0 12px 0; color: #000000; font-weight: normal; }

p { margin: 0 0 20px 0; }

strong { color: #E31F29; }

a { color: #E31A24; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

ol { margin: 12px 0 12px 0px; padding: 0 0 0 16px; }
ul { margin: 12px 0 12px 0px; padding: 0 0 0 14px; }
dl { margin: 8px 0 8px 0; padding: 0 0 0 10px; }
dl dd { margin: 0; padding: 0 0 0 20px; }
dl dt { margin: 0; padding: 0; font-weight: bold; }

code, samp { font: 10px 'lucida console', 'andale mono', 'courier new', courier; margin: 0 0 12px 0; }
kbd { font: 13px 'courier new', courier, 'lucida console', 'andale mono'; }
var { font-style: normal; font: 12px 'lucida console', 'andale mono', 'courier new', courier; font-weight: bold; }
pre { font-size: 13px; margin: 0 0 0px 0; padding: 0 0 0 0; }
blockquote { margin: 20px 0px; padding: 0px; font-style: italic; }
blockquote p { padding: 0; margin: 0; }

table { font-size: 12px; border: 1px solid #EDEDED; margin: 6px 0 18px; text-align: left; clear: both; }
tr th { font-size: 12px; font-weight: bold; text-align: left; padding: 4px; border: 1px solid #EDEDED; vertical-align: middle; background: #ededed; }
table tr td { padding: 4px; font-size: 12px; border: 1px solid #EDEDED; vertical-align: top; }
table tr td p { font-size: 12px; vertical-align: top; margin: 0; padding: 0; }

a img { border: 0; }

/*basic form and fieldset setup*/
form {  }
form fieldset { border: 1px solid #cccccc; padding: 10px; margin: 0 0 12px 0; }
form fieldset div { clear: both; margin: 0 0 12px 0; }
input, select, textarea { margin: 8px 0 0 0; border: 1px solid #9E9E9F; padding: 2px 4px; }
checkbox { margin: 8px 0 0 0; border: 0px; padding: 2px 4px; }
input:focus, div#content textarea:focus { background: #D0DBDF; color: #000000; border: 1px solid #9E9E9F; }
from input { vertical-align: text-bottom; }

/*aj webb layout */
body { background: url(../images/layout/grey-gradient.png) top left repeat-x; color: #555555; font-size: 12px; position: relative; margin: 0 auto 24px auto; }
div#headers, div#content, div#footers { clear: both; width: 930px; margin: 0 auto; padding: 0 15px; }
div#headers { background: url(../images/layout/content-bg.png) top center repeat-y; height: 176px; padding: 16px 15px 0 15px; }
div#content { background: url(../images/layout/content-bg.png) top center repeat-y; min-height: 300px; padding-bottom: 15px; }
div#footers { background: url(../images/layout/footer-bg.png) bottom center no-repeat; height: 30px; }

a#sitetitle { height: 0; padding-top: 108px; width: 143px; background: url(../images/layout/logo.gif) top left no-repeat; overflow: hidden; display: block; clear: both; margin: 0 0 25px 15px; float: left; }
p#strapline { overflow: hidden; height: 0; padding-top: 125px; width: 650px; display: block; /*position: absolute; right: 15px; top: 10px;*/float: right; margin: 0; }

div#menu { background: url(../images/layout/menu-bg.png) top center repeat-x; width: 930px; position: relative; clear: both; z-index: 1; }
div#menu ul { list-style: none; min-height: 34px; padding: 0; margin: 0 auto; clear: both; width: 798px; position: relative; z-index: 1; } 
div#menu ul li { float: left; z-index: 9999; }
div#menu ul li ul li { float: none; }
div#menu ul li ul { display: none; }
div#menu ul li:hover ul { display: block; z-index: 1; position: absolute; z-index: 9999; width: 172px; border-bottom: 8px solid #000000; }

div#menu ul li a { display: block; padding: 6px 0; min-height: 24px; width: 114px; text-align: center; color: #000000; text-decoration: none; }
div#menu ul li a.on, div#menu ul li a:hover.on, div#menu ul li a:hover { background: url(../images/layout/menu-hover.png) top center no-repeat; color: #ffffff; text-decoration: none; }
div#menu ul li ul li a { display: block; min-height: 16px; padding: 4px 10px; width: 152px; text-align: left; background: url(../images/layout/submenu-bg.png); }
div#menu ul li ul li a:hover.on, div#menu ul li ul li a:hover { background: url(../images/layout/submenu-hover.png); }
div#menu ul li ul li a.on { background: url(../images/layout/submenu-on.png); }

hr.clear { border: 0; height: 0; visibility: hidden; clear: both; margin: 0; padding: 0; }

div#homeflash { width: 910px; height: 280px; padding: 9px; border: 1px solid #cccccc; margin: 0 0 4px 0; }
div.homebox { width: 450px; height: 250px; overflow: hidden; background: url(../images/layout/homebox-bg.gif) top left no-repeat; float: left; }
div.homebox h2 { background: url(../images/layout/header-bg.gif) top left repeat-x; padding: 4px 10px; width: 450px; color: #D6100D; margin: 0 0 32px; }
div.homebox div.info { float: left; width: 190px; padding: 0 10px; }
div.homebox img { float: right; width: 225px; height: 190px; margin: 0 10px 0 0; }
div.homebox.lastone { margin: 0 0 0 30px; }

#flashmovie, #homeflash { z-index: 0; position: relative; }

/*about us section*/
.quotation { height: 0px; padding-top: 157px; width: 910px; display: block; overflow: hidden; background: url(../content/quotation.png) top right no-repeat; clear: both; }

/*end about us*/

/*header banner div*/
#headerimage { margin: 0 auto; background: url(../images/layout/content-bg.png) top center repeat-y; width: 930px; padding: 0 15px; }
/*end header banner*/

/*div.boxit { padding: 6px; border: 1px solid #c5c5c5; }*/
/*div.boxit ul { list-style: none; padding: 0 14px; }*/
div.boxit ul { list-style: none; padding: 0; }
div.boxit ul li { padding: 4px 10px; }
div.boxit ul li.odd { background: #F3F3F3; }

div.info { float: left; margin: 0; width: 220px; }
div.people { float: left; margin: 0 0 0 10px; }
div.person { margin: 0 0 16px 0; clear: both; height: 186px; width: 220px; background: #EDEDED; padding: 8px; }
div.person strong.dark { font-weight: bold; color: #000000; }
div.person img { float: left; margin: 0 6px 6px 0; border: 1px solid #cccccc; }
div.person p { clear: both; margin: 0 0 8px 0; }
div.person p.name { float: left; clear: right; }

div.personnodetails { margin: 0 0 16px 0; clear: both; height: 186px; width: 220px; background: transparent; padding: 0px; }

img.bigpic { float: left; width: 432px; height: 420px; margin: 0 0 0 10px; }
img.bigpicabout { float: left; margin: 0 0 0 10px; }

div.infoabout { float: left; margin: 0; width: 328px; }

div.cateringinfo { float: left; margin: 0 20px 0 0; width: 228px; clear: left; }
/*div#theteam { float: right; width: 660px; clear: right; }*/


div#theteam div { float: left; background: #F3F3F3; padding: 15px; margin: 0; width: 270px; height: 290px; }
div#theteam div.even { margin: 0 14px; background: #ffffff; }
p.teamclear { clear: both; }

.indent { padding: 0 10px; }

/*client list*/
ul#testimonials { list-style: none; margin: 0; padding: 0; position: relative; }
ul#testimonials li { height: 170px; width: 910px; background: url(../images/clientlist-bg.png); position: relative; margin: 0 0 12px 0; }
ul#testimonials li a.testimonialpiclink { position: absolute; top: 2px; left: 2px; }
ul#testimonials li a.testimonialpiclink img { bordeR: 0; }
ul#testimonials li h2.testimonialheaderlink { position: absolute; top: 12px; left: 198px; background: transparent; font-size: 18px; font-weight: normal; color: #4C4C4C; padding: 0; margin: 0; }
ul#testimonials li p { position: absolute; top: 70px; left: 198px; }