﻿body { 
font-family: Arial, sans-serif; 
font-size: 85%;
color:#666; 
padding-bottom: 30px;
}

h1, h1 a, .hide, .hide a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
h1 a:focus, .hide a:focus {
position:static;
width:auto;
height:auto;
}	

img {
border: 0;
}	

a:link { 
text-decoration: none;
color: #034b02;
}

a:visited { 
text-decoration: none;
color: #034b02;
}
	
a:hover { 
text-decoration: underline;
}

a:active { 
color: #034b02;
text-decoration: underline;
}

#header { 
margin-top: 25px;
margin-bottom: 10px;
height:120px; 
background: url(../images/banner.jpg) no-repeat top left; 
}

#footer { 
margin-top: 25px;
height:40px; 
background: #034b02 url(../images/bottom.jpg) no-repeat top left; 
color: #fff;
}

#footer p {
padding: 14px 0 0 10px;
font-size: 80%;
}


/* nav */

#nav {

margin: 75px 0 20px 0;
padding: 0;
font-family: Georgia, "Times New Roman", serif;
}
	
ul#menu{
list-style:none;
margin: 0;
padding: 0;
}

#menu li {
float: left;
display:inline;
padding: 5px;
}

#menu a {
display: block;
font-size: 1.1em;
color: #034B02;
font-weight: normal;
text-decoration: none;
line-height: 0;
text-align: center;
padding: 10px 5px;
margin-right: 10px;
}

#menu a:hover {
text-decoration: underline;
}




/* sidebar */

#sidebar {
padding-top: 245px;
}

#sidebar p {
margin: 0 0 15px 0;
font-family: Georgia, "Times New Roman", serif;
font-size: 110%;
color: #034b02;
}

body.home #sidebar, body.reviews #sidebar {
background: url(../images/side_home.jpg) no-repeat top left; 
}

body.childrens #sidebar {
background: url(../images/side_childrensparties.jpg) no-repeat top left; 
}

body.contact #sidebar {
background: url(../images/side_contact.jpg) no-repeat top left; 
}

body.corporate #sidebar {
background: url(../images/side_corporate.jpg) no-repeat top left; 
}

body.dinnerparties #sidebar {
background: url(../images/side_dinnerparties.jpg) no-repeat top left; 
}

body.meals #sidebar {
background: url(../images/side_individualmeals.jpg) no-repeat top left; 
}

body.weddings #sidebar {
background: url(../images/side_weddings.jpg) no-repeat top left; 
}


/* content */

#content h2 {
margin: 0 10px 20px 10px;
padding-bottom: 5px;
font-family: Georgia, "Times New Roman", serif;
font-size: 180%;
font-weight: normal;
color: #034b02;
border-bottom: 2px solid;
}

#content h3 {
margin: 0 0 10px 10px;
font-size: 150%;
font-weight: normal;
color: #034b02;
}

#content h4 {
margin: 0 0 10px 10px;
font-size: 110%;
font-weight: normal;
color: #034b02;
}

#content p {
margin: 0 10px 20px 10px;
line-height: 1.3em;
}

#content ul {
margin: 0 10px 20px 30px;
line-height: 1.3em;
}

#content ul li {
margin: 0 0 3px 0;
list-style: disc;
}

.menu { 
float:left; 
display: inline;
width:315px;
margin: 0 10px 20px 10px; 
background:#ececec; 
padding: 15px 5px 5px 5px; 
border:solid 1px #ccc }



/* contact form */

#contactform input, #contactform textarea {
font-family: Arial, sans-serif;
font-size: 100%;
margin: 2px 2px 5px 2px;
border: 1px solid #034b02;
background: #fff;
color: #111;
padding: 2px;

width:300px;
}

#contactform input:focus, #contactform textarea:focus {
border: 1px solid #034b02;
}

#contactform p {
margin:5px 10px 10px 10px!important;
text-align: left;
}

#contactform label {
width:165px; 
margin:4px 10px 0 0; 
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
text-align:left;
vertical-align:top;

font-weight: bold;
}

#contactform label span {
width:165px; /* must be the same as above!*/
display:block; 
}

#contactform p.buttons {
padding-left:180px;
}

input.but, #contactform input.but {
color: #034b02;
background: #fff;
border: 1px solid #034b02;
font-weight: bold;
width: 80px;
}

input.but:hover, #contactform input.but:hover {
text-decoration: underline;
cursor: pointer;
color: #fff;
background: #034b02;
border: 1px solid #034b02;
}

input.tick, #contactform input.tick {
border: 0;	
}

.error {
color: #f00;
}

div#email4 {
display: none;
}

#contactform label.error {
width:auto; 
font-size: 90%;
font-weight: normal; 
color: #f00;
padding-left: 180px;
}




/* old stuff */

.centertext { padding:0px 10px 10px 10px; }

.bottom_back { background-image:url(images/bottom.jpg); height:34px; padding:5px; vertical-align:bottom; color:White }
.bottom_back a { color:White; }

.contact_left { float:left; width:170px; }
.contact_right { float:left; }
.contact_right input { width:250px; }
.contact_right textarea { width:250px; }
.contact_send { width:426px; text-align:right; }

.btn { border:solid 1px green; background-color:#ececec; color:Green; padding:1px; margin-top:2px; }
