@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'Conv_COCOMAT'; src: url('../fonts/COCOMAT-Light.eot'); src: local('☺'), url('../fonts/COCOMAT-Light.woff') format('woff'), url('../fonts/COCOMAT-Light.ttf') format('truetype'), url('../fonts/COCOMAT-Light.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face{ font-family: MyCustomFont; src: url("../fonts/COCOMAT-Light.eot") /* EOT file for IE */}
@font-face{ font-family: MyCustomFont; src: url("../fonts/COCOMAT-Light.TTF") /* TTF file for CSS3 browsers */}
@font-face{ font-family: 'MyriadProRegular'; src: url('../fonts/myriadpro-regular-webfont.eot'); src: local('☺'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfontm5jYWRU6') format('svg'); font-weight: normal; font-style: normal;}
.sprite {background:url(../images/sprite.png) no-repeat;}
p, div, ul, ol, li, h1, h2, h3, h4, h5, h6, a, a img { margin:0; padding:0; list-style-type:none; font-weight:normal;}
body {margin:0; padding:0; font-size:13px;font-family: 'MyriadProRegular'; background-color:#000;}
#main{ background:url(../images/orangebg.jpg) repeat-x top #f4750c; width:100%;}
a, a img{ outline:none; border:none;}
.fl{float:left}.fr{float:right}.clr{clear:both}.alignrgt{text-align:right;}.alignlft{text-align:left;}.aligncenter{text-align:center;}.bold{font-weight:bold;}.uppercase{text-transform:uppercase;}.block2{display:block;}.relative{position:relative;}.italic{font-style:italic;}.pt2{padding-top:2px;}.pb6{padding-bottom:6px;}.pb20{padding-bottom:20px;}.pl7{padding-left:7px;}.pr25{padding-right:25px;}.pt14{padding-top:14px;}.pt9{padding-top:9px;}.pt5{padding-top:5px;}.pt8{padding-top:8px;}.pt12{padding-top:12px;}.pt14{padding-top:14px;}
.wrapper {width:995px; margin:0 auto;}
.wrapper1004 {width:1004px; margin:0 auto;}

/* updated Css 02.07.82 */
.footer { width:100%; background:#000;color:#827d7b; font-size:14px; padding:30px 0 20px; background-position: bottom center;}
/* updated Css 02.07.82 */

.grey14 {font-size:20px; color:#7e7e7e; font-family: MyCustomFont,'Conv_COCOMAT';}
.logohold {position:absolute; top:1px; left:40%;}
a.fb {float:left; width:28px; height:28px; background:url(../images/fb.png) 0 0; margin-right:8px; margin-left:20px;}
a.fb:hover{background:url(../images/fb.png) 0 100%;}
a.tw {float:left; width:28px; height:28px; background:url(../images/tw.png) 0 0; margin-right:8px;}
a.tw:hover{background:url(../images/tw.png) 0 100%;}
a.flickr {float:left; width:28px; height:28px; background:url(../images/fl.png) 0 0;}
a.flickr:hover{background:url(../images/fl.png) 0 100%;}
a.english {float:left; width:28px; height:28px; background:url(../images/us-flag.png) 0 0 ; margin-right:8px; margin-left:0px;}
a.english:hover{background:url(../images/us-flag.png) 0 100%;}
a.english_act{background:url(../images/us-flag.png) 0 100%; float:left; width:28px; height:28px; margin-right:8px; margin-left:0px;}
a.fr {float:left; width:28px; height:28px; background:url(../images/fr-flag.png) 0 0; margin-right:8px;}
a.fr:hover{background:url(../images/fr-flag.png) 0 100%;}
a.fr_act{background:url(../images/fr-flag.png) 0 100%; float:left; width:28px; height:28px; margin-right:8px;}
a.gr {float:left; width:28px; height:28px; background:url(../images/gr-flag.png) 0 0; margin-right:8px;}
a.gr:hover{background:url(../images/gr-flag.png) 0 100%;}
a.gr_act{background:url(../images/gr-flag.png) 0 100%; float:left; width:28px; height:28px; margin-right:8px;}
a.spain {float:left; width:28px; height:28px; background:url(../images/spain-flag.png) 0 0; margin-right:0px;}
a.spain:hover{background:url(../images/spain-flag.png) 0 bottom;}
a.spain_act{background:url(../images/spain-flag.png) 0 bottom; float:left; width:28px; height:28px;}
#mainnavi{margin-left:8px;}
#mainnavi a{ height:36px; margin:0; padding:0 0 0 6px; float:left; text-decoration:none; color:#fff; text-transform:uppercase; font-size:14px; white-space:nowrap; cursor:pointer;}
#mainnavi a span { height:26px; display:block; margin-right:5px; padding:10px 12px 0 6px;}
#mainnavi a:hover, #mainnavi a:active, #mainnavi a:focus, #mainnavi a.active { background: transparent url(../images/navlft.png) left top no-repeat; color:#f5750c; }
#mainnavi a:hover span, #mainnavi a:active span, #mainnavi a:focus span, #mainnavi a.active span { background: transparent url(../images/navrgt.png) right top no-repeat;  color:#f5750c;}
.footer a {color:#827d7b; text-decoration:none; margin-right:9px;}
.footer a:hover {color:#c9c9c9;}
#logo_arterisk {margin-right:0px;}
.headermid {background:url(../images/headermid.png) repeat-y center; width:935px; padding:37px 30px 10px 30px;}
.headertxt {font-size:65px; color:#2d2522; text-transform:uppercase;}
.width650 {width:650px;}
.font42 {font-size:42px;}
.font19 {font-size:19px;}
.orangebg {background:#f4750c;}
.whitecolor {color:#fff;}
.p3 {padding:3px;}
.box1 {width:29%; float:left;}
.box3 {width:32%; float:left;}
.boxdivder {background:url(../images/divider.png) no-repeat right center; padding-right:20px; margin-right:20px; min-height:234px;}
.normaltxt {font-size:14px; color:#fff;}
.normaltxt a{font-size:14px; color:#fff; text-decoration:none;}
.normaltxt a:hover{color:#fff; text-decoration:underline;}
.whitebx{background-color:#fff; position:relative; padding:5px; }
.bxtl {background:url(../images/boxtl.png) no-repeat; width:5px; height:5px; position:absolute; top:0; left:0;}
.bxtr {background:url(../images/boxtr.png) no-repeat; width:5px; height:5px; position:absolute; top:0; right:0;}
.bxbl {background:url(../images/boxbl.png) no-repeat; width:5px; height:5px; position:absolute; bottom:0; left:0;}
.bxbr {background:url(../images/boxbr.png) no-repeat; width:5px; height:5px; position:absolute; bottom:0; right:0;}
.mr9 {margin-right:9px;}
.mb9 {margin-bottom:9px;}
.width550 {width:550px;}
.inner_left{ float:left; width:64%;}
.inner_right{ float:left; width:32%;}
.inner_headermid {background:url(../images/headermid.png) repeat-y center; width:935px; padding:15px 30px 0px 30px;}
.inner_box3{width:100%; float:left;}
.headertxt_orange {font-size:58px; color:#f4750c; text-transform:uppercase;}
.innerheadertxt_orange {font-size:35px; color:#f4750c; text-transform:uppercase;}
.white_txt18{ font:18px 'MyriadProRegular'; color:#FFF; line-height:27px;}
.white_txt18 a{ font:18px 'MyriadProRegular'; color:#FFF; text-decoration:none;}
.white_txt18 a:hover{ font:18px 'MyriadProRegular'; color:#fff; text-decoration:underline;}
.width_83per{ width:83%;}
.boxdivder_inner {background:url(../images/inner-divider.png) no-repeat right center; padding-right:17px; margin-right:20px; min-height:234px;}
.form_title{ font:18px 'MyriadProRegular'; color:#FFF; width:160px;}
.field_left{ float:left; width:4px; height:35px; background:url(../images/field-left.png) no-repeat;}
.field_bg{ float:left; background:url(../images/field-bg.jpg) repeat-x; height:35px; width:305px;} 
.field_right{ float:left; width:4px; height:35px; background:url(../images/field-right.png) no-repeat;}
.txtarea_left{ float:left; width:3px; height:86px; background:url(../images/txtarea-left.png) no-repeat;}
.txtarea_bg{ float:left; background:url(../images/txtarea-bg.png) repeat-x; height:86px; width:450px;} 
.txtarea_right{ float:left; width:3px; height:86px; background:url(../images/txtarea-right.png) no-repeat;}
.quote_field{ width:296px; background:none; border:none; font:14px 'MyriadProRegular'; color:#333; margin-top:9px; margin-left:5px;}
.txtarea{ width:440px; background:none; border:none; font:14px 'MyriadProRegular'; color:#333; margin-top:9px; margin-left:5px; height:73px;}
.pt20{ padding-top:20px;}
.inner_txt ul{ padding:0px; margin:0px; list-style:none; padding-top:20px;}
.inner_txt ul li{ padding:0px; margin:0px; list-style:none;  padding-left:20px;}
.line_height22{ line-height:24px;}

/* May 28 2012 */
.table_bg{ width:578px; height:533px; background:url(../images/table-bg.png) no-repeat;}
.pl10 {padding-left:10px;}
.white_txt23{ font:23px 'MyriadProRegular'; color:#FFF;}
.white_txt27{ font:27px 'MyriadProRegular'; color:#000;}
.orange_txt38{ font:38px 'MyriadProRegular'; color:#f4750c;}
.orange_txt33{ font:27px 'MyriadProRegular'; color:#f4750c;}
.normaltxt_black {font-size:15px; color:#000;}
.contact_bg{ width:318px; height:368px; background:url(../images/contact-bg.png) no-repeat;}
.width_90per{ width:90%; margin:0 auto;}
.blk_17{ font-size:17px; color:#000;}
.blk_17 a{ font-size:17px; color:#000; text-decoration:none;}
.blk_17 a:hover{ font-size:17px; color:#f4750c; text-decoration:none;}
.map_box{ width:274px; height:100px; border:1px solid #b6b6b6; margin-left:2px;}
.img_thumb a:hover span{ background-color:#FF0000; filter: alpha (opacity=50);}
#picture {width:100px; height: 250px; background-color:#ffffff;}
#picture a { display:block; width:100px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a:hover {text-decoration:none; background-color:#000000; color:#000000;}
.browse_field{ width:296px; border:none; font:14px 'MyriadProRegular'; color:#333; margin-top:9px; margin-left:5px;}
.wrong input{  color:#F00; font-weight:bold !important; }
.content, .web, .lastfm, .social, .system, .form { overflow: hidden;}
.block { background:url('../images/progress.gif') no-repeat center center transparent; float:left; position:relative; overflow:hidden; width:95px; height:74px; margin:0px 10px 10px 0px; box-shadow:0 0 5px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:#fff;}
.block:hover {border-color: #222;opacity:1;}
.block a {color:#fff;}
.block img { height: 74px; margin-right: 10px; position: absolute; left:0px; top:-0px; width: 95px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.block-image {display:block;line-height:0;}
.details{ position:absolute; top:50%; left:0; width:100%; margin-top:-30px; text-shadow:0 1px 1px rgba(0,0,0,0.5); text-align:center;vertical-align:bottom; font-size:12px;}
h1{float:left; width:650px; font-size:58px; color:#f4750c; text-transform:uppercase; padding-top:20px;}
.overlay { background:url('../images/block-bg.png') repeat; z-index:9999; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
.block:hover .overlay { opacity:1;}
.block h1 {vertical-align:bottom; font-size:16px;}
.block p { color:#ddd;overflow:hidden;height:30px;display:block;margin-top:5px;}
.block p span.part { background:url('../images/orangebar.png') repeat-x center; color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;padding:0 6px; height:10px; margin:8px 0; font-family:Tahoma; font-size:11px; font-weight:bold; text-shadow:0 -1px 0px rgba(0, 0, 0, 0.3);}
.block p span.type {font-size:14px;font-weight:500;margin-right:10px;float:left;}
.white_txt18 ul{ padding:0px; margin:0px; list-style:none;}
.white_txt18 ul li{ padding:0px; margin:0px; list-style:none; background:url(../images/bullet.png) no-repeat left; line-height:27px; padding-left:20px;}
.blue_txt18{ font:18px 'MyriadProRegular'; color:#000; font-weight:normal;}
.blue_txt20{ font:20px 'MyriadProRegular'; color:#000; font-weight:bold;}
.blue_txt23{ font:23px 'MyriadProRegular'; color:#000; font-weight:bold;}
.line_height20{ line-height:20px;}
.cocomat42 {font-family: MyCustomFont,'Conv_COCOMAT'; font-size:40px; color:#fff; padding:3px 10px;}
.cocomat22 {font-family: MyCustomFont,'Conv_COCOMAT'; font-size:22px; color:#fff;}
.normaltxt ul{ padding:0px; margin:0px; list-style:none;}
.normaltxt ul li{ padding:0px; margin:0px; list-style:none; background:url(../images/bullet.png) no-repeat left; line-height:18px; padding-left:20px;}