body{background:#fff; text-align:center;}

/* NAVIGATION SKIP */
#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* LAYOUT STYLE */
#mother {width: 848px; margin: 25px auto 0; padding: 0; position: relative;}
#header {text-align: left; margin: 0; padding: 0 5px 10px; background: url('/img/bg-header.png') 0 100% no-repeat;}
#layout-help {background: #F3F3F3 url('/img/bg-layout-help.png') 0 0 repeat-y; padding: 0 5px 24px; text-align: left;}
#main {margin: 0 24px;  background: #fff;}
#content {margin: 0 25px; padding: 0 0 10px}
#col-content {width: 500px; float: right;}
#col-side {width: 220px; float: left;}
#footer {background: url('/img/bg-footer.png') 0 0 no-repeat; overflow: hidden; padding: 7px 5px 20px; font-size: 92%; color: #666;}

/* LANG MENU */
#lang-menu {position: absolute; right: 5px; top: -13px; text-align: left; color: #666;}
#lang-menu a {text-decoration: none; margin: 0 0 0 10px;}
#lang-menu a img {vertical-align: middle; margin: 0 1px 0 0;}
#lang-menu a span {text-decoration: underline;}

/* LOGO BOX */
#logo-box {float: left; display: inline; margin: 0 0 15px 20px;}
#logo-box h1 {margin: 0; border: none; padding: 0;} 
#logo-box img {display: block;} 

/* SEARCH BOX */
#search-box {float: right; margin: 18px 0 0 0;}
#search-box .int-text {padding: 5px; border: 1px solid #DDDDDD; color: #666; font-style: italic; vertical-align: middle; width: 180px;}
#search-box .btn-submit {padding: 5px 5px 4px; border: 1px solid #DDDDDD; color: #666666; text-transform: uppercase; font-size: 92%; vertical-align: middle; background: #fff url('/img/bg-btn.png') 0 100% repeat-x; cursor: pointer; min-height: 27px;}

.search-box {margin: 30px 0 0 0;}
.search-box .int-text {padding: 5px; border: 1px solid #DDDDDD; color: #333; vertical-align: middle; width: 180px;}
.search-box .btn-submit {padding: 5px 5px 4px; border: 1px solid #DDDDDD; color: #666666; text-transform: uppercase; font-size: 92%; vertical-align: middle; background: #fff url('/img/bg-btn.png') 0 100% repeat-x; cursor: pointer; min-height: 27px;}

/* MENU */
#main-menu {background: url('/img/bg-main-menu.png') 0 0 repeat-x; padding: 8px 0;}
#main-menu ul {margin: 0 0 0 24px; padding: 0;}
#main-menu li {margin: 0; padding: 5px 17px 5px 30px; float: left; display: inline; background: url('/img/bg-main-menu-li.png') 0 50% no-repeat; position: relative; list-style: none; z-index: 1; text-transform: lowercase;}
#main-menu li:first-child {background: none; padding-left: 0;}
#main-menu li.active strong, #main-menu li.active a {font-weight: normal; color: #FF7E00; text-decoration: none;}
#main-menu li a, #mother #main-menu li li a {color: #666; text-decoration: none; float:left;}
#mother #main-menu li li a{float:none;}
#main-menu li a:hover, #mother  #main-menu li li a:hover {color: #FF7E00;}
#main-menu li:hover a.link-submenu, #main-menu li.hover a.link-submenu{padding:7px 8px 3px; background:white; border: 1px solid #ddd; border-bottom-width:0px; margin:-8px -9px -3px; position:relative; z-index:99;}

#main-menu ul li .submenu, #main-menu ul li .submenu {display: none;}
#main-menu ul li:hover .submenu, #main-menu ul li.hover .submenu {display: block; position: absolute; top: 24px; left: 21px; z-index: 50; width: 210px;}
#main-menu ul ul {margin: 0; padding: 0 10px; background: #fff; border: 1px solid #ddd;}
#main-menu ul ul li {padding: 0; margin: 14px 0; float: none; display: list-item; background: none !important; padding: 0; line-height: 1.2; text-transform: none;}
#main-menu ul ul li a {background: url('/img/bg-main-menu-li-li.png') 0 0.1em no-repeat; padding: 0 0 0 10px; display: block;}
#mother #main-menu ul li ul li.active a {color: #FF7E00; text-decoration: none;}
#main-menu ul ul li.active a strong {font-weight: normal;}

.side-menu h2 {margin: 0.5em 0 0; padding: 0 0 0.35em; font-weight: normal; border-bottom: 1px solid #D0D0D0;}
.side-menu h2 span {text-transform: lowercase;}
.side-menu ul {margin: 0; padding: 0;}
.side-menu li {margin: 0; padding: 10px 0pt 10px 15px; border-top: 1px solid #E7E7E7; background-position: 0 1.25em; font-size: 92%;}
.side-menu li:first-child {border: none;}
.side-menu li.active a {color: #FF7E00;}

/* MOTIVE */
.home #motive {margin: 0 0 15px;}
#motive img {display: block;}

/* BREADCRUMB */
#breadcrumb {background: #EE7708; color: #fff; font-size: 92%; padding: 14px 25px 12px; border: 1px solid #BFBFBF; border-width: 0 1px 1px; margin: 0 0 15px; line-height: 1.4;}
#breadcrumb a {color: #fff;}
#breadcrumb strong {font-weight: normal;}

/* ANNOT BOX */
#annot-box {margin: 0 0 2em;}
#annot-box p {font-weight: bold;}

/* HOME BOXS BOTTOM */
.news-box, .carrer-box, .companies-box {float: left; width: 220px; margin: 0 0 0 40px;}
.news-box h2, .carrer-box h2, .companies-box h2 {font-size: 150%; font-weight: normal; border-bottom: 1px solid #D0D0D0; padding: 0 0 0.3em; margin: 0 0 0.7em;}

/* NEWS BOX */
.news-box {margin: 0;}
.news-box h2 {margin: 0 0 0.2em;}
.news-box ul {margin: 0; padding: 0; font-size: 92%;}
.news-box li {margin:  0 0 1em; padding: 0.6em 0 0; list-style: none; background: none; border-top: 1px solid #E7E7E7;}
.news-box li:first-child {border: none;}
.news-box li p {margin: 0 0 0.3em;}
.news-box .more a {text-decoration: none; color: #333;}
.news-box .more a span {font-size: 92%; text-decoration: underline; color: #FF7E00;}
.news-box .more a:hover span {color: #0F5090;}

/* CARRER BOX */
.carrer-box p {font-size: 92%;}
.carrer-box li {font-size: 92%;}

/* CARRER BOX */
.companies-box h2 {margin-bottom: 0.6em;}
.companies-box ul {margin: 0; padding: 0; font-size: 92%;}
.companies-box ul li {border-top: 1px solid #E7E7E7; padding: 6px 0 6px 15px; background-position: 0 1em;}
.companies-box ul li:first-child {border: none;}

/* CROSSROAD */
.crossroad ul {margin: 0; padding: 0;}
.crossroad li {margin: 0 0 2em; padding: 0; background: none;}

.crossroad2 ul {margin: 0 0 20px 10px; padding: 0;}
.crossroad2 li h2 {font-size: 100%; margin: 0;}

/* CEO BOX */
.ceo-box {background: #F3F3F3; margin: 30px 0 15px;}
.ceo-box .center {float: left; width: 195px; margin: 60px 0 0;}
.ceo-box .center .ext {padding: 0 0 0 17px; background: url('/img/ico-ext-big.png') 0 0.2em no-repeat; font-size: 117%;}
.ceo-box .center img {margin: 0 auto 15px;}
.ceo-box .r-box {float: right; width:300px; margin: 0; font-size: 92%;}
.ceo-box .r-box img {float: right; margin: 0 0 15px;}
.ceo-box .r-box strong {font-size: 108.7%;}
.ceo-box .r-box p {margin-bottom: 1.7em;}

/* CONTACT */
.contact-list ul {margin: 0; padding: 0;}
.contact-list li {margin: 0; padding: 0; background: none; width: 50%; float: left;}
.contact-list li:first-child {width: 100%; float: none;}
.contact-list .ext-big {margin: 10px 0 0; display: block;}

/* ATTACHED IMAGES */
.att-images ul {margin: 5px 0 0; padding: 0;}
.att-images li {margin: 0 13px 13px 0; padding: 0; float: left; display: inline; border: 1px solid #d0d0d0; background: none; width: 100px; height: 75px; padding: 5px;}
.att-images li img {display: block; margin: 0 auto;}

/* ATTACHED LINKS */
#att-links ul {margin: 0 0 15px 15px;}

/* ATTACHED FILES */
.att-files ul {margin: 0 0 0 15px;}
.att-files li { list-style: none; padding-left: 0; padding:1px 0 1px 22px; margin-bottom:2px;  background-image: url("/img/fileico/fico-sm-unknown.png"); background-position: 0 0em;}
.dm { background-image: url("/img/fileico/fico-sm-3dm.png") !important; }
.ai { background-image: url("/img/fileico/fico-sm-ai.png") !important; }
.avi { background-image: url("/img/fileico/fico-sm-avi.png") !important; }
.bmp { background-image: url("/img/fileico/fico-sm-bmp.png") !important; }
.cdr { background-image: url("/img/fileico/fico-sm-cdr.png") !important; }
.doc { background-image: url("/img/fileico/fico-sm-doc.png") !important; }
.dxf { background-image: url("/img/fileico/fico-sm-dxf.png") !important; }
.exe { background-image: url("/img/fileico/fico-sm-exe.png") !important; }
.gif { background-image: url("/img/fileico/fico-sm-gif.png") !important; }
.html { background-image: url("/img/fileico/fico-sm-html.png") !important; }
.jpg { background-image: url("/img/fileico/fico-sm-jpg.png") !important; }
.mp3 { background-image: url("/img/fileico/fico-sm-mp3.png") !important; }
.pdf { background-image: url("/img/fileico/fico-sm-pdf.png") !important; }
.png { background-image: url("/img/fileico/fico-sm-png.png") !important; }
.ppt { background-image: url("/img/fileico/fico-sm-ppt.png") !important; }
.psd { background-image: url("/img/fileico/fico-sm-psd.png") !important; }
.qt { background-image: url("/img/fileico/fico-sm-qt.png") !important; }
.ra { background-image: url("/img/fileico/fico-sm-ra.png") !important; }
.swf { background-image: url("/img/fileico/fico-sm-swf.png") !important; }
.tif { background-image: url("/img/fileico/fico-sm-tif.png") !important; }
.txt { background-image: url("/img/fileico/fico-sm-txt.png") !important; }
.xls { background-image: url("/img/fileico/fico-sm-xls.png") !important; }
.zip { background-image: url("/img/fileico/fico-sm-zip.png") !important; }


/* JOB INFO */
.job-info {float: right; width: 250px; border: 2px solid #eee; background: #f9f9f9; margin: 0.5em 0 15px 15px;}
.job-info table {margin: 0;}
.job-info table td, .job-info table th {border: none; background: none; padding: 6px 10px;vertical-align: top;}

/* JOB FORM */
.contact-form, #job-form {margin: 25px 0 15px;}
.contact-form .in, #job-form .in {border: 1px solid #eee; background: #f9f9f9; border-width: 1px 0; margin: 0;}
.contact-form h2, #job-form h2 {margin: 0 0 0.5em;}
.contact-form form, #job-form form {border: 1px solid #fff; border-width: 1px 0; margin: 0; padding: 10px 25px;}
.contact-form form label, #job-form form label {font-weight: bold;}
#job-form form .l, #job-form form .r {margin: 0;}

/* SEARCH RESULTS */
.search-results {margin: 25px 0 0;}
.search-results li {background: none; padding: 0 0 0 25px; margin: 0 0 1em;}
.search-results .number {float: left; margin: 0.1em 0 0 -25px; font-size: 133.5%; font-weight: bold; font-family: arial; color: #666;}
.search-results .item-section {margin: 0; padding: 0; font-size: 92%;}
.search-results h2 {margin-top: 0;}
.search-results a .searched-term {text-decoration: underline;}
.search-results .searched-term {background: #eeeeee; padding: 3px;}

.paging {position: relative; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 10px 0; margin: 25px 0 0;}
.paging p {margin: 0;}
.paging .prev {margin: 0; text-decoration: none; position: absolute; top: 10px; left: 8px;}
.paging .next {margin: 0; text-decoration: none; position: absolute; top: 10px; right: 8px;}
.paging .prev span, .paging .next span{font-size: 81.3%;}
.paging .next:hover span, .paging .prev:hover span {text-decoration: underline;}
.paging .pages {text-align: center; padding: 0 7em; display: block;}
.paging .pages a {padding: 0 2px; margin: 0 3px;}
.paging .pages a:hover {border-color: #ABABAB;}
.paging .pages strong {padding: 0 2px; margin: 0 3px; position: relative;}

/* BRAND LIST */
.brand-list p {margin: 0.4em 0 1.5em 10px;}
.brand-list .brand-item {margin: 0 10px 0 0;}
.brand-list .brand-item label {white-space: nowrap;}

/* JOBS SEARCH */
#job-form form .btn-submit, .jobs-results .btn-submit {padding: 4px 5px 4px; border: 1px solid #DDDDDD; color: #333; text-transform: uppercase; font-size: 100%; vertical-align: middle; background: #fff url('/img/bg-btn.png') 0 100% repeat-x; cursor: pointer; min-height: 27px;}

/* NEWS LIST */
.news-list{margin-bottom:2em;}
.news-list ul{ margin:0 0 0 -30px; padding:0;}
.news-list h2{font-size:133.5%; text-transform: none; background:none; padding:0;}
.news-list li{width:310px; float:left; display:inline; padding:12px 5px 6px; margin-left:30px; background: none;}
.news-list li .box-img{float:left; width:105px; height:105px; text-align:center; background:white; border:1px solid #B6B5B4;  margin:0 12px 10px 0px;}
.news-list li.first{padding-top:0; background:none;}

/* WEBMAP */
.webmap li a {font-weight: bold;}
.webmap li li a {font-weight: normal;}

/* TABLE SORTER */
th.header {cursor: pointer; background: #f1f1f1 url('/img/ico-table-not.gif') 100% 50% no-repeat;}
th.headerSortUp {background: #f9f9f9 url('/img/ico-table-up.gif') 100% 50% no-repeat;}
th.headerSortDown {background: #f9f9f9 url('/img/ico-table-down.gif') 100% 50% no-repeat;}

/* MESSAGES */
.ok-message{background:#E3FDB6 url(/img/bullet-tick.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #8AC722; color:#4B7600; font-weight:bold; margin:0.4em 0px 1em; }
.error-message{background:#FFCCCC url(/img/bullet-cross.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #DB0000; color:#B10000; font-weight:bold;  margin:0.4em 0px 1em;}

/* UL */
ul li {background: url('/img/bg-main-menu-li.png') 0 0.7em no-repeat; margin: 0; list-style: none outside; padding: 3px 0 3px 13px; line-height: 1.4;}

@media all and (min-width: 0px){
#main-menu ul li:hover .submenu, #main-menu ul li.hover .submenu {top: 23px;}
}
