/*  Beauty Lass - This CSS is strictly for the main page components - header, left menu, body and footer  */

.maindiv {
background: #fff url('/images/beautylass_bg.jpg') top left no-repeat;
overflow: visible;
height: auto;
width: 1024px;
clear: both;
}

.leftmenu {
 position:absolute;
 top:150px;
 left:0;
background: #fff;
 margin-left: 40px;
 width:175px;
 z-index:3;
}

.pageheader {
 height:120px; 
 width:100%; 
padding-left: 150px;
 color: #333333; 
 margin:0;
}

.contentarea {
 margin-top:150px;
 width:100%;
 color: #333333;
 height:80%;
}

.central { 
 margin:0px 10px 0 255px;
 background:#ffffff;
 color: #333333;
 z-index: 5;
}

.d1245 {
 width: 75%;
 float: left;
}

.d36 {
 width: 20%;
 float: left;
}

.d789 {
 margin-top: 5px;
 border-top: 0px solid #dfdfdf;
 padding-top: 5px;
 clear: both;
 width: 100%;
}

.supplemental {
 position:absolute;
 top: 180px;
 right:0;
 width:130px;
 z-index:100;
}

.supplemental ul li {
padding: 2px;
}

.footer {
 width: 800px;
 background: #fff;
 color: #333333;
 margin:30px;
 margin-left: 225px;
 padding: 10px;
border-top: 1px solid #ababab;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}

.postfooter {
	background: #000;
	color: #333333;
	margin-left: 0px;
	border-top: 3px solid #cdcdcd;
	padding: 10px;
	padding-left: 375px;
}

#socialmedia {
	position: absolute;
	top: 40px;
	left: 895px;
	z-index: 1000;
}

#jump {
position: absolute;
top: 128px;
left: 255px;
z-index: 1000;
}