@charset "utf-8";
/* CSS Document */

body {
	font-family: Gill Sans, Lucinda Sans, Calibri, Helvetica, Arial, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
input
{
font-size:11px;
padding:4px;
}
.oneColFixCtrHdr #container {
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	background: #FFFFFF;
	background-image:url(../images/home_bg.gif);
	background-repeat:no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:640px;
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0 0 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 30px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtrHdr #mainContent p{
	margin:10px;
	margin-top:0px;
	font-size:13px;
	line-height:18px;
}
.oneColFixCtrHdr #footer {
/*background-color:#5A215A;*/
	padding: 0 50px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:18px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:26px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:920px; font-size:11px; margin-left:30px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:26px; width:150px; border:1px solid #9c639c; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-1999px;}

#nav li a.homepage {background:url(../images/navigation/home.gif); width:82px;}
#nav li a.currentCollections {background:url(../images/navigation/current_collections.gif); width:230px;}
#nav li a.sl-privee-experience {background:url(../images/navigation/sl-privee-experience.gif); width:261px;}
#nav li a.news {background:url(../images/navigation/news_and_events.gif); width:180px;}
#nav li a.team {background:url(../images/navigation/the_team.gif); width:96px;}
#nav li a.contact {background:url(../images/navigation/contact_us.gif); width:130px;}

#nav li:hover a,
#nav a:hover
{background-position: 0 26px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:28px; background: #edb; width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:28px; position:relative; float:left; width:152px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:26px; width:200px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}


#nav :hover ul li a.clients {background:url(../images/navigation/what_our_clients_say.gif);}
#nav :hover ul li a.theTeam {background:url(../images/navigation/the_team.gif);}
#nav :hover ul li a.shopping {background:url(../images/navigation/shopping-with-us.gif);}
/*
#nav :hover ul li a.apples {background:url(homepage/apples2.jpg);}
#nav :hover ul li a.oranges {background:url(homepage/oranges2.jpg);}
#nav :hover ul li a.pears {background:url(homepage/pears2.jpg);}
#nav :hover ul li a.bananas {background:url(homepage/bananas2.jpg);}
#nav :hover ul li a.lemons {background:url(homepage/lemons2.jpg);}*/

#nav :hover ul li a.Aubade {background:url(../images/navigation/aubade.gif);}
#nav :hover ul li a.LaPerla {background:url(../images/navigation/la_perla.gif);}
#nav :hover ul li a.LeMystere {background:url(../images/navigation/le_mystere.gif);}
#nav :hover ul li a.MarieJo {background:url(../images/navigation/marie_jo.gif);}
#nav :hover ul li a.PleasureState {background:url(../images/navigation/pleasure_state.gif);}
#nav :hover ul li a.PrimaDonna {background:url(../images/navigation/prima_donna.gif);}
#nav :hover ul li a.Valery {background:url(../images/navigation/valery.gif);}
#nav :hover ul li a.Verde {background:url(../images/navigation/verde.gif);}
#nav :hover ul li a.Verdissima {background:url(../images/navigation/verdissima.gif);}
#nav :hover ul li a.Feraud {background:url(../images/navigation/feraud.gif);}

/*
#nav :hover ul li a.cabbages {background:url(greens/cabbage2.jpg);}
#nav :hover ul li a.cauliflower {background:url(greens/cauliflower2.jpg);}
#nav :hover ul li a.beans {background:url(greens/beans2.jpg);}
#nav :hover ul li a.sprouts {background:url(greens/sprouts2.jpg);}
#nav :hover ul li a.peas {background:url(greens/peas2.jpg);}
#nav :hover ul li a.broccoli {background:url(greens/broccoli2.jpg);}*/

#nav :hover ul li a.Susana {background:url(../images/navigation/Susana.gif);}
#nav :hover ul li a.Philippa {background:url(../images/navigation/Philippa.gif);}
#nav :hover ul li a.Olivia {background:url(../images/navigation/Olivia.gif);}

#nav :hover ul li a.client-fashion-shoot {background:url(../images/navigation/client-fashion-shoot.gif);}
#nav :hover ul li a.fashion-show-2009 {background:url(../images/navigation/2009-fashion-show.gif);}
#nav :hover ul li a.fashion-show-2010 {background:url(../images/navigation/2010-fashion-show.gif);}
#nav :hover ul li a.newsletters {background:url(../images/navigation/newsletters.gif);}

#nav :hover ul.sub li a:hover 
{background-position: 0 26px; position:relative;}
/*#nav :hover ul.sub li a:hover b {left:100px; top:2px; background:#fff; color:#000; border:1px solid #888; display:block; width:140px; height:20px; text-align:center; font-size:12px; line-height:18px;}*/