/******************** 
 STYLE.css
 @author Anthony Macali
 @updated 15/09/2009
 ********************/

  body { margin:0; font-size:12px; background:#000 fixed url(../images/background.gif) center top; }
  
  a { text-decoration:none; }
  img { border:0; }
  p { margin:0; margin-bottom:6px; }
  h1 { margin:0; }
  h2 { margin:0; }

/******************** 
 GLOBAL
 ********************/
  .clear { clear:both; line-height:1px; }
  .center { text-align:center; }
  .left { float:left; }
  .right { float:right; }
  .hide { display:none; }

/******************** 
 CONTAINER
 ********************/ 
 .container { width:962px; position:absolute; top:50%; left:50%; height:544px; margin-top:-272px; margin-left:-475px; }

  #left-pane { float:left; padding:0 20px; width:180px; background:#EFEFB4 url(../images/logo.gif) center 36px no-repeat; }
  #center-pane { background-color:#FFF; float:left; width:367px;}
  #right-pane { background-color:#000; float:left; width:365px; }

  #left-pane, #center-pane, #right-pane { height:544px; }
  #left-pane h1 { text-indent:-5000px; height:216px; }
  
/******************** 
 MENU
 ********************/
  #menu { width:168px; margin:auto; background:url(../images/bk.dotted-gold.gif) repeat-x top; }  
  #menu ul { margin:0; padding:0; list-style:none; }
  #menu li { background:url(../images/bk.dotted-gold.gif) repeat-x bottom; text-indent:-5000px; }
  #menu li a { display:block; height:27px; margin-left:1px; }
  #menu li a:hover { color:#B9925E; }
  
  /** background **/
  #menu li a { background-position:left center; background-repeat:no-repeat; }
  
  #menu li.index a { width:84px; background-image:url(../images/menu/mn.introduction.gif);  }
  #menu li.index a:hover { background-image:url(../images/menu/mn.introduction.hover.gif);  }
  
  #menu li.gowns a { width:45px; background-image:url(../images/menu/mn.gowns.gif);  }
  #menu li.gowns a:hover { background-image:url(../images/menu/mn.gowns.hover.gif);  }
  
  #menu li.collection a { width:68px; background-image:url(../images/menu/mn.collection.gif);  }
  #menu li.collection a:hover { background-image:url(../images/menu/mn.collection.hover.gif);  }
  
  #menu li.aboutus a { width:61px; background-image:url(../images/menu/mn.aboutus.gif);  }
  #menu li.aboutus a:hover { background-image:url(../images/menu/mn.aboutus.hover.gif);  }
  
  #menu li.contact a { width:53px; background-image:url(../images/menu/mn.contact.gif);  }
  #menu li.contact a:hover { background-image:url(../images/menu/mn.contact.hover.gif);  }
  
  /** copyright **/
  #left-pane .copyright { height:40px; background:url(../images/menu/mn.copyright.gif) 3px 0 no-repeat;  margin-top:137px; }

/******************** 
 CONTENT
 ********************/
  .content { margin:0 24px; font:1em Palatino Linotype; line-height:1.4em; color:#333; padding-top:12px; background:url(../images/bk.dotted.gif) repeat-x top; }
  .content a { color:blue; }
  
  .collection .thumbnails { padding-top:4px; padding-bottom:10px; }

  .gap { margin-right:13px; }
  .last { background:url(../images/bk.dotted.gif) repeat-x bottom; padding-bottom:12px !important; }

/******************** 
 HEADINGS
 ********************/
  #center-pane h2 { display:block; background-position:24px 179px; background-repeat:no-repeat; height:216px; text-indent:-5000px; }
  
  .index #center-pane h2 { background-image:url(../images/headings/introduction.gif); }
  .gowns #center-pane h2 { background-image:url(../images/headings/gowns.gif); }
  .collection #center-pane h2 { background-image:url(../images/headings/collection.gif); }
  .aboutus #center-pane h2 { background-image:url(../images/headings/aboutus.gif); }
  .contact #center-pane h2 { background-image:url(../images/headings/contact.gif); }
  .appointment #center-pane h2 { background-image:url(../images/headings/appointment.gif); }

/******************** 
 PHOTOS
 ********************/
  .index #right-pane { background-image:url(../images/right-pane/index.jpg); }
  .gowns #right-pane { background-image:url(../images/right-pane/gowns.jpg); }
  .collection #right-pane { background-image:url(../images/photos/collection/collection.jpg); }
  .aboutus #right-pane { background-image:url(../images/right-pane/aboutus.jpg); }  
  .contact #right-pane, .appointment #right-pane { background-image:url(../images/right-pane/contact.jpg); }    

  .index #center-pane { background:#FFF url(../images/sketches/veronique.jpg) 160px 20px no-repeat; }
  .gowns #center-pane { background:#FFF url(../images/sketches/coco.jpg) 160px 20px no-repeat; }
  .collection #center-pane { background:#FFF url(../images/sketches/angelique.jpg) 150px 16px no-repeat; }
  .aboutus #center-pane { background:#FFF url(../images/sketches/natasha.jpg) 160px 16px no-repeat; }
  .contact #center-pane { background:#FFF url(../images/sketches/juliette.jpg) 160px 28px no-repeat; }  
  .appointment #center-pane { background:#FFF url(../images/sketches/lynda.jpg) 535px 28px no-repeat; }   
  
/******************** 
 FORM
 ********************/
  .appointment #center-pane { width:730px; }
 
  .appointment form { margin:0; background:url(../images/bk.dotted.gif) repeat-x bottom; padding-bottom:8px; }
  .appointment br { clear:both; }

  /* Layout */
  .appointment div.left-section { float:left; width:310px; }
  .appointment div.right-section { float:left; width:365px; }
  .appointment div.buttons { text-align:right; padding:6px 24px 0 0; }

  /* Label */
  .appointment label { float:left; display:block; text-align:right; padding-right:6px; }  
  
  .appointment div.left-section label { width:110px; margin-bottom:6px; }
  .appointment div.right-section label { width:170px; margin-bottom:6px; }

  /* Input */
  .appointment div.left-section input { font-size:0.9em; }  
  .appointment div.right-section input, .appointment div.right-section select { font-size:0.9em; }
  .appointment div.right-section textarea { font:0.9em Arial; width:167px; height:44px; }

  .appointment div.button input { width:60px; height:20px; margin-right:6px; }
  
  .notification { font:0.9em Arial ; color:#990000; background-color:#ffebe9; border:1px solid #ffcccc; padding:6px; margin-bottom:10px;}