body
{
        background:#b1c690 url(../images/wrapper_light.gif) top center repeat-y;
        color: #7a7a7a;
        font-size: 12px;
		line-height:18px;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
}


.main {
	margin: 0 auto; 
	width: 998px; 
	padding:0;
	text-align:left;
	min-width:998px;
}


a{color:#7a7a7a;}
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 \__________________________________________________________________
--------------------------------------------------------------------------------------- */
.logo .text1, 
.slider-text1, 
.slider-text2, 
.slider-button, 
.header-box h3,
.blog h2, 
.item-page h2, 
.title-sub, 
.blog-featured h2, 
.items-more h3, 
.stylebox1-title h3,  
.pane-sliders h3,
.content-box h3,
.button,
.row-footer h3,
.col-banner .text1,
.title11,
button,
.deep1 .portfolio-text strong a
{font-family: 'GeosansLightRegular';}
.row-login-link
{font-family: 'MyriadWebProItalic';}


.col-banner .text3
{font-family: 'MyriadWebProRegular';}

.col-banner .text2
{font-family: 'MyriadWebProBold';}



/*         ________
__________/ header \_____________________________________________________________________
--------------------------------------------------------------------------------------- */
.wrapper-face{ background:url(../images/wrapper_face_small.jpg) top center no-repeat;}
.home .wrapper-face{background:url(../images/wrapper_face.jpg) top center no-repeat;}

.indent-top{ padding-top:25px;}
.row-logo{ height:110px;}


.logo{ font-weight:normal; top:30px; left:44px;}
.logo .text1{ color:#ff7800; font-size:40px; line-height:1.2em; text-transform:uppercase; }
.logo .text1 span{ color:#77543f;}
.logo .text2{ color:#78695c; font-size:14px; top:44px; left:1px; width:224px; line-height:1.2em;}
.logo a{ text-decoration:none;}



.header-bg-top{ background:url(../images/header-wrapper.png) 0 0 no-repeat; height:91px;}
.header-bg-center{ background:url(../images/header-bg-center.png) 0 0 repeat-y;}
.header-bg-bottom{ background:url(../images/header-bg-bottom.png) 0 0 no-repeat; height:16px;}


/*search-box*/
.search-box{
	background:url(../images/search-box.png) 0 0 no-repeat;
	width:342px;
	 height:30px;
	 top:29px;
	 left:716px;
	 z-index:10111;
}
.search-box label{ display:none;}
.search-box #mod-search-searchword{
	position:absolute;
	background:none;
	border:none;
	top:7px; left:11px;
	width:216px;
	color:#505050;
	 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.png) 0 0 no-repeat;
	width:27px;
	height:30px;
	top:0;
	left:236px;
	font-size:0;
	border:none;
	display:block;
	line-height:0;
	text-indent:-10000px;
	 
}
.search-box .button:hover{background:url(../images/button_search.png) 0 -30px no-repeat;}
.search-box img{ display:none !important;}
/**/




/*header-box*/
.header-box-indent{ padding:0 19px; margin-bottom:2px; margin-top:2px;}
.header-box-inner{ padding:19px 0 27px 26px;}
.header-box{
		background:url(../images/header-box.png) 0 0 repeat; 
		-moz-border-radius: 6px;
	   -webkit-border-radius: 6px;
	   border-radius: 6px;
}
.header-box .col-1{ width:278px;}
.header-box .col-2{ width:278px; margin-left:39px;}
.header-box .col-3{ width:278px; margin-left:44px;}
.header-box h3{ font-size:29px; line-height:1.2em; padding-top:21px; color:#FFF;}
.header-box p{ color:#a0a992; font-size:12px; line-height:1.3em; padding:7px 0 0 4px;}
.header-box .img-indent{ margin:0 20px 0 0; float:left;}
.header-box .img-indent1{ margin:0 25px 0 0; float:left;}
.header-box .img-indent2{ margin:0 26px 0 0; float:left;}
.header-box .link-text{
		display:inline-block;
		background:url(../images/link-text.png) 0 0 no-repeat;
		height:14px;
		padding:0 0 0 22px;
		margin:21px 0 0 4px;
		font-size:19px;
		text-transform:uppercase;
		text-decoration:none;
		line-height:1.2em;
		color:#ff7800;
		font-weight:bold;
}
.header-box .link-text:hover{ background-position:0 -14px; color:#FFF;}
.sep1{ background:url(../images/sep1.gif) 320px 24px no-repeat;}
.sep2{ background:url(../images/sep1.gif) 639px 24px no-repeat;}
/**/






/*         _________
__________/ content \__________________________________________________________________
--------------------------------------------------------------------------------------- */
#container{overflow:hidden; text-align:left}
#left{
		float:left; 
		width:295px; 
		background:url(../images/content_sep.gif) 238px 0 repeat-y;
		margin-bottom: -30000px;
        padding-bottom: 30000px;
}
.left-indent{padding:0 57px 0 0;}

#right{ float:right; text-align:left;    width:225px;}
.right-indent{padding:13px 0 0 1px}


/*on-line style*/
.img-box{
		border:1px solid #b8b8b8;
		 box-shadow: 0 0 3px #b8b8b8;
		margin:5px 30px 5px 5px;
		float:left;

}
.content-box h3, .content-box h3 a{ color:#8c9c74; font-size:24px; line-height:1.2em; font-weight:normal; padding:11px 0 6px 0; text-decoration:none;}
.content-box h3 a:hover{ color:#fb881c; text-decoration:none;}
.content-box-top{ margin-top:12px; margin-bottom:23px;}
.link1{ font-weight:bold; font-size:12px;}
.left-indent{ padding-left:5px;}
button, .button{
	   -moz-border-radius: 6px;
	   -webkit-border-radius: 6px;
	   border-radius: 6px;
	   background:#b3ca8f;
	   display:inline-block;
	   padding:7px 22px 6px 20px;
	   color:#ffffff;
	    font-size:18px;
		line-height:1.4em;
		text-decoration:none;
		position:relative;
		border:none;
}
.button:hover{ background:#8e9888;}
/**/


/*content-wrapper*/
.content-top{ height:20px; background:url(../images/content-top1.png) 0 0 no-repeat;}
.content-top > div{ height:20px; padding:0 13px; background:url(../images/content-top2.png) top right no-repeat;}
.content-top > div > div{ height:20px; background:url(../images/content-top.png) 0 0 repeat-x;}

.content-left{ background:url(../images/content-left.png) 0 0 repeat-y;}
.content-right{ background:url(../images/content-right.png) top right repeat-y; padding:0 4px;}
#content{ background:url(../images/content.png) 0 0 repeat-y; width:100%; position:relative;}
.content-indent{ padding:20px 39px 9px 34px;}

.content-bottom{ height:20px; background:url(../images/content-bottom1.png) 0 0 no-repeat;}
.content-bottom > div{ height:20px; padding:0 13px; background:url(../images/content-bottom2.png) top right no-repeat;}
.content-bottom > div > div{ height:20px; background:url(../images/content-bottom.png) 0 0 repeat-x;}
/**/



/**/
#left ul li{ background:url(../images/menu_marker1.gif) 0 6px no-repeat; padding:0 0 7px 16px; position:relative;}
#left ul li a{ color:#5d7b2e; text-transform:uppercase; text-decoration:none;}
#left ul li a:hover{ color:#ff7800;}

/**/

/*stylebox1-text*/
.stylebox1-text{ padding:0 0 35px 12px;}
.moduletable_menu .stylebox1-text{ padding:0 0 0 12px;}
/**/



/*moduletable_menu*/
.moduletable_menu .current a, .moduletable_menu .active a{ color:#ff7800 !important;}
/**/



/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */
.footer-text{ border-top:1px solid #acc686; color:#5e5e5e; margin:24px 0 0 0;}
.footer-text p{ padding:20px 0 29px 18px;}

.row-footer{ padding:0 0 0 20px; background:url(../images/footer_separator.gif) 276px 0 repeat-y; margin-top:21px;}
.footer-sep{background:url(../images/footer_separator.gif) 601px 0 repeat-y;}
.row-footer .col-banner{ width:235px; padding:4px 0 0 0;}
.row-footer .col-banner span{ display:block;  font-size:26px; line-height:1.2em;}
.row-footer .col-banner .text1{ color:#41372f; padding:0 0 0 5px;}
.row-footer .col-banner .text2{font-size:35px; color:#FFF; letter-spacing:-1px; padding:14px 0 4px 0; line-height:1em;}
.row-footer .col-banner .text3{ color:#859a66; line-height:1em; padding-bottom:11px; font-size:24px; padding-left:4px;}
.row-footer .col-list{ margin-left:57px; width:339px;}
.row-footer .col-ligin{ margin-left:5px; width:334px;}

.row-footer h3{ color:#41372f; font-size:26px; line-height:1.2em; font-weight:normal; padding:4px 0 17px 0;}
.list1 { margin-right:50px;}
.list1 li{ margin-bottom:7px;}
.list1 li a{ color:#423c35; font-size:14px; line-height:1.2em; display:block; padding:6px 0 5px 47px; text-decoration:none; font-style:italic;}
.list1 .bg1{ background:url(../images/list1_bg1.png) 0 0 no-repeat;}
.list1 .bg2{ background:url(../images/list1_bg2.png) 0 0 no-repeat; padding:8px 0 5px 47px;}
.list1 .bg3{ background:url(../images/list1_bg3.png) 0 0 no-repeat;}
.list1 .bg4{ background:url(../images/list1_bg4.png) 0 0 no-repeat;}
.list1 li a:hover{ color:#FFF; background-position:4px 0;}


/*box-login*/
.row-login-link1{ padding:11px 0 3px 0;}
.row-login-link1 ul li{ background:url(../images/sep-y.gif) right 3px no-repeat; display:block; float:left; padding:0 6px; }
.row-login-link1 ul li:first-child{ padding-left:3px;}
.row-login-link1 ul li:last-child{ background:none;  padding-right:0;}
.row-login-link1 ul li a{ color:#9fb57f; text-decoration:none; font-size:12px; letter-spacing:-1px;}
.row-login-link1 ul li a:hover{ color:#41372f;}
#form-login-remember label{ color:#787878; font-style:normal; font-size:12px;}

.row-login .col-1, .row-login .col-2{ width:132px;  height:31px;}
.row-login .col-1 input, .row-login .col-2 input{
	width:117px;
	padding:6px 0 6px 8px; 
	color:#787878; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	background:#fffffe;
	border:1px solid #b5baad;
}
.row-login .col-3{ width:58px;}
.row-login .col-3 .button, .logout-button .button{
	 padding: 4px 15px 4px 15px;
	 background:#9fb57f ;
	 color:#FFF ;
}
.row-login .col-3 .button:hover, .logout-button .button:hover{ background:#626461; color:#FFF ;}

.extra-link{ top:11px; left:263px;}
.extra-link a{ color:#9fb57f;}
.extra-link a:hover{ color:#FFF;}


.login-greeting{ color:#FFF; font-size:15px; padding:9px 0;}

#modlgn-remember{ display:inline-block;}
/**/







/*         _______________
__________/ header-slider \_______________________________________________________________
--------------------------------------------------------------------------------------- */



.slider{
	width:982px; height:401px;
	overflow:hidden;
	z-index:1;
	margin:0 0 0 7px;
}
.pix_diapo{
	width: 1001px;
	height:403px;
	overflow:hidden;
	position:absolute;
}
.pix_diapo {
	overflow: hidden;
	position: relative;
}
.pix_diapo > div {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#pix_stop, #pix_play, #pix_commands, #pix_next, #pix_prev { display:none;}
#pix_pag_ul {
	margin: 0;
	padding: 0;
	position:absolute;
	top:283px; left:224px;
}
#pix_pag_ul > li {
	cursor: pointer;
	display: block;
	float: left;
	list-style: none;
	margin:0 7px 0 0;
	padding: 0 0 0;
	text-align: center;
	text-indent: -9999px;
	width: 20px;
}
#pix_pag_ul > li > span {
	background:url(../images/page_bg.png) 0 0 no-repeat;
	display: block;
	height: 18px;
	width: 20px;
}
#pix_pag_ul > li:hover > span > span {
	background:url(../images/page_bg_rel.png) 0 0 no-repeat;
}
#pix_pag_ul > li > span > span {
	display: block;
	float: left;
	height: 18px;
	width: 20px;
}
#pix_pag_ul > li.diapocurrent > span > span {
	background:url(../images/page_bg_rel.png) 0 0 no-repeat;
}
#pix_pag_ul > li > .pix_thumb {
	height: 58px;
 	left: -17px;
	position: absolute;
	top: -40px;
	width: 58px;
}
#pix_pag_ul > li > .thumb_arrow {
	top: 26px;
	left: 12px;
	position: absolute;
}
.pix_relativize {
	overflow: hidden;
	position: relative;
	
}
.imgFake {
	cursor: pointer;
}
.elemHover {
	position: absolute;
}
.caption {
	display: block;
	top:0;
	left:0;
	width:1000px;
}
.ui-loader {
	display: none;
}
.pix_thumb, #pix_canvas{ display:none;}

.pix_diapo img{ position:absolute; right:-8px; top:-1px; z-index:1;}

.caption{top:56px; left:57px; position:absolute; z-index:2;}
.caption .slider-text1{ color:#ffffff; font-size:100px; line-height:1.2em; text-transform:uppercase;}
.caption .slider-text2{color:#ffffff; font-size:40px; line-height:1.2em; text-transform:uppercase;}
.caption .slider-text3{ color:#ffffff; font-size:20px;  line-height:1.2em;}
.caption .slider-button{
		background:url(../images/slider-button.png) 0 0 no-repeat;
		width:119px; 
		height:42px;
		display:block;
		top:213px;
		left:19px;
		text-align:center;
		font-size:18px;
		text-decoration:none;
		line-height:2.3em;
		color:#FFF;
}
.caption .slider-button:hover{ color:#bbd397;}

.deep1 .slider-text1{ top:16px; left:15px;}
.deep1 .slider-text2{ top:112px; left:16px;}
.deep1 .slider-text3{ top:166px; left:19px;}

.deep2 .slider-text1{ top:56px; left:16px;}
.deep2 .slider-text2{ top:7px; left:15px; font-size:60px; text-transform:none;}
.deep2 .slider-text3{ top:166px; left:19px; }

.deep3 .slider-text1{ top:56px; left:16px;}
.deep3 .slider-text2{ top:7px; left:15px; font-size:60px; }
.deep3 .slider-text3{ top:166px; left:19px; }





/*         _________________
__________/ slider-portfolio \_______________________________________________________________
--------------------------------------------------------------------------------------- */

/*
	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:523px; overflow:hidden;}
/* Most common stuff you'll need to change */

	.deep1 .coda-slider-wrapper {  height:623px;}
	.deep1 	.coda-slider { height:523px; }
	
	/* 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: 960px } 
	
	/* 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: 960px;  height:523px;}
	.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: 8px 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 */
	 .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	 .coda-nav ul li { display: inline }
	 .coda-nav ul li a {
		 	background:#ff7800; 
			width:29px; 
			height:29px; 
			font-size:16px; 
			text-align:center; 
			line-height:2em; 
			font-weight:bold; 
			color: #FFF; 
			display: block; 
			float: left;
			margin-right: 7px; 
			text-decoration: none;
			 -moz-border-radius: 6px;
	   -webkit-border-radius: 6px;
	   border-radius: 6px;
	   background:#b3ca8f;
	   position:relative;
	}
	 .coda-nav ul li a:hover, .deep1 .coda-nav ul li a.current{ color:#FFF; background:#6d7464; }
	
	/* 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 .row-portfolio .col-1{ width:273px; float:left;}
.deep1 .row-portfolio .col-2{ width:273px; margin-left:42px; float:left;}
.deep1 .row-portfolio .col-3{ width:273px; margin-left:41px; float:left;}
	
	
.deep1 .coda-nav{ position:absolute; left:499px; top:9px; width:100px !important;}
.deep1 .row-portfolio-top{ margin-top:22px;}
.deep1 .portfolio-text{ padding:12px 0 0 7px;}
.deep1 .portfolio-text strong a{ color:#8c9c74; text-decoration:none; font-size:24px; line-height:1.2em; font-weight:normal;}
.deep1 .portfolio-text strong a:hover{  color:#fb881c;}



 .row-portfolio img{
	 border:1px solid #b8b8b8;
	box-shadow: 0 0 3px #b8b8b8;
	margin:5px 30px 5px 5px;
}