body
{
        background:url(../images/wrapper_site.jpg) top center repeat;
        color: #282828;
        font-size: 12px;
		line-height:1.5em;
        padding: 0px;
        text-align: center;
		font-family:Arial, Helvetica, sans-serif;
}

.main {
	margin: 0 auto; 
	width: 1000px; 
	padding:0;
	text-align:left;
	min-width:1000px;
}


a{color:#282828;}
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-text{font-family: 'ExistenceLight';}
.top-menu, .caption h3 strong, .stylebox2-title h3, .menu li, .title-custom, .blog h2, .items-row h2, .item-page h2, .item-page h2,   .blog-featured h2, .footer-content h3	{font-family: 'Swis721CnBTDTypeBold';}
.caption h3 span, .caption .slider-button, .caption .slider-button1, .caption h3 b, .caption h3 em, .title1, .title1{font-family: 'Swiss721RomanCondensed';}
.img-list h3, .stylebox1-title h3, .link3, .header-text{font-family: 'Swis721LtCnBTLight';}
#login-form .button, .box-works .button1{font-family: 'HelveticaNarrowRegular';}




/*         ________
__________/ header \__________________________________________________________________
--------------------------------------------------------------------------------------- */
.top-shadow{ background:url(../images/top-shadow.png) 0 0 repeat-x;}

.header{ min-height:95px; border-bottom:5px solid #b9b8b8;}


/*logo*/
.logo{ top:0; left:0;  width:451px; color:#ffffff; font-weight:normal;}
.logo-text{top:48px; left:23px;  font-size:52px;}
.logo-text span{ color:#c1e4ff;}
.slogan-text{top:58px; left:282px; font-size:12px; color:#cccccc; font-style:italic;}
/**/

/*search-box*/
.search-box{
	background:url(../images/search-box.png) 0 0 no-repeat;
	width:298px;
	 height:25px;
	 top:12px;
	 left:684px;
	 z-index:10111;
}
.search-box label{ display:none;}
.search-box #mod-search-searchword{
	position:absolute;
	background:none;
	border:none;
	top:4px; left:39px;
	width:253px;
	color:#7a7a7a;
	 font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  outline:none;
}
.search-box .button{
	position:absolute;
	background:url(../images/button_search.gif) 0 0 no-repeat;
	width:27px;
	height:25px;
	top:0;
	left:2px;
	font-size:0;
	border:none;
	display:block;
	line-height:0;
	text-indent:-10000px;
	padding:0 0 3px 0;
	 
}
.search-box .button:hover{background:url(../images/button_search.gif) 0 -25px no-repeat;}
/**/



/*         _________
__________/ content \__________________________________________________________________
--------------------------------------------------------------------------------------- */

.content{padding:0 0 0 0; background:#e7e7e9; margin:5px 0 0 0;}
#container{overflow:hidden; text-align:left}
#left{ float:left; text-align:left;    width:190px; background:#ffffff; padding-bottom:30000px; margin-bottom:-30000px;}
.left-indent{padding:16px 18px 0 18px;}

#right{ float:right; text-align:left;    width:269px; padding-bottom:30000px; margin-bottom:-30000px; border-left:1px solid #d7d7d9;}
.right-indent{padding:13px 0 0 0}

.container-indent{ padding:0 0 0 0;}

/*inline-style*/
.items-row .row-separator{ background:url(../images/row-separator.gif) 0 0 repeat-x; height:2px; display:block; width:100%; overflow:hidden; clear:both;}
.items-row:last-child .row-separator{ background:none;}
.item{ padding:35px 20px 35px 36px;}
.indent-top-bottom{ padding:10px 0 11px 0;}
.link2{ background:url(../images/link_text_bg.gif) bottom left repeat-x; color:#5882c6; text-decoration:none;}
.link2:hover{ background:none;}
.img-indent{ margin:0 24px 0 0; float:left;}
.img-botder{ padding:5px; background:#FFF; border:1px solid #bcbcbd;}
.img-top{ margin-top:28px;}
.indent-top-bottom1{ padding:11px 0 11px 0;}
.link3{ color:#5882c6; font-size:14px; text-transform:uppercase; text-decoration:none;}
.link3:hover{ color:#282828;}
/**/


/*stylebox1-text*/
.stylebox1-title h3{ color:#8d8d8d; font-size:24px; line-height:1.2em; text-transform:capitalize !important; padding-bottom:12px;}
.stylebox1-text{ padding:0 0 20px 2px;}
/**/



/*stylebox2-text*/
.stylebox2-title h3, .title-custom{ color:#313131; font-size:18px; line-height:1.2em; padding:26px 0 16px 19px;}
.stylebox2-text{ padding:0 0 20px 18px;}
.s1 .stylebox2-text{ padding:0 0 0 0;}
/**/


/*list*/
.list li, .list-col li{ background:url(../images/list_marker.gif) 0 6px no-repeat; padding:0 0 5px 23px; color:#5882c6;}
.list li a, .list-col li a{ color:#5882c6; text-decoration:none;}
.list li a:hover, .list-col li a:hover{ background:url(../images/link_text_bg.gif) bottom left repeat-x;}
/**/

/*header-text*/
.header-text{ color:#898989; font-size:17px; line-height:1.2em; top:14px; left:398px; position:absolute;}
.header-text span{ color:#FFF;}
/**/


/*main-menu*/
.menu li{ background:url(../images/menu_separator.gif) bottom left repeat-x; text-transform:uppercase; padding:8px 0 4px 0;}
.menu li:last-child{ background:none;}
.menu li a{ color:#828181; font-size:14px; line-height:1.2em; text-decoration:none;}
.menu li a:hover, .menu .current a, .menu .active{ color:#313131;}
/**/


/*title1*/
.title1 strong{ color:#000000; font-size:60px; line-height:1em; text-transform:uppercase;  display:block; padding-bottom:3px;}
.title1 span{ color:#313131; font-size:36px; line-height:1em; display:block; text-transform:uppercase; padding-bottom:19px;}
/**/



/*mod_login*/
#form-login-username{ height:38px;}
#form-login-password{ height:35px;}
#form-login-username input, #form-login-password input{
	background:#313131;
	border:none;	
	color:#b6b6b6; 
	font-size:12px; 
	line-height:1.2em; 
	font-family:Arial, Helvetica, sans-serif;
	width:143px;
	padding:5px 0 5px 6px;	
}
#form-login-remember { display:block; clear:both; overflow:hidden;}
#form-login-remember input{ float:left; margin:2px 8px 0 9px;}
#form-login-remember label{ color:#848484; font-size:12px;}

#login-form .button{
	background:url(../images/mo_logim_button.gif) 0 0 no-repeat;
	width:65px; height:29px;
	border:none;
	font-size:14px;
	text-transform:uppercase;
	margin:11px 0 11px 9px;
	color:#2c2c2c;
}
#login-form .button:hover{background:url(../images/mo_logim_button.gif) 0 -29px no-repeat;}

.mod-login-link{ padding:0 0 0 9px;}
.mod-login-link li a{ color:#5882c6; text-decoration:none; font-size:12px; line-height:1.5em;}
.mod-login-link li a:hover{ color:#5882c6; text-decoration:underline;}

.mod-link-extra{ left:90px; top:-33px; position:absolute;}
li.mod-link-extra a{ text-decoration:underline;}
li.mod-link-extra a:hover{ text-decoration:none;}
/**/


/*         ________
__________/ footer \______________________________________________________________________
--------------------------------------------------------------------------------------- */
.footer-content{ background:#0d0d0d url(../images/footer-content.gif) 0 0 repeat-x; padding:31px 0 21px 30px;}
.footer-content .col-1{ width:221px;}
.footer-content .col-2{ width:221px; margin-left:18px;}
.footer-content .col-3{ width:221px; margin-left:18px;}
.footer-content .col-4{ width:205px; margin-left:35px;}
.footer-content h3{ color:#ffffff; font-size:18px; text-decoration:none; line-height:1.2em; text-transform:uppercase; padding:0 0 11px 0;}

.footer-list li{ border-bottom:1px solid #444444; padding:8px 0 9px 0;}
.footer-list li a{
	padding:0 0 0 17px; 
	background:url(../images/footer-list.gif) 6px 6px no-repeat;
	text-decoration:none;
	color:#c4c4c4;
	text-transform:uppercase;
}
.footer-list li a:hover span{ color:#ffffff; background:url(../images/footer_list_act.gif) bottom left repeat-x;}



.social-icon .bg1{ background:url(../images/icon_img1.png) 0 0 no-repeat; width:35px; }
.social-icon .bg2{ background:url(../images/icon_img2.png) 0 0 no-repeat; width:24px; margin-left:8px;}
.social-icon .bg3{ background:url(../images/icon_img3.png) 0 0 no-repeat; width:29px; margin-left:7px; }
.social-icon .bg4{ background:url(../images/icon_img4.png) 0 0 no-repeat; width:33px; margin-left:7px; }
.social-icon .bg5{ background:url(../images/icon_img5.png) 0 0 no-repeat; width:33px; margin-left:11px; }

.social-icon  a{height:35px;}
.social-icon  a:hover{ background-position:0 -35px;}



.footer{ padding:12px 0 12px 30px; color:#828282;}
.footer a{color:#828282; text-decoration:none;}
.footer a:hover{ text-decoration:underline;}







/*         _______________
__________/ header-slider \_______________________________________________________________
--------------------------------------------------------------------------------------- */



.slider{
	background:url(../images/slider_wrapper.gif) 0 0 repeat-x;
	width:100%; height:470px;
	overflow:hidden;
	z-index:1;
}
.pix_diapo{
	width: 960px;
	height:450px;
	overflow:hidden;
	top:20px; left:20px;
	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:38px; left:919px;
	width:61px;
}
#pix_pag_ul > li {
	cursor: pointer;
	display: block;
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0 0 0;
	text-align: center;
	text-indent: -9999px;
	width: 12px;
}
#pix_pag_ul > li > span {
	background:url(../images/page_bg.png) 0 0 no-repeat;
	display: block;
	height: 12px;
	width: 12px;
}
#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: 12px;
	width: 12px;
}
#pix_pag_ul > li.diapocurrent > span {
	
	background:url(../images/page_bg_act.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;
}

.ui-loader {
	display: none;
}
.pix_thumb, #pix_canvas{ display:none;}

.caption {
	display: block;
	top:106px;
	left:45px;
	width:315px;
}

.caption h3{ font-weight:normal;  width:407px; text-transform:uppercase; font-size:50px;}
.caption h3 span{ color:#ffffff;  line-height:1.1em;}
.caption h3 strong{ color:#FFF; line-height:1.1em; display:block; padding-top:2px;}
.caption h3 b{ color:#06070b; line-height:1.1em; display:block; padding-top:2px;}
.caption h3 em{ color:#06070b; line-height:1.1em; display:block; padding-top:2px; font-style:normal;}
.caption .slider-button, .caption .slider-button1{
	background:url(../images/slider-button.png) 0 0 no-repeat;
	width:109px; height:40px;
	display:block;
	margin:29px 0 0 3px;
	text-align:center;
	text-decoration:none;
	color:#cacaca;
	 font-size:20px;
	 line-height:2.1em;
	 letter-spacing:-2px;
	 text-transform:uppercase;
}
.caption .slider-button:hover, .caption .slider-button1:hover{ color:#FFF;}
.caption .slider-button1{background:url(../images/slider-button1.png) 0 0 no-repeat; width:179px;}




/*         ______________________
__________/ animatet Latest Works \______________________________________________________
--------------------------------------------------------------------------------------- */
.anythingSlider                         { width: 270px; height: 299px; position: relative;  background:url(../images/row-separator.gif) bottom left repeat-x;}
.anythingSlider .wrapper                { width: 270px; overflow: auto; height: 299px;position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
										
										
										
										
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 299px; width: 269px; margin: 0; }
.anythingSlider .arrow                  { display: block;  position: absolute; }

.anythingSlider .forward                { cursor:pointer; top:-29px; left:136px; width:12px; height:21px; background:url(../images/button_left.png) 0 0 no-repeat;}
.anythingSlider .back                   { cursor:pointer; top:-29px; left:169px; width:12px; height:21px; background:url(../images/button_right.png) 0 0 no-repeat;}
.anythingSlider .forward:hover, .anythingSlider .back:hover           { background-position:0 -21px;}

.thumbNav                               { position: relative; top:-11px; left:60px;  }
.thumbNav li                            { display: inline; }
.thumbNav a                             { font-size:0; line-height:0; text-indent:-999px;}
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { display:none;}
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



.box-works{ padding:0 20px 13px 19px;}
.box-works .text1{
  background:url(../images/bg_text.png) 1px 4px no-repeat;
  padding:0 0 10px 20px;
  font-weight:bold;
  display:block;
}
.box-works .text2{ font-style:italic; display:block; padding:10px 0 19px 0;}
.box-works .button1{
	background:url(../images/button1.gif) 0 0 no-repeat;
	width:149px; height:29px;
	display:block;
	text-align:center;
	line-height:2.2em;
	color:#2c2c2c;
	 font-size:14px;
	 text-transform:uppercase;
	 text-decoration:none;
}
.box-works .button1:hover{ background-position:0 -29px;}







/*         ___________
__________/  carousel \______________________________________________________
--------------------------------------------------------------------------------------- */
.img-list{ background:#FFF; height:175px}
.img-list h3{ color:#aeacae; font-size:24px; line-height:1.2em; text-transform:uppercase; padding:1px 0 0 19px; font-weight:normal; word-spacing:-2px;}
.img-list h3 span{ color:#3d3d3d;}



#wrapper{ padding:0 0 0 16px;}
#wrapper .d-carousel ul li {
	background: none;
	width: 162px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}


.d-carousel .jcarousel-container {
	display: block;
}

.d-carousel .jcarousel-item {
	width: 190px;
	height: 135px;
}

.d-carousel .jcarousel-container-horizontal {
	width: 969px;
	height: 135px;
}
#wrapper .d-carousel ul li a{ text-decoration:none;}
#wrapper .d-carousel ul li a img{ border:4px solid #FFF;}
#wrapper .d-carousel ul li:hover a img{ border:4px solid #b9b8b8;}
#wrapper .d-carousel ul li span{ margin:3px 27px 0 30px; display:block; background:url(../images/link_text_bg.gif) bottom left repeat-x; color:#5882c6;}
#wrapper .d-carousel ul li:hover span{ background:none;}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: -25px;
	right: 8px;
	margin-right: 3px;
	width: 15px;
	height: 21px;
	cursor: pointer;
	background: url(../images/button_right.png) no-repeat top left;
}




.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(../images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover, .d-carousel .jcarousel-prev-horizontal:hover {
	background-position: 0 -21px;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: -25px;
	right: 42px;
	margin-right: 3px;
	width: 15px;
	height: 21px;
	cursor: pointer;
	background: url(../images/button_left.png) no-repeat top left;
	z-index:1111;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(../images/blog-arrows.jpg);
}

