body{
    margin: 0px;
    padding: 0px;
}
#nav { 
    position: absolute;
    background: url(../images/ReynoldsNav.png);
    width:998px;
    height:92px;
    z-index: 201;
}
#nav  a{
    color: #FFF;
	font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    float:left;
    /*width:100%;*/
    height:100%;
    text-decoration: none;
    padding: 0;
}
#nav #items a:hover{
    background: url(../images/nav_rollover.jpg);
}
.menuItemHover {
	background: url(../images/nav_rollover.jpg);
}
.menuItemHoverOut {
	background-image: none;
}
#nav #items{
    position: absolute;
    line-height: 41px;
    text-align: center;
    left: 283px;
    top: 51px;
}
#nav #items div{
	float:left;
}
#nav #items a{
	padding:0 9px;
}
#nav #item1{
    position: relative;
    top: 0px;
    left: 0px;
    height: 41px;
    float: left;
}
#nav #item2, #item3, #item4, #item5, #item6, #item7, #item8{
    position: relative;
    height: 41px;
    float: left;
}
#nav #off{
    position: absolute;
    left: 284px;
    width: 718px;
    height: 50px;
}
#nav #off #newsletter{
    position: absolute;
    width: 500px;
    height: 23px;
    left: 230px;
    top: 19px;
    color: red;
   
  
    
}
#nav #off #newsletter a.buttons {
 padding-left:12px;
}
#nav #off #newsletter a{
 padding-left:41px;
 font-size:9px;
}
#nav #off #searchform{
    position: absolute;
    left: 540px;
    top: 20px;
}
#nav #off #searchform #searchfield{
    background: url(../images/search_box.jpg);
    height: 20px;
	line-height:20px;
	font-size:11px;
    width:     122px;
    padding-left: 8px;
    border: 0px;
}
#nav #off #submitbutton{
    position: relative;
    height: 20px;
    width: 20px;
    left: 664px;
    top: 20px;
}
#nav #endcap{
    position: absolute;
    top: 51px;
    left: 980px;
    width: 20px;
    height: 80px;
}
#nav #logo{
    position: absolute;
    left: 27px;
    top: 14px;
    background: url();
    width: 249px;
    height: 61px;
    
}
#nav #logo a, #nav #logo a:hover{
 display:block;
 height:61px;
 text-decoration:none;
 width:249px;
}
#subnav{
 display:none; /* hide on page load*/
}
#subnav #item1subnav{ 
    position: absolute;
    background-color:#099; 
    width:420px;
    height:60px;
    left:550px;
}
#subnav #subitems #subnavItemstart{
    margin:58px 0 0 0;
/*    height:40px;*/
}
#subnav #subitems #subnavItem{
    margin:58px 0 0 16px;
/*    height:40px;*/
}
/* GRILLING */
#subnav #item2subnav{ 
    position: absolute;
    left: 323px;
}
#subnav #item2subnav #subitems{
    position:relative;
    background: url(../images/navigation/subNavRepeatGradientOrange.png) 0 0 repeat-x;
    height:    90px;
    float: left;
}
#subnav #item2subnav #subnavstart{
    background: url(../images/navigation/subNavLeftCornerOrange.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item2subnav #subnavend{ 
    background: url(../images/navigation/subNavRightCornerOrange.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item2subnav #subitems #subnavItem{ 
    float: left;
}
#subnav #item2subnav #subitems #subnavItemstart{ 
    float: left;
}
#subnav #subitems{
    height:130px;
}
#subnav #subitems a{ 
   position: relative;
   color: #FFF;
    text-decoration: none;
    font-weight: bold;
	font-family:Arial,sans-serif;
	font-size:11px;
}
#subnav #subitems a:hover{ 
    color:#004E99;
}
#subnav #item2subnav #subitems a:hover{ 
    color:#fc0;
}
/* GRILLING */
#subnav #item3subnav{ 
    position: absolute;
    background-color: #696; 
    
    height:60px;
    left:550px;
}
/* PRODUCTS */
#subnav #item4subnav{ 
    position: absolute;
    left: 453px;
    
}
#subnav #item4subnav #subitems{
    position:relative;
    background: url(../images/navigation/subNavRepeatGradientBlue.png) 0 0 repeat-x;
    height:    90px;
    float: left;
}
#subnav #item4subnav #subnavstart{ 
    background: url(../images/navigation/subNavLeftCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item4subnav #subnavend{ 
    background: url(../images/navigation/subNavRightCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item4subnav #subitems #subnavItem{ 
    float: left;
}
#subnav #item4subnav #subitems #subnavItemstart{ 
    float: left;
}
/* PRODUCTS */
/* COOKING SCHOOL */
#subnav #item5subnav{ 
    position: absolute;
    left: 260px;
    
}
#subnav #item5subnav #subitems{
    position:relative;
    background: url(../images/navigation/subNavRepeatGradientBlue.png) 0 0 repeat-x;
    height:    90px;
    float: left;
}
#subnav #item5subnav #subnavstart{ 
    background: url(../images/navigation/subNavLeftCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item5subnav #subnavend{ 
    background: url(../images/navigation/subNavRightCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item5subnav #subitems #subnavItem{ 
    float: left;
}
#subnav #item5subnav #subitems #subnavItemstart{ 
    float: left;
}
/* COOKING SCHOOL */
/* RECIPES */
#subnav #item6subnav{ 
    position: absolute;
    /*left: 438px;*/
    right:145px;
    
}
#subnav #item6subnav #subitems{
    position:relative;
    background: url(../images/navigation/subNavRepeatGradientBlue.png) 0 0 repeat-x;
    height:    90px;
    float: left;
}
#subnav #item6subnav #subnavstart{ 
    background: url(../images/navigation/subNavLeftCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item6subnav #subnavend{ 
    background: url(../images/navigation/subNavRightCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item6subnav #subitems #subnavItem{ 
    float: left;
}
#subnav #item6subnav #subitems #subnavItemstart{ 
    float: left;
}

/*---- Videos & Tips ----*/
#subnav #item7subnav {position:absolute; /*left: 429px;*/ right:121px; right:142px\9;}
#subnav #item7subnav #subitems{position:relative; background:url(../images/navigation/subNavRepeatGradientBlue.png) 0 0 repeat-x; height:90px; float:left;}
#subnav #item7subnav #subnavstart{background:url(../images/navigation/subNavLeftCornerBlue.png) 0 0 no-repeat; height:90px; width:30px; float:left;}
#subnav #item7subnav #subnavend {background:url(../images/navigation/subNavRightCornerBlue.png) 0 0 no-repeat; height:90px; width:30px; float:left;}
#subnav #item7subnav #subitems #subnavItem{float:left;}
#subnav #item7subnav #subitems #subnavItemstart{float:left;}

/* RECIPES */
/* CONTACT */
#subnav #item8subnav{ 
    position: absolute;
    /*left: 429px;*/
    right:24px;
}
#subnav #item8subnav #subitems{
    position:relative;
    background: url(../images/navigation/subNavRepeatGradientBlue.png) 0 0 repeat-x;
    height:    90px;
    float: left;
}
#subnav #item8subnav #subnavstart{ 
    background: url(../images/navigation/subNavLeftCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item8subnav #subnavend{ 
    background: url(../images/navigation/subNavRightCornerBlue.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item8subnav #subitems #subnavItem{ 
    float: left;
}
#subnav #item8subnav #subitems #subnavItemstart{ 
    float: left;
}
/* CONTACT */
/* BRINGING BAGS */
#subnav #item9subnav{ 
    position: absolute;
    left: 429px; 
}
#subnav #item9subnav #subitems{
    position:relative;
    background: url(../images/navigation/subNavRepeatGradient.png) 0 0 repeat-x;
    height:    90px;
    float: left;
}
#subnav #item9subnav #subitems a{
    color: #003d85;
}
#subnav #item9subnav #subitems a:hover{
    color: #00aeef;
}
#subnav #item9subnav #subnavstart{ 
    background: url(../images/navigation/subNavLeftCorner.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item9subnav #subnavend{ 
    background: url(../images/navigation/subNavRightCorner.png) 0 0 no-repeat;
    height:    90px;
    width: 30px;
    float: left;
}
#subnav #item9subnav #subitems #subnavItem{ 
    float: left;
}
#subnav #item9subnav #subitems #subnavItemstart{ 
    float: left;
}


/* CONTACT */
/* HEADER */
#header {
    position: relative;
    height: 92px;
    width: 998px;  
    z-index: 200;
}
/* HEADER */
/* FOOTER */
#footer {
    position: relative;
    background-image: url(../images/ReynoldsFooter.png);
    height: 62px;
    clear: both;
    top: -20px;
    width: 998px;  
    font-weight: bold;
}
#footer ul {
    margin: 0px;    
}
 #footer #navigation{
    position: absolute;
    top: 34px;
    /*left: 452px;*/
	left:325px;
}
 #footer #facebook{
    position: absolute;
    background-image: url(../images/icon_facebook.png);
    top: 28px;
    left: 900px;
    width: 80px;
    height: 26px;
    
}
 #footer #facebook a{
    display:block;
      width:100%;
      height:100%;
      text-decoration:none;
}
#footer li {
    position: relative;
    color: #FFF;
    list-style-type:none;
    padding-top: 10px;
    margin: 0px 20px 0px 0px;
    display: inline;
    font-size: 10px;
}
#footer a {
    color: #FFF;
    text-decoration: none;
	font-size:10px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
}
/* FOOTER */

