/* CSS Document */

/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center;  }

body {
	position : relative;
	width : 600px;
	text-align : left;
	padding-top : 2.5em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


div#branding {
	position : absolute;
	z-index : 0;
	background-color: transparent;
}


h1 {
	position : absolute;
	top : 58px;
	left : 195px;
	width : 405px;
	height : 67px;
	text-indent : -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/top_banner.jpg);
}


div#branding p { 
position : absolute;
top : -9999px; }


div#content {
	position : relative;
	width : 100%;
	z-index: 100;
}


div#content_main {
	left : 32%;
	width : 68%;
	padding-top: 48px;
	padding-right: 0;
	padding-bottom: 7.5em;
	padding-left: 0;
	margin: 0px;
	border: 1px solid #849D1E;
	min-height:250px;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#content_main h2, div#content_main h3, div#content_main p {
	padding-left: 15px;
	padding-right: 15px;
}
div#content_main h2 {
	font-weight: lighter;
	font-size: 115%;
}	  
  
	div#content_sub {
	width : 28%;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	top: 0px;
	min-height:260px;
	margin: 0px;
}
	
div#content_sub	h2 {
	margin-bottom: 10px;
	text-align: right;
	margin-right: 13px;
	font-size: 1.5em;
	font-weight: lighter;
}

	div#content_ad {
	width : 176px;
	position : absolute;
	top: -12px;
	left: 625px;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 5px;
	margin: 0px;
}


div#branding, div#nav_main, div#site_info, div#subNav {
width : 100%; }

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


div#nav_main {
	position : relative;
	z-index : 1;
	height : 56px;
	
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}

div#nav_main h2 {
	position : absolute;
	top : -31px;
	background-image: url(../images/logo.jpg);
	height: 53px;
	width: 222px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: -53px;
	text-indent: -9999px;
}

ul#nav_features {
position : absolute;
top : 3px;
left : 0px;
margin : 0;
width : 460px; }

ul#nav_features li {
display : inline;  }

li#nav_feature, li#nav_Review, li#nav_care, li#nav_news {
	position : absolute;
	display : block;
	height : 38px;
	width : 67px;
	top: 9px;
	left: 151px;
}

li#nav_feature {
left : 269px; }

li#nav_Review {
left : 356px; }

li#nav_care {
left : 442px; }

li#nav_news {
left : 527px; }

li#nav_feature a, li#nav_Review a, li#nav_care a, li#nav_news a {
display : block;
height : 38px; 
width : 67px; 
text-indent : -9999px; }


div#nav_sub {
	position : relative;
	z-index : 1;
	height : 32px;
	background-image: url(../images/nav_sub.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 405px;
	padding: 0px;
	margin-left: 195px;
}

ul#nav_links {
	position : absolute;
	top : 6px;
	left : 1px;
	margin : 0;
	width : 406px;
	height: 26px;
}

ul#nav_links li {
display : inline;  }

ul#nav_links li a {
	font-size: 11px;
	text-decoration: none;
	color: #77562D;
}
ul#nav_links li a:hover {
	color: #d93658;
}

li#subNav_home, li#subNav_about, li#subNav_contact, li#subNav_privacy {
	position : absolute;
	display : block;
	height : 21px;
	width : 72px;
	top: 1px;
}

li#subNav_home {
left : 75px; }

li#subNav_about {
left : 158px; }

li#subNav_contact {
left : 242px; }

li#subNav_privacy {
left : 325px; }

li#subNav_home a, li#subNav_about a, li#subNav_contact a, li#subNav_privacy a {
display : block;
height : 21px; 
width : 72px; 
text-indent : -9999px; }


div#site_info {
	position : relative;
	width : 100%;
	height : 120px;
	background-color: transparent;
	background-position: 0 0;
}
	
div#site_info h3 {
	position : absolute;
	right : 141px;
	bottom : 33px;
	width : 100px;
	height : 18px;
	background-image: url(../images/wrinklecream_logo_sub.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#site_info h3 a {
	display : block;
	width : 100px;
	height : 18px;
	text-indent : -9999px;
	z-index: 15;
}

div#site_info h4 {
	position : absolute;
	right : 415px;
	bottom : -1px;
	width : 260px;
	height : 237px;
	text-indent : -9999px;
	background-image: url(../images/girl.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}



div#site_info p { 
position : absolute;
left : 266px; 
top : 97px;
margin : 0; }

div#site_info h3 + p { 
text-indent : -9999px; } 
	
.background
{
filter: alpha (opacity=50);}



/*ul#nav_articles {
	background-image: url(../images/flare.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height:365px;}*/

ul#nav_articles li{

	text-align: right;
	margin-bottom: 6px;	}
	
ul#nav_articles li a {
	font-size: 12px;
	text-decoration: none;
	color: #966D30;
	text-align: right;
	background-image : url(../images/right_arrow.gif);
	background-repeat : no-repeat;
	background-position : right center;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;	}

ul#nav_articles li a:hover {
	color: #d93658;
	background-image : url(../images/right_arrow_01.gif);}
	

ul#sum > li {
	clear: both;
	margin: 0px;
	padding: 0px;

}	

ul#sum li h2 {
	color: #FFFFFF;
	background-color: #849D1E;
	width: 230px;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 15px;


	
}	
ul#sum li h2 a {
	color: #FFFFFF;
	text-decoration: underline;
	width: 230px;
	display:block;
}
ul#sum li h2 a:hover {
	color: #33CCFF;

}

ul#sum li h3 {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #849D1E;
	margin: 0px;
	float: none;
	padding: 0em;
}	

ul#sum li h4 {
	font-size: 14px;
	color: #966D30;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;


}
.low {
	padding-top: 1.5em;
}
.small {
	width: 45%;
}
.big {
	width: 55%;
}
.clearIt {
	clear: both;
}
.lfloat {float: left;}
.btSpace {
	padding: 0px;
	margin-bottom: 1em;
}




#rating {margin-top: 1.5em;}
#rating h2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #F0F0F0;
	font-size: 10px;
	font-weight: bold;
	color: #966D30;
	padding: 5px;
}

#rating p {
	margin-left: 0.5em;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 1em;
	color: #966D30;
}

.starbright {
	position: relative;
	left: 0px;
	top: 0px;
	height: 24px;
	border: 1px solid #FFFFFF;
	text-indent: -9999px;
}
.newStarBox {
	position: relative;
	width: 125px;
	margin: 0px;
	padding: 0px;
}
.star5a {
	background-image: url(../images/stars.jpg);
	height: 13px;
	width: 55px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	position: absolute;
	left: 72px;
	top: 2px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 500;


}
.star4a {
	background-image: url(../images/stars.jpg);
	height: 13px;
	width: 55px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	position: absolute;
	left: 72px;
	top: 2px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 500;
	background-position: -10.5px 0px;


}
.star3a {
	background-image: url(../images/stars.jpg);
	height: 13px;
	width: 55px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	position: absolute;
	left: 72px;
	top: 2px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 500;
	background-position: -21px 0px;


}
.star2a {
	background-image: url(../images/stars.jpg);
	height: 13px;
	width: 55px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	position: absolute;
	left: 72px;
	top: 2px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 500;
	background-position: -32px 0px;


}
.star1a {
	background-image: url(../images/stars.jpg);
	height: 13px;
	width: 55px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	position: absolute;
	left: 72px;
	top: 2px;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 500;
	background-position: -43px 0px;
}