/******************** 
 STYLE.css
 @author Anthony Macali
 @updated 21/07/2009
 ********************/

  body { margin:0; font:14px Trebuchet MS; }
   
  /* reset */
  a { text-decoration:none; }
  img { border:0; }
  h1, h2, h3 { margin:0; padding:0; font-size:100%; }
  p, ul, li { margin:0; padding:0; list-style:none; }
  img { border:0; }
  form, input { margin:0; padding:0; line-height:1px; }
  
  table { border-collapse:collapse; border:0; }

/******************** 
 GLOBAL
 ********************/
  .clear { clear:both; height:1px; line-height:1px; }

/******************** 
 CONTAINER
 ********************/ 
 .container { width:940px; margin:auto; }

/******************** 
 BANNER
 ********************/
  #banner { height:80px; background:#FFF url(/images/logo.gif) 0 28px no-repeat; padding-left:64px; padding-top:20px; }

  #banner .header { height:43px; background:#FFF url(/images/background.gif) bottom repeat-x; padding-top:10px; }
  #banner .header h1 { width:310px; height:30px; float:left; background:url(/images/loveatfirstbite.gif) no-repeat; text-indent:-5000px; }
  #banner .header .menu { margin-top:15px; }

/******************** 
 MENU
 ********************/ 
  .nav { height:30px; background:url(/images/cupcakes.gif) 1px 8px no-repeat; }
  .nav .menu { margin-top:4px; }
    
  ul.menu { float:right; padding-right:2px; }
  ul.menu li { float:left; color:#5F5F5F; margin-left:14px;  }
  ul.menu li a { color:#5F5F5F; }
  ul.menu li a:hover { background-color:#FFF; color:#FF66CC; }
  
  ul.menu li.active a { color:#6666FF; }
  
/******************** 
 CONTENT
 ********************/
  #content { margin:24px 0 24px 0; }  
  #content h2 { color:#ff66dd; font-size:1.3em; margin-bottom:20px; }
  #content h3 { float:left; width:100px; color:#6666FF; }
  
  #content p { color:#5F5F5F; margin-bottom:14px; line-height:135%; }
  #content a { color:#6666FF; }
  #content a:hover { text-decoration:underline; }
  #content span { color:#6666FF; }
  
  /* home */
  #index #content h2 { font-size:1.5em; letter-spacing:1px; word-spacing:4px; } 
  
  /* list */
  #content ul { color:#5F5F5F; margin-bottom:14px; padding-left:20px; }
  #content ul li { padding-left:4px; line-height:1.4em; }
  
  #content ul.disc { padding-left:50px; }
  #content ul.disc li { list-style-type:disc; }
  
  /* image */
  #content img.right { border:1px solid #ccc; float:right; margin:0 2px 0 64px; }

  /* float */
  #content div.left { float:left; width:340px; margin-right:64px; }
  #content div.left p { margin-bottom:16px; }
  #content div.left img { border:1px solid #ccc; }
  
  #content p.quote { line-height:0.82em; color:#6666FF; }

  /* admirers */
  #admirers #content h3 { display:block; width:100%; float:none; }
  
  /* pricing */
  #pricing #content div { float:left; margin-bottom:14px; width:836px; }
  #pricing #content div p { margin:0; }
  #pricing #content div ul { margin:0; }
  
  #pricing #content div.cupcakes { width:450px; }
  #pricing #content div.delivery { width:450px; margin-bottom:0; }
  #pricing #content p.delivery  { margin:0; margin-left:100px; }

  /* faqs */
  #faqs #content div { float:left; margin-bottom:14px; }
  #faqs #content div p { margin:0; }
  #faqs #content div ul { margin:0; }
  #faqs #content h3 { width:200px; }
  
  #faqs div.contact,
  #faqs div.orders, 
  #faqs div.payment { width:350px; }
  
  /* orders */
  #orders #content div { float:left; margin-bottom:14px; }
  #orders #content div p { margin:0; }
  #orders #content div ul { margin:0; }
  #orders #content h3 { width:150px; }
  
  #orders div.orders { width:400px; }

/******************** 
 GALLERY
 ********************/  
  #index p.last { margin-bottom:72px; }

  #links { height:104px; }
  #links a { width:82px; text-align:center; height:104px; display:block; float:left; margin-right:12px; }
  #links a { background-image:url(/images/photos/links.jpg); background-repeat:no-repeat;  }
  
  #links a#wedding { background-position:0 bottom; }
  #links a#celebration { background-position:-81px bottom; }
  #links a#kids { background-position:-162px bottom; }
  #links a#seasonal { background-position:-243px bottom; }
  #links a#corporate { background-position:-324px bottom; margin-right:0; }

  #slideshow { position:relative; height:400px; width:400px; float:left; margin:0 66px 0 2px; }
  #slideshow img { position:absolute; top:0; left:0; z-index:8; border:1px solid #ccc; }
  #slideshow img.active { z-index:10; }
  #slideshow img.last-active { z-index:9; }

/******************** 
 GALLERY
 ********************/
  .scrollable { position:relative; overflow:hidden; width:446px; height:182px; border:1px solid #e7e7e7; z-index:0; }
  .scrollable .items { width:20000em; position:absolute; }
  
  .items div { float:left; padding-left:6px; }
  .items div img { float:left; margin:6px 6px 0 0; border:1px solid #fff; width:80px; height:80px; }
  .items div img.active { border:1px solid #6666FF !important; }

  /* buttons */
  .button { background:url(/images/arrow.gif) 205px top no-repeat; height:28px; display:block;  }
    
  a.browse { width:20px; height:24px; cursor:pointer; }
  a.disabled { visibility:hidden !important; }

  a.right { margin-right:0px; float:left; margin-left:10px; display:block; background:url(/images/arrow-right.gif) top no-repeat;  }
  a.left { float:left; background:url(/images/arrow-left.gif) top no-repeat; margin-left:199px; } 
  	  
  /* position */
  #wedding p.last { margin-bottom:6px; }
  #celebration p.last { margin-bottom:68px; }
  #kids p.last { margin-bottom:40px; }
  #seasonal p.last { margin-bottom:28px; }
  #corporate p.last { margin-bottom:86px; }
  
  #corporate .button a { display:none; }
  
/******************** 
 FOOTER
 ********************/
  #footer { height:70px; background:#FFF url(/images/background.gif) 0 22px repeat-x; }
  
  #footer, #footer span { color:#333; }
  #footer a { color:#6666FF; }
  #footer a:hover { text-decoration:underline; }
  
  #footer li.tagline { float:left; color:#6666FF; }
  #footer li.phone { text-align:right; display:block; margin-bottom:12px; color:#6666FF; }
  
  #footer li.fb { float:left; text-indent:-5000px; margin-right:6px; }
  #footer li.fb a { display:block; width:67px; height:20px; background:url(/images/facebook.jpg) no-repeat; }
  #footer li.copyright { float:left; }
  #footer li.email { text-align:right; }
  
/******************** 
 STICKY FOOTER
 ********************/
  * { margin:0;padding:0; } 
  html, body, #wrap { height:100%; }
  body > #wrap { height: auto; min-height: 100%; }
  #main { padding-bottom:70px; }  /* must be same height as the footer */
  
  #footer { position:relative; margin-top:-70px; /* negative value of footer height */ height:70px; clear:both; } 

  /* CLEAR FIX*/
  .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
  .clearfix { display:inline-block; }
  /* Hides from IE-mac \*/
  * html .clearfix { height:1%; }
  .clearfix { display:block; }
  /* End hide from IE-mac */