body
{
        background:#222221 url(../images/wrapper_site.gif) top center repeat;
        color: #BBBBBB;
        font-size: 12px;
		line-height:18px;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
}


.main
{
	margin: 0 auto; 
	width: 989px; 
	padding:0;
	text-align:left;
	min-width:989px;
	
}


a{color:#21A5DB;}
a:hover { text-decoration:none;}
a:hover {text-decoration:none}
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 \__________________________________________________________________
--------------------------------------------------------------------------------------- */

.top-menu li,
.slider-title,
.menu li,
.blog h2, .item-page h2, .title-sub, .blog-featured h2, .items-more h3, .stylebox1-title h3,  .pane-sliders h3, .title, .word label,
.row-text h3,
.footer h3
{font-family: 'Swiss721RomanCondensed';}





/*         ________
__________/ header \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.tail-top{ background:url(../images/tail-top.jpg) 0 0 repeat-x;}
.site-bg-center{ background:url(../images/site_bg_center.jpg) top center no-repeat;}

.row-logo{ min-height:104px;}


/*logo*/
.logo{
	background:url(../images/logo.png) 0 0 no-repeat;
	width:369px;
	height:73px;
	top:19px;
	left:40px;
}
/**/


.header-row{ background:url(../images/header-row.gif) 0 0 repeat-x; min-height:46px; margin:0 25px 0 25px;}



/*search-box*/
.search-box{
	background:#060606;
	width:260px;
	 height:27px;
	 z-index:9;
	 left:664px;
	 top:9px;
	 overflow:hidden;
	 
	 -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.search-box label{ display:none;}
.search-box #mod-search-searchword{
	position:absolute;
	background:none;
	border:none;
	top:5px; left:10px;
	width:216px;
	color:#4E4E4E;
	 font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  outline:none;
	  line-height:1.2em;
}
.search-box .button{
	position:absolute;
	background:url(../images/button_search.gif) 0 0 no-repeat;
	width:23px;
	height:22px;
	top:2px;
	left:232px;
	border:none;
	display:block;
	position:relative;
	text-decoration:none;
	line-height:0;
	font-size:0;
}
.search-box .button:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.search-box img{ display:none !important;}
/**/





/*         _________
__________/ content \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.content-corner-top{ background:url(../images/content-corner-top.png) 0 0 no-repeat; height:8px;}
#content{ position:relative; background:url(../images/content_wrapper.png) 0 0 repeat-y;}
#container{overflow:hidden; text-align:left;}
#right{ float:right; text-align:left;    width:350px;}
.right-indent{padding:0 0 0 35px}
#left{ float:left; text-align:left;    width:196px;}
.left-indent{padding:0 28px 0 0}

.content-indent{ padding:15px 54px 21px 45px;}

/*stylebox1-indent*/
/**/


/*on-line style*/
.button, button{
	background:url(../images/button_bg.gif) 0 0 repeat-x;
	text-align:center;
	height:22px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
	line-height:1.2em;
	padding-bottom:2px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 15px;
	
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display:inline-block;
  border:none;
  
}
.button:hover, button:hover{ background:#545454; text-decoration:none !important;}




/**/




/*top-box*/
.top-box{ background:url(../images/top-box.jpg) 0 0 no-repeat; min-height:179px;}
.top-box-inner{
	padding:30px 107px 22px 68px; 
	color:#B5B5B5; 
	font-size:16px; 
	line-height:1.2em; 
	font-family:"Times New Roman", Times, serif; 
	font-style:italic;
}
.top-box h2{ color:#FFFFFF; font-size:29px; line-height:1.2em; padding:0 0 13px 4px;}
/**/


/*main menu*/
#content .menu li{ background:url(../images/main_menu_marker.png) 0 5px no-repeat; padding:0 0 16px 19px; font-size:14px; text-transform:uppercase;}
#content .menu li a{ color:#A6A6A6; text-decoration:none;}
#content .menu li a:hover, #content .menu .current a, #content .menu .active a{ color:#FFFFFF;}
/**/


/*row-text*/
.row-text .col-1{ width:148px;}
.row-text .col-2{ width:152px;}
.col-1-left{ margin-left:20px;}
.img-border, .alignleft{ border:5px solid #353535;}
.img-border:hover, .alignleft:hover{ border:5px solid #565656;}
.row-text h3{ color:#C1C1C1; font-size:14px; text-transform:uppercase; padding:17px 0 7px 0;}
/**/

#powerfulmodcontent{ background:none !important;}

/*Login*/
#login-form #modlgn-username, #login-form #modlgn-passwd{
	width:147px; 
	height:24px; 
	background:#0C0C0C;
	color:#5C5C5C;
	 font-size:12px;
	 line-height:16px;
	 padding:1px 2px 3px 8px;
	 margin-bottom:7px;
	 border:1px solid #232323;
	 font-family:Arial, Helvetica, sans-serif;
}
#form-login-remember{ padding:4px 0 11px 0; color:#D8E3EB;}
.extra-reg{top:2px;  left:109px; color:#5383C3; font-size:12px;}
.moduletable{ position:relative;}
#modlgn-remember{ float:left; margin:2px 4px 0 0;}





.login-greeting{ display:block; padding-bottom:11px; color:#21A5DB; font-size:14px;}
.box-form{ padding:0 0 11px 0;}
.ligin-link1 a{ color:#21A5DB;}
.ligin-link2 a{ color:#155887;}
.extra-reg { color:#155887;}
/**/



/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */
.footer-box-top{ background:url(../images/footer-box-top.jpg) 0 0 no-repeat; height:4px; width:989px;}
.footer-box{
	background:url(../images/footer-box.jpg) 0 0 repeat-y;
	padding:30px 31px 16px 52px;
}
.footer-box-bottom{ background:url(../images/footer-box-bottom.jpg) 0 0 no-repeat; width:989px; height:40px; margin-bottom:110px;}


.footer-box .col-1{ width:189px;}
.footer-box .col-1 h3{ padding:2px 0 6px 11px;}
.footer-box .col-2{ width:714px;}

/*footer*/
.footer-col-1{ width:168px;}
.footer-col-2{ width:169px; margin-left:19px;}
.footer-col-3{ width:310px; margin-left:28px; line-height:1.7em;}
.title-top{ margin-top:31px;}
.footer-col-3 .link1{ color:#155887;}

.footer, .footer a{ color:#6F6F6F;}
.footer h3{ color:#FFFFFF; font-size:16px; line-height:1.2em; text-transform:uppercase; padding:0 0 21px 0;}
.footer .footer-col-3 h3{padding:0 0 12px 0;}
.footer-col-3 strong{ text-transform:uppercase;}

.footer li{
	background:url(../images/list_marker.png) 0 5px no-repeat;
	padding:0 0 11px 20px;
}
.footer li a{ color:#AEAEAE; text-decoration:none;}
.footer li a:hover{ color:#FFF;}

.left-indent{ padding-left:7px;}
/**/



.gallery .content-links, .gallery br, .gallery tbody, .caption, .img_caption {
    display: none;
}



/*         _____________
__________/ social-icon \_________________________________________________________________
--------------------------------------------------------------------------------------- */
.social-icon {
    list-style: none;
    display: inline-block;
	right:0;
	position:absolute;
	width:183px;
	padding:36px 0 0 0;
}
    
.social-icon li {
    padding: 0px;
    float: left;
    position: relative;
    width: 48px;
    height: 35px;
}

.social-icon li a {
    position: absolute;
}

.social-icon li img {
    position: absolute;
    width: 35px;
    top: 0px;
    left: 0px;
    padding: 0px;
    border: none;
    overflow: hidden;
}


/*         _____________
__________/ Coda-Slider \_________________________________________________________________
--------------------------------------------------------------------------------------- */
/*slider-content*/
.lisder-list{ overflow:hidden; width:940px; }
.lisder-list li, .lisder-list li a{ display:block; float:left;}
.lisder-list li{ width:188px; overflow:hidden; height:350px;}
.box-img{
	position:absolute;
	width:187px;
	height:97px;
	background:url(../images/box-img.png) 0 0 repeat;
	top:350px;
	display:block;
}

.slider-title, .slider-text{position:absolute; display:block; line-height:1.2em;}
.slider-title{ color:#FDFCFB; font-size:18px; top:15px; left:13px; text-transform:uppercase; }
.slider-text{ color:#ABABAB; font-size:12px;   top:43px; left:108px; }

/**/




/* Most common stuff you'll need to change */

	.coda-slider-wrapper {
		background:url(../images/slider-wrapper.png) 0 bottom no-repeat; 
		height:383px;
		position:relative;
		width:990px;
	}
	.coda-slider {  margin:0 0 0 25px !important;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height:350px;}
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 940px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 940px }
	.coda-slider-wrapper.arrows .coda-slider {}
	
	
	
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a{ display:block;  width:23px; height:33px; top:167px;  font-size:0; position:absolute; line-height:0; text-transform:-10000px;}
	.coda-nav-left a { background:url(../images/slider_left.png) 0 0 no-repeat; left:-1px;}
	.coda-nav-right a { background:url(../images/slider_right.png) 0 0 no-repeat; width:23px; height:33px; left:966px;}
	
	.coda-nav-left a:hover, .coda-nav-right a:hover{ background-position:0 -33px;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; }
	.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 { position:absolute; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	


/*         ________________
__________/ news-container \_____________________________________________________________
--------------------------------------------------------------------------------------- */
#news-container{ height:260px !important;}
#news-container li{ background:url(../images/border.gif) bottom left repeat-x; height:87px; width:100%; overflow:hidden; clear:both;}


.news-button{
		background:url(../images/border.gif) 0 0 repeat-x;
		padding:21px 0 0 0;
	}
.news-button a{
	background:url(../images/button.png) 1px 0 no-repeat;
	 font-size:12px;
	 color:#21A5DB;
	 text-decoration:underline;
	 text-align:center;
	 line-height:1.2em;
	 padding:0 0 0 24px;
}
.news-button a:hover{ color:#FFF; text-decoration:none;}


.img-box {  width:350px; overflow:hidden; clear:both; padding:11px 0;}
.img-box .col-1{ width:85px;  }
.img-box .col-2{ width:227px;}

.img-box span{ color:#9E9E9E; font-size:11px;}
.img-box h3 a{ color:#FFFFFF; font-size:14px; font-weight:normal; line-height:1.2em; text-decoration:none; font-weight:bold;}
.img-box h3 a:hover{ color:#21A5DB;}
.img-box p{ color:#BABABA; font-size:11px;}

