/**
 * style-sheet for Yong&Leonard
 * ============================
 * Author: Alvin Sim Wee Lee
 * Created On: 15/08/2007 
 */

/* HTML elements */
body {
	padding: 	0;
	margin: 	0;
	font:		10pt arial, tahoma, helvetica, verdana;
}

/* div id */
#main {
	max-width: 	100%;
	min-width: 	980px;
	position: 	absolute;
	top:		20px;
	padding:	0 50px 0 50px;
}

#navi {
	font:				bold 9pt georgia;
	text-transform:		uppercase;
	color:				#FFFFFF;
	background:			#004B88;
	width: 				230px;
	margin: 			25px 0 10px 0;
	padding:			0;
	-moz-border-radius: 12px;
}

#navi ul {
	list-style-type:	none;
   padding: 			10px 0 0 0;
   margin: 				0 0 0 0;
}

#navi ul li {
	background: 	transparent url(../_img/menu_seperator.gif) no-repeat bottom center;
	display: 		block;
   padding: 		6px;
	text-align: 	center;
	line-height: 	2.5ex;
}

#navi ul a {
	text-decoration: none;
}

#navi ul a:link, a:visited {
	color: #FFFFFF;
}

#navi ul a:hover {
	color: #FFC500;
}

#contact {
	width:			210px;
	border:			solid #004B88;
	border-width:	1px;
	padding:			5px 10px 10px 10px;
}

#contact h3 {
	font-family:	georgia;
	padding:			0;
	margin: 			0;
}

#contact p.skype {
	background:		transparent url(../_img/skype_yongleonard.jpg) center no-repeat;
	position:		relative;
	left: 			0;
	top: 				0;
	text-indent:	-2000px;
   display: 		block;
   overflow: 		hidden;
	width: 			150px;
   height: 			28px;
}

/** 
 * using an image to replace text in an div. This trick courtesy Douglas Bowman, 
 * http://www.stopdesign.com/articles/css/replace-text/ 
 */
#yongleonard {
	background:		transparent url(../_img/yl_logo.jpg) no-repeat;
	position:		relative;
	left: 			0;
	top: 				0;
	text-indent:	-2000px;
   display: 		block;
   overflow: 		hidden;
	width: 			230px;
   height: 			101px;
}

#content {
	width:		700px;
	min-width:	500px;
	position: 	absolute;
	left: 		320px;
	top: 			8px;
	float:		left;
	padding:		0;
	margin:		0;
}	

#content h1 {
	font-family:		georgia;
	padding:				0;
	margin:				0;
	color:				#004B88;
	text-transform:	uppercase;
}

#content h3 {
	font-family:	georgia;
	padding:			0;
	margin:			0;
	color:			#004B88;
}

#copyright {
	text-align:	center;
	padding:		50px 0 12px 0;
	font-size:	6pt;
}	

/* class */
.caption {
	font-size:	8pt;
	font-style:	italic;
}

.contactName {
	font-weight:	bolder;
}

a.map {
	text-decoration:	underline;
	color:				#A0295F;
}

.contentImage {
	padding:		12px;
	float:		right;
}

.visionMission {
	font-weight: bolder;
}

.servicesType {
	font-weight: bolder;
}