* {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
.clearFix {
	clear: both;
}
html {
	background: #0d1731;
}

body {
	background: url(../images/bg.gif) repeat-x;
	width: 100%;
}
#body {
	overflow: hidden;
	font-family: verdana;
	font-size: 12px;
}
#outer {
	width: 992px;
	margin: 0 auto;
	position: relative;
	padding-top: 57px;
}
#menu {
	width: 932px;
	position: absolute;
	height: 57px;
	padding-left: 220px;
	left: -197px;
	top: 0px;
	padding-right: 236px;
	background: url(../images/menu-bg.jpg) no-repeat;
}
#menu li {
	display: inline;
	list-style: none;
}
#menu a {
	display: block;
	
	float: left;
	height: 57px;
}

#menu a.home {
	width: 106px;
	background: url(../images/menu/home.gif);
}
#menu a.about {
	width: 222px;
	background: url(../images/menu/about.gif);
}
#menu a.products {
	width: 217px;
	background: url(../images/menu/products.gif);
}
#menu a.information {
	width: 229px;
	background: url(../images/menu/information.gif);
}
#menu a.contact {
	width: 158px;
	background: url(../images/menu/contact.gif);
}
#menu a:hover, #menu a.active {
	background-position: 0px -57px;
}
#top {
	height: 179px;
	padding-top: 115px;
	position: relative;
	background: url(../images/top1.jpg) no-repeat;
}
#top .top2 {
	height: 115px;
	background: url(../images/top2.jpg) no-repeat; 
}
#top .top3 {
	height: 64px;
	background: url(../images/top3.jpg) no-repeat;
	position: relative;
}
#top .information {
	background: url(../images/top2-information.jpg) no-repeat;
}
#top .about {
	background: url(../images/top2-about.jpg) no-repeat;
}
#top .contact {
	background: url(../images/top2-contact.jpg) no-repeat;
}
#top .products {
	background: url(../images/top2-products.jpg) no-repeat;
}
#top .information3 {
	background: url(../images/top3-information.jpg) no-repeat;
}
#top .l {
	display: block;
	width: 197px;
	height: 293px;
	position: absolute;
	top: 0px;
	left: -197px;
	background: url(../images/top-l.jpg);
}
#top .r {
	display: block;
	width: 199px;
	height: 293px;
	position: absolute;
	top: 0px;
	right: -199px;
	background: url(../images/top-r.jpg);
}
#top .bl {
	display: block;
	width: 197px;
	height: 362px;
	position: absolute;
	top: 293px;
	left: -197px;
	background: url(../images/top-bl.jpg);
}
#top .br {
	display: block;
	width: 199px;
	height: 362px;
	position: absolute;
	top: 293px;
	right: -199px;
	background: url(../images/top-br.jpg);
}
#top h1 {
	padding-top: 32px;
	padding-left: 24px;
	position: relative;
	width: 581px;
}
#top .information3 h1 {
	width: 671px;
}
#top h1 span {
	position: absolute;
	top: 38px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	right: 42px;
}
#top h3 {
	padding-top: 36px;
}
#top h1, #top h3 {
	float: left;
}
#border {
	background: url(../images/border-bg.gif) repeat-y;
	min-height: 362px;
	height: auto !important;
	height: 362px;
}
#border2 {
	background: url(../images/border2-bg.gif) repeat-y;
	min-height: 362px;
	height: auto !important;
	height: 362px;
	
}
#sidebar, #bg2, #content {
	float: left;
	
}
#content {
	padding-left: 16px;
	width: 565px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
}
#border2 #content {
	width: 655px;
}
#content p {
	color: #333;
	padding: 0px 10px;
	padding-top: 20px;
	line-height: 18px;
}
#content a.more {
	display: block;
	width: 90%;
	text-align: center;
	padding: 10px 0px;
}
ul.float {
	padding: 10px 0px;
}
ul.float li {
	float: left;
	list-style: none;
}
#bg2 {
	width: 14px;
	height: 471px;
	background: url(../images/border-bg2.jpg) no-repeat;
}
#border2 #bg2 {
	width: 14px;
}
#sidebar {
	width: 380px;
}
#border2 #sidebar {
	overflow: hidden;
	width: 290px;
	
}

#box1 .information b, #box1 .information .t {
	display: block;
	float: left;
	line-height: 24px;
}
#box1 .information b {
	width: 70px;
}
#box1 .information a {
	color: #e1090b;
}
#border #box1 {
	background: url(../images/box1-bg2.gif) repeat-y;
}
#box1 .wrap {
	background: url(../images/box1-bg.jpg) no-repeat;
	min-height: 125px;
	height: auto !important;
	height: 125px;
	width: 227px;
	padding-right: 135px;
	color: white;
	padding-left: 18px;
	line-height: 20px;
	position: relative;
}
#box1 .information {
	padding: 10px 18px;
	background: url(../images/box1--information-bg.jpg) no-repeat;
	width: 270px;
}
#border2 #box1 {
	background: url(../images/box1-information.jpg) repeat-y;
}
#sidebar .more {
	display: block;
	padding: 3px 0px;
}
#box1 .ico {
	position: absolute;
	display: block;
	width: 112px;
	height: 97px;
	top: -19px;
	right: 20px;
	background: url(../images/box1-ico.jpg);
}


#box2 {
	background: url(../images/box2-bg.gif) repeat-y;
}
#box2 .wrap {
	background: url(../images/box2-bg2.jpg) no-repeat;
	min-height: 116px;
	height: auto !important;
	height: 116px;
	width: 217px;
	padding-top: 52px;
	padding-right: 145px;
	color: white;
	padding-left: 18px;
	line-height: 20px;
	position: relative;
}
#border2 #box2 {
	background: url(../images/box2-information-bg2.gif) repeat-y;
}
form {
}
.formBorder {
	background: #f7f7f7;
	border: 1px solid #ddd;
	margin: 34px;
	position: relative;
	padding: 21px 26px;
	
}
#content .formBorder p {
	padding: 0px;
}
.formBorder .field {
	width: 265px;
	float: left;
	z-index: 2;
	overflow: hidden;
	padding-bottom: 10px;
}
.formBorder span {
	color: #666;
	font-weight: bold;
	font-size: 13px;
	display: block;
	padding-left: 4px;
	line-height: 22px;
}
.formBorder .t {
	width: 238px;
	height: 21px;
	padding: 3px;
	padding-bottom: 0px;
	margin: 0px;
	
	background: url(../images/input-bg.gif) no-repeat;
	border: 0px solid;
}
.formBorder textarea {
	width: 505px;
	height: 78px;
	display: block;
	border: 0px;
	padding: 3px;
	margin-bottom: 15px;
	background: url(../images/textarea-bg.gif) no-repeat;
}
.formBorder .tr, .formBorder .tl, .formBorder .br, .formBorder .bl {
	display: block;
	width: 141px;
	height: 80px;
	top: 47px;
	right: 0px;
	display: block;
	font-size: 0px;
	position: absolute;
	width: 4px;
	height: 4px;
	padding: 0px;
}
.formBorder .tr {
	background: url(../images/bf-tr.gif) no-repeat;
	top: -1px;
	right: -1px;
}
.formBorder .tl {
	background: url(../images/bf-tl.gif) no-repeat;
	top: -1px;
	left: -1px;
}
.formBorder .br {
	background: url(../images/bf-br.gif) no-repeat;
	bottom: -1px;
	right: -1px;
}
.formBorder .bl {
	background: url(../images/bf-bl.gif) no-repeat;
	bottom: -1px;
	left: -1px;
}
#box2 .information {
	min-height: 116px;
	height: auto !important;
	height: 116px;
	padding-top: 52px;
	color: white;
	padding-left: 18px;
	line-height: 20px;
	position: relative;
	width: 117px;
	padding-right: 155px;
	background: url(../images/box2-information-bg.jpg) no-repeat;
}
#box2 .information .ico {
	position: absolute;
	display: block;
	width: 141px;
	height: 80px;
	top: 47px;
	right: 0px;
	background: url(../images/box2-ico2.jpg);
	width: 118px;
	height: 103px;
	right: 15px;
}
#box2 .wrap .ico {
	position: absolute;
	display: block;
	width: 141px;
	height: 80px;
	top: 47px;
	right: 0px;
	background: url(../images/box2-ico.jpg);
}
#footer {
	height: 102px;
	background: url(../images/footer.jpg);
	position: relative;
	color: #aec3f1;
	font-size: 11px;
	line-height: 19px;
}
#footer2 {
	height: 102px;
	background: url(../images/footer2.jpg);
	position: relative;
	color: #aec3f1;
	font-size: 11px;
	line-height: 19px;
}
#footer a, #footer2 a {
	color: #aec3f1;
	text-decoration: none;
}
#footer a:hover, #footer2 a:hover {
	text-decoration: underline;
}
#footer span, #footer2 span {
	color: #41588d;
}
#footer .l, #footer2 .l {
	position: absolute;
	left: 25px;
	top: 40px;
}
#footer .r, #footer2 .r {
	position: absolute;
	text-align: right;
	top: 40px;
	right: 25px;
}
#info {
	height: 63px;
	color: #aec3f1;
	line-height: 50px;
	text-align: center;
	font-size: 11px;
}
#info a {
	color: #aec3f1;
	text-decoration: none;
}
#info a:hover {
	text-decoration: underline;
}
