body
{
        background:#ffffff;
        color: #686868;
        font-size: 12px;
		line-height:18px;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		min-width:970px;
		margin:0;
}


.main
{
	margin: 0 auto; 
	width: 970px; 
	padding:0;
	text-align:left;
	min-width:970px;
	
}


a{color:#686868; text-decoration:none;}
a:hover { text-decoration:underline;}
a, button, .button{ cursor:pointer;}

.clear{  overflow:hidden; width:100%;}
.clear1{ clear:both;}
.br{ display:block;}
.fright{ float:right;}
.fleft{ float:left;}
.txt{ display:block; position:absolute;}
.txt1{ position:relative;}
.list0 li, .list0 li a{ display:block; float:left;}

/*         _______
__________/ fonts \_______________________________________________________________________
--------------------------------------------------------------------------------------- */


.text-logo,
.top-menu,
.login-row .col-4 input, 
.logout-button input,
.login-row .col-5 li a span,
.title-tab,
.coda-nav ul li a,
.stylebox1-title h3,
.title1,
.button-text,
.list-social-icon li a,
.footer .footer-logo,
.blog h2, .item-page h2, .title-sub, .blog-featured h2, .items-more h3, .stylebox1-title h3,  .pane-sliders h3, .title, .word label
{font-family: 'Swis721CnBTDTypeBold';}

.caption .text1,
.caption .text2
{font-family: 'NeouBold';}

.row-text1 h5
{font-family: 'Swiss721RomanCondensed';}

/*         ________
__________/ header \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.tail-header{ background:url(../images/tail_header.gif) 0 0 repeat-x; height:128px;}

#tail-left {
    background: url(../images/tail_left.jpg) repeat-x 0 0;
    float: left;
    height: 128px;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
}
.header{ background:url(../images/header.jpg) 0 0 no-repeat; height:128px;}


/*logo*/
.logo, .logo:hover{
	width:289px;
	height:71px;
	text-decoration:none;
	top:0;
	left:0;
	background:url(../images/logo.png) 0 0 no-repeat;
}

.text-logo strong{ font-weight:normal; font-size:36px;}
/**/


/*login-box*/
.login-box{
	top:12px;
	left:342px;
}
/**/


/*         _________
__________/ content \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
#content{ position:relative; padding:20px 5px 26px 5px;}
#container{overflow:hidden; text-align:left;}

#right{ float:right; text-align:left;    width:290px;}
.right-indent{padding:0 0 0 30px}
#left{ float:left; text-align:left;    width:290px;}
.left-indent{padding:0 30px 0 0}


.tail-content{ background:url(../images/tail_content.gif) 0 0 repeat-x;}
.container-indent{ padding:11px 0 0 0;}


/*on-line style*/
#content .button,
#content button{
	display:inline-block;
	height:32px;
	padding:0 15px;
	background:#629ac5;
	color:#FFF;
	border:none;
	
	 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#content .button:hover,
#content button:hover{
	background:#43a5db;
}
/**/



/*login-form*/

.login-row .col-1{ width:160px; padding-top:2px}
.login-row .col-2{ width:155px; padding-top:2px}
.login-row .col-3{ width:120px; padding-top:5px}
.login-row .col-4{ width:65px; padding-top:4px}
.login-row .col-5{ width:125px; }

.login-row .col-1 input,
.login-row .col-2 input{
	background:#282828;
	
	border-top:1px solid #090909;
	border-left:1px solid #141414;
	border-bottom:1px solid #4f4f4f;
	border-right:1px solid #3b3b3b;
	  
  color:#757575;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  
  width:138px;
  padding:0 0 0 10px;
  height:23px;
  line-height:1.2em;
}
.login-row .col-4 input, .logout-button input{
	background:#339cd5 url(../images/button_login.gif) 0 0 repeat-x;
	height:21px;
	
  color:#FFFFFF;
  font-size:12px;
  line-height:1.2em;
  font-family:Arial;
  padding:0 2px 3px 2px;
  text-transform:uppercase;
}
.login-row .col-4 input:hover, .logout-button:hover{ background:#359dd8;}
.login-row .col-3{ color:#a9a9a9; font-size:11px;}
.login-row .col-4 input{ vertical-align:middle;}
.login-row .col-5 li{ display:block; float:left; margin:1px 0  0 0;}
.login-row .col-5 li a{
	border:1px solid #1d1e1f;
	padding:1px;
	background:#646464;
	
	display:inline-block;
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
}
.login-row .col-5 li a span{
	display:inline-block;
	background:url(../images/buuton3.gif) 0 0 repeat-x;
	height:21px;
	width:116px;
	text-align:center;
	line-height:1.8em;
	color:#bababa;
	 -webkit-tex-shadow: 0px 3px 1px #0d0d0d;
  -moz-tex-shadow: 0px 3px 1px #0d0d0d;
  tex-shadow: 0px 3px 1px #0d0d0d;
}
.login-row .col-5 li a:hover span{ background:#2c2c2c;}

.login-greeting{ color:#a9a9a9; font-size:14px; display:block; padding:5px 0 3px 31px; float:left;}
.logout-button input{ margin:3px 0 0 31px; position:absolute;}
/**/



/*moduletable*/
.moduletable{ margin-bottom:21px;}
.s1{ margin-bottom:0;}
.s1 .stylebox1-text{ padding:0 0 31px 0;}

.stylebox1-indent{ background:url(../images/stylebox1-title.png) 0 0 no-repeat;}
.stylebox1-title h3{ text-align:center; line-height:1.4em; padding:13px 0 0 0 !important; display:block; font-size:26px;}
.stylebox1-text{ background:url(../images/stylebox1-text.png) 0 0 repeat-y; padding:20px}
.stylebox1-bottom{ background:url(../images/stylebox1-bottom.png) 0 0 no-repeat; height:4px;}
/**/



/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */



.img_caption { display:none;}


.tail-footer-box{ background:#1c1c1c url(../images/tail-footer-box.gif) top center repeat-y; padding:27px 0;}

.footer-box .col-1{ width:569px;}
.footer-box .col-2{ width:360px; margin-left:41px; padding-top:3px;}

.list-footer li{ background:url(../images/list-footer.png) 0 1px no-repeat; padding:0 0 15px 24px;}
.list-footer li:hover{ background:url(../images/list-footer1.png) 0 1px no-repeat;}
.list-footer li a{ color:#c4c4c4;}
.list-footer li:hover a{ color:#05c3ff; text-decoration:none;}

.list-footer-indent{ margin-left:60px;}


.list-social-icon .icon1{ background:url(../images/icon1.png) 0 0 no-repeat;  margin-right:40px;}
.list-social-icon .icon2{ background:url(../images/icon2.png) 0 0 no-repeat;}

.list-social-icon .icon1:hover{ color:#88b4fe;}
.list-social-icon .icon2:hover{ color:#73f5ff;}
.list-social-icon li, .list-social-icon li a{ display:block; float:left; text-decoration:none; height:73px;}
.list-social-icon li a{ padding:0 0 0 65px; color:#ffffff; font-size:18px; text-transform:uppercase;}
.list-social-icon span{ display:block; color:#88b4fe;}
.list-social-icon strong{ display:block; color:#73f5ff;}

.footer{ padding:22px 0; text-align:center; color:#ababab; line-height:1.5em;}
.footer a{color:#ababab; text-transform:uppercase; text-decoration:underline;}
.footer a:hover{ text-decoration:none;}

.footer .footer-logo{ color:#0d7cd5; font-size:18px; text-transform:uppercase; text-decoration:none; margin-right:5px;}
.footer .footer-logo:hover{ color:#363636;}



/*         _______________
__________/ header-slider \_______________________________________________________________
--------------------------------------------------------------------------------------- */
.tail-slider{ background:url(../images/tail-slider.gif) top center repeat-x;}
.slider{  z-index:1; position:relative;}
.slider-bottom{ background:url(../images/slider_bottom.gif) bottom left repeat-x; height:400px;}



.pix_diapo {
	height: 364px;
	margin: 0 0 0 0;
	overflow: hidden;
	position: relative;
	width: 970px;
}
.pix_diapo > div {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#pix_prev, #pix_next {
	cursor: pointer;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 1001;
}
#pix_prev, #pix_next, #pix_play, #pix_stop, #pix_pag_ul > li > .pix_thumb, #pix_canvas   { display:none !important;}


#pix_commands {
	cursor: pointer;
	display: block;
	float: left;
	height: 26px;
	margin: 15px 0 0 13px;
	position: relative;
	width: 24px;
}

#pix_pag {
	top:376px;
	left:413px;
	position:absolute;
	width: 157px;
	height:9px;
	z-index: 1002;
}



#pix_pag li{ 
	display:block; 
	float:left;  
	margin-left:21px;
	background:url(../images/page_bg.png) 0 0 no-repeat;
	width:9px;
	height:9px;
	font-size:0;
	text-indent:-10000px;
	line-height:0;
	cursor:pointer;
	
}
#pix_pag li.diapocurrent, #pix_pag li:hover{ background-position:0 -9px;}


#pix_pag_ul > li > .thumb_arrow {
	display:none;
}
.pix_relativize {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.elemHover {
	position: absolute;
}

.ui-loader {
	display: none;
}

.caption {
	top:82px;
	left:7px;
	display: block;
	width: 793px;
	line-height:1.2em;
}
.caption h3{ font-weight:normal;}
.caption span{ line-height:1em; display:block;}
.caption .text1{ color:#000000; font-size:30px;}
.caption .text2{ color:#ffffff; font-size:55px; padding:12px 0 0 0;}
.caption .text3{ color:#ffffff; font-size:50px;}






/*         _____
__________/ tab \_________________________________________________________________________
--------------------------------------------------------------------------------------- */



/* Most common stuff you'll need to change */

	.coda-slider {
		background: #363636;
		border:1px solid #484848;
		
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		
		margin-bottom:47px;
	}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 654px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 650px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background:url(../images/tab_button_act.gif) 0 0 repeat-x; color:#ffffff; border:1px solid #2e2e2e;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:28px 0 25px 28px;}
	
	/* Preloader */
	.coda-slider p.loading { display:none; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block;overflow: hidden; width:670px !important; height:41px;}
	.coda-nav ul li { display: inline }
	.coda-nav ul li a {
		background:#c3c3c3 url(../images/tab_button.gif) 0 0 repeat-x;
		border:1px solid #cacaca;
		color: #363636; 
		display: block; 
		float: left; 
		margin-right: 2px;
		height:46px;
		text-decoration: none ;
		font-size:18px;
		text-transform:uppercase;
		line-height:2.4em;
		padding:0 31px;
		
		-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
	}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { display:none; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
/*content-tab*/
h4.title-tab{ color:#ffffff; font-size:24px; line-height:1.2em; text-transform:uppercase; padding-bottom:23px;}
.panel-wrapper .title{ display:none;}

.box-tab{ color:#ffffff;}
.box-tab .col-1{ width:289px;}
.box-tab .col-2{ width:289px; margin-left:36px;}
.tab_bg_text{
	background:url(../images/tab_bg_text.png) 0 0 no-repeat; 
	width:57px; 
	height:57px; 
	display:block; 
	float:left; 
	margin:0 19px 0 0;
	text-align:center;
	color:#ffffff;
	font-size:30px;
	line-height:2em;
}
.box-tab strong a{ color:#91ccff; text-decoration:none; text-transform:uppercase;}
.box-tab strong a:hover{ text-decoration:underline;}
.img-top{ margin-top:25px;}


.title-line{
	background:url(../images/title-line.gif) bottom left repeat-x;
	color:#363636;
	font-size:24px;
	line-height:1.2em;
	padding:0 0 7px 0;
	text-transform:uppercase;
	margin-bottom:23px;
}
.img-border{ border:5px solid #848484;}

.row-text1 h5{  font-weight:normal; text-transform:uppercase; font-size:18px;}
.row-text1 h5 span{ color:#2574bd;}
.row-text1 .col-1{ width:188px;}
.row-text1 .col-2{ width:188px; margin:0 45px;}
.row-text1 .col-3{ width:188px;}

.img-indent{ margin:7px 0 11px 0;}
.text1{ color:#0e62a3;}
.indent-top-bottom{ padding:11px 0;}
.button-text{
	background:url(../images/button-text.png) 0 0 no-repeat;
	width:120px;
	height:39px;
	display:block;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	line-height:2.2em;
}
.button-text:hover{ text-decoration:none; color:#ffffff;}
/**/
	
	
/*         ______
__________/ news \________________________________________________________________________
--------------------------------------------------------------------------------------- */	
.title1{
	background:url(../images/stylebox1-titlea.png) 0 0 no-repeat; 
	height:53px; 
	text-align:center;
	color:#363636;
	font-size:26px;
	font-weight:normal;
	line-height:2.1em;
}
.title1 span{ color:#5196df;}



.news-border{
	
	padding:0 0 0 0;
	margin:0 0 0 29px;
	width:211px;
}
.top-indent{ height:0; overflow:hidden; font-size:0; line-height:0;}
.img-indent1{ border:3px solid #cecece; float:left; margin:0 11px 0 0;}

.news-border strong  a{ color:#0d7fe0;}
.news-border{ color:#363636; text-align:justify;}

.link1{
	background:url(../images/list.png) 0 0 no-repeat;
	display:inline-block;
	width:10px;
	height:7px;
	margin:6px 0 0 4px;
}
.link1:hover{ background-position:0 -7px;}


#news-container{ margin:0 20px 0 20px;}
#news-container .row-news{ background:url(../images/news-sep.gif) bottom left repeat-x;  min-height:185px; padding-top:25px;}