/*******************************************************************************************
ELEMENT SELECTORS
*******************************************************************************************/
body {
background-color:#000000;
color:#000000;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px 0px 10px 0px;
}

a {
color:#000080;
}

h1 {
margin:0px;
padding:0px;
font:bold 17px Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color:#000080;
}

h3 {
margin:0px;
padding:0px;
font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
color:#000080;
}

form {
margin:0px;
padding:0px;
}

submit,input,textarea {
border:1px solid black;
}

li {
margin-bottom:8px;
}

/*******************************************************************************************
CLASS SELECTORS
*******************************************************************************************/
.center {
text-align:center;
}

.hide {
display:none;
}

.show {
display:inline;
}

.pointer {
cursor:pointer;
}

.blk {
  color:#000;
}
.ppl {
  color:#343498;
}
/*******************************************************************************************
ID SELECTORS
*******************************************************************************************/
/* ----------container to center the layout-------------- */
#container {
width:900px;
margin-left:auto;
margin-right:auto;
background:url(../images/bg_900_hgh.gif) repeat-y;
overflow:hidden;
}

/* ---------- header -------------- */
#header {
position:relative;
top:0px;
left:0px;
padding:0px;
margin:0px;
width:740px;
height:140px;
float:right;
background:url(../images/bannerBG.gif) no-repeat;
}
#header a, img {
border:0px;
}
#logo-link {
position:absolute;
top:0px;
left:0px;
height:100px;
width:300px;
}

/* ---------- nav bar -------------- */
#nav {
position:absolute;
top:105px;
left:18px;
}
#nav a {
display:inline;
color:#ffffff;
font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif;
text-decoration:none;
padding:3px;
}
#nav a:hover {
background-color:#6269A8;
}

/* -------------- post-it note text ------------- */
#consultation {
position:absolute;
top:13px;
left:480px;
}

/* ----------------- news bar --------------------- */
#news {
position:relative;
top:0px;
left:4px;
float:left;
width:159px;
}
#news-main,
#newsletter {
width:158px;
height:225px;
margin-top:10px;
background:url(../images/news.gif) no-repeat;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
text-align:center;
padding-top:10px;
}
#news-main p,
#newsletter p{
  padding:2px 8px;
  text-align:left;
  color:#000;
}
#news-main *,
#newsletter *{
  margin:2px auto;
}

#banner {
position:absolute;
top:23px;
right:4px;
height:255px;
width:158px;
background:url(../images/news.gif) no-repeat top;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
#banner-main {
position:absolute;
top:20px;
left:16px;
}

/* ----------------- content --------------------- */
#content {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
padding:0px;
margin-left:25px;
float:left;
width:525px;
}
div#content { 
min-height:375px;
height:expression(this.scrollHeight > 375 ? "auto":"375px");
}
#content-top {
background:url(../images/content-top.gif) no-repeat;
height:42px;
width:532px;
}
#content-middle {
background:url(../images/content-fill.gif) repeat-y;
width:532px;
}
#content-bottom {
background:url(../images/content-bottom.gif) no-repeat;
height:38px;
width:532px;
}
#content-main {
width:500px;
margin-left:15px;
color:#000000;
}

/* -------------- right ------------- */
#right {
position:relative;
float:right;
width:160px;
height:478px;
right:-1px;
margin:0px;
padding:0px;
background:url(../images/cookie-cup.gif) no-repeat top;
}

/* -------------- footer ------------- */
#footer {
position:relative;
clear:both;
margin:0px;
padding:0px;
text-align:right;
width:100%;
height:250px;
float:left;
background:url(../images/bg_900_hgh.gif) no-repeat;
}

/* -------------- keyboard ------------- */
#keyboard {
position:absolute;
bottom:0px;
left:0px;
}
#checkmarks {
position:absolute;
bottom:12px;
left:157px;
}

/* -------------- the dish ------------- */
#dish {
position:absolute;
bottom:-10px;
left:360px;
}
#dish-text {
position:absolute;
bottom:20px;
left:415px;
}