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

#mainContainer {
	width:960px;
	height:720px;
	margin:auto;
}

#sleepHeader {
	float:left;
	clear:left;
	width: 100%;
	height: 55px;
	background:url(../image/header_sleep_tips_main.jpg) no-repeat;
	background-color:#000308;
}

#leftCol {
	float:left;
	width:236px;
	height:auto;
}
#rightCol {
	float:right;
	width:676px;
	height:506px;
	background-color:#FFF;
	padding-top:45px;
	padding-left:45px;
}

#beautyRestImg {
	clear:left;
	float:left;
	width:234px;
	height:127px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	color:#FFF;
	background:url(../image/leftipsImg_top.jpg) no-repeat;
}
#beautyRestCopy {
	float:left;
	width:220px;
	height:91px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 14px;
	color:#FFF;
	padding-top: 18px;
	padding-left: 15px;
	background:url(../image/leftipsImg_btm.jpg) no-repeat;
}
#subMenu {
	width:190px;
	height: 55px;
	margin-top: 122px;
}
#subMenu h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFF;
}
#contentArea {
	float:left;
	width: 960px;
	height:auto;
}
#sleepHeaderMain {
	width:353px;
	height:26px;
	background:url(../image/header-better-slp-broch.jpg) no-repeat;
}
#compImg {
	float:left;
	width:218px;
	height: 274px;
	margin-top:20px;
	background-color:#999;
}




#goodnightsleepCopy a:link {
	color: #535353;
	text-decoration:underline;
	font-weight:bold;
}
#goodnightsleepCopy a:visited {
color: #535353;
	text-decoration:underline;
	font-weight:bold;
}
#goodnightsleepCopy a:hover {
color: #58bef1;
	text-decoration:underline;
	font-weight:bold;
}
#goodnightsleepCopy a:active {
	color: #535353;
	text-decoration:underline;
	font-weight:bold;
}