body { margin: 0; padding: 0; text-align: left; font: 11px Tahoma, Arial, "Trebuchet MS"; color: #000; }

h1, h2 { margin: 5px 0; padding: 5px 0; font-weight: normal; font-style: normal; font-size: 40px; font-family: Georgia, serif; letter-spacing: -2px; }

h1 { font-size: 41px; }
h1 b { font-weight: normal; }
h1#second-level { margin: -20px 0 0 0; font-size: 20px; }
h2 { font-size: 12px; }
h3 { margin-top: 0; font-size: 14px; color: #e4001d; }

a { padding: 0 0 3px 0; border-bottom: 1px solid #eee; text-decoration: none; font-size: 12px; color: #000; }
a:hover { border-bottom: 1px solid #d6d5d5; color: #a10000; }

/* header */
#header { clear: both; width: 100%; margin: 13px auto 0; }

/* header container */
#header-container { position: relative; width: 867px; height: 80px; margin: 0 auto; padding: 10px 0; border-bottom: 5px solid #fd3331; background: #fff; }

/* what we do */
#jgheaburi-domain { position: absolute; top: 10px; left: 15px; }

/* logo */
#logo { position: absolute; top: 15px; left: 425px; }

/* contact */
#contact { position: absolute; top: 20px; left: 655px; }

/* languages */
.languages { position: absolute; width: 50px; top: 45px; left: 800px; }
.flags { position: relative; margin: 13px 0 0 20px; padding: 0; }
.flags a img { padding: 2px; border: 0; }
.flags form { margin: 0; text-indent: 0; word-spacing: 0; }

/* middle-container */
#middle-container { width: 100%; margin: 0 auto; padding: 0; }

/* middle */
#middle { clear: both; width: 865px; margin: 0 auto; padding: 0; border: 1px solid #d6d5d5; border-top: 0; background: #fff; }
#middle h2 { margin: 0; padding: 20px 0 0 40px; font-size: 28px; letter-spacing: -1px; color: #fff; }
#middle h2 b { font-weight: normal; }

	/* common here you are */
	#zone { clear: both; width: 650px; height: 85px; margin: -5px 0 0 0; padding: 0; border-bottom: 3px solid #ce3d3c; background: #fd3331; color: #fff; }
	#zone a { border-bottom: none; text-decoration: underline; font: 11px Arial, Tahoma; color: #fff; }
	#here { margin: 0; padding: 10px 0 0 40px; }
	
	/* index only */
	#business { clear: both; width: 650px; height: 230px; margin: -2px 0 0 0; padding: 0; border-bottom: 3px solid #ce3d3c; background: #fd3331; }
	
	/* business boxes */
	.ibox { float: left; width: 260px; margin: 0; padding: 5px 0 0 40px; }
	.ibox h3 { margin: 0 0 5px 0; padding: 0; text-align: center; color: #fff; }
	.ibox p { line-height: 18px; margin: 0; padding: 0; color: #fff; }
	.ibox img { border: 5px solid #eee; }
	.ibox a, .ibox a:hover { border-bottom: none; }
	.bl { padding-left: 45px; }

/* middle text */
#middle .mid-text {
	line-height: 20px; margin: 0; padding: 15px; text-align: justify; font-family: Arial, sans-serif; font-size: 13px; letter-spacing: 0; color: #333;
}
#middle .mid-text b { color: #80001d; }
#middle .mid-text strong { padding: 0 3px; background: #ffece5; font-weight: normal; }
* html #middle .mid-text img { vertical-align: middle; }
#middle .mid-text img { vertical-align: middle; }

/* left */
#left { position: relative; float: left; width: 650px; margin: 0; padding: 5px 0; }

/* right */
#right { position: relative; float: right; width: 204px; margin: 0; padding: 5px; color: #4e1e04; }

	/* download */
	#download { width: 194px; height: 75px; margin: -5px 0 0 0; padding: 5px; border-bottom: 1px solid #d6d5d5; }
	#download img { border: 0; vertical-align: middle; }
	#download a { margin-left: 10px; font-weight: bold; font-size: 13px; color: #e4001d; }
	#download a:hover { color: #9f001d; }

	/* menu */
	#menu-container { position: relative; float: left; width: 203px; height: 233px; margin: 0; padding: 0; background: #9f001d; }
	.menu ul { float: left; list-style: none; margin: 3px 0; padding: 0; }
	* html .menu ul { float: left; list-style: none; margin: 3px 0; padding: 0; }
	.menu ul li { display: block; width: 200px; line-height: 15px; margin: 0; padding: 2px 0; border-right: 3px solid #ffe0f4; font-weight: bold; }
	* html .menu ul li { padding: 3px 0; }
	.menu ul li.sub { width: 180px; margin: 0; padding: 3px 0 3px 20px; border-right: 3px solid #ff0800; font-weight: normal; }
	.menu ul li a { padding: 3px 0 3px 5px; border: none; text-decoration: none; color: #fff; }
	.menu ul li a:hover { border: none; text-decoration: underline; color: #efebec; }
	
	/* right column text */
	#right-container { position: relative; float: left; width: 193px; height: 100%; margin: 15px 0; padding: 5px; border-left: 1px solid #d6d5d5; }
	
	.rbox { float: left; width: auto; margin: 0; padding: 5px 0 0 0; text-align: justify; font: 11px Arial, Tahoma; color: #000; }
	.rbox span { font-weight: bold; font-size: 13px; color: #e4001d; }
	.rbox p { line-height: 18px; margin: 0; padding: 0; }
	.rbox b { color: #e10000; }
	.rbox img { padding: 0 5px 10px 0; border: 0; vertical-align: middle; }
	.rbox a img { border-bottom: 0; }
	.rbox a { font-size: 13px; color: #b60000; }
	.rbox a:hover { color: #f00; }
	/* bottom box line */
	.rbbl { padding: 0 0 15px 0; border-bottom: 1px solid #d6d5d5;}
	
/* footer */
#footer { clear: both; width: 750px; height: 100px; margin: 0 auto; padding: 15px 10px; border-top: 1px solid #eee; color: #785050; }
#footer span { padding-left: 10px; font-weight: bold; color: #e2120c; }
	
	/* web design author */
	#creation-logo { position: relative; float: left; margin: 20px 0 0; padding: 0; font: 11px Arial, "Trebuchet MS", Tahoma; color: #afb7b0; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }
	
	/* validation */
	#validation { position: relative; float: right; width: 200px; margin: 10px 0 0; padding: 0; text-align: right; }
	* html #validation { margin: 10px 0 0; padding: 0;}
	#validation a { padding: 2px; text-decoration: none; }
	#validation a:hover { border-top: 2px solid #eee; }
	#validation a.html { background: #cb3938; font-size: 10px; color: #fff; }
	#validation a.html:hover { background: #785050; }
	#validation a.css { background: #785050; font-size: 10px; color: #fff; }
	#validation a.css:hover { background: #cb3938; }
	
	/* tooltip */
	#tooltip {
		position: absolute; width: 130px; padding: 3px;
		border: 1px solid #eee; border-right-width: 2px; border-bottom-width: 2px; z-index: 10;
		background: #fff; text-align: left; font-size: 11px; color: #696969; visibility : hidden;
	}
	#tooltip img { padding: 1px; border: 1px solid #eee; }

/* partners */
.partners { position: relative; clear: both; margin: 7px 5px 7px 0; text-align: center; }
.partners a { border: none; text-decoration: none; font-size: 11px; color: #000; }
.partners a:hover { border: none; }
.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }

span.customer { font-weight: bold; font-size: 13px; color: #e2120c; }

/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/