/*		General elements	*/
html, body { height: 100%; }
body, p, h1, h2, h3, h4, h5, h6, form, ul, li { margin: 0px; padding: 0px; }
.clear { clear: both; }
a img { border: 0px; }
.minime { display: block; float: left; padding: 2px; }

/*		Content boxes		*/
#holder { padding: 0px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }
#contentholder { margin-left: auto; margin-right: auto; padding: 0px; min-height: 400px; width: 980px; }
#wrapper { width: 900px; margin-left: auto; margin-right: auto; }
#logo { height: 100px; }
#logoholder { position: relative; top: 30px; left: 50%; margin-left: -56px; display: block; width: 112px; height: 36px; }


/*		Navigation			*/
#nav { display: block; height: 45px; clear: both; }
#nav a { display: block; height: 20px; float: left; margin: 15px 35px 10px 5px; }
.btn_home { width: 40px; }
.btn_services {width: 52px; }
.btn_products { width: 54px; }
.btn_portfolio { width: 54px; }
.btn_careers { width: 46px;  }
.btn_aboutus { width: 54px;}
.btn_contact { width: 48px; }
.btn_langro { width: 140px; }

.btn_home_ro { width: 40px; }
.btn_services_ro {width: 52px; }
.btn_products_ro { width: 54px; }
.btn_portfolio_ro { width: 54px; }
.btn_careers_ro { width: 46px;  }
.btn_aboutus_ro { width: 54px;}
.btn_contact_ro { width: 48px; }
.btn_langro_ro { width: 140px; }

/*		Presenters			*/
#tallpresenter { display: block; padding-top: 5px; }
#tallbox1, #tallbox2, #tallbox3, #tallbox4, #tallbox5 { height: 230px; padding: 20px 20px 0px 20px; display: none; }
#tallbox1 { display: block; }
.boxleft { display: block; width: 460px; padding: 20px 0px 0px 20px; float: left; }
#tallbox2 .boxleft p, #tallbox3 .boxleft p, #tallbox4 .boxleft p, #tallbox5 .boxleft p { padding: 0px 0px 15px 0px; }
.boxright { display: block; width: 380px; float: left; text-align: right; }
#boxcontrols  { display: block; height: 110px; padding-bottom: 5px; }
#boxcontrols a { display: block; height: 110px; width: 180px; float: left; }

#shortpresenter { display: block; padding-top: 5px; }
#shortcontainer { display: block; height: 76px; padding: 24px 0px 0px 40px; }

.undershadow { display: block; height: 5px; line-height: 5px; font-size: 1px; padding: 0px; margin: 0px; }
.contextual { display: block; height: 38px; line-height: 5px; font-size: 1px; padding: 7px 0px 0px 40px; margin: 0px; }

/*		Columns				*/
#columnholder { display: block; clear: both; }
.x1column { display: block; width: 160px; padding: 10px; float: left; }
.x2column { display: block; width: 340px; padding: 10px; float: left; }
.x3column { display: block; width: 520px; padding: 10px; float: left; }
.x4column { display: block; width: 700px; padding: 10px; float: left; }
.x5column { display: block; width: 880px; padding: 10px; float: left; }
.x1column p, .x2column p, .x3column p, .x4column p, .x5column p { padding: 5px 0px 0px 0px; } 

/*		Content styles		*/
.newslist, .newslist li { padding: 0px; margin: 0px; list-style: none; }
.newslist li { padding: 5px 0px 5px 0px; }
.newslist a {}
.newslist a:hover {}

/*		Gallery				*/
#gallery { display: block; clear: both; }
a.minipic { display: block; float: left; width: 240px; height: 120px; margin: 10px 4px 0px 5px; padding: 1px; background-color: #000000; border: 1px solid #202020;}
a.minipic:hover { display: block; float: left; width: 240px; height: 120px; margin: 10px 4px 0px 5px; border: 1px solid #ff6600; }

/*		Pagination			*/
#pagination { margin: 5px 7px 0px 3px; padding: 5px; clear: both; display: block;  }
#pagination a, #pag_this { padding: 5px;  }

#pag_prev { float: left; }
#pag_next { float: right; }
#pag_prev a, #pag_next a { padding: 0px; margin: 0px 2px 0px 2px; }

/*		Box quote			*/
#boxquote { padding: 10px; margin: 10px 0px 0px 0px; display: block; clear: both; }
#quoteform label { display: block; width: 150px; text-align: left; float: left; line-height: 22px; }
.quote_txtfield { width: 505px; padding: 4px; float: left;}
.quote_listmenu { width: 515px;padding: 0px; height: 22px; float: left; }

/*		Box contact			*/
#boxcontact { padding: 10px; margin: 10px 0px 0px 0px; display: block; clear: both; }
#contactform label { display: block; width: 90px; text-align: left; float: left; line-height: 22px; }
.contact_txtfield { width: 205px; padding: 4px; float: left;}
.contact_txtarea { width: 295px; padding: 4px; float: left;}
.contact_listmenu { width: 215px;padding: 0px; height: 22px; float: left; }

/*		Clearfix			*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.hrule { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; text-indent: -10000px; height: 1%; border-bottom: 1px dotted #333333; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px;}

/*		Footer				*/
#footer, #push, #footerholder { height: 100px; clear: both; }
#footertop { display: block; height: 5px; line-height: 1px; font-size: 1px; }
#footercontent { height: 100px; width: 900px; margin: 0px auto 0px auto; }

.personbox { display: block; padding-top: 10px; }
.personimg { display: block; width: 55px; height: 55px; float: left; }
.persondata { display: block; width: 400px; float: left; padding-top: 4px; }
.personbox img { display: block; padding: 2px; border: 1px solid #333333; background-image: url(../images/footer_bg.gif); float: left; }



/*===== GRID ======*/
/* 6 column 900px grid */
.column { display:block; float:left; display:inline; } 
.x1col { width:120px; margin:0 18px; }
.x2col { width:276px; margin:0 18px; }
.x3col { width:432px; margin:0 18px; }
.x4col { width:588px; margin:0 18px; }
.x5col { width:744px; margin:0 18px; }
.x6col { width:900px; margin:0; }

.alfa { margin-left:0; }
.omega { margin-right:0; }

.column.last { margin-bottom: 0 !important; }
.column, .x1col, .x2col, .x3col, .x4col, .x5col, .x6col, .column:after, .x1col:after, .x2col:after, .x3col:after, .x4col:after, .x5col:after, .x6col:after { zoom:1; } 


.section-header { height:35px; padding-top:5px; border-bottom: 1px solid #383d42; border-bottom: 1px solid rgba(125,132,137,.3); position:relative; zoom:1; }
.section-header h3 { padding:0 10px; }
.section-header .options { position:absolute; right:0px; top:6px; width:432px; font-size:11px; }
.section-header span.label { padding:3px 10px 0 0; }
.section-header .selector { position:relative; zoom:1; }
a.trigger { height:22px; line-height:22px; border:1px solid #2a2f33; border:1px solid rgba(57,63,66,.5); color:#fff; font-weight:bold; display:block; display:inline-block; padding:0 8px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; background: url(../images/mini-sprite.png) right 0 no-repeat scroll; text-decoration:none; }
a.trigger:hover, .section-header .selector a.trigger.hover { border:1px solid rgba(57,63,66,1); background-position: right -24px; }
.selector ul.dropdown { background: url(../images/dropdown-bg.jpg) center top no-repeat scroll; border:1px solid #2a2f33; border:1px solid rgba(57,63,66,.5); position:absolute; top:24px; right:0; z-index:10; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; -moz-box-shadow: 0 5px 8px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.5); box-shadow: 0 5px 8px rgba(0,0,0,.5); }
.selector ul.dropdown li a { line-height:24px; border-bottom:1px solid #2a2f33; border-bottom:1px solid rgba(57,63,66,.5); display:block; color:#a1aab1; text-decoration:none; padding:0 8px; }
.selector ul.dropdown li a.selected { color:#fff; }
.selector ul.dropdown li a:hover { background:#f60; border-bottom:1px solid #eb5f01; color:#fff; }
.selector ul.dropdown li:last-child a { border-bottom:0; } 

a.next-proj, a.prev-proj { width:114px; background-image: url(../images/mini-sprite.png); }
a.prev-proj { margin-right:12px; text-align:right; background-position: 0 -96px;  }
a.prev-proj:hover { background-position: 0 -120px; }
a.next-proj { background-position: right -48px; }
a.next-proj:hover { background-position: right -72px; }
a.prev-proj:active, a.next-proj:active { border-color:#2a2f33; background:#f60; }

.projects-list { margin-bottom:30px; }
.projects-list .project { width:276px; float:left; display:inline; margin:20px 36px 0 0; padding-bottom:15px; border-bottom: 1px solid #383d42; border-bottom: 1px solid rgba(125,132,137,.3); line-height:18px; }
.projects-list .project.omega { margin-right:0px; }
.projects-list .project a.thumb { padding:1px; background:#000; border:1px solid #202020; display:block; position:relative; zoom:1; width:272px; height:136px; }
.projects-list .project a.thumb:hover { border:1px solid #f60; -moz-box-shadow: 0 5px 8px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.5); box-shadow: 0 5px 8px rgba(0,0,0,.5); }
.projects-list .project h6.title, .projects-list .project p.disciples { font-size:12px; height:18px; overflow:hidden; }
.projects-list .project h6.title { font-weight:bold; color:#fff; margin-top:12px; }
a.thumb span.badge { display:block; width:20px; height:136px; position:absolute; right:1px; top:1px; background-color:#000; text-indent:-9999px; }
a.thumb span.badge.new { background-image: url(../images/badge-new.gif); background-position: 5px 101px; background-repeat:no-repeat; }

.projects-list.disabled { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; }
.projects-list.disabled a.thumb:hover { border:1px solid #202020; cursor:default; -moz-box-shadow: 0 0 0 #000; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; }

.mb30px { margin-bottom:30px; }
.box-content { padding-top:15px; font-size:12px; line-height:16px; }
.project-details, .project-description { line-height:18px; }
.project-details strong { color:#fff; font-weight:bold; }

ul.clients-carousel { display:block; height:100px; }
ul.clients-carousel li { }
ul.clients-carousel li a.client { background-image: url(../images/clienti.png); display:block; height:100px; width:120px; margin-right:36px; float:left; text-indent:-9999px; }
ul.clients-carousel li a.client.omega { margin-right:0; }

.tooltip-default { background:#ffffe1; position:absolute; top:10px; left:10px; z-index:2000; border:1px solid #000; padding:4px 6px; color:#10151a; font-size:11px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -khtml-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5); max-width:220px; line-height:14px; }
.tooltip-default h3 { display:none; }
.tooltip-default div.body { }

a.heineken { background-position:0 0; } a.heineken:hover { background-position:-120px 0; }
a.mcdonalds { background-position:0 -100px; } a.mcdonalds:hover { background-position:-120px -100px; }
a.flyproject { background-position:0 -200px; } a.flyproject:hover { background-position:-120px -200px; }
a.kissfm { background-position:0 -300px; } a.kissfm:hover { background-position:-120px -300px; }

.project-carousel { display:block; height:445px; width:896px; padding:1px; position:relative; zoom:1; background:#000; border:1px solid #202020; margin:-1px 0 5px; }
.project-images { height:445px; width:896px; overflow:hidden; position:relative; }
.project-images ul { display:block; white-space:nowrap; overflow:none; list-style:none; position:absolute; top:1; left:0px; }
.project-images ul li { min-height:445px; width:896px; display:inline; display: -moz-inline-stack; display:inline-block; *display:inline; vertical-align:top; }

.scroller { display:block; height:445px; width:20px; background:#000; background:rgba(0,0,0,.2); position:absolute; right:1px; top:1px; z-index:5; }
.scroller a.handle { text-indent:-9999px; display:block; width:20px; background:#f60 url(../images/mini-sprite.png) center center no-repeat; position:absolute; left:0; z-index:10; -moz-box-shadow: 0 5px 8px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.5); box-shadow: 0 5px 8px rgba(0,0,0,.5); }
.scroller a.handle:hover { -moz-box-shadow: 0 5px 8px rgba(0,0,0,.75); -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.75); box-shadow: 0 5px 8px rgba(0,0,0,.75); }
.scroller a.handle:active { background-color:#F90; }

.carousel-pag { display:block; height:16px; position:absolute; bottom:15px; left:15px; z-index:5; }
.carousel-pag a { display:block; height:16px; width:16px; background-image:url(../images/mini-sprite.png); background-position: 0px -153px; text-indent:-9999px; float:left; }
.carousel-pag a:hover { background-position: -16px -153px; }
.carousel-pag a.current { background-position: -32px -153px; cursor:default; }

.overlay { filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3; display:block; z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; text-indent:-9999px; background:#000;}
* html .overlay { position:absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
.overlay.loader { background:#000 url(../images/loader.gif) 50% 50% no-repeat;}

.modal { position:absolute; z-index:1100; border:1px solid #000; background-color:#10151a; background-color:rgba(16,21,26,.96); -moz-box-shadow: 0 5px 8px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.5); box-shadow: 0 5px 8px rgba(0,0,0,.5);}
.modal a.close-modal { display:block; width:18px; height:18px; position:absolute; right:15px; top:15px; text-indent:-9999px; background:url(../images/mini-sprite.png) 0 -169px no-repeat; }
.modal a.close-modal:hover { background-position:-18px -169px; }
.modal a.close-modal:active { background-position:-36px -169px; }

.modal.portfolio { width:896px; height:445px; top:296px; left:50%; margin-left:-449px; background-image: url(../images/schema-keyboard.png); }
.modal.portfolio div { padding: 90px 105px; width:120px; color:#f60; }
.modal.portfolio div strong { color:#fff; }