/* Adjust browser defaults
================================== */

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	font: 62.5%/1.6 Verdana, sans-serif;
	background-color:#fff;
	padding-bottom: 6em;
	color: #565656;
	margin-bottom: 100px;
	background: #fff;
}
body.hl_ja  {
	font: 12px MS PMincho, serif;
}

h1 {
	font-size: 2.2em;
	font-weight: bold;
}
.hl_ja h1 {
	font-size: 2.1em;
}

h2 {
	font-size: 1.5em;
	font-weight: bold; 
}
.hl_ja h2 {
	font-size: 1.8em;
	padding-top: 2em;
}

h3 {
	font-size: 1.2em;
	padding-top: 1.5em;
	font-weight: bold;
}



#content p, #content li {
	font-size: 1.22em;
}
#content ul li {
	padding-left: 30px;
}
#content ul ul li {
	margin-left: 60px;
}

h1, h2, h3, #content p {
	margin: 1em 0;
}
.hl_ja h2, .hl_ja  h3 {
	margin: 0.7em 0;
}


#content a:link, #content a:visited, #secondaryNav a:link, #secondaryNav a:visited  { 
	color: #228;
	border-bottom: 1px dotted #228;
	text-decoration: none;
}
#content a:hover, #content a:active, #secondaryNav a:hover, #secondaryNav a:active  {
	border-bottom-style: solid;
}

#branding h1 {
	margin: 0;
}

#wrapper {
}

#branding {
	padding: 20px;
}

#content {
	padding-bottom: 5em;
}

#secondaryNav {
}

#footer {
	padding: 1px 20px;
}


/* Core
================================= */

/*
body {
	text-align: center; 
	min-width: 760px;
}

#wrapper {
	width: 750px; 
	margin: 0 auto;
	text-align: left; 
}
*/
#wrapper {
	position: relative;
/*	width: 750px;
	left: 25%;
	margin-left: -180px; */
    margin: 0 auto;
    width: 950px;
}

#branding {
	height: 90px;
}

#mainNav {
	width: 100%;
	height: 32px;
}

#content { 
	width: 810px;
	float: right; 
}

#secondaryNav { 
	width: 105px; 
	float: left; 
} 

#footer { 
	clear: both; 
} 


/* Add some padding 
================================== */

#secondaryNav {
	padding-top: 24px;
	padding-bottom: 20px;
}

#secondaryNav * {
   padding-left: 0pt ;
   padding-right: 0pt ;
}

#secondaryNav * * {
	padding-left: 0;
	padding-right: 0;
}

#content * {
	padding-right: 20px;
	padding-left: 4em; /* space  the vertical separator (background image on left of #content) */
}

#content * * {
	padding-right: 0;
	padding-left: 0px;
}



/* = Branding
================================== */

#branding {
	position: relative;
	margin-bottom: 12px;
}

#branding h1 span {
	width: 670px;
	height: 60px;
	position: absolute;
	top: 38px;
	right: 50px;
}

#branding h1 span span {
	background: url(../img/japan_consulting_office.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: -2px;
	width: 100%;
	height: 100%;
}

/*
.topBanner3 { background: url(../img/col3.jpg) no-repeat center bottom; }
.topBanner5 { background: url(../img/col5.jpg) no-repeat center bottom; }
.topBanner6 { background: url(../img/col6.jpg) no-repeat center bottom; }
.topBanner7 { background: url(../img/col7.jpg) no-repeat center bottom; }
*/


/* = Main navigation
================================== */

#mainNav h2 {
	display: none;
}

#mainNav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 18px;
}

#mainNav li {
	float: left;
	margin: 0 4px;
}

#mainNav li a {
	background: url(../img/background.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 140px; /* largueur de la page divise par 6 (car 6 elements de menu)  ---  en PX (pixels)  pour supporter l'augmentation de la taille avec "CTRL +" */
	display: block;
	border: 1px solid #dcdce9;
	color: #228;
	text-decoration: none;
	text-align: center;
}

/* Hide from IE5-Mac \*/
#mainNav li a {
	float: none;
}
/* End hide */

/* --- highlighting current menu --- */
#index .menu_item_index,
#home .menu_item_home,
#services .menu_item_services,
#services_1 .menu_item_services,
#services_2 .menu_item_services,
#services_3 .menu_item_services,
#services_4 .menu_item_services,
#seminar .menu_item_seminar,
#consul .menu_item_consul,
#news .menu_item_news,
#customers .menu_item_customers,
#about_us .menu_item_about_us,
#contact_us .menu_item_contact_us {
	font-weight: bold;
	cursor: default;
}



/* = Secondary navigation
================================== */

#secondaryNav h2 {
	display: none;
}

#secondaryNav ul {
	list-style: none;
	font-size: 1.1em;
	padding-top: 8em;
}

#secondaryNav li {
	list-style: none;
	padding-top: 1em;
}


#secondaryNav .mod_lang {
	padding-top: 0em;
	padding-left: 1.8em;
}
#secondaryNav .mod_lang a:link, 
#secondaryNav .mod_lang a:visited {
	padding: 0.25em 0.2em 0.1em 0.2em;
	border-width: 0px;
	text-decoration: none;  
}
#secondaryNav .mod_lang a:hover, 
#secondaryNav .mod_lang a:active  {
	background-color: #D7D8EB;
}



/* = Content basic-elements
================================== */

#content {
	background: url(../img/line_vertical.jpg) no-repeat 0 100px;
}

#content p {
	text-align: justify;
}
.hl_ja #content p {
   margin-top: 1.33em ;
   margin-bottom: 1.33em ;
}
.hl_ja #content h3 + p {
   margin-top: 0.75em;
   margin-bottom: 0.65em;
}

#content form td {
	padding-bottom: 0.2em;
}
#content form td.label {
	width: 16em;
	text-align: right;
	padding-right: 1em;
}
#content form td.value input {
	width: 19em;
}
#content form td.submit {
	text-align: right;
}

#content ul {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	list-style-type: none;
}
#content li { 
	background: url(../img/point.jpg) no-repeat 16px 0.7em;
	padding-left: 30px;
}

#content ul.airy li {
	padding-bottom: 0.3em;
}

.hl_ja #content a:link,
.hl_ja #content a:visited {
   margin-left: 0.35em ;
   margin-right: 0.35em ;
}

#content a.top {
	display: block;
	border-width: 0px; 
	text-align: right;
}

#content h1 {
	background: url(../img/kanji5.jpg) no-repeat 0 50%;
	line-height: 72px;
	padding-left: 92px; /* picture width 72px + adding 20px before text */
	margin-left: -34px; /* making 1/2 of the kanji move outside , to the left */
}

#content h1.kanji1 { background-image: url(../img/kanji1.jpg); }
#content h1.kanji2 { background-image: url(../img/kanji2.jpg); }
#content h1.kanji3 { background-image: url(../img/kanji3.jpg); }
#content h1.kanji4 { background-image: url(../img/kanji4.jpg); }
#content h1.kanji5 { background-image: url(../img/kanji5.jpg); }
#content h1.kanji6 { background-image: url(../img/kanji6.jpg); }
#content h1.kanji7 { background-image: url(../img/kanji7.jpg); }

/*
#contact_us #content h2  {
	background: url(../img/japan_consulting_office_japanese.jpg) no-repeat 3.1em 1.2em;
	height: 4em;
	padding-left: 3.3em;
}
*/

#contact_us.hl_ja #content h2  {
   background-position: 3.1em 3.2em;
}

#content img {
	border: none;
	vertical-align: middle;
}

#content img.photo {
	display: block;
	float: left;
	padding: 1px;
	border: #444 solid 1px;
	margin: 0.5em 0.7em 0.3em 0.1em;
}

#content .jco_objective ,
#content .quotation {
	background-color: #F6F6FA;
	border: 2px solid #D7D8EB;
	margin: 8px;
	padding: 0 16px;
}
#content .quotation {
}

#content .presentation ul { /* #about_us ul  */
   margin-left: 100px;
}
#content .presentation ul ul { /* inutile ? */
   margin-left: 28px;
}

#content .text-divider {
   display: block;
   border-width: 1px 0px 0px 0px;
   border-style: dashed none none none;
   margin:1% 5% 6% 5%;
}


/* = Footer
================================== */

#footer {
	height: 2px;
	background: url(../img/line_horizontal.jpg) no-repeat 0 0;
}


