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


body {background:url(images/body_bg.gif) top left repeat-x;}

a {color:#b12500;}

.bordered {border:1px solid #ccc; padding:2px;}





/*
*
*	THE HEADER
*
*/

#header {position:relative; height:97px;margin-bottom:3em;}
#header h1#logo a, #header h1#logo a.out {text-indent:-3000px; background:url(images/logo_screen.png) 0 -10px no-repeat; width:254px; height:115px; display:block; overflow:hidden; }
.nojs #header h1#logo a:hover {background-position:0 0!important;}


#nav { position: absolute; right:40px; bottom:4px; width:491px; height:90px; padding:0; list-style-type:none; margin:0;}
#nav li {float:left; width:121px; height:90px; }
#nav li a {display:block; width:121px; height:90px; background:url(images/label-it.png) no-repeat; overflow:hidden;  }

#nav li a span {display:block; width:121px; height:90px; background:url(images/label-it.png) no-repeat; text-indent:-3000px; visibility:hidden;}
.lang-en #nav li a, .lang-en #nav li a span  {background:url(images/label-en.png) no-repeat;}

#nav li.last {border-right:3px solid #fff;}


#nav li.the_company a { background-position:0 -229px;}

.nojs #nav li.the_company a:hover, #nav li.the_company a span {background-position:0 -324px!important;}

#nav li.the_products a { background-position:-121px -229px!important;}
.nojs #nav li.the_products a:hover,  #nav li.the_products a span {background-position:-121px -324px!important;}

#nav li.the_gallery a { background-position:-243px -229px!important;}
.nojs #nav li.the_gallery a:hover, #nav li.the_gallery a span {background-position:-243px -324px!important;}

#nav li.the_contacts a { background-position:-366px -229px!important;}
.nojs #nav li.the_contacts a:hover, #nav li.the_contacts a span {background-position:-366px -324px!important;}

#lang_bar {position: absolute; right:0; top:3px; height:90px; width:30px; list-style-type:none; margin:0;}
#lang_bar li {margin:2px 0;}
#lang_bar a {display:block; width:20px; height:13px; overflow:hidden; text-indent:-5000px;}

#lang_bar li.flag-it a {background:url(images/flags/it.gif) top left no-repeat;}
#lang_bar li.flag-gb a {background:url(images/flags/uk.gif) top left no-repeat;}

#content {background:#E4F2FD url(images/content_bg.gif) top left repeat-x; min-height:410px; padding-bottom:1em;}

#content h2.the_company {height:27px; width:242px; background:url(images/label-it.png) -10px -91px no-repeat;  text-indent:-3000px; }
#content h2.the_contacts {height:27px; width:242px; background:url(images/label-it.png) -10px -127px no-repeat;   text-indent:-3000px; }
#content h2.the_services {height:20px; width:300px; background:url(images/label-it.png) -10px -188px no-repeat;  text-indent:-3000px; }
#content h2.the_gallery {height:20px; width:242px; background:url(images/label-it.png) -10px -160px no-repeat;  text-indent:-3000px; }

.lang-en #content h2.the_company {background-image:url(images/label-en.png)!important; }
.lang-en #content h2.the_contacts {background-image:url(images/label-en.png)!important; }
.lang-en #content h2.the_services {background-image:url(images/label-en.png)!important; }
.lang-en #content h2.the_gallery {background-image:url(images/label-en.png)!important; }


#service ul {list-style-type:none; margin-left:0;}
#service ul li {display:inline; margin-right:.5em; font-style:italic; }

#service ul li.fr { }
#service ul li.es {}
#service ul li.pt {}
#service ul li.gb {}
#service ul li.pl {}
#service ul li.nl {}
#service ul li.de {}
#service ul li.be {}
#service ul li.no {}
#service ul li.lt {}
#service ul li.za {}
#service ul li.kp {}
#service ul li.cn {}
#service ul li.id {}
#service ul li.sg {}
#service ul li.ph {}
#service ul li.gn {}
#service ul li.us {}
#service ul li.tt {}
#service ul li.so {}
#service ul li.tr {}
#service ul li.tn {}




ul.titleTabs {list-style-type:none; margin-left:0; border-bottom:2px solid #D04413;}
ul.titleTabs li {display:inline; margin-right:.15em; font-size:1.23em;}
ul li a.tab-element {padding:.25em .5em; color:#000; text-decoration:none;}
ul li a.tab-active {background:transparent url(images/ae_button_bg.png) repeat-x scroll left top; color:#fff;}
ul li a.tab-inactive {display:none; cursor:default;}


.tab-content {position:absolute; left:-100000px;}
.tab-current {position:static;}


/*
*
*	THE TEASER
*
*/
#content, .basic-screen #homepage #content{ min-height:365px;}
.medium-screen #content {min-height:630px!important; position:relative!important; }
.large-screen #content { min-height:780px!important; position:relative!important; }


#homepage #content .artel-logo-bg {position:absolute; background:url(images/artel_bg_texture.gif) center bottom no-repeat; width:100%; height:300px; bottom:0; left:0;}

.medium-screen .artel-logo-bg {background-image:url(images/artel_bg_texture_medium.gif)!important; height:220px!important;}
.basic-screen .artel-logo-bg {display:none;}



#home_main_title h1 { width:242px; height:0px; padding-top:62px; display:block; background:url(images/label-it.png) -10px -14px no-repeat; text-indent:-30000px; overflow:hidden;}
.lang-en #home_main_title h1 {background:url(images/label-en.png) -10px -14px no-repeat; }

#home_main_title p, #home_main_title li {font-size:14px; line-height:24px;}

#nav_teaser {list-style-type:none; margin-left:0; padding:0; margin-top:2.65em; }
#nav_teaser li {margin-bottom:3px;}
#nav_teaser li a {display:block; width:36px; height:30px; background:url(images/circled_box.png) 0 -30px no-repeat; text-align:center; font-size:15px; line-height:25px; font-weight:bold; color:#fff; text-decoration:none;}
#nav_teaser li a:hover {background-position:0 -60px;}
#nav_teaser li.selected a, #nav_teaser li.selected a:hover {background-position:top left;}

#teaser { height:360px; overflow:hidden; margin-top:-2em;}

#teaser_box {background:url(images/teaser_box.png) top left no-repeat; height:340px; overflow:hidden; margin-top:0; padding-top:3em;}
#teaser_box:hover {background-position:0 -380px;}

.tab {width:100%; height:80%; display:none; background:url(images/dot.png) 225px 0 repeat-y;}
#teaser_box .active {display:block;}
.tab h2 {font-size:14px; text-transform:uppercase; font-weight:bold;}
.tab p {font-size:12px; line-height:18px; color:#333;}

.tab a.more {display:block; margin:1em 0 0; color:#D04413; text-decoration:none; text-transform:uppercase;}
.tab .main_img {border:1px solid #000; width:200px;}
.tab .thumbs {list-style-type:none; margin-left:0; margin-top:5px; padding:0; width:200px;}
.tab .thumbs li { width:46px!important; margin-right:2px; margin-left:2px; float:left; padding:0;}
.tab .thumbs li a.active {cursor:default;}
.tab .thumbs li img {width:44px; border:1px solid #000;}



#news { background:transparent url(images/dot.png) repeat-y 40px 0; min-height:450px; }
	.news .newsList {list-style-type:none; padding:0; margin:0;}
	.newsList li {margin-bottom:1em; font-size:11px;}
	.newsList h4 {display:inline; font-weight:bold; font-size:11px;}
	.newsList a.the_link {text-decoration:none;}
	
.contact_us_button { display:block; background:url(images/contact_us_button_bg.gif) top center no-repeat; width:246px; height:35px; text-decoration:none; color:#fff; text-transform:uppercase; line-height:35px; text-align:center; font-weight:bold; margin:1em 3px;}

.thumb {


}

.hidden {position:absolute; left:-5000px;}
.contact_us_button:hover {background-position:bottom center; color:#fff;}


.side_thumbnails {width:252px; text-align:center;}
.side_thumbnails img {width:114px; margin:2px;}

.ajaxPhotoGallery {font-size:12px; text-decoration:none;}


.photogallery {list-style-type:none; margin:0;}
.photogallery li {margin-bottom:.5em; border:1px solid #999; padding:2px;}
.photogallery li a { display:block; width:100%; height:75px; overflow:hidden; }
.photogallery li a img {}


#ae_contact_form {}
#ae_contact_form label {clear:both; display:block; margin:10px 0;}

#ae_privacy_text {height:6em;}
#ae_privacy_agrrement_label {clear:none!important; display:inline!important; padding-left:1em;}

/* Negative */
#ae_submit {
  background:url(images/ae_button_bg.png) top left repeat-x;
  color:#fff;
  margin-left:443px;
}
#ae_submit:hover, #ae_submit:hover {
	background-position:bottom left;
  border:1px solid #fbc2c4;
}
#ae_submit:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
.mapBox {background:#fff; border:2px solid #D04413; overflow:hidden;}
.mapBox .map-closer {display:block; text-align:right; color:#fff; background:#D04413; line-height:2em; height:2em; padding-right:1em; text-transform:uppercase; text-decoration:none;}

a.map-opener {display:block; text-align:center; text-transform:uppercase; line-height:3em; text-decoration:none; color:#000;}
a.map-opener:hover { text-decoration:underline;}




#footer {
	background:#fff url(images/footer-border.gif) top left repeat-x; padding-top:20px; margin-top:0;
	font-size:10px; text-align:center;
}