html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	/*background: transparent;*/
}
body {
	line-height: 1;
	background: url(../images/bg-pink-circles.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #541800;
	line-height: 20px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #807f83;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}




/* --------------------------------------------------------- */
/* ---------               body                  ----------- */
/* --------------------------------------------------------- */



.clearFix {
	height: 0px; 
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0;
}

hr {
	background-color:#FFFFFF;
	border-top: 1px dotted #807f83;
	color:#FFFFFF;
	height:1px;
}

.bullets {
	padding: 0px 20px 0px 20px;
	list-style-position: outside;
	list-style-type: disc;
}

#wrapper {
	width: 964px;
	margin: 0 auto;
}

#topBar {
	width: 964px;
	height: 110px;
	margin: 0 auto;
	background: url(../images/bg-top-bar.png);
	position: relative;
	z-index:10;
}

#logo {
	width: 238px;
	height: 184px;
	padding: 8px 0 0 0;
	position:absolute;
	z-index: 10;
}



/* --------------------------------------------------------- */
/* ---------           top navigation            ----------- */
/* --------------------------------------------------------- */


#topNav {
	position: absolute;
	left: 511px;
	top: 69px;
	width: 402px;
}

#topNav ul li {
	float: right;
	padding: 0px 0px 0px 30px;
}

#topNav ul li a {
	color: #f2635d;
	font-size: 11px;
}

#topNav ul li a:hover {
	color: #e60e64;
}



/* --------------------------------------------------------- */
/* ---------               navigation            ----------- */
/* --------------------------------------------------------- */

#navigationWrapper { 
	height: 49px;
	background-image: url(../images/bg-nav.png);
	position: relative;
	z-index: 5;
}

#navWrapper { 
	width: 964px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

.navigation {
	position: absolute;  
	right: 25px;
	top: 0px; 
	width: 770px;
	z-index: 5;
}

.navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 5;
} 

.navigation li {
	float: right;
	position: relative;
}



/* ---------               about            ----------- */

.navigation ul li#b-About:hover > a {
	color: #e60e64;
}

.navigation ul > li#b-About:hover {
	float: right;
	position: relative;
	color: #e60e64;
	background: url(../images/b-about.png) no-repeat -5px 0px;
}

.navigation li#b-About > a {
	width: 106px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
    display: block;
	text-align:center;
    height: 9px;
	padding: 18px 0px 22px 0px;
}

.navigation li#b-About a:hover, .navigation li#b-About a.selected {
	color: #e60e64;
	text-decoration: none; 
}

.navigation li#b-About ul li {
	width: 367px;
	height: 163px;
	position: relative;
	background: url(../images/nav-about-bg.png);
}

.navigation li#b-About>ul {
	top: 49px;
	left: 3px;
}


/* ---------               cookies            ----------- */

.navigation ul li#b-Cookies:hover > a {
	color: #e60e64;
}

.navigation ul > li#b-Cookies:hover {
	float: right;
	position: relative;
	color: #e60e64;
	background: url(../images/b-cookies.png) no-repeat 5px 0px;
}

.navigation li#b-Cookies > a {
	width: 104px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
    display: block;
	text-align:center;
    height: 9px;
	padding: 18px 0px 22px 0px;
}

.navigation li#b-Cookies a:hover, .navigation li#b-Cookies a.selected {
	color: #e60e64;
	text-decoration: none; 
}

.navigation li#b-Cookies ul li {
	width: 367px;
	height: 163px;
	position: relative;
	background: url(../images/nav-cookies-bg-2.png);
}

.navigation li#b-Cookies>ul {
	top: 49px;
	left: 1px;
}


/* ---------               order            ----------- */

.navigation ul li#b-Order:hover > a {
	color: #e60e64;
}

.navigation ul > li#b-Order:hover {
	float: right;
	position: relative;
	color: #e60e64;
	background: url(../images/b-order.png) no-repeat 0px 0px;
}

.navigation li#b-Order > a {
	width: 99px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
    display: block;
	text-align:center;
    height: 9px;
	padding: 18px 0px 22px 0px;
}

.navigation li#b-Order a:hover, .navigation li#b-Order a.selected {
	color: #e60e64;
	text-decoration: none; 
}

.navigation li#b-Order ul li {
	width: 367px;
	height: 163px;
	position: relative;
	background: url(../images/nav-order-bg.png);
}

.navigation li#b-Order>ul {
	top: 49px;
	left: -270px;
}



/* ---------               secrets            ----------- */

.navigation ul li#b-Secrets:hover > a {
	color: #e60e64;
}

.navigation ul > li#b-Secrets:hover {
	float: right;
	position: relative;
	color: #e60e64;
	background: url(../images/b-secrets.png) no-repeat -7px 0px;
}

.navigation li#b-Secrets > a {
	width: 99px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
    display: block;
	text-align:center;
    height: 9px;
	padding: 18px 0px 22px 0px;
}

.navigation li#b-Secrets a:hover, .navigation li#b-Secrets a.selected {
	color: #e60e64;
	text-decoration: none; 
}

.navigation li#b-Secrets ul li {
	width: 367px;
	height: 163px;
	position: relative;
	background: url(../images/nav-secrets-bg.png);
}

.navigation li#b-Secrets>ul {
	top: 49px;
	left: -269px;
}




/* ---------               photos            ----------- */

.navigation ul li#b-Photos:hover > a {
	color: #e60e64;
}

.navigation ul > li#b-Photos:hover {
	float: right;
	position: relative;
	color: #e60e64;
	background: url(../images/b-photos.png) no-repeat -7px 0px;
}

.navigation li#b-Photos > a {
	width: 99px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
    display: block;
	text-align:center;
    height: 9px;
	padding: 18px 0px 22px 0px;
}

.navigation li#b-Photos a:hover, .navigation li#b-Photos a.selected {
	color: #e60e64;
	text-decoration: none; 
}

.navigation li#b-Photos ul li {
	width: 367px;
	height: 163px;
	position: relative;
	background: url(../images/nav-photos-bg.png);
}

.navigation li#b-Photos>ul {
	top: 49px;
	left: -269px;
}




/* ---------               press            ----------- */

.navigation ul li#b-Press:hover > a {
	color: #e60e64;
}

.navigation ul > li#b-Press:hover {
	float: right;
	position: relative;
	color: #e60e64;
	background: url(../images/b-press.png) no-repeat -2px 0px;
}

.navigation li#b-Press > a {
	width: 152px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
    display: block;
	text-align:center;
    height: 9px;
	padding: 18px 0px 22px 0px;
}

.navigation li#b-Press a:hover, .navigation li#b-Press a.selected {
	color: #e60e64;
	text-decoration: none; 
}

.navigation li#b-Press ul li {
	width: 419px;
	height: 163px;
	position: relative;
	background: url(../images/nav-press-bg.png);
}

.navigation li#b-Press>ul {
	top: 49px;
	left: -269px;
}













.navigation li ul li > a:hover {
	background-image: none;
	color: #fff;
}

.navigation li ul {
	display: none;
	position: absolute;
	padding: 0px 0px 0px 0px;
}

.navigation li:hover ul, #navigation li.over ul {
	display: block;
} 

div.flyoutNav {
	padding: 25px 0px 0px 27px;
	margin: 0;
	line-height: 28px;
	font-weight: bold;
	color:#541800;
}

div.flyoutNav a {
	color:#541800;
}

div.flyoutNav a:hover {
	color:#ff463e;
}


/* --------------------------------------------------------- */
/* ---------             mainBody                ----------- */
/* --------------------------------------------------------- */

#mainBody {
	width: 874px;
	margin: 0 auto;
	background-image: url(../images/bg-body.png);
	padding: 0px 34px 0px 56px;
	position: relative;
	z-index: 0;
}

.mainImageBorder {
	height: 27px;
}

.mainImage {
	height: 266px;
}

#girl {
	position: absolute;
	left: 31px;
	top: 72px;
}

#mainContent {
	width: 810px;
	padding: 20px 5px 20px 59px;
	position: relative;
	z-index: 0;
}

.social {
	height: 44px;
	background: url(../images/main-image-border.png) no-repeat bottom;
	padding: 0px 5px 0px 43px;
}



/* --------------------------------------------------------- */
/* ---------             form elements           ----------- */
/* --------------------------------------------------------- */

.contactForm input {
	padding: 3px; 
	border: 1px solid #807F82; 
	width: 250px;
}



/* --------------------------------------------------------- */
/* ---------               footer                ----------- */
/* --------------------------------------------------------- */

#footerWrapper {
	background: #541800;
	padding: 0px 0px 20px 0px;
	position: relative;
}

#footer {
	width: 807px;
	margin: 0 auto;
	background: url(../images/bg-footer.png) repeat-y;
	padding: 30px 50px 0px 107px;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	color:#ffffff;
}

#footerBottom {
	width: 964px;
	height: 23px;
	margin: 0 auto;
	background: url(../images/bg-footer-bottom.png) no-repeat;
	position: relative;
}


#footer h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color:#f9cde0;
}


#footer a{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #fe88bb;
}




.copyRight {
	font-size: 11px;
	line-height: 16px;
	color:#f9cde0;
}

.copyNavQuotes {
	font-size: 10px;
	line-height: 16px;
	color:#541800;
	font-weight: normal;
}

.copyCookieProducts {
	font-size: 11px;
	line-height: 13px;
	color:#541800;
	font-weight: normal;
}

.copyDisclaimer {
	font-size: 9px;
	line-height: 11px;
	color:#000000;
	font-weight: normal;
}

#footer .copyRight a{
	color: #ffffff;
	text-decoration: none;
}

#footer .copyRight a:hover {
	color: #fe88bb;
}