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

body {
	color:#5c5c5c;
	margin:0;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/body-bg.gif);
}
#page {
	width:952px;
	margin:0 auto;
	position:relative;
}
/*header*/
#header 
{
	width:943px;
	position:absolute;
	height:212px;
	top:0;
	left:0;
	padding:3px 4px 0 4px;
	z-index: 1;
}
#header img {
	float:right;
}
#header .logo 
{
	width:244px;
	float:left;
	padding:87px 0 13px 0;
	background:#b2aaa4;
}
#header .logo A
{
	display:block;
	width:172px;
	height:65px;
	padding:0 36px;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#header .nav 
{
	position: absolute;
	top: 168px;
	left: 4px;
	width: 943px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	height: 40px;
	background:#4D1C07;
}

#header .phone 
{
	position:absolute;
	top:64px;
	right:30px;
	z-index: 100;
	width: 250px;
}
#header .phone span
{
	text-align: right;
	display:block;
	color:#fff;
	font-size:25px;
	line-height:29px;
	padding: 10px 0px 0px 0px;
	text-shadow: 1px 1px 1px #333;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#header .phone A img
{
	display: block;
	border: 0;
}

/*columns-holder*/
#columns-holder {
	overflow:hidden;
	padding:212px 4px 17px 4px;
	height:1%;
	background:#fff;
}

/*sidebar*/
#sidebar {
	width:243px;
	float:left;
	padding-top:3px;
}

/* content */



#content .box-area {
	width:684px;
	overflow:hidden;
	margin-left:-29px;
	position:relative;
	padding-top:9px;
}
#content .box-area .box {
	width:197px;
	float:left;
	padding:7px 6px 17px 7px;
	background:#faf3e8;
	margin:17px 0 0 18px;
	display:inline;
}
#content .box-area .box img {
	display:block;
	border:1px solid #628a03;
}


#content .box-area .box .text {
	padding:15px 6px 0 6px;
}

#flavia_merch {

background:url(../images/flavia_merchandiser_2.jpg) right center no-repeat;
font-size: 0.9em;
padding: 50px 400px 50px 15px;
margin: 50px 0 15px 0;

}

#flavia {

background:url(../images/creation_400_5.jpg) right top no-repeat;
font-size: 1.0em;
padding: 10px 250px 210px 0px;

}

/*footer*/

.footer {
	width:952px;
	margin-top:11px;
	background:#faf3e8;
	overflow:hidden;
	padding: 10px 0 9px 0;
	
}

.icons 
{ 
	width: 238px; 
	float:left;
	padding: 25px 0 0 10px;
}
.icons A img 
{
	float:left;
	margin: 0 0px 0 10px;
	border:none;
}
#footer_right 
{

	float:right;
	font-size:11px;
	color:#68574b;
	padding: 10px 0px 10px 0;
	text-align: right;
}

#footer_left {

	float:left;
	margin:0;
	font-size:11px;
	color:#68574b;
	padding: 10px 0 10px 0px;
}

.clearfix:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cleaner
{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 20px 0 0 0;
	visibility: hidden;
}
.cleaner2
{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px 0 0 0;
	visibility: hidden;
}


A#twitter
{
	position:fixed;
	top:40%;
	right: 0px;
	border: none;
	width: 43px;
	height: 140px;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../images/twitter.png) 0px 0px;
}
* html A#twitter
{
	position: absolute;
	background-image: url(../images/twitter.gif);
}