@charset "utf-8";
/* CSS Document */
#about-wrap{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
	text-align:left;
	padding:0 10px 20px 0;
	line-height:1.5
}

#address-wrap{
	background:transparent url(../images/bg-about.jpg) no-repeat;
	height:300px;
	padding:40px;
	width:700px;
}

.address-ul{
	float:left;
	display:inline;
	list-style:none;
	width:350px;
	
}

.address-ul li{
	width:240px;
	padding-bottom:10px;
	float:left;
	display:inline;
}

.address-ul li.ct-head{
	color:#840824;
	font-size:1.4em;
	padding-bottom:15px;
	font-weight:600;
}

.address-ul li.tel{
	width:180px;
	height:57px;
}

.address-ul li.ltel{
	width:180px;
	height:38px;
}

.address-ul li.tel div.lif , .address-ul li.ltel div.lif{
	float:left;
	display:inline;
	width:35px;
}

.address-ul li.tel div.lir , .address-ul li.ltel div.lir{
	float:left;
	display:inline;
}

.column{
	clear:both;
	padding-bottom:30px;
	width:720px;
}

.column p{
	padding-bottom:15px;
}

.column h2{
	font-size:1.5em;
	padding-bottom:10px;
}
	
.about-img{
	text-align:left;
}

.column .people-l{
	float:left;
	display:inline;
	width:180px;
}

.column .people-r{
	float:left;
	display:inline;
	width:540px;
	padding-top:6px;
	padding-bottom:30px;
}

.column .people-r span{
	display:block;
}

/* Updata on 3/3/2010 By Noppadol Sukprapa */
#about-wrap{ line-height:1.5; color:#666 }
#about-wrap h1{ font-size:2.2em; color:#660000; margin:20px 0 }
#about-wrap .the-company , #about-wrap .the-story , .the-people { padding:20px 0 30px; overflow:hidden }
#about-wrap .the-company h2 , #about-wrap .the-story h2 , .the-people h2 , .milestone h2{ font-size:1.5em; color:#000; margin-bottom:15px }
#about-wrap .the-company .the-company-intro{ float:left; display:inline; width:490px }
#about-wrap .the-company .the-company-intro p , #about-wrap .the-story .the-story-intro p{ font-size:1.1em; padding-bottom:20px; }
#about-wrap .the-company .the-company-image{ float:right; display:inline; width:400px; margin-top:5px }
#about-wrap .the-company .the-company-image .youtube{ margin:40px 0 0 10px }
#about-wrap .the-company .the-company-intro p.red-herring{ background:url(../images/red-herring.jpg) no-repeat 0 0; height:100px; padding:30px 100px 0 130px; margin-top:10px }
#about-wrap .the-story{ background:url(../images/nick-with-bookdrive.jpg) no-repeat 0 25px; width:980px; clear:both }
#about-wrap .the-story .the-story-intro{ float:right; display:inline; width:450px }
.the-people-bg{ width:100%; overflow:hidden; padding-bottom:60px; font-family:Arial,Helvetica,sans-serif; font-size:1.1em;text-align:left; line-height:1.5; color:#666 }
.the-people{ width:980px; margin:0 auto; }
.the-people h2{ padding-left:5px }
.the-people ol{ list-style:none }
.the-people ol li{ margin-bottom:50px; font-size:1.05em }
.the-people ol li img{ float:left; display:inline; margin-right:45px }
.the-people ol li h3{ padding-top:5px; font-size:1.2em; color:#000 }
.the-people ol li .ceo-history{ padding-left:340px }
.the-people ol li .ceo-history p{ padding-bottom:10px; color:#000 }
#footer{ padding-top:0 !important }


.milestone { font-size:1.1em; }

.milestone ul{ list-style:none; padding-bottom:40px }

.milestone ul li {
    border-bottom: 1px dotted #E7E7E7;
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 15px;
}

.milestone ul li span{ float:left; display:inline; padding-bottom:10px }
.milestone ul li span.clear{ clear:both }
.milestone ul li span.year{ color:#660000; font-weight:bold; width: 30px; }
.milestone ul li span.month{ color:#666; padding-left:30px; width:50px }
.milestone ul li span.info{ padding-left:40px; color:#000 }