body  {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333333;
text-align : center;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#container {
width : 780px;
height : auto;
margin : 20px auto 20px auto;
padding : 0 0 0 0;
text-align : left;
display : block;
text-align : justify;
}
p {
margin : 0 0 0 0;
padding : 5px 0 5px 0;
font-size : 105%;
line-height : 1.6em;
}
h1 {
margin : 0 0 0 0;
padding : 5px 0 5px 0;
font-weight : normal;
font-size : 200%;
color : #f87b22;
}
h2 {
margin : 0 0 0 0;
padding : 5px 0 5px 0;
font-weight : normal;
font-size : 130%;
color : #f87b22;
}
h3 {
margin : 0 0 15px 0;
padding : 5px 10px 5px 15px;
display : block;
font-weight : bold;
font-size : 120%;
color : #666;
background-color : #dedede;
}
#content ul {
margin : 10px 0 10px 10px;
padding : 0 0 0 0;
list-style : none;
font-size : 110%;
}
#content ul li {
margin : 0 0 0 5px;
padding : 0 0 5px 15px;
line-height : 1.4em;
background : url('../images/bullet.gif') no-repeat top left;
}
#content a {
color : #333;
text-decoration : none;
font-weight : bold;
}
#content a:hover {
color : #000;
text-decoration : underline;
}
.warning {
margin : 0 0 30px 0;
padding : 0 0 30px 0;
font-weight : normal;
font-size : 110%;
color : #ff0000;
border-bottom : 1px solid #ccc;
}
#header {
display : block;
width : 780px;
height : auto;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
.logo {
width : auto;
margin : 0 0 8px 0;
padding : 0 0 0 0;
border : none;
float : left;
}
.strapline {
width : auto;
margin : 50px 0 0 20px;
padding : 0 0 0 0;
float : left;
font-weight : normal;
font-size : 150%;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#navTop {
width : auto;
margin : 0 5px 0 0;
padding : 0 0 0 0;
display : block;
list-style : none;
float : right;
}
ul#navTop li {
display : inline;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
ul#navTop li a {
margin : 0 0 0 0;
padding : 0 10px 0 10px;
display : block;
float : left;
text-decoration : none;
width : 18px;
height : 9px;
border-right : 1px dotted #cccccc;
}
ul#navTop li a.navTopHome {
background : url('../images/home.gif') no-repeat top;
}
ul#navTop li a.navTopHome:hover {
background : url('../images/home.gif') no-repeat bottom;
}
ul#navTop li a.navTopContact {
background : url('../images/contact.gif') no-repeat top;
}
ul#navTop li a.navTopContact:hover {
background : url('../images/contact.gif') no-repeat bottom;
}
ul#navTop li a.navTopMap {
background : url('../images/sitemap.gif') no-repeat top;
}
ul#navTop li a.navTopMap:hover {
background : url('../images/sitemap.gif') no-repeat bottom;
}
ul#navMain {
margin : 0 0 0 0;
padding : 0 0 0 0;
clear : both;
display : block;
list-style : none;
height : 60px;
width : 780px;
border : 1px solid #ccc;
}
ul#navMain li {
display : inline;
}
ul#navMain li a {
width : auto;
margin : 18px 0 0 0;
padding : 0 32px 0 31px;
display : block;
float : left;
color : #b1b1b1;
text-decoration : none;
font-size : 15px;
line-height : 1.6em;
text-align : center;
height : 25px;
border-right : 1px solid #ccc;
}
ul#navMain li a:hover, ul#navMain li a.selected {
text-decoration : none;
color : #000000;
}
#content {
display : block;
width : 780px;
min-height : 280px;
margin : 0 0 0 0;
padding : 20px 0 20px 0;
}
#footer {
clear : both;
width : 770px;
height : 30px;
margin : 0 0 0 0;
padding : 10px 15px 10px 15px;
line-height : 2.6em;
font-size : 11px;
color : #777;
border : 1px solid #cccccc;
}
#copyright {
width : auto;
margin : 0 0 0 0;
padding : 0 0 0 0;
float : left;
}
#footerLinks {
width : auto;
margin : 0 0 0 0;
padding : 0 0 0 0;
float : right;
}
#footerLinks a {
margin : 0 0 0 5px;
padding : 0 0 0 10px;
border-left : 1px solid #cccccc;
}
#footer a {
text-decoration : none;
color : #777;
}
#footer a:hover {
color : #333333;
text-decoration : underline !important ;
}
#services ul {
margin : 20px 0 0 60px;
padding : 0 0 0 0;
list-style : none;
font-size : 110%;
}
#services ul li {
display : inline;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#services ul li a {
margin : 0 30px 0 0;
padding : 60px 0 0 0;
display : block;
width : 140px;
height : 80px;
text-align : center;
float : left;
color : #666666;
border : 1px solid #ccc;
}
#services ul li a:hover {
border : 1px solid #999;
cursor : pointer;
background-color : #eee;
text-decoration : none !important ;
}
.gallery {
margin : 20px 0 0 0;
padding : 0 0 0 0;
border : 1px solid #ccc;
}
.gallery p {
margin : 0 0 15px 15px;
padding : 0 0 0 0;
}
.gallery Img {
margin : 0 0 15px 15px;
padding : 0 0 0 0;
border : 1px solid #ccc;
}
.atoz {
margin : 20px 0 20px 0;
padding : 0 0 10px 0;
display : block;
height : 40px;
border-bottom : 1px solid #ccc;
}
.atoz a {
margin : 0 5px 0 0;
padding : 2px 0 2px 0;
display : block;
height : auto;
font-size : 120%;
width : 23px;
text-align : center;
float : left;
border : 1px solid #cccccc;
background-color : #dedede;
}
.atoz a:hover {
border : 1px solid #666666;
text-decoration : none !important ;
background-color : #cccccc;
}
.btnTop, .btnTop2 {
margin : 20px 0 40px 0;
padding : 5px 0 0 30px;
clear : both;
display : block;
font-size : 90%;
color : #999999;
border-top : 1px solid #cccccc;
background : url('../images/upArrow.gif') no-repeat top left;
}
.btnTop2 {
margin : 0 0 40px 0;
padding : 5px 0 0 30px;
border-top : none;
background : url('../images/upArrow.gif') no-repeat top left;
}
.phoneNumber {
margin : 8px 0 8px 0;
padding : 0 0 0 27px;
color : #f27618;
font-size : 200%;
background : url('../images/phone.gif') no-repeat left;
}
.phoneNumber2 {
margin : 8px 0 8px 0;
padding : 0 0 0 27px;
color : #f27618;
font-size : 150%;
background : url('../images/phone.gif') no-repeat left top;
}
.imgCatering {
margin : 0 3px 0 0;
padding : 0 0 0 0;
}
.imgRight {
width : auto;
margin : 0 0 20px 20px;
padding : 0 0 0 0;
float : right;
}
.tblContact, .tblAbout {
margin : 10px 0 10px 0;
padding : 0 0 0 0;
font-size : 110%;
}
.tblAbout {
width : 550px;
}
.tblAbout h2 {
font-size : 120%;
}
.tblContact td, .tblAbout td {
margin : 0 0 0 0;
padding : 0 5px 5px 0;
vertical-align : top;
}
.textField {
width : 180px;
height : 16px;
font-size : 12px;
float : right;
font-family : Arial, Helvetica, sans-serif;
}
.textArea {
width : 180px;
height : 74px;
float : right;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.dropField {
margin : 0 0 0 0;
padding : 2px 2px 2px 0;
width : 184px;
float : right;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
.submitBtn {
margin : 10px 0 10px 20px;
padding : 0 0 0 0;
display : block;
float : right;
font-weight : normal !important ;
text-align : center;
color : #999 !important ;
text-decoration : none;
font-size : 11px !important ;
height : 25px;
width : 60px;
border : none;
line-height : 1em;
cursor : pointer;
border : 1px solid #999;
background-color : #dedede;
}
.submitBtn:hover {
color : #333 !important ;
text-decoration : none !important ;
border : 1px solid #999;
background-color : #cccccc;
}
.backBtn {
width : auto;
margin : 5px 0 0 20px;
padding : 6px 10px 0 10px;
display : block;
float : right;
font-weight : normal !important ;
text-align : center;
color : #999 !important ;
text-decoration : none;
font-size : 11px !important ;
height : 19px;
border : none;
cursor : pointer;
border : 1px solid #ccc;
background-color : #dedede;
}
.backBtn:hover {
color : #333 !important ;
text-decoration : none !important ;
border : 1px solid #999;
background-color : #cccccc;
}
#mapHolder {
width : 780px;
height : 365px;
display : block;
margin : 0 0 0 0;
padding : 0 0 0 0;
clear : both;
}
#map {
width : 778px;
height : 340px;
border : 1px solid #cccccc;
color : #000000;
}
.style1 {
font-size : 9%;
color : #ffffff;
}