/* 

  Harry's Kitchen Website Stylesheet
  (C) 2008 Harry's Kitchen. All Rights Reseved.
  
  Description:  Stylesheet for Harry's Kitchen
  Author:       Adam Higgs <ach@atechmedia.com>
  Created:      August 2008
  
  The design for this website (www.atechlabs.com) is copyright to the aTech Labs. The design itself may 
  not be copied, duplicated, sold, licenced or replicated in anyway withour written permission from the 
	copyrightholders. However, you may use the information below as a reference point for your own projects.
  
*/

html { background:url(/images/backgrounds/top-repeat.gif) repeat-x #fefefe; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px;}

body { background:url(/images/backgrounds/main.gif) no-repeat center top; min-height:756px;}

#wrap { overflow:hidden; min-height:763px;}

#wrap .align-centre { text-align:center}

#header { width:873px; margin:auto;}

#header .pink-logo { background:url(/images/pink-logo.png) no-repeat; width:243px; height:227px; position:absolute; top:0px; left:auto; right:auto; margin-left:664px; z-index:10}

#header h1 { margin:auto; margin-top:16px;width:278px; height:56px;}
#header h1 a { background:url(/images/logo.gif) no-repeat; width:278px; height:56px; display:block; text-indent:-99999px; overflow:hidden;}

#header .header-border { background:url(/images/backgrounds/header-border.gif) no-repeat; padding:5px; padding-left:6px; width:862px; height:197px; margin-top:30px;}

#content { width:873px; margin:auto;}
#content h2 { margin:15px 0px; color:#cc3399; font-size:21px; text-transform:uppercase; }
#content h3 { margin:15px 0px; color:#cc3399; font-size:18px; }
#content h4 { margin:15px 0px; color:#8f8f8f; font-size:14px; font-weight:bold; }
#content p { color:#8f8f8f; margin:15px 0px; margin-right:20px; line-height:20px;}
#content a { color:#cc3399; text-decoration:none;}
#content a:hover { color:#cc3399; text-decoration:underline;}
#content strong { font-weight:bold;}
#content b { font-weight:bold;}

#content .edit-links a { color:#c03581; text-decoration:none;}

#content .left-col { width:219px; float:left; min-height:100px;}
#content .form table {}
#content .form table tr td { padding:5px;}
#content .form table tr td input { padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px;}
#content .form table tr td textarea { padding:3px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px;}
#content .right-col { width:628px; margin-left:24px; float:left;}

#content .full-width { width:815px; margin:0px 6px;}

#content .nav-border {background:url(/images/backgrounds/main-nav.png) no-repeat; width:208px; height:286px; padding:5px; padding-left:6px;}
#content ul.main-nav { float:left; margin-right:0px; width:207px; height:273px; padding-top:2px; background:#948c81;}
#content ul.main-nav li { margin-top:8px;}
#content ul.main-nav li a { display:block; background-image:url(/images/backgrounds/nav/main-nav.gif); height:25px; width:207px; text-indent:-99999px; overflow:hidden;}
#content ul.main-nav li a:hover {background-image:url(/images/backgrounds/nav/main-nav-rollover.gif)}
#content ul.main-nav li.home a { background-position:0px -13px; }
#content ul.main-nav li.home a:hover { background-position:0px -13px;}
#content ul.main-nav li.about a { background-position:0px -43px;}
#content ul.main-nav li.about a:hover {  background-position:0px -43px;}
#content ul.main-nav li.menu a {  background-position:0px -78px;}
#content ul.main-nav li.menu a:hover {  background-position:0px -78px;}
#content ul.main-nav li.order a { background-position:0px -108px;}
#content ul.main-nav li.order a:hover { background-position:0px -108px;}
#content ul.main-nav li.kitchen-report a { background-position:0px -141px; }
#content ul.main-nav li.kitchen-report a:hover { background-position:0px -141px; }
#content ul.main-nav li.gifts a { background-position:0px -173px;}
#content ul.main-nav li.gifts a:hover { background-position:0px -173px;}
#content ul.main-nav li.testimonials a { background-position:0px -205px;}
#content ul.main-nav li.testimonials a:hover { background-position:0px -205px;}
#content ul.main-nav li.contact a {  background-position:0px -237px;}
#content ul.main-nav li.contact a:hover {  background-position:0px -237px;}

#content .hampers a { background:url(/images/backgrounds/christmas-hamper.png) no-repeat; display:block; width:219px; height:133px; text-indent:-99999px; overflow:hidden;}
#content .luxury-pizzas a { background:url(/images/backgrounds/luxury-pizzas.png) no-repeat; display:block; width:219px; height:133px; text-indent:-99999px; overflow:hidden; margin-top:12px; margin-bottom:5px;}

#content .right-col ul { margin:15px 0px;}
#content .right-col ul li { margin:10px 0px; text-align:center; color:#8f8f8f}
#content .right-col h2.seasonal-specials { text-align:center;}
#content .right-col h2.luxury-pizzas { text-align:center;}

#content .right-col .image-col { float:right; margin-top:20px; }
#content .right-col .image-col .news-image { margin-bottom:15px; margin-left:6px; }
#content .right-col ul.latest-news { overflow:hidden; margin-top:20px;}
#content .right-col ul.latest-news li { clear:left; overflow:hidden; margin-bottom:20px;}
#content .right-col ul.latest-news li .title-bar h3 { margin-top:0px; margin-bottom:5px;}
#content .right-col ul.latest-news li .title-bar h3 a { color:#c84193; text-decoration:none; font-size:15px; font-weight:bold;}
#content .right-col ul.latest-news li .news-image { float:left; margin-right:20px; height:70px; width:80px; margin-top:5px;}
#content .right-col ul.latest-news li .article-content { float:left;}
#content .right-col ul.latest-news li p { width:350px; margin:5px 0px; font-size:12px;}
#content .right-col ul.latest-news li p a { color:#8f8f8f;}

#content .right-col .menu { margin-bottom:20px;}
#content .right-col .menu p { text-align:center; margin:15px 20px;}
#content .right-col .menu h2 { text-align:center}
#content .right-col .menu h3 { text-align:center}
#content .right-col .menu h4 { text-align:center}
#content .right-col .menu ul { text-align:center; color:#918b81}
#content .right-col .menu ul li { margin:4px;}
#content .right-col .menu ul.menu-selector { margin:15px 0px 15px 90px; overflow:hidden;}
#content .right-col .menu ul.menu-selector li { float:left; display:block; margin:0px 3px;}
#content .right-col .menu ul.menu-selector li a { margin:0px 5px;}
#content .right-col .menu ul.menu-selector li.active a { font-weight:bold; text-decoration:underline;}

#content .right-col .menu .menu-items { background:url(/images/backgrounds/menu-repeat.gif) repeat-y; width:633px;}
#content .right-col .menu .menu-items .top { background:url(/images/backgrounds/menu-top.gif) no-repeat top left; padding-top:8px; width:100%; display:block}
#content .right-col .menu .menu-items .bottom { background:url(/images/backgrounds/menu-bottom.gif) no-repeat bottom left; padding-bottom:9px; width:100%; display:block}
#content .right-col .menu .menu-items .menu-content { min-height:100px; padding-bottom:10px;}


#content ul.testimonials {}
#content ul.testimonials li { margin:20px 0px; border-bottom:1px solid #ecc2d8; padding-bottom:10px;}
#content ul.testimonials li .quote { font-style:italic;}
#content ul.testimonials li p { margin:0px; font-size:14px;}
#content ul.testimonials li p.quoter { font-weight:bold; font-size:12px;}

#content  .menu-box { width:301px; float:left; }
#content  .menu-box h4 { border-bottom:1px solid #cc3399; color:#cc3399; margin:0px 5px 5px 4px; font-size:18px; }
#content  .menu-box p { display:none;}
#content  .menu-box a { overflow:hidden; background:url(/images/backgrounds/menu-box.gif) no-repeat; width:301px; height:128px; display:block; text-indent:-999999px;}
#content  .to-order-box { width:301px; float:left; padding-left:15px;}
#content  .to-order-box h4 { border-bottom:1px solid #cc3399; color:#cc3399; margin:0px 5px 5px 4px; font-size:18px; }
#content  .to-order-box p { display:none;}
#content  .to-order-box a { overflow:hidden; background:url(/images/backgrounds/to-order.gif) no-repeat; width:301px; height:128px; display:block; text-indent:-999999px}

#footer-wrap { background:url(/images/backgrounds/bottom-repeat.gif) repeat-x; height:4px; margin-top:10px; clear:both;}
#footer { width:873px; margin:auto; text-align:center}
#footer ul { width:595px; margin:auto}
#footer ul li { float:left; margin:20px 5px;}
#footer ul li a { color:#c84193; text-decoration:none;}
#footer ul li a:hover { color:#c84193; text-decoration:underline}