/*#contents
================*/
#contents{
	width:723px;
	float:left;
	display:inline;
	margin:140px 0 20px 20px;
}
/*#pageTitle
================*/

#pageTitle{
	width:720px;
	height:140px;
	position:absolute;
	top:210px;
	left:20px;
}
#pageTitle h1{
	width:700px;
	height:80px;
	line-height:80px;
	text-indent:20px;
	font-size:180%;
	color:#0099cc;
	position:absolute;
	top:43px;left:0px;
}
#pageTitle h1 strong{
	width:700px;
	height:80px;
	background-image: url(../images/pageTitle.png);
}
#for-consultation h1 strong{background-position:0 -560px;}
.free-consultation h1 strong{background-position:0 -480px;}
.law-office h1 strong{background-position:0 -400px;}
#contact h1 strong{background-position:0 -640px;} 
#privacy h1 strong{background-position:0 -720px;}
#disclaimer h1 strong{background-position:0 -800px;} 
#relation h1 strong{background-position:0 -880px;}
#sitemap h1 strong{background-position:0 -960px;}
#lawyer-question h1 strong{background-position:0 -160px;}

#pageTitle p{
	width:200px;
	height:90px;
	position:absolute;
	top:50px;
	left:400px;
	text-indent:-9999px;
}

#pan{
	padding:15px 24px 15px 0;
}
#pan li{
	display:inline;
	padding-right:5px;
}
#pan li a{
	padding-right:5px;
}


.pageMove{
	width:723px;
	height:44px;
	background:#e9edf0 url(../images/officeBoxMid.jpg);
}
.pageMove li{
	width:180px;
	height:33px;
	float:left;
}
.pageMove a{
	display:block;
	width:180px;
	height:33px;
	line-height:500px;
	overflow:hidden;
}


#contents .pageMove a:hover{
	background-position-y:-66px;
}


.pageTop{
	width:100%;
	clear:both;
	text-align:right;
	padding:10px 0 0;
	background:#EFF5E7;
}



#pageTop{
	width:723px;
	clear:both;
	text-align:right;
	padding:30px 0 0;
	margin:0 0 0 2px;
	background:url(../images/consultBot.png) no-repeat;
}
#pageTop a{
	padding:0 10px;
}
.box{
	margin:0 0 20px 0;
	padding:0 10px;
}
.box #summary{
	color:#5cb45a;
	font-size:160%;
	line-height:1.4;
	padding:10px 10px;
	margin:0 -20px;
	background:#EFF5E7;
}
.box #summary strong{
	display:block;
	background:#1a8f01;
	color:#fff;
	padding:3px 5px;
	line-height:1;
	font-weight:normal;
	margin-bottom:5px;
}
#for-consultation #contents .box h2{
	clear:both;
	width:700px;
	height:50px;
	border-bottom:5px #E4EED6 solid;
	line-height:50px;
	margin:30px 0 0 0;
}
#for-consultation #contents .box h2 strong{
	width:680px;
	height:50px;
}
#for-consultation #contents .box h2 strong{background-image:url(../images/consultationH2.png);}
#index .free-consultation .box h2 strong{background-image:url(../images/freeH2.png);}

#step1 strong{background-position:0px 0px;}
#step2 strong{background-position:0px -50px;}
#step3 strong{background-position:0px -100px;}
#step4 strong{background-position:0px -150px;}

.box p{
	margin:10px 0 10px 10px;
	font-size:130%;
	line-height:1.5;
}

.left{
	width:340px;
	float:left;
	display:inline;
	margin:10px 0 30px 10px;
}
.right{
	width:350px;
	float:right;
	margin:10px 0 30px 0;
}
.center{
	display: block;
	margin: 0 auto;
}
#contents .box .left p,
#contents .box .right p{
	margin:10px 20px 10px 10px;

}
.box h4{
	height:50px;
	line-height:50px;
	padding-left:55px;
	color: #05A0D4;
	font-size: 26px;
	font-weight:normal;
}
#telIcon{background:url(../images/telIcon.png) no-repeat 5px 5px;}
#mailIcon{background:url(../images/mailIcon.png) no-repeat 5px 5px;}

.BIG{
	display:block;
	font-weight:bold;
	font-size:140%;
	color:#5cb45a;
}
.box h3{
	margin:5px 0;
	padding:3px 3px;
	background:#dff0df;
	color:#1a8f01;
	border-left:10px #1a8f01 solid;
	clear:both;
}
.photoR{
	float:right;
	margin:5px 0px 5px 5px;
}
.law-office .freeSoudan,
.lawyer-question .freeSoudan{
	clear:both;
	margin:0 0 0 0;
	padding:0 0 30px 30px;
	background:url(../images/officeBoxBot.jpg) no-repeat left bottom;
}

.law-office .freeSoudan a,
.lawyer-question .freeSoudan a{
	display:block;
	width:664px;
	height:109px;
	background:url(../images/freeSoudan.jpg);
	text-indent:-5555px;
}

.box address{
	background:#eaedf2;
	padding:10px;
	margin:5px;
	font-style:normal;
	line-height:1.5;
	font-size:130%;
}

.box:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
.box{
display:inline-block;
min-height:1%;
}
/* \*/
* html .box{height: 1%;}
.box{display: block;}
/* */



/*law-office/index.html
===============================*/

.pageMove a{
	background-image:url(../images/officeTab.png);
}
#pageA{background-position:0px -33px;}
#pageB{background-position:-180px -33px;}
#pageC{background-position:-360px -33px;}
#pageT{background-position:-540px -33px;}
.now #pageA{background-position:0px 0px;}
.now #pageB{background-position:-180px 0px;}
.now #pageC{background-position:-360px 0px;}

.law-office #contents{
	background:url(../images/officeBoxMid.jpg);
}

.law-office #contents h2{
	width:720px;
	height:80px;
}
.law-office #contents h2 strong{
	width:720px;
	height:80px;
	background-image:url(../images/officeH2.jpg);
}
#h2b strong{background-position:0 -80px;}
#h2c strong{background-position:0 -160px;}
#h2d strong{background-position:0 -240px;}

.law-office #contents h3{
	margin:10px 15px 10px 15px;
	padding:5px;
	font-size:160%;
}
.law-office #contents p,
.law-office #contents address{
	margin:10px 20px 30px 20px;
}


.law-office .leftPhoto{
	float:left;
	margin:0 10px 0 20px;
	display:inline;
}

/*contact.html
=====================================*/
#contact #contents p strong{
	display:block;
	background-color:#dff0df;
	color:#1a8f01;
	text-align:center;
	font-size:200%;
	font-weight: normal;
	padding:5px 0 20px;
	margin: 10px 0 0 0;
}

#contact .left{
	width:280px;
}

#contact form{
	margin:20px 20px 20px 320px;
	padding:10px;
	border:1px #ccc solid;
}
#contact form dt{
	padding:3px 0;
	float:left;
	width:80px;
}
#contact form dd{
	padding:3px 3px 8px 90px;
	margin-bottom:7px;
	border-bottom:1px #ccc dashed;
}
#contact form label{
	display:inline-block;
	padding:0 15px 5px 0;
}
#contact form label input{
	margin-right:5px;
}
#contact form select{
	margin-right:3px;
}
#contact form span{
	display:block;
	padding-bottom:5px;
}
#contact form em{
	display:block;
	color: #900;
	font-style: normal;
	padding: 3px;
}
#contact form input[type="text"]{
	width:200px;
}
#contact form textarea{
	width:200px;
	height:100px;
}
#contact #submit{
	width:200px;
	margin-left:90px;
}

#contact #contents h2 strong{
	background-image:url(../images/contactH2.jpg);
}

#contents input#date{
	width: 150px;
}
#dateSpan{
	display: block;
	margin:5px 0 5px 0;
	line-height: 1.3;
}
.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}



/* for-consultation.html
============================*/
#for-consultation #contents h2{
	width: 723px;
	height: 15px;
	overflow: hidden;
}
#for-consultation #contents h2 strong{
	width: 723px;
	height: 15px;
	background-image: url(../images/officeBoxTop.jpg);
}

/* privacy.html  disclaimer.html
============================*/
#privacy #contents #h2a,
#disclaimer #contents #h2a{
	width: 723px;
	height: 15px;
	overflow: hidden;
}
#privacy #contents #h2a strong,
#disclaimer #contents #h2a strong{
	width: 723px;
	height: 15px;
	background-image: url(../images/officeBoxTop.jpg);
}
#privacy #contents ul{
	padding: 0 30px 20px;
}
#privacy #contents li{
	margin: 10px 0 10px 30px;
	list-style-type: disc;
}

/* relation.html
=============================*/
#relation #contents #h2a{
	width: 723px;
	height: 15px;
	overflow: hidden;
}
#relation #contents #h2a strong{
	width: 723px;
	height: 15px;
	background-image: url(../images/officeBoxTop.jpg);
}
#relation dl{
	margin: 10px 30px 20px;
}
#relation dt{
	border-bottom: 1px #999 solid;
	background: #eee;
	padding:5px 3px;
}
#relation dd{
	margin: 10px 10px 20px;
	text-align:right;
}

/* sitemap.html
=============================*/
#sitemap #contents #h2a{
	width: 723px;
	height: 15px;
	overflow: hidden;
}
#sitemap #contents #h2a strong{
	width: 723px;
	height: 15px;
	background-image: url(../images/officeBoxTop.jpg);
}

.wBox{
	width: 673px;
	margin: 0 0 0 15px;
}

.sitemapBox{
	width: 325px;
	float: left;
	background: #eee;
	padding: 10px 0;
	margin:0 0 20px;
}

.sitemapBoxR{
	width: 325px;
	float: right;
	background: #eee;
	padding: 10px 0;
}
.wBox h4{
	padding:5px;
	margin:0px 10px 5px;
	line-height:1;
	background:#fff;
	font-size:120%;
	height: auto;
}
.wBox ul{
	padding:5px;
	margin:0px 10px 0;
	background:#fff;
}
.wBox li{
	margin: 5px 0 5px;
	padding-left:14px;
	background: url(../images/sitemapLi.png) no-repeat left 0.1em;
}
.wBox ul ul{
	margin: 0;
}



.wBox:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
.wBox{
display:inline-block;
min-height:1%;
}
/* \*/
* html .wBox{height: 1%;}
.wBox{display: block;}
/* */


/* lawyer-question.html
==================================*/

#lawyer-question #contents p#summary{
	background: url(../images/officeBoxTop.jpg) no-repeat;
	padding: 30px 30px 0px;
	font-size: 140%;
	color: #1A8F01;
	line-height:1.4;
	margin: 0;
	border: none;
}
#lawyer-question #contents{
	background:url(../images/officeBoxMid.jpg);
}
#lawyer-question #contents h3{
	margin:30px 30px 0;
	padding:5px 10px;
	color:#fff;
	background:#7ABD6B;
}
#lawyer-question #contents p{
	margin: 0 30px;
	padding:10px;
	line-height:1.5;
	border:1px #7ABD6B solid;
}
#lawyer-question .freeSoudan{
	margin-top:30px;
}


/* mail.cgi
==================================*/
#confirm #contents p#summary{
	background: url(../images/officeBoxTop.jpg) no-repeat;
	padding: 30px 30px 0px;
	font-size: 140%;
	color: #1A8F01;
	line-height:1.4;
	margin: 0;
	border: none;
}
#confirm #contents .pageTop{
	clear:both;
	margin:0 0 0 0;
	padding:0 30px 30px 30px;
	background:url(../images/officeBoxBot.jpg) no-repeat left bottom;
}
#confirm #contents h3{
	margin:5px 30px;
	padding:3px 3px;
	background:#dff0df;
	color:#1a8f01;
	border-left:5px #1a8f01 solid;
}
#confirm #error{
	color: #990000;
	font-size:140%;
	margin:30px;
}