@charset "utf-8";
/* reset */
* { margin: 0; padding: 0; outline: none; }
a img, fieldset { border: 0 }
body { line-height: 1; font-size: 88%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; padding: 0; }
ul, ol { list-style: none; }
a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear:both; width:0; height:0; font-size:0; overflow:hidden; }
/* end of reset */

/* start layout */
/* body { background: #000 url(../images/bg.jpg) top center no-repeat } */
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.posrel { position: relative }
.fl img, .fr img, #logo img { float: left }
b { display: none }
.cont { width: 970px; clear: both; margin: 0 auto; }
#leftc { width: 635px }
#rightc { width: 335px }
#leftc div { overflow: hidden; clear: left }
#l1 { overflow: hidden; height: 209px; background: url(../images/l1.jpg) no-repeat }
#l1 p { width: 619px; height: 163px; margin: 40px 0 0 10px }
#l2 { height: 414px; background: url(../images/l2.jpg) no-repeat; position: relative }
#l2 p { width: 140px; height: 100px; color: #fff; font: normal 10px Tahoma, Geneva, sans-serif; position: absolute; }
#l2 p#p1 {
	top: 122px;
	left: 51px;
}
#l2 p#p2 {
	top: 311px;
	left: 101px
}
#l2 p#p3 {
	top: 280px;
	left: 462px;
}
#l3 { height: 362px; background: url(../images/l3.jpg) no-repeat; overflow: hidden }
#l3 big { font: normal 18px Arial, Hel vetica, sans-serif; color: #fff; margin: 68px 30px 0 240px; display: block; }
#l3 p {
	color: #fff;
	margin: 10px 30px 10px 240px;
	font: normal 14px Arial, Helvetica, sans-serif;
}
#l3 a { font: bold 18px Arial, Helvetica, sans-serif; color: #fff; margin: 0 30px 0 238px; color: #f00; display: block; width: 328px; clear: both }
#l3 strong { color: #f00 !important }
#l4 { height: 485px; background: url(../images/l4.jpg) no-repeat; overflow:hidden }
#l4 p { color: #ccc; font: normal 14px Arial, Helvetica, sans-serif; margin: 395px 30px 0; text-align: center }
#l4 p strong { color: #fff }
#l4 p span { color: #f00; font-weight: bold }
#r1 { height: 63px }
#r2 { height: 560px; background: url(../images/r2.jpg); position: relative }
#r2 #side { position: absolute; width: 44px; height: 560px; left: 335px; top: 0; }
#r2 big { color: #f00; padding: 367px 15px 10px; width: 200px; display: block; font: bold 13px Arial, Helvetica, sans-serif }
#r2 p { color: #fff; padding: 0 30px 0 15px; font: normal 12px Arial, Helvetica, sans-serif }
#r3 {
	height: 728px;
	background: url(../images/r3.jpg) no-repeat;
}
#r3 p {
	color: #fff;
	font: normal 13px Arial, Helvetica, sans-serif;
	padding: 10px 30px 15px 20px;
}
#r3 p.first {
	padding: 165px 30px 25px 20px;
}
#r3 p strong {
	color: #f00;
	font-size: 16px;
	display: block;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid #650e03;
}
#r3 p em {
	color: #ffcc00;
	font-style: italic;
	font-weight: bold;
}

/* form */
#form { height: 600px; width: 335px; position: relative top: -10px; }
#form p { width: 295px; height: 35px; position: relative }
#form p label { float: left; color: #fff; font: normal 12px/29px Arial, Helvetica, sans-serif; text-align: right; width: 79px; display: inline; margin: 0 9px 0 0; }
#form p input { font: normal 12px Arial, Helvetica, sans-serif; padding: 5px 3px; width: 174px; border: 1px solid #ccc; }
#form p input.error { background: #900; border: 1px solid #c00; color: #fff }
#form p span.error { background: #900; border: 1px solid #c00; color: #fff } 
#form p select.error { background: #900; color: #fff }
#form p input#submitbtn { background: url(../images/send.jpg) no-repeat; width:282px; height: 49px; margin: 0 auto; display: block; cursor: pointer; border: 0 }
#form p span { height: 25px; width: 180px; background: #fff; float: left; display: inline; overflow: hidden; border: 1px solid #ccc }
#form p span select { width: 170px; border: 0; background: #fff; margin: 4px 5px 0; float: left; display: inline }
#myform { padding: 0 0 0 20px; }
#no1 { position: absolute; left: -50px; background: url(../images/no1.png) no-repeat; width: 106px; height: 106px }
/* #form p#hurry { position: absolute; right: -63px; bottom: 8px; background: url(../images/hurry.png) no-repeat; width: 94px; height: 94px } */
#form em, #form i { position: absolute; left: 265px; top: 0; font: normal 12px Arial, Helvetica, sans-serif; padding: 5px 10px 5px 25px; white-space: nowrap; }
#form i { background: #f2f2f2 url(../images/info.gif) 5px 50% no-repeat; border: 1px solid #ddd; z-index: 1; color: #666; padding: 5px 10px 5px 20px; }
#form em.error {background: #FFCFCF url(../images/error.png) 5px 50% no-repeat; color: #801B1B; border: 1px solid #E5A3A3; z-index: 3 }
#form em.success { background: #F0FEE9 url(../images/success.png) 5px 50% no-repeat; color: #666; border: 1px solid #E1EFDB; z-index: 2 }
#form p#submitarea em, #form p#submitarea i { display: none }
/* #satisfaction { background: url(../images/satisfaction.png) no-repeat; width: 103px; height: 103px; position: absolute; left: -50px; top: 10px } */
#footer { width: 100% !important; height:425px; background: url(../images/footer.jpg) top center no-repeat }

/* footertxt  */
#footertxt { background: url(../images/footertxt.jpg) top center no-repeat; padding: 70px 0 0 }
#footertxt p, #footertxt address { width: 790px; text-align: center; margin: 0 auto 14px; color: #999; font: normal 10px Arial, Helvetica, sans-serif }
#footertxt p a { color: #999; padding: 0 10px }
#hurry { position: absolute; width: 94px; height: 94px; }
