.html, body {
overflow-x: auto;
}

.hidden
{
display:none;
}

#bg {z-index: 4; position:absolute; left:0px; top:0px; width:1024px; height:456px}

body {
	color: #000;
	font-size: 12px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#C2C2C2;
	font-family:Helvetica,Lucida Grande,Arial,sans-serif;
	

}

.clear{clear:both;}
* {margin: 0px;padding: 0px;}

#maincontainer {
	margin:auto;
	width: 100%;
	height:relative;

}

div.container {
	margin:auto;
	top:0px;
	position:relative;
	width: 1024px;
	height:830px;
}

a.footer{color:#FDFFF3; text-decoration:none}
a.footer:hover{color:#9B9B9B; border-bottom: 1px dotted #9B9B9B}

a.contact{color:#998062; text-decoration:none}
a.contact:hover{color:#998062; border-bottom: 1px dotted #998062}

ul.intro{padding-left:15px}
li.intro{padding-bottom:15px}

i {	color: #000;
	font-size: 13px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family:Helvetica,Lucida Grande,Arial,sans-serif;}

/********************** Mist Fade ***************************/



/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30;
	visibility:hidden;
	}
	
/**********************Footer ***************************/

div.footercontainer p{
	position: relative;
	width: 1024px;
	font-family:Helvetica,Lucida Grande,Arial,sans-serif;
	font-size: 11px;
	color: #FDFFF3;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: normal; 
	text-align:center;
	
}
#footer{
	z-index:20;
	top:580px;
	left:0px;
	position:absolute;
	width:1024px;
	height:95px;
	background-color:#c2c2c2;
	background-image:url(images/charles_lee_tag_line.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border-top:1px solid #9b9b9b;
	border-bottom:1px solid #9b9b9b

}
#contactbg{
	z-index:2;
	top:109px;
	left:0px;
	position:absolute;
	width:1024px;
	height:456px;
	background-color:#c2c2c2;
	background-image:url(images/contact_bg.jpg);
	background-repeat: no-repeat;

}


#footerbackground{
	width:1024px;
	position: absolute;
	left:0px;
	bottom:0px;
}


/* sexy opacity fade all css is specific to THIS example */

.opacity	{ background:#9B9B9B;padding:10px; }
#charlesmenu {
	color: #FDFFF3; 
	z-index:30; 
height:80px;
	width:250px;
	font-family:Helvetica,Lucida Grande,Arial,sans-serif;
	font-size: 11px;
	line-height:125%;
	font-weight: bold; 
	text-align:left;
	}
	
	#charlesmenu h1 {
	color: #FDFFF3; 
	z-index:30; 
	font-family:Helvetica,Lucida Grande,Arial,sans-serif;
	font-size: 14px;
	line-height:100%;
	font-weight: bold; 
	text-align:left;
	}

h3{position:relative;
border-bottom:1px solid #998062; 
padding:30px 30px 10px 30px;
margin:0 -30px 20px -30px;
line-height:20px;
font-weight:normal;
font-family:"Helvetica","Lucida Grande",Arial,sans-serif;
font-size:18px;
color:#998062


}
h2{font-family:"Helvetica","Lucida Grande",Arial,sans-serif;font-weight:normal;font-size:30px;color:#998062;padding:0px 10px 10px 0px;line-height:30px;}	
	
table.menu{

	visibility:hidden;
}


/********************** HomePage Splices***************************/

/********************** Header Slider***************************/

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

span img{
	display:block;
	border:none;
}

.mask1{
	position:relative;
	width:850px;
	height:456px;
	overflow:hidden;
}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}

/********************** Header Slider***************************/



div.blank{
	opacity:0;
	filter:alpha(opacity=0);
	background-color:#000000;
}




/********************** Post Footer***************************