html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  background: transparent; }

body { line-height: 1; 
  background: #fff; text-align: left; margin: 0px; padding: 0px;
  font-family: arial, tahoma, verdana, sans-serif;
  /* font-size: 11px; */
  font: normal 14px/18px Tahoma;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
html, body {margin: 0; padding: 0; height: 100%; width: 100%; text-align: left; }

* html #container {height: 100%;}
#container {position: relative; min-width: 1000px; width: 100%; min-height: 100%; text-align: left; background: #FFFFFF url(/images/background.jpg) top left repeat-x;}

#header {position: relative; overflow: hidden; margin: auto; height: 229px; width: 1000px; background: #FFFFFF url(/images/header.jpg) top left no-repeat;}

#logo {position: absolute; top: 65px; left: 30px;  width: 374px; height: 131px; background: transparent url(/images/logo.png) no-repeat;}
#logo a {position: relative; display: block; width: 331px; height: 130px;}



#menu {position: absolute; height: 42px; width: 670px; top: 5px; right: 10px;}
#menu .menu {position: relative; display: block; margin-left: 10px; height: 42px; background: transparent url(/images/menu-right.png) top right no-repeat;}
#menu .left_menu {position: relative; display: block; float: left; height: 42px; width: 10px; background: transparent url(/images/menu-left.png) top left no-repeat;}
#menu li a {position: relative; float: left; height: 42px; line-height: 42px; padding: 0 18px 0 0; z-index: 1;}
#menu li a {line-height: 42px; font-weight: bold;  font-size: 14px; font-family: Arial; text-decoration: none; text-transform: uppercase;}
#menu li a {color: #FFFFFF;}
#menu li a:hover {color: #3399CC;}
#menu .active a {color: #3399CC;}


#authorization {position: absolute; padding: 3px; top: 6px; right: 150px; width: 240px; /* border: solid 1px; */ color: #FFF;}
#authorization {font-size: 11px;}
#authorization a {font-size: 11px;color: #FFF;}
#authorization input {background-color: #FFF; color: #000; border: solid 1px;}


#body {position: relative; overflow: hidden; margin: auto; width: 1000px; background: #FFFFFF url(/images/body.jpg) top left no-repeat;}
/* #body_content {position: relative; text-align: left;} */
#befor_footer {position: relative;  overflow: hidden; height: 240px; padding-bottom: 36px;}
#footer {position: relative;  overflow: hidden; margin: auto; width: 982px; height: 240px; margin-top: -240px; background: #FFFFFF url(/images/footer.jpg) top center no-repeat;}
#footer .content {position: relative; display: block; overflow: hidden;  margin: 12px; }
#footer .article {position: relative; float: left; width: 25%; }
#footer .article .object {margin: 6px; }

h1, h2 {font-weight: normal; color: #3399CC;}

/* common block */
.twocolumns {position:relative; overflow:hidden; /* margin-top:6px; */}
.twocolumns-left240 {position: relative; display: block; float: left; width: 240px;}
.twocolumns-right760 {position: relative;  display: block; margin-left: 240px; }
.twocolumns-left240 .content {margin: 50px 12px 0 26px; }
.twocolumns-right760 .content {margin: 12px 26px 0 12px;}

/* common */
.header {position: relative; display: block; margin: 0; padding: 3px 6px; font-size: 24px; text-align: left;}
*html .header {border: solid 1px;}/*ie6 only*/
.left {position: relative; float: left;}
.right {position: relative; float: right;}
.center {text-align: center;}
.indent-vertical {position: relative; display: block; overflow: hidden; height: 12px; border: solid 0px;}
.indent-horizontal {position: relative; display: block; float: left; width: 46px; height: 6px;}
.float-fix {position: relative; display: block; overflow: hidden; width: 100%; height: 0px;}
* html .float-fix {position: relative; display: block; width: 99%; height: 0px;}/*ie6 only*/


.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}

.font-big {font-size: 18px;}
.font-base {font-size: 15px;}
.font-small {font-size: 12px;}
.font-tiny {font-size: 9px;}

.color-base {color: #FFFFFF;}
.color-highlight {color: #333333;}
.color-normal {color: #666666;}
.color-blur {color: #999999;}


.object-link a {color: #3399CC;}
.object-link a:hover {color: #3399FF;}
.object-link a.active {font-weight: bold; color: #3399FF;}



/* for object */
.object {position: relative; display: block; overflow: hidden; }
.object input {border: solid 1px;}
.object a {text-decoration: none;}
.object-image {position: relative; display: block; float: left; margin-right: 6px; border: solid 1px; z-index: 1;}
.object-text-info {font: normal 9px/12px Arial;}
.object-text-big {font: bold 18px/21px Arial;}
.object-text-base {font: normal 15px/18px Arial; text-align: justify;}
.object-text-small {font: normal 12px/15px Arial;}
.object-navigation {font: bold 15px/15px Arial; font-variant: small-caps; }
.object-button a {position: relative; display: inline-block; padding: 3px 6px;}
.object-tab {position: relative; display: inline-block; padding: 3px 6px; font: normal 15px/15px Arial;}
.object-line {position: relative; display: block; overflow: hidden; height: 1px;}
.object-block {/* overflow: hidden; */}
.object-block-image {position: relative; display: block; float: left; border: solid 1px;}



/*services ui*/
.fa-hover-content {position: absolute; bottom: 0px; right: 0px; margin: 6px; padding: 3px;  display: none; background-color: #EEEEEE;}
/*ui*/
.ui-dialog  {font-size: 14px; margin: 0px; padding: 0px;}
.ui-dialog .ui-state-error { margin: 12px; padding: 6px; }
.ui-dialog .ui-state-highlight { margin: 12px; padding: 6px; }



.paginator {position: relative; font: normal 12px/24px Arial; color: #333;}
.paginator a { padding: 3px 6px; text-decoration: none; color: #333; outline: none; border: solid 1px #999; background: #FFF;}
.paginator .start { margin-right: 10px;}
.paginator .end { margin-left: 10px;}
.paginator .prev { margin-right: 10px; }
.paginator .next { margin-left: 10px; }
.paginator .break { padding: 3px 6px; }
.paginator .current {padding: 3px 6px; color: #FFF; background: #666; border: solid 1px #FFF;}
.paginator .link { }
.paginator a.link:visited { color: #999;}
.paginator a.link:hover {color: #FFF; background: #666; border-color: #FFF;}
.paginator a.prev:hover, .paginator a.next:hover {color: #FFF; background: #666; border-color: #FFF;}





.form {position: relative; overflow: hidden; padding: 0px 6px 6px 6px; font: normal 14px/16px Tahoma;}
.form .header {position: relative; padding: 3px 0px; font-weight: bold; text-transform: uppercase;}
.form fieldset {position: relative; padding: 6px 9px 0px 9px;}
.form div { overflow: hidden; padding-bottom: 6px;}
.form .left {position: relative; display: block; float: left; width: 25%; text-align: right;}
.form .right {position: relative; display: block; float: right; width: 74%; text-align: left;}
.form .right input.input, .form .right select, .form .right textarea {  width: 99%; font: normal 12px/16px Tahoma; border: solid 1px;}
.form .right input.input {height: 18px;}
.form .right select {height: 20px; }
.form .right textarea { /* height: 160px; */ }
.form input.checkbox {width: 18px; height: 18px;}
.form .left input.checkbox {position: relative; margin-right: 3px; height: 20px; line-height: 20px; }
.form .right input.checkbox {position: relative; margin-right: 36px; height: 20px; line-height: 20px; }
.form .right input.radio {position: relative; margin-right: 36px; height: 20px; line-height: 20px; }
.form .left label.label {margin-right: 3px; height: 20px; line-height: 20px; }
.form .right label.label {margin-right: 3px; height: 20px; line-height: 20px; }
.form .submit {position: relative; display: block; width: 100%; }
.form .submit span { position: relative; float: right; padding: 0px 6px;  height: 20px; line-height: 20px; font-family: arial; }
.form .submit input {font-variant:  small-caps; text-transform: lowercase; background: none;}
.form label.error {display: block; /* margin-bottom: 12px; */ padding: 1px 3px; height: 16px; line-height: 16px;}
.form label.info {display: block; /* font-size: 11px; height: 11px; line-height: 11px; */ font-size: 0.8em;}
.form em {  height: 20px; line-height: 20px; }