html { height:100%; background-color: #fff; }
body { background-color: #fff; font-family: "Arial, Arial, Helvetica, sans-serif", Verdana, sans-serif; font-size: 62.5%; text-align: center; min-width: 741px; color:#fff; }
#wrapper { font-size:1.15em; line-height:1.4em; width: 741px; height: 575px; margin: 80px auto; text-align: left; }

body, div, p, ul, ol, dl, li, h1, h2, h3, h4, h5, h6, form { margin:0; padding:0; }
.home { background-image: url(../images/home/bg.jpg); }
.listen { background-image: url(../images/listen/bg.jpg); }
.order { background-color: #aebcd6; }
.contact { background-color: #cc1443; }

#content { clear:both; float:left; padding:0; margin:0; width: 741px; height:343px; }
.home #content { background-color:#cc1543;  }
.listen #content { background-color:#adbcd6;  }
.order #content { background-color: #aebcd6; }
.contact #content { background-image: url(../images/contact/bg.jpg); background-repeat: no-repeat; width: 741px; height:341px; }



span.seo { display:none; }
img.preload { display: none; }
.hidden {
   /*width: 0;*/
   height: 0;
   overflow:hidden;
}

/* text */
h1 { font-size: 1em; font-weight: bold; padding-bottom:10px; }
h2 { font-size: 1em; font-weight: bold; }
h3 { font-size: 1em; font-weight: bold; padding-bottom:0px; }
p, li { font-size: 1em; line-height:1.5em; margin-bottom:25px; }
a, a:link, a:visited { color: #cc1443; text-decoration:none; padding:0; margin:0;  }
a:hover { color: #231f20; text-decoration:none; padding:0; margin:0;  }
img { border-width: 0; }

.errorHead { color:#9e3531; font-weight:bold; padding:5px 0; font-size:1.2em; }
.error { color:#9e3531; }

.left { float:left; width:352px; height:343px; }
.right { float:left; width:304px; height:316px; padding: 27px 30px 0 55px; }

a.homeLink { color:#fff; text-decoration:underline;}
.listen .left { float:left; width:331px; height:343px; padding: 27px 0 0 21px; }
.listen a { text-transform:uppercase; }
.listen .desc { font-size:.9em; margin-left:25px; font-style: italic; color:#fff; }
.listen p { margin-bottom:15px; }
.order .right { float:left; width:274px; height:316px; padding: 84px 60px 0 55px; }
.order .right p { font-size:1em; text-transform:uppercase; color:#000; }
.contact .contentText  { float:left; width:523px; height:343px; padding: 144px 0 0 218px; }
.contact .contentText p { text-align:center; color: #231f20; width:345px; font-size:1.2em; text-transform:uppercase; }

/* buttons 
#nav_make_reservation { float:left; width:148px; height:21px; background-image: url(../images/nav_btn_make_reservation.gif); margin-right:8px; }
*/

/* navigation */
#mainNav { clear:both; float:left; height:126px; padding:0; margin:0;  }
#mainNav ul { float:left; margin:101px 0 0 71px; padding:0; }
#mainNav li { height:32px; list-style: none; float: left;  }

#mainNav .navLogo { float:left; margin: 85px 0 0 21px; padding:0; }
a.logo { float:left; width:316px; height:27px; background-image: url(../images/nav/craig_bicknell.png); }
* html a.logo   {
    z-index: 60;
    background: none;
    /*note: for ie6, use full path. it uses the current page's (relative) address instead of the css's relative address */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/craig_bicknell.png',sizingMethod='image');
}


#mainNav a.listen { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen.png) no-repeat scroll 0 0; margin-right:66px; }
#mainNav a.listen_on, 
#mainNav a.listen:hover { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen.png) no-repeat scroll 0 -10px; margin-right:66px; }
.contact #mainNav a.listen:hover { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen.png) no-repeat scroll 0 -20px; margin-right:66px; }

#mainNav a.order { float:left; width:46px; height:10px; background:transparent url(../images/nav/order.png) no-repeat scroll 0 0; margin-right:55px; }
#mainNav a.order_on, 
#mainNav a.order:hover { float:left; width:46px; height:10px; background:transparent url(../images/nav/order.png) no-repeat scroll 0 -10px; margin-right:55px; }
.contact #mainNav a.order:hover { float:left; width:46px; height:10px; background:transparent url(../images/nav/order.png) no-repeat scroll 0 -20px; margin-right:55px; }

#mainNav a.contact { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact.png) no-repeat scroll 0 0; }
#mainNav a.contact_on { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact.png) no-repeat scroll 0 -20px; }
#mainNav a.contact:hover { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact.png) no-repeat scroll 0 -10px; }

/* IE6 */
* html #mainNav a.listen { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen.gif) no-repeat scroll 0 0; margin-right:66px; }
* html #mainNav a.listen_on, 
* html #mainNav a.listen:hover { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen.gif) no-repeat scroll 0 -10px; margin-right:66px; }
* html .contact #mainNav a.listen:hover { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen_c.gif) no-repeat scroll 0 -20px; margin-right:66px; }
* html .contact #mainNav a.listen { float:left; width:45px; height:10px; background:transparent url(../images/nav/listen_c.gif) no-repeat scroll 0 0; margin-right:66px; }

* html #mainNav a.order { float:left; width:46px; height:10px; background:transparent url(../images/nav/order.gif) no-repeat scroll 0 0; margin-right:55px; }
* html #mainNav a.order_on, 
* html #mainNav a.order:hover { float:left; width:46px; height:10px; background:transparent url(../images/nav/order.gif) no-repeat scroll 0 -10px; margin-right:55px; }
* html .contact #mainNav a.order:hover { float:left; width:46px; height:10px; background:transparent url(../images/nav/order_c.gif) no-repeat scroll 0 -20px; margin-right:55px; }
* html .contact #mainNav a.order { float:left; width:46px; height:10px; background:transparent url(../images/nav/order_c.gif) no-repeat scroll 0 0; margin-right:55px; }

* html #mainNav a.contact { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact.gif) no-repeat scroll 0 0; }
* html #mainNav a.contact_on { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact.gif) no-repeat scroll 0 -20px; }
* html #mainNav a.contact:hover { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact.gif) no-repeat scroll 0 -10px; }
* html .contact #mainNav a.contact_on { float:left; width:60px; height:10px; background:transparent url(../images/nav/contact_c.gif) no-repeat scroll 0 -20px; }