/*
Project: Smoky Eye Look
File: css/style.css
*/

/*  Main  */
body {
 font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#000;
 background: #FFF url('../img/bg.jpg') no-repeat center top;
}

#wrapper {
	margin:0 auto;
	width:945px;
	background: url('../img/wrap_bg.png') repeat-y;
}

#content {
	clear:both;
	width:917px;
	padding-left:14px;
}

a {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#EEE;
}

/* End Main */

/* Navigation */
#nav {
	margin: 0 auto;
	width:917px;
	height:34px;
	color:#FFF;
	background-color:#FF0000;
	text-align:center;
	font-size: 1.4em;
	font-weight:bold;
}

#nav ul {}

	#nav li {float:left; display:block; height:26px;  padding-top:8px;}

		#nav li:hover {
			cursor:pointer;
			color:#ED3794;
		}

#navhome { width:162px;	background: #bdbfbf url('../img/nav_home_bg.jpg') no-repeat; }
#navmolly { background: #bdbfbf url('../img/nav_molly_bg.jpg') no-repeat; width:204px; }
#navbuzz { background: #bdbfbf url('../img/nav_buzz_bg.jpg') no-repeat; width:145px; }
#navgallery { background: #bdbfbf url('../img/nav_gallery_bg.jpg') no-repeat; width:240px; }
#navshop { background: #ed3794 url('../img/nav_shopnow_bg.jpg') no-repeat; width:166px; }
	#navshop:hover {color:#000;}

/* End Navigation */


/* Main */
	#pillars #molly {
		width:334px;
		height:313px;
		float:left;
		padding-left:14px;
	}
	#pillars #otherpillars img {
		float:left;
	}

/* End Main */


/* Molly */

#molly #fblike {
	width:150px;
	height: 89px;
	padding-top:10px;
	float:right;
}

#molly #covergirl {
	width:682px;
	height:99px;
	text-indent:-9999px;
	background: #FFF url('../img/molly-covergirllogo.jpg') no-repeat left top;
}

#molly #makeupmaster {
	width:917px;
	height:141px;
	text-indent:-9999px;
	background: #FFF url('../img/molly-makeupmaster.jpg') no-repeat left top;
} 

#molly #video {
	float:left;
	width:233px;
	height:266px;
	padding-left:88px;
}

#molly #boxes {
	float:left;
	width:512px;
	height:256px;
	padding-top:10px;
	padding-left:14px;
	padding-right:70px;
	line-height:1.7em;
	color: #444343;
	background: #FFF url('../img/molly-boxes.jpg') no-repeat right top;
}
	#molly #boxes h3 { 
		font-size:18px;
		font-weight:bold;
	}
	#molly #boxes p {
		padding-top:10px;
		font-size:16px;
	}

#molly #boxesbottom {
	float:left;
	width:352px;
	height:31px;
	padding-left:395px;
	background: #FFF url('../img/molly-boxes-half.jpg') no-repeat right top;
}

#molly #shopnow {
	float:left;
	display:block;
	width:86px;
	height:25px;
	cursor:pointer;
	color: #FFF;
	font-size:14px;
	padding-left:18px;
	padding-top:6px;
	background: #FFF url('../img/molly-shopnow.jpg') no-repeat left top;
}
	#molly #shopnow:hover {
		color:#fad0e6;
	}
	
#molly #quotes {
	
	width:917px;
	height:75px;
}

#molly #tips {
	clear:both;
}
	#molly #tips h3 {
		text-indent:-9999px;
	}
	#molly #tips #toptips {
		width:735px;
		height:55px;
		text-indent:-9999px;
		background: #FFF url('../img/molly-toptips.jpg') no-repeat left bottom;
	}
	#molly #tips #one {
		width:917px;
		height:153px;
		background: #FFF url('../img/molly-lids.jpg') no-repeat top left;
	}
	#molly #tips #two {
		width:917px;
		height:126px;
		background: #FFF url('../img/molly-liner.jpg') no-repeat top left;
	}
	#molly #tips #three {
		width:917px;
		height:127px;
		background: #FFF url('../img/molly-lashes.jpg') no-repeat top left;
	}
	#molly #tips p {
		width:690px;
		line-height:1.7em;
		padding-left:164px;
		padding-top:54px;
	}
/* End Molly */

/* The Buzz */
#buzz #covergirl {
	width:682px; 
	height:130px;
	text-indent:-9999px;
	background: #FFF url('../img/buzz-covergirl.jpg') no-repeat left top;
}	
	
#buzz #fblike {
	width:150px;
	height: 79px;
	padding-top:10px;
	float:right;
}

#buzz #buzzlogo {
	width:917px; 
	height:55px;
	text-indent:-9999px;
	background: #FFF url('../img/buzz-buzz.jpg') no-repeat left top;
}

#buzz #buzz {
	width:917px; 
	height:391px;
	background: #FFF url('../img/buzz-blog-bg.jpg') no-repeat left top;
}
#buzz .subtitle {
	padding-top:16px;
	padding-left:60px;
	font-size:11px;
	font-weight:thin;
	color:#999;
	text-align:left;
}

	#buzz #buzz h2 { text-indent:-9999px; }
	#buzz #buzz h3 { text-indent:-9999px; }
	#buzz #blogcopy h4 {
			font-size:17px;
			padding-bottom:10px;
		}
	#buzz #buzz p {
			font-weight:normal;
			line-height:18px;
			font-size:14px;
			padding-right:80px;
			padding-bottom:16px;
		}
		#buzz #blogcopy {
			padding-left:320px;
			padding-top:170px;
		}
#buzz a {color:#ed2092}
#buzz a:hover {text-decoration:underline;}




#buzz #featuredtxt {
	float:left;
	width:556px;
	height:200px;
	padding-left:15px;
	padding-top:130px;
	position:relative;
	background: #FFF url('../img/buzz-blog-bg.jpg') no-repeat left top;
}
	#buzz #featuredtxt h4 {
		font-size:17px;
		padding-bottom:10px;
	}
	#buzz #featuredtxt .next {
		font-size:14px;
		position:absolute;
		right:90px;
		bottom:30px;
		float:right;
		cursor:pointer;
	}
	#buzz #featuredtxt p {
		font-weight:normal;
		line-height:18px;
		font-size:14px;
		padding-right:80px;
	}

#buzz #alluretitle {
	clear:both;
	width:314px;
	height:25px;
	padding-top:16px;
	padding-left:360px;
	text-indent:-9999px;
	background: #FFF url('../img/buzz-allure-title.jpg') no-repeat right bottom;
}

#buzz #alluretxt {
	width:501px;
	height:375px;
	padding-left:326px;
	padding-right:90px;
	padding-top:36px;
	position:relative;
	background: #FFF url('../img/buzz-allure-bg.jpg') no-repeat left top;
}
	#buzz #alluretxt p {
		width:460px;
		padding-top:190px;
		font-size:15px;
		line-height:19px;
	}

#buzz #moreproduct {
	width:860px;
	height:366px;
	padding-left:57px;
	text-indent:-9999px;
	background: #FFF url('../img/buzz-blastcollection.jpg') no-repeat right bottom;
}