/* --------------- reset.css --------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-size:100%;}

table {border-collapse: collapse; border-spacing: 0;}

td, td img {vertical-align: top;} 

input, select, button, textarea {margin: 0; font-size: 100%; vertical-align:middle; color:#000; padding:0;}

input[type="checkbox"] {vertical-align: bottom;}

input[type="radio"] {vertical-align: text-bottom;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul {list-style:none; padding:0; margin:0;}

img {border-style:none;}

form fieldset {margin:0; padding:0; border:none;}

*:focus {outline: none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

a, a:visited {text-decoration: none;}

a:hover {text-decoration: none;}

a:focus, a:active {text-decoration: none;}

/* --------------- /reset.css --------------- */

/* --------------- /general ---------*/

html, body {height:100%; width:100%;}

input, select, button, textarea {font-family: Arial, Helvetica, sans-serif;}

html {

        display:table;

	height:100%;

	width:100%;

        min-width:980px;

	overflow-y: scroll;

}

body {

        display: table-cell;

        /*background:url(../images/bg-body.gif) no-repeat 50% 0;*/

        background:url(../images/bg-body-fill.jpg) repeat-x 0 0;

	margin:0;

	line-height: 1;

	color:#646464;

	text-align: left;

	font: 12px Arial, Helvetica, sans-serif;

	height:100%;

 }

 *+html html {

     display:block;

 }

 *+html body {

     display:block;

 }

/* --------------- /wrapper ---------*/

#wrapper {

	background:url(../images/bg-body.gif) no-repeat 50% 0;

	width:100%;

	margin:0 auto;

	position:relative;

	min-height:100%;

	overflow:hidden;

}

/*--------------- /header ------------*/

#header {

	width:980px;

	height:92px;

	margin:60px auto 0;

	position:relative;

	z-index: 1;

}

.logo {

	display:block;

	position:absolute;

	top:0;

	left:23px;

	background: url(../images/bg-logo.png) no-repeat;

	width:193px;

	height:40px;

	text-indent: -9999px;

}

.logo a {

	width:100%;

	height:100%;

	display: block;

}

/*--------------- /Menu --------------*/

.menu {

	float:left;

	width:auto;

}

#header .menu {

	padding: 0 0 0 234px;

	margin:30px 0 0;

        position: relative;

        z-index: 5;

}

.menu li {

	float:left;

	width:114px;

	position:relative;

	z-index: 2;

}

.menu.top > li {

	padding: 0 0 48px 30px;

	background: url(../images/crest.png) no-repeat 0 100%;

}

.menu a {color:#7f7e7e;}

.menu a:hover {color:#0076bd;}

.menu > li > a {font-weight:bold;}

.menu.top .submenu {

	display:none;

	position:absolute;

	left:31px;

	top:35px;

	z-index:20;

	padding:20px 0 0;

}

.menu.top > li:nth-child(5) .submenu {

	width:117px;

}

.menu.top li:hover > ul {

	display:block;

}

.submenu > li {

    padding: 0 0 4px;

    width:140px;

}

#header .bg {

	display:none;

	position:absolute;

	width:725px;

	height:165px;

	background: url(../images/bg-submenu.png);

	top:67px;

	left:257px;

	z-index:4;

        opacity:0.7;

        filter:Alpha(opacity=70);

}

/*--------------- /Main --------------*/

#main {

	width:980px;

	margin:106px auto 0;

	padding: 0 0 40px;

	position:relative;

	overflow:hidden;

}

#main .shadow {

	display:block;

	width:980px;

	height:101px;

	position:absolute;

	bottom:-31px;

	left:0;

	z-index: 2;

	background: url(../images/shade.png) no-repeat 50% 100%;

}

#main .logos {
	margin-top: 10px;
}

#main .area {

	width:100%;

	height:435px;

	background: #1b2a36 url(../images/bg-glue.png) no-repeat 0 100%;

}
#main .area.holding {
	height: auto;
}

#main .area .line,

#main .area p {

	padding: 0 0 0 65px;

}

#main .area .line {

	text-indent: -9999px;

	float:left;

	margin:82px 0 0;

}

#main .area .line.first {

	background: url(../images/line-01.png) no-repeat 65px 0;

	width:608px;

	height:40px;

}

#main .area .line.second { 

	background: url(../images/line-02.png) no-repeat 65px 0;

	width:433px;

	height:28px;

	margin:18px 0 56px;

}

#main .area .text {

	margin:0 0 28px;

	color:#fff;

	font-size: 16px;

	width:613px;

	float:left;

}

#main .area .text a {

        color:#a8a7a7;

	font-size: 16px;

}

#main .cathegory {

	float:left;

	margin:10px 0 0;

	width:100%;

	position: relative;

	z-index: 10;

}

#main .cathegory li {

	float:left;

	margin:0 10px 0 0;

	width:320px;

	height:142px;

	position:relative;

}

#main .cathegory li a {

	display:block;

	width:100%;

	height:100%;

}

#main .cathegory .holding {

	background: url(../images/lafam-holding.gif);

	text-indent: -9999px;

}

#main .cathegory .consulting {

	background: url(../images/lafam-consulting.gif);

	text-indent: -9999px;

}

#main .cathegory .holding span,

#main .cathegory .consulting span {

	position:absolute;

	bottom: 35px;

	right:7px;

	display:block;

	width:45px;

	height:45px;

	background: url(../images/crest.png) no-repeat

}

#main .cathegory .study {

	background: url(../images/key-visual-hp.jpg);

        margin:0;

}


#main .cathegory .management {

	background: url(../images/key-visual-hp-management.jpg);

}

#main .cathegory .comment {

	position:absolute;

	height:28px;

	display:block;

	width:320px;

	bottom:0;

	left:0;

	background: #fff;

	opacity:0.9;

	filter:Alpha(opacity=80);

}

#main .cathegory em {

	float:left;

	padding: 0 0 0 11px;

	font-style: normal;

	line-height:28px;

	color:#565656;

        font-size:14px;

}

/*--------------- /Footer ------------*/

#footer {

	width:980px;

	margin:5px auto 0;

	padding: 0 0 60px;

	color:#7f7f7f;

	overflow:hidden;

}

#footer .menu li {

	width:163px;

}

#footer .submenu {

	margin:4px 0 0;

}

#footer .sub {

	padding: 0 0 10px;

}

#wrapper #main .textarea ul li table tr td ul {
	list-style-type: circle;
}

.address p {

	padding: 0 0 4px;

}

#footer .options {

	float:left;

	color:#7f7f7f;

}

#footer .options li {

	float:left;

	padding: 0 5px;

	border-left:1px solid #7f7f7f;

}

#footer .options li:first-child {

	padding: 0 5px 0 0;

	border:none;

}

#footer .options a,

#footer .credenial a {

	color:#7f7f7f;

}

#footer .options a:hover,

#footer .credenial a:hover {

	color:#0076bd;

}

#footer .credenial {

	float:right;

}

#footer .credenial li {

	float:left;

	padding: 0 4px;

        

}

#footer .credenial li:first-child {

	padding-left: 0;

}

#footer .credenial li:first-child + li {

    border-right: 0px solid #7f7f7f;

}

/*--------------- /Page --------------*/

/* #main .area ul {

	float:left;

	width:100%;

}

#main .area li {

	float:left;

	width:50%;

}

#main .area ul p {

	color:#fff;

	font-size:30px;

	margin:37% 0 30% 0;

	padding: 0 0 0 37px;

} */
#main .area ul {
	display:table;
	width:100%;
}
#main .area li {
	display:table-cell;
	width:50%;
	vertical-align: middle;
	padding: 0;
}
#main .area.holding li {
	height: 280px;
	max-width: 50%;
}
#main .area li.right {
	padding: 20px 0;
}
#main .area ul p {
	color:#fff;
	font-size:30px;
	margin:0;
	padding: 0 0 0 37px;
}

#main .textarea {

	width:100%;

	min-height:437px;

	background: #fff;

	margin:10px 0 0;

	position:relative;

	z-index: 20;

	overflow: hidden;

}

#main .textarea ul {

	float:left;

	padding: 10px 42px 35px 42px;

}

#main .textarea li {

	float:left;

	width:50%;

}

#main .textarea p {

	margin:20px 0 0;

	font-size:16px;

	line-height:20px;

	color:#737474;

}

#main .textarea p:first-of-type {

    margin:25px 0 0;

}

#main .textarea .contact {

	margin:65px 0 0;

	float:left;

        padding: 0 0 0 177px;

}

#main .textarea .contact p {

        color:#0166a5;

	margin:0;

}.textarea ul li p a {
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

#main .textarea ul.main-list,
#main .textarea ol.main-list-2
 {
	padding: 10px 22px 35px;
}
#main .textarea ul.main-list li {
	float: none;
	width: 100%; 
	list-style-type: square;
	color: #737474;
    font-size: 16px;
    line-height: 20px;
}
#main .textarea ol.main-list-2 li {
	float: none;
	width: 100%; 
	color: #737474;
    font-size: 16px;
    line-height: 20px;
}