/* RESET STYLES - EricMeyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* COMUNES */
.cleaner { clear: both; }
.alter { background: #f3f3f3; }
.extraCol { width: 485px!important; }
.single { width: 100% !important; background: white !important; }

/* SELECTORS */
body { background: white; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #515151; }
input:hover, textarea:hover { background: #f3f3f3; }

/* STRUCTURE */
#wrapper { width: 930px; margin: 0px auto; position: relative;}
#homeBanner { position: absolute; z-index: 0; top: 0px; }
#content { z-index: 30; position: absolute; top: 0px; width: 100%;}

/* HEADER */
#header { background: url(images/transparent.png) repeat-x; position: relative; padding-top: 39px; }
.logo { position: absolute; top: 0px; left: 10px; }

/* MAIN NAV */
.main-nav ul.navMain { background: #DFDFDF; width: 575px; float: left;  padding: 0px 0px 0px 110px; border-top: 1px solid white; border-bottom: 1px solid white; }
.main-nav ul.navMain li { padding: 10px 9px 10px 9px; float: left; text-align: center; height: 30px; vertical-align: middle; line-height: 30px; border-right:1px solid #dfdfdf;  }
.main-nav ul.navMain li.doubleLine { line-height: 15px; }
.main-nav  ul.navMain li a { color: black; text-decoration: none; }
.main-nav ul.navMain li:hover { background: white; }
.main-nav ul.navMain li:hover a { color: #D4232B; }

.main-nav ul.navMain li#here { background: white; }
.main-nav ul.navMain li#here a { color: #D4232B; }

.main-nav ul.contacts { color:#fff; float: left; border-top:1px solid #fff; border-bottom:1px solid #fff;  height:30px; padding:10px 10px 10px 35px; line-height:30px; width: 200px; background: url(images/transparent.png) repeat;}
.main-nav ul.contacts li {float: left; margin:0px 5px 0px 0px; }
.main-nav ul.contacts li a{color:#fff; text-decoration:none; margin:0px 5px 0px 0px;}
.main-nav ul.contacts li a:hover{color:#fff; text-decoration:underline;}

.time { width: 244px; float: right; border: 1px solid white; border-right: none; background: url(images/transparent.png) repeat; height: 30px; padding: 10px 0px 10px 0px;  vertical-align: middle; }
.time p { padding: 10px 0px; text-align: center; color: white; }

/* HOME SERVICES BOX */
.servicesBoxHome { float: right; width: 230px; margin: 10px 10px; background: url(images/transparent-box.png) repeat; height:130px;  position:relative; _height:120px;}
.servicesBoxHome { *margin: 10px 5px;  } /* IE 7 ugly hack */
.servicesBoxHome h2 { font-size: 26px; font-weight: normal; background: url(images/arrow-grey.png) no-repeat 15px 7px; color: #515151; padding: 2px 0px 2px 50px; margin-top: 5px; }
.servicesBoxHome ul { padding: 5px 0px 40px 30px; _padding:5px 0px 0px 30px; position:relative; }
.servicesBoxHome li { padding: 3px 0px 3px 0px;font-size: 12px;  margin:0px; font-weight:normal; height:13px;}
.servicesBoxHome li a { color: #515151; text-decoration: none;  background: url(images/arrow-red.png) no-repeat 0px 50%; padding-left:20px;  }
.servicesBoxHome li a:hover { color: #d4232b; text-decoration: underline; }

.servicesBoxHome1 { float: right; width: 230px; margin: 10px 10px; background: url(images/transparent-box.png) repeat; }
.servicesBoxHome1 { *margin: 10px 5px; } /* IE 7 ugly hack */
.servicesBoxHome1 h2 { font-size: 26px; font-weight: normal; background: url(images/arrow-grey.png) no-repeat 15px 7px; color: #515151; padding: 5px 0px 5px 50px; margin-top: 20px; }
.servicesBoxHome1 ul { padding: 20px 0px 40px 30px; position:relative; _left:-190px; _padding:5px 0px 0px 30px;}
.servicesBoxHome1 li {  font-size: 16px; font-weight:normal; margin:0px 0px 5px 0px;}
.servicesBoxHome1 li a { color: #515151; text-decoration: none; padding: 5px 0px 5px 20px; background: url(images/arrow-red.png) no-repeat 0px 10px !important;}
.servicesBoxHome1 li a:hover { color: #d4232b; text-decoration: underline; }

/* SECONDARY NAV */
.secondaryNav { background: #E6E6E6; height: 34px; border-bottom: 1px solid #ccc; }
.secondaryNav ul { width: 680px; background: #F4F4F4;  height: 34px; padding-left: 10px; }
.secondaryNav ul { *padding-bottom: 10px; _padding-bottom:0px; } /* IE 7 ugly hack */
.secondaryNav li { margin-top: 0px; float: left; padding: 0px 0px; border-right: 1px solid white; }
.secondaryNav li { padding: 10px 0px;  }
.secondaryNav li a { color: #515151; text-decoration: none; padding: 10px; }
.secondaryNav li a:hover { color: white; background: #d4232b url(images/rounded.png) no-repeat 0px 0px; }
.secondaryNav li a.here { color: white; background: #d4232b url(images/rounded.png) no-repeat 0px 0px; }

/* HOME CONTENT */
.mainContent { background: url(images/content-bg.png) repeat-y; position:relative;  }

/* MAIN COL */
.mainCol { float: left; width: 685px; }
.mainCol h1{ background: url(images/arrow-red.png) no-repeat 15px 25px; padding: 20px 30px 0px; font-size: 26px; font-weight: normal; }
.mainCol h2 { padding: 25px 0px 0px 15px; font-size: 18px; font-weight: normal; color:#d4232b; }
.mainCol div.introHome { padding: 10px 15px; line-height: 20px; color: #515151; font-weight: bold; }
.mainCol div.textHome { padding: 0px 15px; line-height: 18px; font-weight:normal;}
.mainCol div.introHome ul { list-style: disc; margin:10px 0px 0px 15px; }
.mainCol div.textHome ul{ list-style: disc; margin:10px 0px 10px 15px;}
.mainCol div.textHome p { padding: 5px 0px; }
.mainCol div.textHome a { color: #d4232b; }

.mainCol h3 { background: url(images/arrow-red.png) no-repeat 15px 13px; padding: 10px 30px 0px; font-size: 20px; font-weight: normal; }
.mainCol h3 a { color: #515151; text-decoration: none; }
.mainCol h3 a:hover { color: red; text-decoration: underline; }

.mainCol h4 { color: #d4232b; padding: 20px 30px; font-size: 16px; }

.mainCol div.tableBox { background: #f3f3f3; width: 660px; margin: 20px 0px 30px 10px; padding: 10px 0px;}
.mainCol div.tableBox table { margin: 0px auto; width: 640px; border: 1px solid #ccc; background: white; }
.mainCol div.tableBox th { padding: 3px 6px; color: #d4232b; text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.mainCol div.tableBox td { padding: 3px 6px;  border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.mainCol div.getInTouchBox { width: 660px; margin: 20px 0px; }
.mainCol div.getInTouchBox h5 { background: url(images/phone-icon-small.png) 20px 18px no-repeat; padding: 20px 45px 5px; color: #d4232b; font-size: 22px; }
.mainCol div.getInTouchBox p { font-size: 14px; padding: 0px 20px;  }
.mainCol div.getInTouchBox p a { color: #D4232B; }

.mainCol div.clientsHome { border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px; margin-bottom:80px;}
.vimeo {float:right; margin-right:20px; cursor: pointer; padding:0px 0px 10px 10px;}
.vimeo  p {margin-top:5px; font-size:11px; font-style:italic; text-align:center;}
.dimmer {z-index: 80;background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:500px;position:absolute;top:0;width:100%; }

/* SIDE COL */
.sideCol { float: right; width: 240px; position: absolute; top: 0px; left: 690px; }
.sideCol div.sideButton { background: #F3F3F3; border-bottom: 1px solid #ccc; padding: 20px 0px 20px 5px;}
.sideCol div.sendCV a { color: #515151; text-decoration: none; background: url(images/icon-cv.png) 5px 50% no-repeat;  padding: 30px 0px 30px 40px; font-size: 20px; }
.sideCol div.sendCV a:hover { color: #d4232b; }
.sideCol div.getInTouch a { color: #515151; text-decoration: none; background: url(images/icon-contact.png) 5px 50% no-repeat;  padding: 30px 0px 30px 40px; font-size: 20px;  }
.sideCol div.getInTouch a:hover { color: #d4232b; }

.sideCol div.sideBox h4 { background: url('images/arrow-grey.png') no-repeat 15px 18px; padding: 20px 45px 10px; font-size: 22px; font-weight: normal; display:block; }
.sideCol div.sideBox h4 a{text-decoration: none; color:#515151}
.sideCol div.sideBox h4 a:hover{text-decoration: none; color:#d4232b;}

.sideCol dl {  padding:  10px 20px 10px 0px; font-weight:normal; }
.sideCol dt { font-size: 16px; padding-bottom: 10px;  }
.sideCol dd {padding-left:30px;}
.sideCol dt a { color: #d4232b; text-decoration: none; display:block; background: url(images/arrow-red.png) no-repeat 20px 2px; padding-left:30px; }
.sideCol dt small { font-size: 12px;  padding-left:30px;}

.sideCol dl.testimonial { background: url(images/quotes.png) no-repeat 20px 10px; }
.sideCol dl.testimonial dt { font-size: 14px; text-indent: 20px; line-height: 18px; font-weight:normal; padding-left:30px;}
.sideCol dl.testimonial dd { color: #d4232b; font-size: 11px; font-style: italic; font-weight:normal;}

/* SERVICE NAV */
.serviceNav { width: 150px; float: left; margin-right: 20px; }
.serviceNav ul { padding: 20px 0px 20px 10px; }
.serviceNav li { padding: 5px 0px; font-size: 12px; font-weight: bold; }
.serviceNav li a { color: #d4232b; text-decoration: none; font-weight: normal; }
.serviceNav li a:hover { text-decoration: underline; }
.serviceNav h1 { background: url(images/arrow-red.png) no-repeat 10px 25px; padding: 20px 0px 0px 25px; font-size: 26px; font-weight: normal; }

/* CONTACT BOX */
.contactDetails { width: 260px; float: left; margin-right: 10px; }
.contactDetails dl { padding: 20px 10px; background: #f3f3f3; }
.contactDetails dt { color: #D4232B; font-weight: bold; padding-bottom: 10px; }
.contactDetails dd { padding-bottom: 3px; }
.contactDetails dd strong { padding: 5px 0px 3px 0px; display:block;}
.contactDetails img { margin: 10px 0px; }
p.map { float: right; width: 450px; margin: 20px 10px 0px 10px; }
div.contactButtons {margin:20px 0px 20px 230px;}
a.print, a.download  {background:url(images/arrow-red.png) no-repeat 0px 2px; padding:0px 0px 0px 10px; color:#515151; text-decoration:none; height:30px;  margin:0px 20px 0px 0px;}
a.print:hover, a.download:hover { color: #D4232B; text-decoration: underline; }
ul.contact {clear:both; margin:20px 0px 20px 0px; height:25px; }
ul.contact li { float: left; margin:0px 2px 0px 0px; }
ul.contact li a.here { background:#d4232b;  color:#fff;}
ul.contact li a { color:#515151; text-decoration:none; background:#e2e1e1; padding:10px; display:block; text-align:center; width:100px; }
ul.contact li a:hover { background:#d4232b;  color:#fff; text-decoration:none; }
form.contact { margin: 15px 0px 0px 0px; }
form.contact label { display: block; float:left; width:80px; }
form.contact label.error { display: block; float:none; width:120px; margin:0 0 0 70px; }
form.contact p { margin: 5px 0px; }
form.contact  .text, form.contact  textarea  { width: 170px; border:1px solid #666666; padding:2px;}
form.contact  textarea  { height:125px;}
form.contact  .send  { border: 1px solid #ffffff; color:#515151; background:#ffffff url(images/arrow-red.png) no-repeat 0px 5px; margin:0px 10px 20px 80px; font-size: 14px; width:60px; cursor:pointer; font-weight:bold;}

/* CONTACT FORM */
.contactForm { margin: 20px; }
.contactForm p { padding: 10px 0px; }
.contactForm label { width: 100px; float: left; }
.contactForm input.textField { width: 330px; border: 1px solid #666; padding: 2px; }
.contactForm input.phone { width: 250px; margin-left: 10px; }
ul.register-asia { margin: 20px 0px 20px 10px; font-size:11px; }
ul.register-asia li { margin: 5px 0px; }

/* UPLOAD CV FORM */
.uploadCVForm { margin: 0px 20px 30px; }
.uploadCVForm p { padding: 10px 0px; }
.uploadCVForm label.titles { width: 200px; float: left; padding-right: 10px;}
.uploadCVForm input.textField { width: 210px; border: 1px solid #666; padding: 2px; }
.uploadCVForm input.phone { width: 130px; margin-left: 10px; }
.uploadCVForm textarea { width: 420px; }
.uploadCVForm input.submitbutton { border: 1px solid #ffffff; color:#515151; background:#ffffff url(images/arrow-red.png) no-repeat 0px 5px; margin:0px 10px 20px 0; font-size: 14px; width:60px; cursor:pointer; font-weight:bold;}

/* NEWS ARCHIVE*/
.newsArticle { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.newsArticle h3 { font-size: 16px; }
.newsArticle small { color: red; font-size: 12px; padding-left: 10px; }
.newsArticle dl { margin-left: 15px; padding: 10px 0px 0px; }
.newsArticle dt {  float: left; line-height:18px; }
.newsArticle dt img { padding: 3px; background: #f3f3f3; border: 1px solid #ccc; }
.newsArticle dd { float: right; padding-bottom: 5px; line-height: 18px;}
.newsArticle dd a { color: red; clear: both; font-size: 12px; }

/* NEWS ARTICLE*/
small.newsDate { color: red; font-size: 14px; margin-left: 20px;}
.newsArticleBig { margin: 20px 0px; width: 100% !important; line-height:18px;}
.newsArticleBig img { float: left; padding: 3px; background: #f3f3f3; border: 1px solid #ccc; margin: 0px 20px 20px 0px; }
.newsArticleBig p { padding: 5px 0px; }
.newsArticleBig a { color: red; }

/* SITEMAP */
dl.sitemap { margin: 20px; }
dl.sitemap dt { padding: 10px 0px; font-size: 14px; font-weight: normal; }
dl.sitemap dd { padding-left: 20px; }

/* CLIENTS */
.clientsBox li { margin: 0px 0px 0px 15px; display:inline; padding-bottom: 10px; }
.clientsBox li img { margin: 10px 0px;}

/* CARROUSEL */
.carrousel li { text-align: center; border-right: 0px solid #ccc; float:left;}

/* FOOTER */
.footer { border-top: 1px dotted #ccc; }
.footer ul { padding: 20px 0px; border-bottom:1px dotted #CCCCCC; }
.footer li { padding: 0px 10px; }
.footer li a { color: #515151; text-decoration: none; }
.footer li a:hover { color: #D4232B; text-decoration: underline; }
.footer li { display: inline; }
.footer ol {float:left; padding:10px 0px 0px 10px; _padding:10px 0px 10px 10px; _height:30px;}
.footer ol li {display:block; font-size:11px; padding:2px 0px 0px 0px; _padding:0px;}
a.naked {float:right; margin:10px; color:#515151; text-decoration:none; font-size:11px;}
a.naked span { color:#D4232B;}

.error {
color: red;
font: 8pt verdana;
padding-left: 10px
}