@charset "utf-8";

/**
 * CSS Home
 */

body.white {background-color:#ffffff}
body.gray {background-color:#515251}

div#container 
{
	margin-top:30px;
	height:950px;
}

/* ********* FLASH ********* */

div#home-header
{
	height:238px;
	display: block;
	overflow: hidden;
	float: left;
}

/* NAV MAIN */

div#nav-main {
	padding-top:191px;
	position:absolute;
}

div#nav-main{
	background:none;
}


/* ********* BOXES ********* */

div#boxes{
	min-height:400px;
	_height:400px;
	background:url(../images/bg-home-boxes.jpg) repeat-x;
	width:971px;
	float: left;
	display: block;

}

/* Information For... */

h3{
	background: url('../images/information-for.gif') top left no-repeat;
	overflow: hidden;
	text-indent: -500000em;
	width:186px;
	height:34px;
	position:absolute;
	right:38px;
}

div#information-for{
	
	z-index: 9999999;
	width:204px;
	background-color:#FFF;
	right:25px;
	position:absolute;
}

div#information-for ul{
	padding:3px 0 0 20px ;
}

div#information-for ul li{
	background:url(../images/information-for-icon.gif) no-repeat left;
	margin-top:5px;
	padding-left:10px;
}

div#information-for ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-decoration:none;
}

div#information-box
{
	background: url(../images/information-box-home.jpg) no-repeat; 
	width:185px; 
	color:#515151; 
	margin-left:10px; 
	margin-top:10px;
}

div#information-box .information-box-content
{
	background: url(../images/information-box-content.jpg) repeat-y; 
	width:185px; 
	color:#515151; 

}

div#information-box .information-box-content p 
{
	color:#515151; 
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

div#information-box .information-box-content p a
{
	color:#515151;
	text-decoration:none;
}

div#information-box .information-box-content .wrap 
{
	width:170px;
	padding-left:10px;
	padding-top:10px;
}

div#information-content .information-box-content .wrap a
{
	color:#515151;
	text-decoration:none;
}


.information-box-bottom
{
	background: url(../images/information-box-bottom.gif) no-repeat;
	width:185px; 
	height:15px;
	color:#515151; 

}


div#information-box p
{
	color:#515151; 
}
div#information-box .wrap
{
	width:170px;
	padding-left:10px;
	padding-top:10px;
}

div#information-box .wrap a
{
	color:#515151;
	text-decoration:none;
}


/* Our Company */

div#our-company{
	padding:15px;
}

div#our-company h2{
	font-weight:bold;
	font-size:17px;
	color:#d5353b;
	margin:10px 0;
}

div#our-company h2 a{
	font-weight:bold;
	font-size:17px;
	color:#d5353b;
	margin:10px 0;
}

div#our-company a{
	text-decoration:none;
	color:#4d91c1;
	margin-left:2px;
}
div#our-company p{
	line-height:18px;
}

.btn-more{float:right; padding-top:10px;}

div#our-company ul li{
	background:url(../images/information-for-icon.gif) no-repeat left;
	margin-top:5px;
	padding-left:10px;
}

div.col{
	float:left;
	margin-right:15px;
	width:231px;
}


/* Our Brands */

div#our-brands{
	padding:15px;
	width:722px;
}

div#our-brands h2{
	font-weight:bold;
	font-size:17px;
	color:#d5353b;
}

div#our-brands a{
	text-decoration:none;
	color:#4d91c1;
	margin-left:2px;
}
div#our-brands p{
	line-height:18px;
}

div#our-brands #featured-product
{
	float:left;
	padding:10px;
	width:145px;
	border:1px #e9e9e9 solid;
	margin-right:15px;
	cursor:pointer;
}

div#our-brands #featured-product p
{
	font-size:10px;
	text-align:center;
	line-height:normal;
}

/* Your career */

div#your-career{
	padding-top:4px;
}

div#your-career p{
	color:#FFF;
	float:left;
	width:210px;
	padding:11px 0 0 14px;
}

div#your-career p a{
	color:#000;
	text-decoration:none;
	background:url(../images/i-red-arrow.gif) no-repeat left;
	padding-left:10px;
	display:block;
	margin-top:10px;
}

div#your-career span{
	width:132px;
	height:118px;
}

div#your-career .title{
	height:38px;
	background-color:#c1c258;
	cursor:pointer;
}

div#your-career h2{
	padding:9px 0 0 22px;
}

div#your-career h2 img{
	margin-right:10px;
}

div#careers{
	width:375px;
	height:156px;
	float:left;
	margin-right:4px;
	background-color:#908f8f;
}

div#opportunities{
	width:592px;
	height:156px;
	float:left;
	background-color:#908f8f;
}

/* FOOTER */
div#footer{ margin-top:10px;}
div#footer p, 
div#footer a, 
div#footer a:hover, 
div#footer span {
		color: #bbb;
}