* { 
	margin:0; padding:0;
	border:0;
}

body{ 
	 border:0;
	 font:14pt Arial, Helvetica, sans-serif; color:#000;
	 line-height:20pt;
}


/* ============================= main layout ====================== */

a{ color:#FF1D25; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ float:left; font:100px "BebasRegular", Arial, Helvetica, sans-serif; line-height:104px; text-transform:uppercase; font-weight:bold; letter-spacing:-5px}
h2{ font:32pt "BebasRegular", Arial, Helvetica, sans-serif; color:#FF1D25; line-height:36pt; padding:0 0 25px 0; letter-spacing:-1px;}
p{ padding-bottom:20px;}
img{ vertical-align:top}

/* ============================= header ====================== */

#logo{ display:block; width:181px; height:186px; background:url(images/logo.png) top no-repeat; color:#fff; text-decoration:none; padding:63px 0 0 24px}
#logo:hover{ background:url(images/logo2.png) top no-repeat}
#logo span{ letter-spacing:10px; font-size:16pt; line-height:18pt; display:block; font-weight:normal; margin-top:-14px; padding-left:5px}

#menu { float:left; height:249px; width:750px; overflow:hidden}
#menu li{ float:left; width:185px; }
#menu span{ display:block; padding-left:12px; margin-top:-25px;}
#menu a{ display:block; padding-top:185px; font:18pt "BebasRegular", Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none; line-height:46px;}

#menu .nav1 a{ background:url(images/about.png) top no-repeat}
#menu .nav1 a:hover{ background:url(images/about2.png) top no-repeat}
#menu .nav2 a{ background:url(images/product.png) top no-repeat}
#menu .nav2 a:hover{ background:url(images/product2.png) top no-repeat}
#menu .nav3 a{ background:url(images/campaign.png) top no-repeat}
#menu .nav3 a:hover{ background:url(images/campaign2.png) top no-repeat}
#menu .nav4 a{ background:url(images/health.png) top no-repeat}
#menu .nav4 a:hover{ background:url(images/health2.png) top no-repeat}

#menu .nav1 a span{ color:#fff}
#menu .nav2 a span{ color:#fff}
#menu .nav3 a span{ color:#fff}
#menu .nav4 a span{ color:#fff}


#menu li a{ float:left; width:100%;}
#menu li a span{ float:left; width:185px; margin-top:0px;}
#menu li a span:hover{ color:FF1D25;}


#logo{ display:block; width:181px; height:186px; background:url(images/logo.png) top no-repeat; color:#fff; text-decoration:none; padding:63px 0 0 24px}
#logo:hover{ background:url(images/logo2.png) top no-repeat}
#logo span{ letter-spacing:0; font-size:16px; line-height:18px; display:block; font-weight:normal; margin-top:-14px; padding-left:5px}

#navEnter a:hover{ background:url(images/enter.png) top center no-repeat}
#navLeave a:hover{ background:url(images/leave.png) top no-repeat}

/* ============================= content ====================== */
div.pad{ 
	background:#fff;
	padding:53px 30px 30px;   /* for IE */
	filter:alpha(opacity=80); /* CSS3 standard */
  opacity:0.8;}
.pad_bot1{ padding-bottom:15px;}
.pad_left1{ padding-left:34px}
.pad_left2{ padding-left:18px;}
.marg_right1{ margin-right:16px;}

#content img{ margin-top:5px}

.color1{ color:#6b6c5f}

.list1 a{ padding-left:6px; background:url(images/marker_1.gif)  0 5px no-repeat}

.font1{ font-size:14px;}

/*==========================================*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}