* { margin:0; padding:0; }
html, body { height: 100%; }
body {
	background: #ededed url(../images/main-bg.png) repeat-x;
	font-family: Arial;
	font-size: 12px;
	line-height: normal;
}
input, select, textarea { background: none; border: none; font-family: Arial; font-size: 12px; }
a { color: #000; text-decoration: none; }
img { border: none; }



/***** wrapper *****/
#wrap { width: 997px; min-height: 100%; height: auto !important; height: 100%; background: #fff; margin: 0 auto; }



/***** header *****/
#header { height: 106px; border-top: 1px solid #fbfbfb; }
#header h1 { float: left; padding: 20px 0 0 13px; }
#header p { float: right; width: 239px; height: 81px; line-height: 18px; background: url(../images/header-bg.png) no-repeat 0 19px; padding: 25px 160px 0 15px; }
#header p a { color: #ec7023; text-decoration: underline; }




/***** navigation *****/
#nav { height: 54px; padding: 0 15px 0 13px; }
#nav ul { height: 54px; line-height: 54px; background: #231f20 url(../images/nav-right.png) no-repeat right; }
#nav li { float: left; list-style: none; font-size: 14px; font-weight: bold; }
#nav a { display: block; float: left; color: #fff; padding: 0 15px; }
#nav .active a, #nav a:hover { background: #000 url(../images/nav-active.png) no-repeat bottom; }
#nav .firstblack { background: url(../images/nav-black-left.png) no-repeat; padding: 0 0 0 0px; }
#nav .firstblack1 { background: url(../images/nav-black-left.png) no-repeat; padding: 0 0 0 6px; }
#nav .orange { background: #ec7023 url(../images/nav-orange-right.png) no-repeat right; padding: 0 8px 0 0; }
#nav .orange a { background: url(../images/nav-orange-left.png) no-repeat; }
#nav .green { background: #bfcf37 url(../images/nav-green-right.png) no-repeat right; padding: 0 7px 0 0; }
#nav .green a { background: url(../images/nav-green-left.png) no-repeat; }



/***** left content *****/
#left { float: left; width: 585px; padding: 16px 0 0 30px; }

#left h1 { line-height: 50px; font-size: 14px; font-weight: bold; color: #484848; }
#left .image { float: left; padding: 0 15px 15px 0; }
#left p {
	line-height: 18px;
	color: #484848;
	padding: 0 0 18px 0;
}

#left .quote { background: url(../images/left-quote-lt.png) no-repeat; }
#left .quote p { background: url(../images/left-quote-rb.png) no-repeat right bottom; }
#left .quote a { display: block; line-height: 31px; font-size: 25px; color: #231f20; padding: 10px 20px 0 30px; }
#left .quote .orange { font-size: 33px; color: #ec7023; }
#left .quote .green { font-size: 33px; color: #bfcf37; }
#left .quote .arrow { font-size: 20px; padding: 0 0 0 15px; }



/***** right content *****/
#right { float: right; position: relative; width: 347px; padding: 25px 15px 0 0; }
#right .bg { position: absolute; top: 0; right: 53px; width: 95px; height: 35px; background: url(../images/right-bg.png) no-repeat; }

.box1 { background: #231f20; padding: 10px 15px 20px 15px; }
.box1 h2 { line-height: 31px; font-size: 25px; color: #fff; background: url(../images/right-box1-line.png) no-repeat bottom; padding: 0 0 15px 0; margin: 0 0 8px 0; }
.box1 h2 .orange { font-size: 33px; color: #ec7023; }
.box1 h2 .green { font-size: 33px; color: #bfcf37; }

.box1 .select1, #right .box1 .select2 { height: 47px; padding: 13px 0 0 0; }
.box1 .selectedTxt { width: 302px; height: 47px; line-height: 47px; font-size: 13px; font-weight: bold; color: #fff; padding: 0 0 0 13px; }
.box1 ul.newList { width: 315px; }
.box1 .select1 .selectedTxt { background-image: url(../images/right-select1.png); }
.box1 .select2 .selectedTxt { background-image: url(../images/right-select2.png); }
.box1 .item { height: 32px; padding: 6px 0 0 0; }
.box1 .item label { float: left; width: 100px; line-height: 32px; color: #fff; padding: 0 7px 0 0; }
.box1 .item .text { float: left; width: 202px; height: 32px; background: #000; }
.box1 .item .text input { display: block; width: 172px; height: 14px; color: #fff; padding: 9px 14px; }
.box1 .item .button { float: right; width: 178px; padding: 0 24px 0 0; }
.box1 .item .button input { width: 178px; height: 35px; background: url(../images/right-button.png) no-repeat; font-weight: bold; color: #fff; cursor: pointer; }

.box1 .textarea { padding: 9px 14px; float: left; width: 172px; color: #FFFFFF; background-color: #000000; border-width: 1px; border-color: #000000; 	border-style: solid;
}
.box1 .file {padding: 4px 14px; float: left; width: 162px; color: #FFFFFF; background-color: #000000;  	}

.imgbox { padding: 6px 0; }
.imgbox a { display: block; border: 4px solid #ededed; }
.imgbox img { display: block; }

.box2 { background: #231f20; border: 4px solid #ededed; padding: 9px 15px 15px 15px; }
.box2 h3 { line-height: 18px; font-size: 14px; font-weight: bold; color: #fff; padding: 0 0 15px 0; }
.box2 .item { height: 32px; padding: 6px 0 0 0; }
.box2 .item label { float: left; width: 100px; line-height: 32px; color: #fff; padding: 0 7px 0 0; }
.box2 .item .text { float: left; width: 202px; height: 32px; background: #000; }
.box2 .item .text input { display: block; width: 172px; height: 14px; color: #fff; padding: 9px 14px; }
.box2 .item .select { float: left; width: 202px;  }
.box2 .item .select .selectedTxt { width: 142px; height: 32px; line-height: 32px; background: #000 url(../images/right-select3.png) no-repeat right; color: #fff; padding: 0 40px 0 20px; }
.box2 .item .select ul.newList { width: 202px; }
.box2 .item .button { float: right; width: 178px; padding: 0 24px 0 0; }
.box2 .item .button input { width: 178px; height: 35px; background: url(../images/right-button.png) no-repeat; font-weight: bold; color: #fff; cursor: pointer; }



/***** large left column *****/
#leftl { float: left; width: 799px; padding: 25px 0 0 12px; }



/***** small right column *****/
#rights { float: right; position: relative; width: 171px; padding: 25px 15px 0 0; }
#rights .bg { position: absolute; top: 0; right: 53px; width: 95px; height: 35px; background: url(../images/right-bg.png) no-repeat; }
#rights .cntr { color: #fff; background: #231f20; padding: 18px 13px; }
#rights .cntr p { line-height: 18px; font-weight: bold; padding: 0 0 13px 0; }
#rights .cntr ul { list-style: none; line-height: 20px; }
#rights .cntr li { height: 20px; }
#rights .cntr ul a { display: block; color: #fff; text-decoration: underline; }

#rights .cntr a { color: #ec7023; text-decoration: none; }



/***** footer *****/
#footer { clear: both; height: 60px; line-height: 47px; background: url(../images/footer-bg.png) no-repeat 13px 42px; padding: 42px 14px 30px 13px; }
#footer div { float: left; padding: 0 0 0 23px; }
#footer div img { display: block; }
#footer ul { float: left; list-style: none; padding: 0 0 0 5px; }
#footer li { float: left; padding: 0 0 0 25px; }
#footer p { float: right; padding: 0 11px 0 0; }
#footer a { text-decoration: underline; }



/***** select box style *****/
.js ul.newList { left: -9999px; }
ul.newList { position: absolute; left: 0; background: #fff; list-style: none; overflow: auto; z-index: 9999;  }
ul.newList li { height: 20px;  line-height: 20px; padding: 3px 8px; cursor: pointer; }
.newListSelected { float: left; }
:focus { outline: none; }
.newListSelected span { display: block; }
.selectedTxt { background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.hiLite { background: #eee; }
.newListHover { background: #eee; }