/* Main CSS Document */

@import url("core.css");

#container {
	width: 977px;
	background-color: #FFFFFF;
	margin: 0px auto;
}

#header {
	width: 977px;
	height: 278px;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
}
#header .logo {
	width: 460px;
	padding: 48px 27px 0px 0px;
}
#header .nav {
	width: 947px;
	height: 40px;
	padding: 83px 0px 0px 30px;
}
#header .nav ul {
	margin: 0px;
	padding: 0px;
}
#header .nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}

#header .nav li a.navHome { width: 149px; height: 28px; background-image: url(../images/nav-home.gif); background-repeat: no-repeat; color: #8f335c; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }
#header .nav li.navHomeOn { width: 149px; height: 28px; background-image: url(../images/nav-home-on.gif); background-repeat: no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }

#header .nav li a.navAbout { width: 131px; height: 28px; background-image: url(../images/nav-about.gif); background-repeat: no-repeat; color: #8f335c; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }
#header .nav li.navAboutOn { width: 131px; height: 28px; background-image: url(../images/nav-about-on.gif); background-repeat: no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }

#header .nav li a.navBusiness { width: 171px; height: 28px; background-image: url(../images/nav-business.gif); background-repeat: no-repeat; color: #8f335c; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }
#header .nav li.navBusinessOn { width: 171px; height: 28px; background-image: url(../images/nav-business-on.gif); background-repeat: no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }

#header .nav li a.navPrivate { width: 159px; height: 28px; background-image: url(../images/nav-private.gif); background-repeat: no-repeat; color: #8f335c; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }
#header .nav li.navPrivateOn { width: 159px; height: 28px; background-image: url(../images/nav-private-on.gif); background-repeat: no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }

#header .nav li a.navProducts { width: 140px; height: 28px; background-image: url(../images/nav-products.gif); background-repeat: no-repeat; color: #8f335c; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }
#header .nav li.navProductsOn { width: 140px; height: 28px; background-image: url(../images/nav-products-on.gif); background-repeat: no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }

#header .nav li a.navContact { width: 141px; height: 28px; background-image: url(../images/nav-contact.gif); background-repeat: no-repeat; color: #8f335c; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }
#header .nav li.navContactOn { width: 141px; height: 28px; background-image: url(../images/nav-contact-on.gif); background-repeat: no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; padding: 12px 5px 0px 0px; }



#nav { width: 759px; height: 30px; background-image: url(../images/bg-nav.gif); background-repeat: repeat-x; background-color: #000000; padding: 0px 2px 0px 2px; margin: 0px auto; text-align: center; padding-top: 12px; }
#nav ul li { margin: 0px; display: inline; font-size: 11px; color:#ffffff; text-transform: uppercase; font-weight: bold; }
#nav a:link, #nav a:visited { color: #ffffff; text-decoration: none; }
#nav a:hover { color: #ffcc00; }

#content {
	width: 977px;
	background-color: #f6e9dd;
}

/* left */
#content .left {
	width: 600px;
	padding: 14px 0px 0px 32px;
	float: left;
}
#content .left .boxTop {
	width: 600px;
	background-color: #ffffff;
}
#content .left .box {
	width: 572px;
	background-color: #ffffff;
	background-image: url(../images/bg-box-bottom.gif);
	background-repeat: no-repeat;
	padding: 14px;
	background-position: left bottom;
}
#content .left .box .flavour {
	width: 288px;
	float: left;
	padding: 0px 10px 0px 0px;
}
#content .left .box .latest {
	width: 264px;
	float: left;
}

/* right */
#content .right {
	width: 301px;
	float: right;
	padding: 14px 32px 0px 0px;
}
#content .right .private {
	width: 271px;
	padding: 15px;
	background-image: url(../images/bg-private.gif);
	background-repeat: no-repeat;
	font-size: 14px;
}
#content .right .productsTab {
	width: 301px;
	height: 8px;
}
#content .right .products {
	width: 277px;
	background-image: url(../images/products-box-bg.gif);
	padding: 12px;
}
#content .right .contact {
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	padding: 0px 0px 0px 30px;
}

#footer {
	width: 977px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../images/bg-footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding: 20px 0px 0px 0px;
	background-color: #720000;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	font-size: 11px;
	color: #f6e9dd;
	font-weight: bold;
	margin: 0px 2px 0px 2px;
}
#footer li a {
	color: #f6e9dd;
	font-weight: bold;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}