@charset "UTF-8";

/* ----------------------------------------GLOBAL PROPERTIES---------------------------------------------------------------- */

body, img, a, span, p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form { 	margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7e7474; text-align:center; }
ul { list-style:none; }
img, fieldset { outline: 0px none; border:none; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696f72; border:none; margin:0; padding:0; }
a { color:#f78f1e; text-decoration:underline; }
a:hover { color:#f78f1e; text-decoration:none; }
a:focus { outline: 0px none; }
.clear { clear:both; }
br.clear { height:0px; line-height:0px; font-size:0px; }
p { line-height:20px; }
h2 { font-size:24px; font-weight:normal; }
h3 { font-size:18px; font-weight:normal; }
h4 { font-size:13px; font-weight:normal; }
h5 { font-size:12px; }
h6 { font-size:11px; }
td {
	vertical-align: top;
}

/* ----------------------------------------END GLOBAL PROPERTIES---------------------------------------------------------------- */

.imageWithBorder {
	padding: 3px;
	border: 1px solid #dcdcdc;
}
.smallText {
	font-size: 11px;
}

.indentFirstLine {
	text-indent: 30px;
}

.indentFullParagraph {
	margin-left: 30px !important;
}


/**************************** FORM */
form .inputText {
	width: 230px;
	padding: 5px;
	border: 1px solid #cccccc;
	float: left;
	margin-bottom: 5px;
}

form .inputTextShort {
	width: 90px;
	padding: 5px;
	border: 1px solid #cccccc;
	float: left;
	margin-bottom: 7px;
}

form select.inputText {
	width: 242px;
}
form .inputCheckbox {
	margin: 0px 0px 2px 3px;
	vertical-align: middle;
}

form.formSmall input.inputText {
	width: 180px;
}

form label {
	float: left;
	width: 180px;
	margin: 5px 15px 5px 0px;
}

form label.row {
	width: auto;
}

form.formSmall label {
	width: 90px;
}

form span.req {
	margin-left: 5px;
}

form span.cur {
	float: right;
	font-weight: bold;
}

form .inputSubmit {
	margin: 10px 0px;
}

form fieldset {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	position: relative;
}

form fieldset legend {
	display: block;
	position: relative;
	padding: 0px 0px 10px 0px;
	margin: 0px/* 0px 10px 0px*/;
	font-weight: bold;
	color: #7E7474;
}

form div.errMsg {
	padding: 2px;
	font-size: 11px;
	float: left;
	width: 200px;

}

/* ---------------------------------------- STRUCTURE SITE ---------------------------------------------------------------- */


#main { /*width:auto;margin:auto;*/  }	
	#header { /*width:auto;*/ height:96px; background:#020921; }
		#headerContent { width:960px; height:96px; text-align:left; margin:auto; background: url(../images/bg/header.jpg); }
		#headerContent h1 { float:left; margin:26px 0 0 0; }
		#nav { margin:50px 0 0 0; float:right; overflow:hidden; width: 700px; height: 24px;  }
		#nav li { display:block; float: left; height:24px; }
		#nav li span { display: block; }
		
		/* Navigation */
		#nav li a {
			display:block; 
			height:24px; 
			/*cursor:pointer; */
			text-indent: -999999em; 
			margin:0 0 0 30px;
			background-image: url(../images/nav/nav.gif);
			background-repeat: no-repeat;
		}
		
		li#navHome a {
			background-position: -11px top;
			width: 54px;
			margin-left: 0px;
		}
			li#navHome.active a, li#navHome a:hover {
				background-position: -11px bottom;
			}
			
		li#navAbou a {
			background-position: -79px top;
			width: 59px;
		}  
			li#navAbou.active a, li#navAbou a:hover {
				background-position: -79px bottom;
			}
			
		li#navProd a {
			background-position: -149px top;
			width: 150px;
		}  li#navProd.active a,
			li#navProd a:hover {
				background-position: -149px bottom;
			}
		
		li#navKnow a {
			background-position: -313px top;
			width: 122px;
		}  li#navKnow.active a,
			li#navKnow a:hover {
				background-position: -313px bottom;
			}

		li#navCont a {
			background-position: -513px top;
			width: 73px;
		}  li#navCont.active a,
			li#navCont a:hover {
				background-position: -513px bottom;
			}

		li#navLogi a {
			background-position: -597px top;
			width: 91px;
		}  li#navLogi.active a,
			li#navLogi a:hover {
				background-position: -597px bottom;
			}

	
	#banner { /*width:auto;*/height:315px; overflow:hidden; }
	
	#maincontent { /*width:auto;*/ background:#FFFFFF url(../images/bgd_maincontent.gif) top repeat-x; padding:25px 0; }
		#content { width:960px; text-align:left; margin:0px auto; }
			
			#contentBlock { width:960px; background:url(../images/bgd_loop_content.gif) repeat-y; }
			#topcontentBlock { width:960px; background:url(../images/bgd_top_content.gif) top no-repeat; overflow: hidden; }
			#bottomcontentBlock { width:960px; background:url(../images/bgd_bottom_content.gif) bottom no-repeat; padding:40px 0; }
			
			#ads { width:960px; height:109px; margin:40px 0 0 0; }
			
			#leftContent { width:222px; float:left; font-size:11px; }
				#leftContent h4 { margin: 13px 0 15px 25px; color:#FFFFFF; width: 190px; }
				#leftContent li { display:inline; }
				#leftContent li a { width:170px; background:url(../images/bgd_nav.gif) bottom repeat-x; padding:10px 27px 10px 25px; display:block; color:#b3bbc7; text-decoration:none; }
				#leftContent li a:hover, #leftContent li a.active { text-decoration:none; background:#002937 url(../images/bgd_nav_o.gif) top no-repeat; }
				#leftContent li.active a, #leftContent li.active a:hover,
				#leftContent li a.subpages, #leftContent li a.subpages:hover { text-decoration:none; background:#002937 url(../images/bgd_nav_d.gif) top no-repeat; }
				#leftContent li.active li a, #leftContent li.active li a:hover,
				#leftContent li li a { background: url(../images/bgd_nav.gif) bottom repeat-x; padding:10px 40px; width:142px;  text-decoration:none; }
				#leftContent li.active li a:hover, #leftContent li li a:hover, #leftContent li li a.active { background:#35475f url(../images/bgd_nav.gif) bottom repeat-x; }
				#leftContent div { width:188px; margin:20px 0px 0 0px; }
				
			#rightContent { width:658px; float:left; padding:0 0 0 40px; _height: 400px; min-height: 400px; }
				#rightContent h2 { /*width:658px;*/ margin:0 0 20px 0; color:#072857; }
	
	#footer { width:auto; padding:35px 0; background:#3a3e4f; }
		#footerContent { width:960px; text-align:left; margin:auto; color:#FFFFFF; font-size:11px; }
			#footerContent div { width:225px; float:left; }
			#footerContent h6, #footerContent p, #footerContent li { line-height:24px; }
			#footerContent a { color:#FFFFFF; text-decoration:none; }
			#footerContent a:hover { text-decoration:underline; } 
			
			div#copyright { width:270px; text-align:right; float:right; }


/* ---------------------------------------- END STRUCTURE SITE ---------------------------------------------------------------- */




/* ---------------------------------------- HOMEPAGE ---------------------------------------------------------------- */


		#maincontentHome { width:auto; }
		
			/* Top Home */
			
			#topHome { background:#d5d7db url(../images/bgd_topHome.gif) top repeat-x; padding:25px 0 25px 0; }
			#topContentHome { width:960px; text-align:left; margin:auto; }
			
			
					#tab { width:648px; float:left; background:#fefefe; overflow:hidden; }
						#tab ul { width:649px; height:35px; overflow:hidden; }
						#tab li { display:inline; }
						#tab li a { float:left; height:30px; background-image: url(../images/tabs.gif) }
						#tab li a span { display:none; }
						
						#tab01 a 				{ background-position: 0px top; width: 159px; }
						#tab01 a:hover 		{ background-position: 0px center; }
						#tab01 a.selective	{ background-position: 0px bottom; }
						#tab02 a 				{ background-position: -159px top; width: 171px; }
						#tab02 a:hover 		{ background-position: -159px center; }
						#tab02 a.selective 	{ background-position: -159px bottom; }
						#tab03 a 				{ background-position: -330px top;  width:149px; }
						#tab03 a:hover 		{ background-position: -330px center; }
						#tab03 a.selective 	{ background-position: -330px bottom; }
						#tab04 a 				{ background-position: -479px top;  width:170px; }
						#tab04 a:hover 		{ background-position: -479px center; }
						#tab04 a.selective 	{ background-position: -479px bottom; }
						
					
					#tabContent { background:#fefefe url(../images/bgd_bottom_tab.gif) bottom no-repeat; /*width:577px;*/ padding:25px 25px 15px 25px; }
						#tabContent img { width:147px; height:134px; background:url(../images/bgd_visual_tab.gif) no-repeat; padding:4px; float:left; }
						#tabContent div.contentTab { width:600px; /*display:none; margin-bottom: 20px;*/ }
						#tabContent div.contentTab div.contentBlock { width:410px; float:right; display:block; margin: 0px 10px 0px 0px;}	
						#tabContent div.contentTab div.cms { width: auto; }
						#tabContent div.contentTab div.cms p { margin:0 0 10px 0; }
						#tabContent  h3 { color:#2a4061; margin:0 0 8px 0; }
					
					
					#newsHome { background:url(../images/bgd_top_news.gif) top no-repeat; width:290px; padding:16px 0 0 0; float:right; }
						#newsContentHome { background:#fefefe url(../images/bgd_bottom_news.gif) bottom no-repeat; width:250px; padding:0 20px 28px 20px; min-height:190px; _height: 190px; }
						#newsContentHome h4 { color:#0b254a; font-weight:bold; margin:0 0 12px 0; border-bottom:1px solid #eaeaea; padding:0 0 12px 0; }
						#newsContentHome dl { padding:0 0 10px 0; }
						#newsContentHome dt a { color:#0f253f; font-weight:bold; text-decoration:none; }
						#newsContentHome dt a:hover { text-decoration:underline; }
						#newsContentHome dd { font-size:11px; margin:3px 0 13px 0; padding:0 0 13px 0; border-bottom:1px solid #eaeaea; }
					
			
			/* Top Home */
			
			
			
			/* Bottom Home */
			
			#bottomHome { background:#FFFFFF url(../images/bgd_bottomHome.gif) top repeat-x; padding:30px 0 35px 0; }
			#bottomContentHome { width:960px; text-align:left; margin:auto; }
				#bottomContentHome h2 { margin:0 0 20px 0; color:#072857; }
				
				#leftBottomHome { width:666px; float:left; }
					#leftBottomHome .slide { width:222px; float:left; margin-bottom: 20px; }
					#leftBottomHome .slide h5,
					#leftBottomHome .slide p, 
					#leftBottomHome .slide a.moreLink { padding: 0px 5px; }
					#leftBottomHome img { width:172px; height:90px; background:url(../images/bgd_visual.gif) no-repeat; padding:4px; }
					#leftBottomHome h5 { color:#0f253f; width:180px; margin:10px 0 5px 0; }
					#leftBottomHome p { font-size:11px; line-height:20px; width:180px; margin:0 0 5px 0; }
					
					
					#slideshow { width:630px; position:relative; }
					#slidesContainer { width:630px; }
					
					#slideshow .control { width:7px; height:7px; text-indent:-10000px; position:absolute; float:left; display:block; cursor:pointer; }
					#leftControl { background:url(../images/btn_previous_n.gif) no-repeat; left:590px; top:-20px; }
					#rightControl { background:url(../images/btn_next_n.gif) no-repeat; left:610px; top:-20px; }
					#slideshow span.activeLeft { background:url(../images/btn_previous_o.gif) no-repeat; }
					#slideshow span.activeRight { background:url(../images/btn_next_o.gif) no-repeat; }
			
				
				#rightBottomHome { width:290px; float:right; }
					#rightBottomHome div { width:290px; margin:20px 0 0 0; }
			
			/* Bottom Home */
			
			
/* ----------------------------------------END HOMEPAGE ---------------------------------------------------------------- */






/* ---------------------------------------- CONTENT PAGES ---------------------------------------------------------------- */



				#generalContent { width:658px; }
					#generalContent p, #generalContent ul { margin:0 0 20px 0; }
					#generalContent h4 { color:#102a4e; font-weight:bold; margin: 0px 0px 10px 0px; }
					#generalContent .context { width:360px; float:left; }
					#generalContent .contextFull { padding-right: 10px;  }
					#generalContent .visual { width:270px;  float:right; text-align: right; overflow: hidden; }
					#generalContent .visual img { margin-bottom: 20px; padding:3px; border:1px solid #dcdcdc; }
					#generalContent h1 {
						margin: 0px 0px 20px 0px;
						font-size: 25px;
					}
					#generalContent h3, #generalContent h2 {
						margin: 0px 0px 15px 0px;
					}
					#generalContent ul {
						list-style: disc inside;
						margin: 0px 0px 20px 0px;
						padding: 0px 0px 0px 20px;
						line-height: 20px;
					}
					#generalContent ol {
						margin: 0px 0px 20px 0px;
						padding: 0px 0px 0px 40px;
						line-height: 20px;
					}
					#generalContent h5 {
						margin: 0px;
					}
					#generalContent h6 {
						color: #102a4e;
						margin: 0px;
					}


/* ---------------------------------------- END CONTENT PAGES ---------------------------------------------------------------- */




/* ---------------------------------------- NEWS PAGE ---------------------------------------------------------------- */


				#news { width:658px; }
					#news div { width:658px; border-bottom:1px solid #f1f1f1; padding:0 0 20px 0; margin:0 0 20px 0; }
					#news img { float:left; border:1px solid #e5e0e0;/* width:74px; height:34px;*/ width: 75px; padding:2px; }
					#news dl { width:530px; margin:0 0 0 15px; float:left; line-height:20px; }
					#news dt a { font-weight:bold; font-size:13px; color:#102a4e; text-decoration:none; } 
					#news dt a:hover { text-decoration:underline; }
					#news ul { width:658px; margin:10px 0 0 0; }
					#news li { display:inline; }
					#news li a, #news li span { float:left; margin:0 20px 0 0; font-weight:bold; color:#6f6f6b; text-decoration:none; }
					#news li a:hover, #news .active a { color:#f78f1e; }
					
					
				span.date {
					display: block;
					margin: -20px 0px 20px 0px;
					color: #102a4e;
				}
				span.back {
					display: block;
					border-bottom:1px solid #f1f1f1;
					/*margin: -20px 0px 20px 0px;*/
					padding: 15px 0px 30px 0;
				}


/* ---------------------------------------- END NEWS PAGE ---------------------------------------------------------------- */

div#cmsContent p {
	margin: 10px 0px 20px 0px;
}

div#faqs dt {
	margin: 0px 0px 15px 0px;
}

div#faqs dt a {
	color: #102a4e;
	font-size: 13px;
	text-decoration: none;
}

div#faqs dt a:hover {
	text-decoration: underline;
}

div#faqs dd {
	margin: 15px 0px 20px 0px;
	border-bottom:1px solid #f1f1f1;
}

div#faqs dt.active {
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #f1f1f1;
}
/* ----------------------------------------------------------- */

#generalContent .columnLeft {
	float: left;
	width: 310px;
}

#generalContent .columnRight {
	float: right;
	width: 310px;
	padding-left: 25px;
	border-left: 1px solid #ddd;
}
/* ----------------------------------------------------------- */
div#articleComments ul.commentList {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #F1F1F1;
}

div#articleComments ul.commentList li {
	margin: 0 0 15px 0;
}

div#articleComments ul.commentList .commentMsg {
	display: block;
}

div#articleComments ul.commentList .commentName {
	color: #102A4E;
	padding-right: 5px;
}

div#articleComments ul.commentList .commentDate {
	/*font-size: 11px;*/
	color: #bbb;
}