/******** universal settings *********/

*{margin: 0;padding: 0;}

/******** body settings ********/

body {
color:#666;
font-family:'Tahoma','trebuchet ms',Verdana,helvetica,arial,sans-serif;
font-size:1em;
text-align:center;
font-weight:normal;
font-style:normal;
padding-bottom:30px;
}

a {outline:none;}
a img {border:none;text-decoration:none;}

body#home {background:#fff url(images/gingham_light.jpg) top left repeat;}

/*** top tab for homepage ****/

.tab {
margin:0;
position:absolute;
top:0;
left:0;
}

/***** homepage nav *****/

#nav {margin:0 auto;width:940px;padding:80px 0;}
#nav img {border:none;}
#nav li {display:inline; list-style:none;}
#nav li a {float:left;display:block;width:auto;margin:20px 10px;}
#nav li a img {border:none;vertical-align:bottom; /* for IE6 */}
#nav li a:hover {visibility:visible; /* for IE6 */}
#nav li a:hover img {visibility:visible; /* for IE6 */}
#nav li a:hover img/**/ {visibility:hidden; /* hide from IE5.0/win */}

.news {background:url(images/news_over.png) no-repeat;}
.one {background:url(images/parties_over.png) no-repeat;}
.two {background:url(images/cooking_over.png) no-repeat;}
.three {background:url(images/dinner_over.png) no-repeat;}
.four {background: url(images/dramas_over.png) no-repeat;}
.five {background: url(images/contact_over.png) no-repeat;}

.clear {clear:both;}

/****  page header ****/

#header1, #header2, #header3, #header4, #header5 {text-align:left;width:100%;}

#header1 {background:#fff url(images/gingham_g.jpg) top left repeat;}
#header2 {background:#fff url(images/gingham_r.jpg) top left repeat;}
#header3 {background:#fff url(images/gingham_y.jpg) top left repeat;}
#header4 {background:#fff url(images/gingham_b.jpg) top left repeat;}
#header5 {background:#fff url(images/gingham_grey.jpg) top left repeat;}

/**** main content ****/

#wrapper, #wrapper2, #wrapper3, #wrapper4, #wrapper5  {
margin:0 auto;
width:100%;
padding:0 0 30px 0;
}

#wrapper {
border-top:30px solid #8edf7d;
border-bottom:30px solid #8edf7d;
}
#wrapper2 {
border-top:30px solid #e2b7d4;
border-bottom:30px solid #e2b7d4;
}
#wrapper3 {
border-top:30px solid #b6c6d7;
border-bottom:30px solid #b6c6d7;
}
#wrapper4 {
border-top:30px solid #e61717;
border-bottom:30px solid #e61717;
}

#wrapper5 {
border-top:30px solid #bbb39e;
border-bottom:30px solid #bbb39e;
}

/*** sub nav ***/

#subnav {
font-family:'georgia','times roman','times new roman',serif;
width:170px;
position:absolute;
top:250px;
left:20px;
}

#subnav ul {
list-style:none;
display:block;
text-align:left;
margin:0;
padding:0;
}

#subnav ul li {
display:inline;
}

#subnav ul li a {
font-size:1.2em;
color:#e61717;
text-decoration:none;
letter-spacing:2px;
width:170px;
display:block;
padding:5px;
margin:5px;
border:1px solid #e61717;
}
#subnav ul li a:link {background:#fff;color:#e61717;text-decoration:none;}
#subnav ul li a:visited {background:#fff;color:#e61717;text-decoration:none;}
#subnav ul li a:hover {
color:#fff;
background:#e61717;
text-decoration:none;
}
#subnav ul li a:active {background:#fff;color:#e61717;text-decoration:none;}
.current {
font-size:1.2em;	
color:#fff;
background:#e61717;
text-decoration:none;
letter-spacing:2px;
width:170px;
display:block;
padding:5px;
margin:5px;
border:1px solid #e61717;
}	
	
/**** content****/

#content {
width:700px;
text-align:left;
margin: 20px 20px 20px 220px;
background: #fff;
color: #333333;
padding: 20px;
position :relative;
}
#content {
min-height:250px;
height:auto !important;
height:250px;
}

/**** styles ****/

h2 {
font-family:'georgia','times roman','times new roman',serif;
text-align:left;
padding:3px 0 8px 0;
font-size:2em;
font-weight:normal;
color:#e61717;
letter-spacing:1px;
}

h3 {
font-family:'georgia','times roman','times new roman',serif;
text-align:right;
padding:5px 10px 0 0;
font-size:1.4em;
font-weight:normal;
color:#e61717;
letter-spacing:1px;
}

p {
text-align:left;
padding:5px 0 5px 0;
line-height:1.4em;
}

p span {
font-size:.75em;
}

a {color:#e61717;text-decoration:none;}
a:link {color:#e61717;text-decoration:none;} 
a:visited {color:#e61717;text-decoration:none;}
a:hover {color:#e61717;text-decoration:underline;}
a:active {color:#e61717;text-decoration:none;}

/*** images ****/

img.noborder {
border:0;
float:left;
margin:15px 20px 10px 0;
}

.pic {
float:left;
margin:15px 20px 10px 0;
border:1px solid #ddd;
}

.vid {
text-align:left;
margin:10px 0;
}

/***************** the form **********************/

form {
background:#fff url(images/contact_bg.jpg) top center no-repeat;
text-align:left;
width:591px;
height:232px;
padding:0;
margin:15px 0 0 0;
border:1px solid #e61717;
}

input, textarea {background:#eee;padding:2px;color:#e61717;}
textarea {border:1px solid #ccc;margin:0 0 0 20px;}

p.name {margin:60px 0 0 300px;}
p.add {margin:0 0 10px 300px;}

.textname, .textemail {width:200px;border:1px solid #ccc;}
.textname {margin:0 0 0 5px;}
.textemail {margin:0 0 0 7px;}

.submit {
letter-spacing:2px;
margin:0 0 20px 462px;
width:100px;
border:1px solid #e61717;
background:#fff;
color:#e61717;
}
.submit:hover {
border:1px solid #e61717;
background:#e61717;
color:#fff;
}