body
{
        background:#E9E9E9 url(../images/tail_content.jpg) top center repeat-x;
        color: #5D5C5C;
        font-size: 12px;
		line-height:1.5em;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		min-width:968px;
		margin:0;
}


.main
{
	margin: 0 auto; 
	width: 968px; 
	padding:0;
	text-align:left;
	min-width:968px;
	
}


a{color:#4D7D08; 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;}

body.contentpane{ background:#FFF; margin:10px; width:auto; text-align:left; color:#000;}
body.contentpane div{ color:#000;}

/*         _______
__________/ fonts \_______________________________________________________________________
--------------------------------------------------------------------------------------- */


.logo a,
.top-menu
{font-family: 'BebasNeueRegular';}

.caption-top h3,
.blog h2, .item-page h2, .title-sub, .blog-featured h2, .items-more h3,  .pane-sliders h3, .title, .word label,
.content-bg .button,
.content-bg button,
.moduletable h3,
.footer-box .footer-title,
.row-button .button,
.contact .title a span
{font-family: 'MyriadProCondRegular';}


/*         ________
__________/ header \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.tail-content{ }
.home .slider-bg{ background:url(../images/slider_bg.jpg) center 197px no-repeat;}


/*header*/
.header{ height:105px;}
/**/

/*logo*/
.logo a{
	top:23px;
	left:4px;
	background:url(../images/logo.png) 0 5px no-repeat;
	padding:0 0 0 24px;
	text-transform:uppercase;
	color:#878787;
	font-size:52px;
	line-height:1.2em;
	text-decoration:none;
	width:312px;
	font-weight:normal;
	
	 -webkit-text-shadow: 0px 1px 1px #FFF;
  -moz-text-shadow: 0px 1px 1px #FFF;
  text-shadow: 0px 1px 1px #FFF;
}
.logo a span{ color:#91B716;}
/**/

/*search*/
.search-box {
    overflow: hidden;
	top:1px;
	left:669px;
	width:295px;
	height:73px;
	position:absolute;
	background:url(../images/search-box.gif) 0 0 no-repeat !important;
}
.search-box label {	display:none;}
.search-box #mod-search-searchword {
	background:none;
	width:215px;
	height:30px;
	top:20px;
	left:29px;
	border:none;	
	line-height:2.9em;
	position:absolute;
  
  color:#FFF;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  outline:none;
}
.search-box .button {
    background:url(../images/search_button.png) 0 0 no-repeat;
	width:17px;
	height:19px;
	display:block;
	font-size:0; 
	line-height:0; 
	text-indent:-10000px;
	top:28px;
	left:254px;
	position:absolute;
	cursor:pointer;
	border:none;
   

}
.search-box .button:hover {		
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.search-box img {
    display: none !important;
}
/**/


/*social-icon*/
.header .social-icon{ top:41px; left:808px;}
.footer .social-icon{ margin:23px 0 0 6px;}
.social-icon li{ margin-left:11px;}
.social-icon li, .social-icon li a{ display:block; float:left; width:29px; height:29px;}
.social-icon .icon1{ background:url(../images/icon1.png) 0 0 no-repeat;}
.social-icon .icon2{ background:url(../images/icon2.png) 0 0 no-repeat;}
.social-icon .icon3{ background:url(../images/icon3.png) 0 0 no-repeat;}
.social-icon .icon4{ background:url(../images/icon4.png) 0 0 no-repeat;}

.social-icon li a:hover{	
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
/**/


/*         _________
__________/ content \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.content-bg{ padding:63px 0 56px 0; background:url(../images/content_shadow.png) 0 0 no-repeat;}
#container{
	overflow:hidden; 
	text-align:left;
	
	
}
.bg2{background:url(../images/top-box.gif) bottom left repeat-x;  padding-bottom:26px;}
#left{
	float:left; 
	text-align:left;    
	width:331px;
}
.left-indent{ padding:0 22px 0 0;}

#right{
	float:right; 
	text-align:left;    
	width:341px;

}
.right-indent{ padding:0 0 0 22px;}

/*on-line style*/
.content-bg .button,
.content-bg button
{
	background:#E5E5E5 url(../images/buttom.gif) 0 0 repeat-x;
	height:47px;
	
  display:inline-block;
  color:#878787;
   padding:0 12px;
   line-height:1.5em;
   text-decoration:none;
   font-size:30px;
   border:1px solid #DEDEDE;
   text-transform:uppercase;
   
    -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
   -webkit-box-shadow: 0px 3px 3px #BEBEBE;
  -moz-box-shadow: 0px 3px 3px #BEBEBE;
  box-shadow: 0px 3px 3px #BEBEBE;
   
}

.content-bg .button:hover,
.content-bg button:hover
{text-decoration:none !important; background:#FFF; color:#91B716;}

.button-top{ margin-top:21px;}
.img-border, .deep1 img{
	border:3px solid #FFF;
	 -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
   -webkit-box-shadow: 0px 3px 1px #BEBEBE;
  -moz-box-shadow: 0px 3px 1px #BEBEBE;
  box-shadow: 0px 3px 1px #BEBEBE;
  
}
.indent-top{ padding-top:15px;}
.img-indent{ float:left; margin:4px 44px 0 0;}
.indent-top-bottom{ padding:9px 0;}
.indent-top1{ padding-top:21px;}
/**/


/*moduletable*/
.stylebox1-text1{
	margin-bottom:30px;
	padding:16px 12px 12px 12px;
}

.content-bg div{
	-webkit-text-shadow: 0px 1px 1px #FFF;
  -moz-text-shadow: 0px 1px 1px #FFF;
  text-shadow: 0px 1px 1px #FFF;
}
/**/


/*Login*/
#login-form #modlgn-username, #login-form #modlgn-passwd{
	  background: url("../images/row-form-input.png") repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #353333;
    border-radius: 8px 8px 8px 8px;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: 0 3px 4px #232122 inset;
    color: #A1A1A1;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 28px;
    line-height: 1.8em;
    padding: 2px 0 0 11px;
    width: 250px;
	border-bottom:1px solid #434343;
	margin-bottom:13px;
  
  
}
.list-form{ background:url(../images/list-form-sep.gif) 0 0 repeat-x; padding:14px 0 0 0;}
.list-form li{ padding:0 0 11px 0; display:block; }
.list-form li:last-child{ background:none; padding-right:0;}
.list-form li:first-child{ padding-left:0;}
.list-form a{ color:#D96F99; text-decoration:underline;}
.list-form a:hover{ color:#FFF; text-decoration:none;}

#form-login-remember{ padding:7px 0 21px 0; color:#AFAFAF;}

.moduletable{ position:relative;}
#modlgn-remember{ float:left; margin:2px 9px 0 0;}



.box-form .button, .logout-button .button{ margin:0 3px 17px 0;}


.login-greeting{ display:block; padding-bottom:11px; color:#FFF; font-size:14px;}



.extra-reg{
	left:198px;
	padding:0 0 0 15px;
}
/**/


/*top-box*/
.top-box{ background:url(../images/top-box.gif) bottom left repeat-x; padding:0 0 26px 0; margin-bottom:49px;}
.top-box .col-1{ width:310px;}
.top-box .col-2{ width:301px; margin-left:19px;}
.top-box .col-3{ width:310px; margin-left:18px;}
.top-box div{
	-webkit-text-shadow: 0px 1px 1px #FFF;
  -moz-text-shadow: 0px 1px 1px #FFF;
  text-shadow: 0px 1px 1px #FFF;
  word-spacing:-1px;
}
.img-bottom{ margin-bottom:32px;}
/**/

/*bottom-box*/
.bottom-box{ margin:40px 0 0 0; background:url(../images/sep1_x.gif) bottom left repeat-x; padding-bottom:27px;}
.bottom-box .col-1{ width:177px;}
.bottom-box .col-2{ width:177px; margin-left:17px;}
.bottom-box h4{ color:#4D7D08; font-size:12px; margin-bottom:20px;}
.bottom-box h4 span{ display:block; color:#242424; font-weight:normal;}
.link-top{ padding-top:22px;}
/**/

/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */




/*tail-footer-box*/
.tail-footer-box{
	background:url(../images/tail-footer-box.gif) top center repeat;
}
.tail-footer-box1{ background:url(../images/tail-footer-box1.gif) 0 0 repeat-x;}
.footer-box{ padding:23px 0 32px 0;}
.footer-box .col-1{ width:310px;}
.footer-box .col-2{ width:301px; margin-left:19px;}
.footer-box .col-3{ width:310px; margin-left:20px;}
.footer-list li{
	background:url(../images/footer-list.gif) bottom left repeat-x;
	padding:8px 0;
}
.footer-list li a{ color:#BCF409; word-spacing:-1px;}
.footer-list li a:hover{ text-decoration:underline; text-decoration:none; color:#FFF;}

.row-col .col-1{ width:141px;}
.row-col .col-2{ width:143px; margin-left:20px;}

.footer-box .footer-title{
	color:#FFFFFF;
	font-size:20px;
	line-height:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:23px;
	
	-webkit-text-shadow: 0px -1px 1px #2A5604;
  -moz-text-shadow: 0px -1px 1px #2A5604;
  text-shadow: 0px -1px 1px #2A5604;
  background:url(../images/title_dot.gif) bottom left repeat-x;
  padding:0 0 4px 0;
}


.form-footer .row-form {
    height: 40px;
}
.form-footer .row-form input {
    
    background: url("../images/row-form-input.png") repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #353333;
    border-radius: 8px 8px 8px 8px;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: 0 3px 4px #3D6408 inset;
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 28px;
    line-height: 1.8em;
    padding: 1px 0 0 9px;
    width: 299px;
	border-bottom:1px solid #88B42B;
}
.form-footer textarea {
   
    background: url("../images/row-form-input.png") repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #353333;
    border-radius: 8px 8px 8px 8px;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: 0 3px 4px #3D6408 inset;
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 74px;
    line-height: 1.2em;
    overflow: auto;
    padding: 7px 0 0 11px;
    width: 299px;
	border-bottom:1px solid #88B42B;
}
.row-button {
    margin: 14px 0 0;
}
.row-button a {
    float: right;
    margin-left: 16px;
}



.row-button .button{
	background:#E5E5E5 url(../images/buttom1.gif) 0 0 repeat-x;
	height:29px;
	
  display:inline-block;
  color:#878787;
   padding:0 12px;
   line-height:1.7em;
   text-decoration:none;
   font-size:19px;
   border:1px solid #DEDEDE;
   text-transform:uppercase;
   
    -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  
   -webkit-box-shadow: 0px 3px 3px #51800E;
  -moz-box-shadow: 0px 3px 3px #51800E;
  box-shadow: 0px 3px 3px #51800E;
}

.row-button .button:hover{text-decoration:none !important; background:#FFF; color:#91B716;}

/**/





.tail-footer{ background:url(../images/tail-footer.gif) top center repeat-x; min-height:62px; border-bottom:1px solid #FFFFFF;}
.footer .col-1{width:300px; height:55px;} 
.footer .col-1 p{
	padding:28px 0 0 32px; color:#5D5C5C; font-size:12px;
	 -webkit-text-shadow: 0px 1px 1px #FFF;
  -moz-text-shadow: 0px 1px 1px #FFF;
  text-shadow: 0px 1px 1px #FFF;
}
.footer .col-1 a{ color:#4D7D08; text-decoration:none;}
.footer .col-1 a:hover{ text-decoration:underline;}
.footer .col-2{ margin-left:483px; width:176px; height:55px;} 

/*         _______________
__________/ header-slider \_______________________________________________________________
--------------------------------------------------------------------------------------- */
.slider{position:relative; z-index:1; height:506px;}



.pix_diapo {
	height: 506px;
	width:945px;
	margin: 0 0 0 0;
	position: relative;
	
}
.pix_diapo > div {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width:945px;
	height:506px;
	overflow:hidden;
}
.pix_diapo > div img{ z-index:1; top:29px; left:57px; position:absolute;}
#pix_prev, #pix_next {
	cursor: pointer;
	display: block;
	height: 56px;
	position: absolute;
	width: 37px;
	z-index: 1001;
	top:183px;
	opacity: 1 !important;
}
#pix_prev:hover{ background-position:0 -57px;}
#pix_next:hover{ background-position:0 -56px;}

#pix_prev{ background:url(../images/slider_left.png) 0 0 no-repeat; left:3px;}
#pix_next{ background:url(../images/slider_right.png) 0 0 no-repeat; left:927px;}
#pix_play, #pix_stop, #pix_pag_ul > li > .pix_thumb, #pix_canvas, #pix_commands   { display:none !important;}




#pix_pag {
	top:30px;
	left:899px;
	position:absolute;
	width: 180px;
	padding:0 0 0 0;
	z-index: 999999;
	
}


#pix_pag li{ 
	display:block;
	float:left;
	margin-right:8px;
	background:#383838;
	width:17px;
	height:17px;
	font-size:0;
	text-indent:-10000px;
	line-height:0;
	cursor:pointer;
	background:url(../images/pix_pag.png) 0 0 repeat;
	
}
#pix_pag li.diapocurrent, #pix_pag li:hover{ background-position:0 -17px;}


#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 {
	display: block;
	width: 675px;
	top:399px;
	left:215px;
	color:#B2CDD5;
	font-size:14px;
	line-height:1.5em;
	z-index:2;
}
.caption-top h3{
	
	font-size:52px; 
	line-height:1.2em;
	letter-spacing:-2px;
	
	-webkit-text-shadow: 0px 1px 1px #FFF;
  -moz-text-shadow: 0px 1px 1px #FFF;
  text-shadow: 0px 1px 1px #FFF;
}
.color1{color:#3B91A2; }
.color2{color:#6CAD9B; }
.color3{color:#A7C542; }
.caption-bottom {
	display: block;
	width: 675px;
	top:463px;
	left:215px;
	color:#5D5C5C;
	font-size:12px;
	line-height:1.5em;
	z-index:2;
	letter-spacing:-1px;
	
	-webkit-text-shadow: 0px 1px 1px #FFF;
  -moz-text-shadow: 0px 1px 1px #FFF;
  text-shadow: 0px 1px 1px #FFF;
}




/*tweter*/
.twtr-hd{ display:none !important;}
.twtr-widget .twtr-tweet{ background:url(../images/footer-list.gif) bottom left repeat-x; border:none !important;}
/*button-top*/
#back-top {
	position: fixed;
	bottom: 14px;
	margin:0 0 0 451px;
	z-index:99999;
	}
#back-top a {
	width: 59px;
	height: 59px;
	display: block;
	margin-bottom: 7px;
	background: #ddd;
	-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background:#E3E3E3 url(../images/up-arrow.gif) center 11px no-repeat;
  text-align:center;
  line-height:5.5em;
  color:#5D5C5C;
  text-transform:uppercase;
  text-indent:2px;
  
  -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.2);
	}
#back-top a:hover {
	color: #FFF;
	text-decoration:none;
	}



/*         ______________
__________/ slider-pages \_______________________________________________________________
--------------------------------------------------------------------------------------- */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


.deep1{height:703px;}
.deep1 img:hover{background:#1B6C79;}
/* Most common stuff you'll need to change */

	.deep1 .coda-slider-wrapper {  height:623px;}
	.deep1 	.coda-slider { height:623px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.deep1 .coda-slider-no-js .coda-slider {  height:623px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.deep1	.coda-slider, .deep1 .coda-slider .panel { width: 600px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.deep1 .coda-slider-wrapper.arrows .coda-slider, .deep1 .coda-slider-wrapper.arrows .coda-slider .panel { width: 963px;  height:623px;}
	.deep1 .coda-slider-wrapper.arrows .coda-slider { }
	
	/* Arrow styling */
	.deep1 .coda-nav-left a, .deep1 .coda-nav-right a { background:url(../images/portfolio_page.gif) 0 0 no-repeat; color: #fff; display:block;  width:39px; height:39px; }
	
	/* Tab nav */
	.deep1 .coda-nav ul li a.current {background:url(../images/portfolio_page_act.gif) 0 0 no-repeat; }
	
	/* Panel padding */
	.deep1 .coda-slider .panel-wrapper { padding: 28px 0 0 0 }
	
	/* Preloader */
	.deep1 .coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.deep1 .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.deep1 .coda-nav ul li { display: inline }
	.deep1 .coda-nav ul li a { background:#FFF; width:39px; height:39px; font-size:16px; text-align:center; line-height:2.4em; font-weight:bold; color: #2C4B50; display: block; float: left; margin-right: 7px; text-decoration: none }
	.deep1 .coda-nav ul li a:hover, .deep1 .coda-nav ul li a.current{ color:#FFF; background:#4F7D0D; }
	
	/* Miscellaneous */
	.deep1 .coda-slider-wrapper { clear: both; }
	.deep1 .coda-slider { float: left; overflow: hidden; position: relative }
	.deep1 .coda-slider .panel { display: block; float: left }
	.deep1 .coda-slider .panel-container { position: relative }
	.deep1 .coda-nav-left, .deep1 .coda-nav-right { float: left }
	.deep1 .coda-nav-left a, .deep1 .coda-nav-right a { display: none;}
	
.deep1 .panel .title{ display:none;}
.deep1 .coda-slider-wrapper{ position:absolute; }
.deep1 .title11{
	line-height:1.2em;
	padding:0 0 13px 0;
	z-index:2999;
}
.deep1 .row-portfolio .col-1{ width:273px; float:left;}
.deep1 .row-portfolio .col-2{ width:273px; margin-left:65px; float:left;}
.deep1 .row-portfolio .col-3{ width:273px; margin-left:65px; float:left;}
	
	
.deep1 .coda-nav{ position:absolute; left:820px; top:5px; width:100px !important;}
.deep1 .row-portfolio-top{ margin-top:22px;}
.deep1 .portfolio-text{ padding:12px 0 0 7px;}
