/*
	CSS Stylesheet
	=========================================================
	2008	Christopher Cheng
	=========================================================
*/


.clear {
	clear:					both;
	font-size:				0px;
	line-height:			0;
	height:					0px;
}

* {
	padding:				0;
	margin:					0;
	border:					0px none;
}

body {
	font: 					0.7em Verdana, sans-serif; 
	line-height: 			1; 
	color: 					#333;
	background: 			url(../images/bg.png) repeat;
	margin-top:				20px;
	margin-bottom:			20px;
	text-align:				center;	
}

.wrapper {			
	margin:					0 auto;
	width:					918px;
}

.wrapper-top {			
	text-align:				left;	
	margin:					0 auto;
	height:					31px;
	width:					918px;
	background: 			url(../images/top.png);
}

.wrapper-mid {				
	text-align:				left;
	float:left;
	display: 				inline-block;
	position:relative;	
	margin:					0 auto;
	width:					918px;
	background: 			url(../images/bg_white.png) repeat-y;
}

.wrapper-bot {		
	float:left;
	text-align:				left;
	position:				relative;	
	margin:					0 auto;
	height:					83px;
	width:					918px;
	background: 			url(../images/bottom.png);
}

#logo {

	margin-left:			5px;
	height:					79px;
	width:					906px;	
	background: 			url(../images/logo.jpg) no-repeat;
}

h2{
	padding-top:			55px;
	text-align:				right;
	padding-right:			29px;
	font: 					1.1em Verdana, sans-serif; 
	color: 					#666666;
	text-transform:			uppercase;
	margin-bottom:			4px;
}

#image {
	margin-left:			5px;
	padding-top:			12px;
	min-height:				348px;
	width:					906px;	
	background: 			url(../images/bg_image.jpg) no-repeat;
}

#menu {
	float:					left;
	margin-left:			28px;
	height:					293px;
	width:					167px;	
	list-style-type:		none;
	background: 			url(../images/menu.jpg) no-repeat;
}


#menu li { position: relative; width:168px;vertical-align: bottom;}

li ul {
	margin:					0px;
	position:				absolute;
	left:					168px;	
	display: 				none;
	padding-left:			13px;
	padding-top:			13px;
}

li .ul1 {
	top: 					-23px;
	height:					161px;
	background: 			url(../images/about_fly.jpg) no-repeat;
}
li .ul2 {
	top: 					-20px;
	height:					161px;
	background: 			url(../images/services_fly.jpg) no-repeat;
}
	
li:hover ul { display: block; list-style-type:none;}
#menu a:link, #menu  a:visited {display: block; border-bottom:none;}

#menu .li1 { height:48px;}
#menu .li1 a:link, #menu .li1 a:visited {  height: 48px;}
#menu .li1 a:hover {background:  url(../images/menu_over.jpg) no-repeat;}

#menu .li2 { height:49px;}
#menu .li2 a:link, #menu .li2 a:visited {height: 50px;}
#menu .li2 a:hover {background: url(../images/menu_over.jpg) 0 -48px no-repeat;}
#menu .li2 ul li {background:none;}

#menu .li3 {height:49px;}
#menu .li3 a:link, #menu .li3 a:visited {height: 49px;}
#menu .li3 a:hover {background:  url(../images/menu_over.jpg) 0 -97px no-repeat;}
#menu .li2 ul li {background:none;}

#menu .li4 { height:49px;}
#menu .li4 a:link, #menu .li4 a:visited {height:48px;}
#menu .li4 a:hover {background:  url(../images/menu_over.jpg) 0 -146px no-repeat;}
	
#menu .li5 { height:48px;}
#menu .li5 a:link, #menu .li5 a:visited {height: 47px;}
#menu .li5 a:hover {background:  url(../images/menu_over.jpg) 0 -195px no-repeat;}

#menu .li6 { height:50px;}
#menu .li6 a:link, #menu .li6 a:visited {height: 50px;}
#menu .li6 a:hover {background:  url(../images/menu_over.jpg) 0 -243px no-repeat;}


#menu .ul1 li a:link, #menu .ul1 li a:visited { font-size:11px; height: 22px; line-height:22px;}
#menu .ul1 li a:hover {background: none;	color:	#b51e23;}
#menu .ul2 li a:link, #menu .ul2 li a:visited { font-size:11px; height: 23px; line-height:23px;}
#menu .ul2 li a:hover {background: none;	color:	#b51e23;}

#pic {	
	float:					left;
	height:					293px;
	width:					443px;	
	background: 			url(../images/image1.jpg) no-repeat; 
}

#flash {	
	float:					left;
	height:					293px;
	width:					240px;	
	background: 			url(../images/grad1.jpg) no-repeat; 
}
	
#left {
	float:					left;
	margin-left:			5px;
	margin-top:				10px;
	padding:				6px 8px 0px 30px;
	width:					156px;
	border-right:			thin #999999 dotted ;
}

h5{
	font: 					normal 1.1em Verdana, sans-serif; 
	letter-spacing:			1px;	
	color: 					#b51e23;
	text-transform: 		capitalize;
	margin-bottom:			8px;
}

dt{
	padding-bottom:			4px;

}

dd p { 
font-size:11px;

	color:					#666666;
	padding-bottom:			15px;
	line-height:			15px;
	letter-spacing:			.09em;
	
}

#content {
	float:					left;
	width:					663px;
	padding:				6px 30px 0 18px;
}

a {
	color:					#ffffff;
	border-bottom:			1px dotted #7f1414;
	text-decoration:		none;
	font-size:10px;
	font:verdana;
}
p a{
color:#666666;
font-size:10px;
border:none;
}

p a:hover{
color:#b51e23;
	border-bottom:			1px dotted #7f1414;

}

p {
	padding-bottom:			27px;
	line-height:			19px;	

}

h1 {
	font: 					bold 1.2em Verdana, sans-serif; 
	letter-spacing:			1px;	
	color: 					#b51e23;
	text-transform: 		capitalize;
	margin-bottom:			4px;
}