@charset "utf-8";
/* CSS Document */

*{
	outline:none;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
	margin-bottom: 1px;
	font-size: 100%;
}
body{
	font-family:"Arial","Helvetica",sans-serif;
	background:#525252;
	font-size:.75em;
	line-height:1.3;
	color:#555555;
	overflow: visible;
	height:100%;
	
}

ul,ol,li{
	list-style:none;
}

a{
	text-decoration:none;
	color:#abbb3b;
}
a:hover{
	background:url(../images/dot.gif) bottom repeat-x;
}
a.noLinkBG:hover{
	background-image: none;
}
img{
	border:none;
}
em{
	text-transform:none;
	font-style:normal;
}

#content h1{
	padding:0;
	margin:0;
	font-size:20px;
	color:#abbb3b;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/dot.gif) bottom repeat-x;
}
#content h3{
	padding:0;
	margin:0 5px;
	font-size:20px;
	color:#abbb3b;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/dot.gif) bottom repeat-x;
}
.margin10LR{
	margin:0 10px;
}
.margin10TB{
	margin:10px 0;
}
.margin10LRT{
	margin:10px 10px 0 10px;
}
.margin10LRB{
	margin:0 10px 10px 10px;
}
#content  h1.removeh1bLine{
	background:none;
}
/******* Header*****************/
#header{
	height:130px;
	border-bottom:1px solid #abbb3b;
	clear:both;
	width:100%;
	position:relative;
	z-index:100;
	background:#FFF url(../images/topBG.png) top repeat-x;
}
#header .headerContent{
	width:950px;
	margin:0 auto;
	position:relative;
	height:130px;
	background:url(../images/topBG.png) top repeat-x;
}
/******LOGO*****/
#header .headerContent .logo{
	width:281px;
	height:49px;
	position:absolute;
	left:0;
	top:80px;
}
/******MENU*******/
#header .headerContent .topMenu{
	position:absolute;
	right:0;
	bottom:0;
	height:32px;
	width:550px;
	padding-top:5px;
	/*background: transparent url(../images/menuSpacer.png) 46px 50% no-repeat;*/
}
#header .headerContent .topMenu ul{
	margin:0;
	padding:0;
	overflow:hidden;
	float: right;
	clear:right;
}
#header .headerContent .topMenu li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	background:url(../images/topmenu_sep.png) right 10px no-repeat;
}
#header .headerContent .topMenu li.end{
	background:none;
}
#header .headerContent .topMenu li a{
	font-size:13px;
	display:block;
	float:left;
	height:14px;
	color:#ffffff;
	margin:10px 7px 0px 7px;
	padding-bottom:10px;
}
#header .headerContent .topMenu li.end a{
	margin-right:0;
}
#header .headerContent .topMenu li a:hover, #header .headerContent .topMenu li a.selected{
	color:#ABBB3B;
	background:url(../images/menu_selected.png) bottom repeat-x;
	border:none;
}

/******LANGUAGE*********/
#header .headerContent .lang{
	position:absolute;
	width:160px;
	height:21px;
	right:0;
	top:5px;
	text-align: right;
	font-size:11px;
	color:#aaa;
	background:url(../images/langArrow.png) left 2px no-repeat;
}
#header .headerContent .lang a{
	color:#ABBB3B;
}
#header .headerContent .lang a:hover{
	background: url(../images/dot.gif) repeat-x bottom;
}

/******* End Header*****************/
/*------ video list --------*/
.videoList{
	padding-left:20px;
	padding-top:20px;
}
.videoList li a{
	display:block;
	clear:right;
	background:url(../images/Video_32.png) left center no-repeat;
	height:20px;
	padding: 6px 0 6px 32px;
}
/******* Sitemap*****************/
.site-map {
	background:#222;
	color:#999;
	width:930px;
	margin:10px auto;
	clear:both;
	padding:10px;
}

.site-map .sitemapContent ul li{
	float:left;
	clear:right;
	width:170px;
	padding:0 15px 0 0;
}
.site-map .sitemapContent ul li ul li{
	float:none;
	margin-bottom:5px;
}
.site-map .sitemapContent ul li h1,.site-map .sitemapContent ul li h1 a{
	color:#ABBB3B;
	font-size:12px;
	text-transform: uppercase;
}
.site-map .sitemapContent ul li a{
	color:#666;
}
.site-map .sitemapContent ul li a:hover{
	color:#FFF;
}
.site-map .close{
	display:none;
}

/*****Script Area------*/


.jsOn .site-map {
	display: none;
	background:#222;
	color:#999;
	width:100%;
	clear:both;
	padding:0px;
	margin:0;
	
	
}
.jsOn .site-map .sitemapContent{
	width:950px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
}
.jsOn .site-map .sitemapContent ul li{
	float:left;
	clear:right;
	width:175px;
	padding:0 15px 0 0;
}
.jsOn .site-map .sitemapContent ul li ul li{
	float:none;
	margin-bottom:5px;
}
.jsOn .site-map .sitemapContent ul li h1,.jsOn .site-map .sitemapContent ul li h1 a{
	color:#ABBB3B;
	font-size:12px;
	text-transform: uppercase;
}
.jsOn .site-map .sitemapContent ul li a{
	color:#666;
}
.jsOn .site-map .sitemapContent ul li a:hover{
	color:#FFF;
}
.jsOn .site-map .close{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	bottom:0;
	padding-bottom:10px;
}
.jsOn .site-map .close a:hover{
	background:none;
}

/******* End Sitemap*****************/

/******* Content*****************/
#content{
	width:100%;
	/*height:100%;*/
	position:relative;
	background:#fff;
	padding-bottom:10px;
}
#content .contentHolder{
	width:950px;
	margin:0 auto;
}
#content .breadcrumbsHeader{
	width:100%;
	height:40px;
	background:#333333;
	border-bottom:1px solid #ABBB3B;
}
#content .breadcrumbsHeader .BHcontent{
	width:950px;
	margin:0 auto;
}
#content .breadcrumbsHeader .breadcrumbs{
	float:left;
	height:20px;
	padding:10px 0;
	line-height:2.5;
	color:#abbb3b;
	display:none;
}
#content .breadcrumbsHeader .breadcrumbs ul li{
	display:inline;
}
#content .breadcrumbsHeader .breadcrumbs ul li a{
	color:#999;
}
#content .breadcrumbsHeader .breadcrumbs ul li a:hover{
	color:#abbb3b;
}
#content .breadcrumbsHeader .title{
	float:left;
	height:20px;
	font-size:20px;
	color:#CCC;
	padding: 10px 0;
	line-height:25px;
	text-transform:uppercase;
}
#content .breadcrumbsHeader .title span{
	color:#666;
	display:none;
}
#content.inhome{
	background:#fff url(../images/midBG.png) repeat-x top;
}
.openBorder{
	border-top:1px solid #abbb3b;
}
#content .contentHolder .tabsContent{
	padding-bottom:20px;
	min-height:400px;
	border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
	clear:both;
}
#content .contentHolder .end{
	font-size:5px;
	height:8px;
	width:950px;
	background:url(../images/bottomCurve.png)  bottom center no-repeat;
	clear:both;
}
#content .contentHolder .photoContent{
	width:460px;
	float:left;
	margin-right:10px;
	padding-left:10px;
	padding-top: 10px;
}
#content .contentHolder .paddingTopImage{
	padding-top:75px;
}
#content .contentHolder .textContent{
	width:450px;
	float:left;
	padding-top:20px;
	clear:right;
}
.textContent p{
	padding-top:10px;
	width:460px;
	float:left;
	padding-top:20px;
}
ul.logosList{
	padding:15px;
}
ul.logosList li{
	display: block;
	float:left;
	padding:5px;
	border:1px solid #ddd;
	margin:10px;
	text-align:center;
	font-size:5px;
}
#map{
	width:948px;
	height:500px;
	border-top:2px #ddd solid;
	border-bottom:2px #ddd solid;
}
#cMap{
	text-align:center;
	
}
ul.contactsUL {
	padding-top:10px;
}
ul.contactsUL li{
	display:block;
	padding:5px 0;
}
ul.contactsUL li.swissFlag{
	background:url(../images/CH.png) left center no-repeat;
	padding-left:16px;
}
ul.contactsUL li.skype{
	background:url(../images/Skype-16.jpg) left center no-repeat;
	padding-left:18px;
}
ul.contactsUL li a:link{
	color:#ABBB3B;
}
ul.contactsUL li span{
	
}
form div.form{
	margin-top:10px;
}
form div.form div{
	margin:5px 0;
	clear:both;
	height:30px;
	border-bottom:1px solid #efefef;
	padding:3px 0;
}
form div.form div label{
	width:160px;
	display:block;
	float:left;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
	height:24px;
}
form div.form div label span{
	font-size:9px;
	color:#CCC;
}
form div.form div input.textField{
	float:right;
	clear:right;
	width:290px;
	border:1px solid #ddd;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	text-indent:3px;
	
}
form div.form div input.textField:focus,form div.form div textarea.textArea:focus{
	background:#efefef;
	border:1px solid #ABBB3B;
}
form div.form div.textAreaDiv{
	height:207px;
}
form div.form div textarea.textArea{
	float:right;
	clear:right;
	width:290px;
	height:200px;
	border:1px solid #ddd;
	color:#666;
	text-indent:3px;
}
form div.form div.buttonDiv{
	text-align:right;
	height:37px;
	border:none;
}
form div.form div .button{
	border:none;
	width:139px;
	height:38px;
	background: url(../images/sendHello.gif) center center no-repeat;
	color:#FFF;
	float:right;
	font-size:18px;
	padding-bottom:5px;
	cursor:pointer;
	
}
form div.form div input.erroBorder, form div.form div textarea.erroBorder{
	border:#F00 solid 1px;
}
#msgSent{
	border:none;
	width:250px;
	float:left;
	color:#060;
	text-align:left;
}
#msgSent .invalidEmail{
	color:#F00;
	font-size:14px;
}
#Products {
	padding-top:10px;
}
#Products p.info{
	margin: 0 10px 10px 10px;
	padding:10px 0;
	width:910px;
	}
#Products .productItem{
	width:910px;
	margin: 0 10px 10px 10px;
	padding:10px;
	border: #ddd solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
#Products .gray{
	background:#f9f9f9;
}
#Products .productItem .img{
	width:150px;
	float:left;
	margin-right:10px;
}
#Products .productItem .info{
	float:left;
	width:748px;
	clear:right;
}
#Products .productItem .info h1{
	font-size:16px;
	margin-bottom:5px
}
#Products .productItem .info p{
	color:#999;
}
#Products .productItem .info .price{
	padding-top:5px;
	color:#666;
}
#Products .productItem .info .price span{
	font-weight:bold;
}
.skype2{
	background:url(../images/skype.gif) left center no-repeat;
	display:block;
	float:left;
	height:16px;
	padding-right:5px;
	padding-left:20px;
	color:#999;
}
.swissFlag2{
	background:url(../images/CH.png) left center no-repeat;
	padding-left:15px;
}
.white{
	color:#FFF;
}
#portfolioContainer .item1 {
	clear:both;
	padding:10px;
	padding-top:20px;
	height:300px;
	margin-bottom:10px;
	background:url(../images/dotGray.gif) bottom repeat-x;
}
#portfolioContainer .item1 .pic{
	width:400px;
	height:280px;
	float:left;
}
#portfolioContainer .item1 .pic img{
	border:5px solid #ddd;
}
#portfolioContainer .item1 .info{
	height:280px;
	float:right;
	width:500px;
}
#portfolioContainer .item1 .info h1{
	display:block;
	width:100%;
	
}
#portfolioContainer .item1 .info .type,#portfolioContainer .item2 .info .type{
	
	padding:5px 0;
	width:100%;
	
}
#portfolioContainer .item1 .info .client, #portfolioContainer .item2 .info .client{
	color:#999;
	padding:5px 0;
}
#portfolioContainer .item1 .info .overview, #portfolioContainer .item2 .info .overview{
	padding-top:5px;
}

#portfolioContainer .item1 .info a.moreInfo, #portfolioContainer .item2 .info a.moreInfo{
	text-indent:-999em;
	display:block;
	background:url(../images/more.gif) top left no-repeat;
	width:42px;
	height:15px;
	float:left;
	margin-top:20px;
}
#portfolioContainer .item1 .info a.moreInfo:hover, #portfolioContainer .item2 .info a.moreInfo:hover{
	background-position:bottom left;
}


#portfolioContainer .item2 {
	clear:both;
	padding:10px;
	padding-top:20px;
	height:300px;
	margin-bottom:10px;
	background:url(../images/dotGray.gif) bottom repeat-x;
}
#portfolioContainer .item2 .pic{
	width:400px;
	height:280px;
	float:right;
}
#portfolioContainer .item2 .pic img{
	border:5px solid #ddd;
}
#portfolioContainer .item2 .info{
	height:280px;
	float:left;
	width:500px;
}
#portfolioContainer .item2 .info h1{
	display:block;
	width:500px;
}

#portfolioDetails{
	padding-top:10px;
}
#portfolioDetails .image{
	clear:both;
	width:948px;
	border-bottom:3px solid #ddd;
	border-top:3px solid #ddd;
	position:relative;
}
#portfolioDetails .title{
	background:transparent url(../images/transparentGreen.png) repeat scroll 0 0;
	bottom:0;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	height:15px;
	left:0;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	text-align:left;
	width:938px;
	z-index:10;
}
#portfolioDetails .info{
	padding:15px;
}
#portfolioDetails .images{
	padding:10px;
}
#portfolioDetails .images ul{
	margin-top:10px;
}
#portfolioDetails .images ul li{
	display:block;
	float:left;
	margin:5px;
}
#portfolioDetails .images ul li img{
	border:5px solid #dddddd;
}
#portfolioDetails .images h1{
	margin:0 5px;
}
.pagination {
	text-align:center;
}
.pagination ul{
	float:left;
}
.pagination li{
	display:block;
	float:left;
	margin:5px;
}
.pagination li a{
	background:#333333;
	color:#ffffff;
	padding:3px 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:10px;
	display:block;
	line-height:1;
}
.pagination li a:hover, .pagination li a.navSelected{
	color:#ABBB3B;
}
.introText{
	padding:25px 25px 10px 25px;
}

/*----- news -----*/
.newsBlock{
	margin:0 20px 10px 20px;
	padding:10px 0px 20px 0px;
	clear:both;
	/*border-bottom:#dddddd dotted 1px;*/
}
.newsBlock .title{
	position:relative;
	margin-bottom:10px;
}
#content .newsBlock .title h1{
	text-transform:capitalize;
}
.newsBlock .title .date{
	position:absolute;
	right:0;
	bottom:0;
	width:100px;
	height:18px;
	padding-top:3px;
	text-align: center;
	color:#fff;
	font-weight:bold;
	background:#ABBB3B;
}
.floatLeft{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
/******* End Content*****************/

/******* Footer*****************/

#footer{
	width:100%;
	height:250px;
	margin:0 auto;
	background:#525252 url(../images/footerBG.png) repeat-x top;
	border:none;
	padding:0;
}
#footer .footerContent{
	background:transparent url(../images/footerBG_dec.png) no-repeat top center;
	height:250px;
	width:950px;
	margin:0 auto;
	position:relative;
	border:none;
}
#footer .footerContent .footerMenu{
	padding-top:5px;
	position:absolute;
	top:86px;
	height:26px;
	width:740px;
	left:0;
}
#footer .footerContent .footerMenu ul li{
	display:inline;
}
#footer .footerContent .footerMenu ul li.go{
	display:block;
	float:left;
	background:url(../images/go.gif) no-repeat center left;
	width:29px;
	height:10px;
	margin-top:2px;
	text-indent:-999em;
}
#footer .footerContent .footerMenu ul li.sep{
	display:block;
	float:left;
	color:#ABBB3B;
	font-weight:bold;
}
#footer .footerContent .footerMenu ul li a{
	display:block;
	float:left;
	margin-right:5px;
	margin-left:5px;
	text-transform:uppercase;
	color:#999;
}
#footer .footerContent .footerMenu ul li a:hover{
	color:#FFF;
}
#footer .footerContent .infoContacts{
	position:absolute;
	top:120px;
	width:740px;
	left:0;
	height:120px;
	color:#999999;
}
#footer .footerContent .infoContacts p{
	background:url(../images/infoFooter.gif) left center no-repeat;
	display:block;
	width:476px;
	height:63px;
	padding:13px 10px 0 10px;
	font-size:95%;
}
#footer .footerContent .infoContacts p em{
	color:#ABBB3B;
	font-size:120%;
}
#footer .footerContent .infoContacts .skype{
	clear:both;
	padding-top:10px;
	display:block;
	width:450px;
	height:20px;
}
#footer .footerContent .infoContacts .skype a.skypeLink{
	display:block;
	float:left;
	width: auto;
	color:#CCC;
}
#footer .footerContent .infoContacts .skype a.skypeLink:hover{
	color:#FFF;
}
#footer .footerContent .infoContacts .skype .skypeN{
	background:url(../images/skype.gif) left center no-repeat;
	display:block;
	float:left;
	height:16px;
	padding-right:5px;
	padding-left:20px;
}
#footer .footerContent .quote{
	position:absolute;
	right:0px;
	top:86px;
	width:200px;
	height:156px;
	color:#999;
}
#footer .footerContent .quote h1{
	display:block;
	height:19px;
	width:158px;
	margin-left:22px;
	background:url(../images/qoute.gif) left center no-repeat;
	font-size:18px;
	font-weight:normal;
	text-indent:-999em;
	color:#FFF;
}
#footer .footerContent .quote p{
	margin:0;
	padding:15px 6px 15px 6px;
}
#footer .footerContent .quote .likeCon {
	background:url(../images/qouteSep.png) top center no-repeat;
	padding-top:10px;
	height:20px;
	
}
#footer .footerContent .quote .likeCon div{
	width:140px;
	float:left;
	padding-left:5px;
	color:#777;
}
#footer .footerContent .quote .likeCon span{
	color:#ABBB3B;
}
#footer .footerContent .quote .likeCon a.like{
	display:block;
	width:42px;
	float:right;
	height:15px;
	background:url(../images/like.gif) 0 0 no-repeat;
	text-indent:-999em;
	margin-right:5px;
}
#footer .footerContent .quote .likeCon a.like:hover{
	background-position:0 -15px;
}
#footer .footerContent .quote .likeCon a.hide{
	display:none;
}
/******* End Footer*****************/

.logosList li a:hover{
	background:none;
}