@import url(reset-min.css);
@charset "utf-8";

.clear:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* End hide from IE-mac */

img {
	border: none;
}

a{
	text-decoration: none;
	color: #0983D1;
}

a:hover{
	text-decoration: underline;
}


.main-body{
	background : url(../images/bg-main.gif) repeat-y left top;
	width: 962px;
	margin: auto;
	padding: 25px 21px;
}

.main-body-bottom{
	background : url(../images/bg-main-bottom.gif) no-repeat left top;
	height: 4px;
	width: 1004px;
	margin: auto;
}



/*--------------------------header------------------------------*/

.header{
	width: 1004px;
	margin: auto;
}

.logo{
	margin-left: 21px;
}

.header-right{
	float: right;
	width: 820px;
}

.header-text1 img{
	float: right;
}

.header-text1{
	width: 232px;
	margin-top: 20px;
	margin-left: 560px;
}

.he-input-style{
	border: none;
	background-color: #A9A9A9;
	padding: 2px;
	width: 155px;
}

.he-input-border{
	border: dotted 1px #A9A9A9;
	padding: 1px;
	width: 159px;
}

.header-menu li{
	float: right;
	margin: 0px 8px;
}

.header-menu a{
	color: #5C5C5C;
	font-size: 11px;
	font-family: Verdana;
}

.header-menu {
	margin-top: 30px;
}


/*--------------------------header------------------------------*/

/*--------------------------banner------------------------------*/

.banner{
	background : url(../images/banner.jpg) no-repeat left bottom;
	height: 302px;
}

.banner-ul li{
	float: left;
	margin: 0px 5px;
}

.banner-ul {
	padding-top: 253px;
	margin-left: 700px;
}

.banner-ul img{
	border: solid 1px white;
}

li.ban-ul-style img{
	border: none;
	margin-top: 5px;
}


/*--------------------------/banner------------------------------*/

/*--------------------------menu------------------------------*/

.menu li{
	float: left;
	margin: 0px 8px;
}

.menu{
	font-family: Tahoma;
}

.menu a{
	color: #5C5C5C;
	font-weight: bold;
}

.hr-top{
	background : url(../images/hr-bg.gif) repeat-x left bottom;
	margin-top: 15px;
	height: 3px;
}


/*--------------------------menu------------------------------*/

/*--------------------------homepage------------------------------*/

.main-content-top{
	background : url(../images/content-bg-top.gif) no-repeat left bottom;
	height: 13px;
	margin-top: 17px;
}

.main-content-bottom{
	background : url(../images/content-bg-bottom.gif) no-repeat left top;
	height: 27px;
}

.main-content-main{
	background : url(../images/content-bg-main.gif) repeat-y left top;
	padding: 0px 25px;
}

.col-news{
	float: left;
	width: 275px;
}

.index-h2 a{
	color: #EE9513;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.index-h2{
	color: #EE9513;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.col-news h3{
	color: #0983D1;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

.date-p{
	color: #A9ADB5;
}

.col-news  img{
	margin: 10px 0px;
}

.index-ul1 li{
	background : url(../images/ul-icon1.jpg) no-repeat left center;
	padding-left: 15px;
	margin: 10px 0px;
}

.col-events{
	float: left;
	width: 315px;
	margin-left: 32px;
}

.col-events h3{
	color: #0983D1;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

.in-event-box  img{
	float: left;
	margin: 10px 10px 10px 0px;
}

.in-event-box p{
	padding-top: 15px;
}

.index-hr{
	background : url(../images/index-hr.gif) repeat-x left center;
	height: 1px;
	margin: 10px 0px;
}

.col-link{
	float: left;
	width: 250px;
	margin-left: 32px;
}

.col-link p{
	margin-top: 20px;
}


/*--------------------------homepage------------------------------*/

/*--------------------------aboutus------------------------------*/

.aboutus-col1{
	float: left;
	width: 610px;
	margin-right: 12px;
}

.aboutus-col1 p{
	margin-top: 20px;
}

.aboutus-box{
	background : url(../images/aboutus-hr.gif) repeat-y right top;
	padding-right: 20px
;
}

.aboutus-col2{
	float: left;
	width: 250px;
}

.aboutus-col2 img{
	margin-top: 20px;
}

/*--------------------------aboutus------------------------------*/

/*--------------------------patners------------------------------*/

.patner-main p{
	margin: 10px 0px;
}

.patner-main li{
	float: left;
	margin: 20px 40px;
}

.patner-main ul{
	margin-left: 40px;
}

/*--------------------------patners------------------------------*/

/*--------------------------login------------------------------*/

.login-col1 {
	float: left;
	width: 280px;
	padding-right: 50px;
}

.login-col1 img{
	margin-top: 0px;
}

.login-col1 p{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px;
}

.login-col2{
	float: left;
	margin-top: 30px;
}

.login-box-top{
	background : url(../images/signup-top-bg.gif) no-repeat left top;
	height: 46px;
	width: 477px;
}

.login-box-bottom{
	background : url(../images/signup-bottom-bg.gif) no-repeat left top;
	height: 28px;
	width: 477px;
}

.login-box-main{
	border-right: solid 1px #B8B8B8;
	border-left: solid 1px #B8B8B8;
	width: 475px;
}

.login-table{
	margin: 30px 0px 30px 50px;
}

.login-table b{
	font-size: 12px;
}


.login-table td{
	vertical-align: top;
	padding: 5px;
}

.login-table span{
	 
	color: #EE9513;
}

.login-table span a{
	 
	color: #EE9513;
} 

.input-style{
	border: none;
	background-color: #A9A9A9;
	padding: 3px;
	width: 270px;
}

.input-border{
	border: dotted 1px #A9A9A9;
	padding: 1px;
	width: 276px;
}

.login-checkbox p{
	margin: 15px 0px 0px 150px;
}

.login-box{
	background : url(../images/aboutus-hr.gif) repeat-y left top;
	padding-left: 60px;
}

.login-h3{
	margin: 30px 0px 20px 0px;
	color: #EE9513;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	font-family: Tahoma;
}

.login-box1 {
	width: 477px;
	margin: auto;
}


/*--------------------------login------------------------------*/


/*--------------------------member------------------------------*/

.member-col1{
	float: left;
	margin-top: 30px;
	font-size: 12px;
	margin-right: 20px;
}

.member-box-top{
	background : url(../images/member-box-top.gif) no-repeat left bottom;
	height:7px;
	width: 199px;
}

.member-box-bottom{
	background : url(../images/member-box-bottom.gif) no-repeat left top;
	height:53px;
	width: 199px;
}

.member-box-main{
	border-right: solid 1px #B8B8B8;
	border-left: solid 1px #B8B8B8;
	width: 197px;
}

.member-h3{
	background : url(../images/member-icon1.gif) no-repeat left center;
	color: #0983D1;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	padding-left: 25px;
	margin-left: 15px;
}

.member-ul li{
	background : url(../images/ul-icon1.jpg) no-repeat left center;
	padding-left: 15px;
	margin: 10px 0px;
	margin-left: 37px;
}

.member-ul1 li{
	background : url(../images/ul-icon2.gif) no-repeat left center;
	padding-left: 15px;
	margin: 10px 0px;
	margin-left: 47px;
}

.member-col2{
	float: left;
	margin-top: 30px;
}

.member-col2 h3{
	color: #0983D1;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.member-col2 h4{
	font-weight: bold;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom:5px;
}

.member-table td{
	border: dotted 1px #666666;
	padding: 10px;
}

.member-table th{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: dotted 1px #666666;
	padding: 10px;
}

.member-table a{
	color: #666666;
}


/*--------------------------member------------------------------*/


/*--------------------------products------------------------------*/

.product-col2 h3{
	font-size: 12px;
	font-weight: bold;
	color: #0983D1;
	padding-top: 20px;
	text-decoration: underline;
}

.product-col2 p{
	margin-top: 20px;
}

.product-col2 {
	width: 690px;
	float: right;
	padding-top: 10px;
}

.pro-box-col1{
	float: left;
	width: 345px;
}

.pro-box-col2{
	float: left;
	width: 325px;
	padding-left: 20px;
}

.pro-ul1 li{
	background : url(../images/ul-icon3.gif) no-repeat left center;
	padding-left: 15px;
	margin: 10px 0px;
}

.pro-ul2 li{
	background : url(../images/ul-icon4.gif) no-repeat left center;
	padding-left: 15px;
	margin: 10px 0px 10px 20px;
}

.pro-box-col1 img{
	margin: 20px 0px 10px 0px;
}

.pro-box-col2 img{
	margin: 45px 0px 10px 0px;
}

.product-box{
	padding-top: 10px;
	background : url(../images/aboutus-hr.gif) repeat-y center center;
	width: 690px;
}


/*--------------------------products------------------------------*/

/*--------------------------register------------------------------*/

.regis-col1{
	float: left;
	padding: 50px 0px 20px 50px;
}

.regis-table td{
	padding: 5px;
}

.regis-col2{
	float: right;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
}

.regis-button{
	text-align: center;
}

#contact-submit{
	background : url(../images/submit-button.gif) repeat-y left top;
	height: 30px;
	width: 86px;
	border: none;
	cursor: pointer;
	margin: 20px;
}

#contact-reset{
	background : url(../images/reset-button.gif) repeat-y left top;
	height: 30px;
	width: 86px;
	border: none;
	cursor: pointer;
	margin: 20px;
}


/*--------------------------register------------------------------*/


/*--------------------------Trianing------------------------------*/

li.tra-text-color a{
	color: #EE9513;
}

.train-col2 h3{
	font-size: 12px;
	font-weight: bold;
	color: #0983D1;
	padding-top: 20px;
}

.train-col2{
	padding-top: 10px;
}


/*--------------------------Trianing------------------------------*/

/*--------------------------news-events------------------------------*/

.news-col1{
	float: left;
	width: 45%;
}

.news-col2{
	float: right;
	width: 45%;
}

.news-box1 h3{
	font-size: 12px;
}

.news-box1{
	margin-top: 10px;
}

.news-text1 {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.news-text1 a:hover{
	color: #EE9513;
	text-decoration: none;
}

.news-h2{
	color: #EE9513;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0px;
}

.news-text2 li{
	float: left;
	width: 32%;
	margin-right: 10px;
	line-height: 200%;
}

.news-text2 li h4{
	background : url(../images/icon1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
	color: #0983D1;
	font-size: 12px;
}

.news-text2 li p{
	padding-left: 15px;
}

.news-text2 li span{
	margin-left: 230px;
}

.news-text3 li{
	margin-right: 10px;
	line-height: 200%;
}

.news-text3 li h4{
	background : url(../images/icon1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
	color: #0983D1;
	font-size: 12px;
}

.news-text3 li p{
	padding-left: 15px;
}

.news-text3 li span{
}

.news-detail-box1{
	margin: 15px 0px;
}

.news-detail-box1 span{
	float: right;
}

.news-title{
	font-size: 14px;
	font-weight: bold;
	color: #0983D1;
}

.news-detail-box2 p{
	line-height: 150%;
}

.news-detail-box2 img{
	float: left;
	margin: 0px 15px 5px 0px;
}

div.news-author{
	text-align: right;
	font-weight: bold;
}


/*--------------------------news-events------------------------------*/

/*--------------------------contact------------------------------*/

.contact-col1{
	float: left;
	margin-top: 20px;
	margin-right: 140px;
}

.contact-col2{
	float: left;
	margin-top: 20px;
	font-size: 12px;
	line-height: 200%;
}

.contact-table td{
	padding: 5px;
}

.contact-table span{
 color: #EE9513
;
}

.textarea-style{
	border: none;
	background-color: #A9A9A9;
	padding: 3px;
	width: 270px;
	height: 100px;
}

.textarea-border{
	border: dotted 1px #A9A9A9;
	padding: 1px;
	width: 276px;
}

.contact-button{
	margin-left: 130px;
}

.contact-col2 h3{
	font-size: 14px;
	font-weight: bold;
}

td.text-posi{
	vertical-align: top;
	padding-top: 10px;
}


/*--------------------------contact------------------------------*/
.error, .messages, .form-error {
	font-size: 14px;
	font-weight: bold;
	color: red;
	text-align: center;
}

/*--------------------------footer------------------------------*/

.footer{
	text-align: center;
	margin: 20px 0px;
}


/*--------------------------footer------------------------------*/

