body { margin: 0; padding: 0; }
html * { margin: 0; padding: 0; }
input, select, textarea, option { margin: 0; padding: 0; }

@font-face { font-family: 'Eurof'; src: url('./image/eurof35.eot'); src: url('./image/eurof35.eot?#iefix') format('embedded-opentype'), url('./image/eurof35.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Liberte'; src: url('./image/linlibertineg_re.eot'); src: url('./image/linlibertineg_re.eot?#iefix') format('embedded-opentype'), url('./image/linlibertineg_re.ttf') format('truetype'); font-weight: normal; font-style: normal; }

html, body { height: 100%; color: #444444; background: #FFFFFF; }
input, select, option, textarea, html, body { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; }
input[type=text], input[type=password], select, option, textarea { line-height: 1.5em; padding: 0.125em 0.5em; }
textarea { height: 10em; }

a { color: #99f; text-decoration: none; border-bottom: 1px dotted #99f; }

h1 { font-family: Liberte, Georgia, "Times New Roman", serif; }
h1 small, h2, h3 { font-weight: normal; font-family: Eurof, Georgia, "Times New Roman", serif; }
h1 span { font-weight: normal; }

h1 { font-size: 160px; line-height: 0.75em; font-weight: bold; }
h2 { font-size: 160px; line-height: 2em; }
h3 { font-size: 18px; }


p { margin: 0.5em 0; }
dd { font-size: 11px; margin: 0 2em 1em; color: #aaa; }

.clear { clear: both; }

header { position: relative; height: 300px; margin-top: 30px; z-index: 2; }
	header h1 { width: 1000px; margin: 0 auto; }
	header a { display: block; width: 500px; height: 348px; padding-left: 550px; text-decoration: none; color: #4F8915; background: url('./image/mih.png') no-repeat left; border: none; }
	header small { position: relative; font-size: 80px; line-height: 1em; letter-spacing: -0.05em; text-transform: lowercase; color: #353638; }
	header span { color: #ACE078; }

article { position: relative; padding: 20px 0; z-index: 1; }
	article > div { width: 1000px; margin: 0 auto; }
	article .container { margin: 0 3em; }

#about { background: #4F8915; }
	#about h2 { width: 400px; float: left; text-shadow: 2px 2px 2px #374727; color: #FFFFFF; }
	#about .container { width: 500px; float: right; text-shadow: 1px 1px 0.5px #233D09; color: #FFFFFF; }

#services { background: #353638; }
	#services h2 { width: 330px; float: right; text-shadow: 2px 2px 2px #25301A;  color: #ACE078;}
	#services .container { width: 550px; float: left; text-shadow: 1px 1px 0.5px #152506;  color: #ACE078; }

#contact { position: relative; background: none; padding: 0; color: #FFFFFF; }
	#contact > div { position: absolute; top: 20px; left: 50%; margin-left: -25%; }
	#contact h2 { width: 450px; height: 160px; float: left; padding-left: 20px; text-shadow: 2px 2px 2px #000000; line-height: 1em; background: url('./image/dbg.png'); border-radius: 10px 0 0 10px; }
	#contact .vcard { width: 190px; height: 130px; padding: 15px 20px; float: left; text-shadow: 1px 1px 0.5px #000000; background: url('./image/dbg.png'); border-radius: 0 10px 10px 0;  }
	#contact a { color: #ACE078; border-color: #ACE078; }

#map { position: relative; top: 0; left: 0; width: 100%; height: 500px; margin: 0; background: #f00; }