/*  Description: General stylesheet for Neutrogena Landing page
	Author: James Diacono
	Date: 15th of December, 2009
*/

body {
	font:62.5%/140% Arial, sans-serif;
	color:#999;
	background:url(../images/big_bg.jpg) no-repeat center 50px;
	}
	
a {
	color:#38a7b7;
	}
	
a:hover {
	color:#67ccdb;
	}
	
h1 {
	font-size:2.5em;
	color:#38a7b7;
	font-weight:normal;
	margin-bottom:0.5em;
	}
	
h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 20px;
	}
	
sup {
	font-size:0.9em;
	position:relative;
	top:-0.3em;
	}
	
ul, ol {
	margin:0 1em 1em 3.4em;
	}
	
li {
	margin-bottom:0.5em;
	}
	
div#header {
	border-bottom:4px solid #a8a9ad;
	height:50px;
	background:black;
	width:100%;
	}
	
div#headerCentre {
	width:958px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

a#neutrogenaLogo {	
	display:block;
	text-indent:-999em;
	width:189px;
	height:49px;
	background:url(../images/neutrogena_logo.gif) no-repeat;
	}
	
div#contactUs {
	position:absolute;
	top:0;
	right:0;
	height:50px;
	line-height:50px;
	padding-right:14px;
	background:url(../images/white_arrow_on_black.gif) no-repeat right center;
	}
	
div#contactUs a {
	color:white;
	text-decoration:none;
	font-size:15px;
	}
	
div#contactUs a:hover {
	text-decoration:underline;
	}
	
div#contentWrapper {
	width:958px;
	margin:30px auto 0;
	}
	
div#section {
	width:591px;
	background:white;
	padding-bottom:2em;
	font-size:1.2em;
	line-height:1.5em;
	}
	
div#section {
	position:relative;
	width:591px;
	background:white;
	margin-bottom:20px;
	}
	
div#section h1 {
	position:relative;
	top:-12px;
	background:url(../images/section_box_top.png) no-repeat;
	padding:16px 20px 0 20px;
	line-height:1em;
	margin-bottom:0;
	}
	
div#section p {
	padding:0 20px 1em;
	}
	
div#section .last {
	background:url(../images/section_box_bottom.png) no-repeat bottom left;
	padding-bottom:1.6em;
	margin-bottom:-31px;
	position:relative;
	}
	
/* Landing page panels */
	
ul#panels {
	margin:0;
	}
	
ul#panels li {
	float:left;
	min-height:507px;
	width:319px;
	position:relative;
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
ul#panels li#wave {
	background-image:url(../images/wave_tile.png);
	}
	
ul#panels li#rapid {
	background-image:url(../images/rapid_tile.png);
	}
	
ul#panels li#sheer {
	background-image:url(../images/sheer_tile.png);
	}
	
ul#panels li a {
	outline:none;
	}
	
ul#panels li a.bigButton {
	display:block;
	width:319px;
	height:336px;
	}
	
ul#panels li div.tileContent {
	padding-top:13px;
	padding-bottom:0;
	font-size:1.1em;
	}
	
ul#panels li#wave div.tileContent {
	padding-left:53px;
	padding-right:44px;
	}
	
ul#panels li#rapid div.tileContent {
	padding-left:49px;
	padding-right:52px;
	}
	
ul#panels li#sheer div.tileContent {
	padding-left:47px;
	padding-right:54px;
	}
	
ul#panels  li div.title {
	height:20px;
	background-repeat:no-repeat;
	text-indent:-999em;
	margin-bottom:0.2em;
	}
	
ul#panels  li#wave div.title {
	background-image:url(../images/title_wave.png);
	}
	
ul#panels  li#rapid div.title {
	background-image:url(../images/title_rapid.png);
	}
	
ul#panels  li#sheer div.title {
	background-image:url(../images/title_sheer.png);
	}
	
ul#panels  li .copy {
	height:7.5em;
	}
	
ul#panels>li .copy { /* IE6 doesnt understand min-height */
	min-height:7em;
	height:auto;
	}
	
ul#panels  li .go {
	display:block;
	width:66px;
	height:28px;
	text-indent:-999em;
	background:url(../images/button_go.png) no-repeat;
	}
	
/* End landing page panels */
	
div#footer {
	width:958px;
	margin:0 auto;
	padding:16px;
	border-top:1px dotted #b6b6b6;
	font-size:1.1em;
	clear:left;
	}
	
div#footer p {
	margin-bottom:17px;
	}