/* 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; display:none;}
.logo { position: absolute; top: 0px; left: 10px; }

/* MAIN NAV */
.main-nav ul { background: #DFDFDF; width: 575px; float: left;  padding: 0px 0px 0px 110px; border-top: 1px solid white; border-bottom: 1px solid white; }
.main-nav 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 li.doubleLine { line-height: 15px; }
.main-nav li a { color: black; text-decoration: none; } 
.main-nav li:hover { background: white; }
.main-nav li:hover a { color: #D4232B; }

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

.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;}
.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; 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;}
.servicesBoxHome1 li { padding: 5px 0px 5px 20px; background: url(images/arrow-red.png) no-repeat 0px 50%; font-size: 16px; font-weight:normal;}
.servicesBoxHome1 li a { color: #515151; text-decoration: none; }
.servicesBoxHome1 li a:hover { color: #d4232b; text-decoration: underline; }

/* SECONDARY NAV */
.secondaryNav { background: #E6E6E6; height: 34px; border-bottom: 1px solid #ccc; display:none; }
.secondaryNav ul { width: 680px; background: #F4F4F4;  height: 34px; padding-left: 10px; }
.secondaryNav ul { *padding-bottom: 10px; } /* 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:#fff; 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;}


/* SIDE COL */
.sideCol { float: right; width: 240px; position: absolute; top: 0px; left: 690px; display:none; }
.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 { background: url(images/arrow-red.png) no-repeat 20px 12px; padding:  10px 20px 10px 30px; font-weight:normal; }
.sideCol dt { font-size: 16px; padding-bottom: 10px;}
.sideCol dt a { color: #d4232b; text-decoration: none; }
.sideCol dt small { font-size: 12px; padding-left: 10px; }

.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;}
.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: 180px; float: left; margin-right: 20px; }
.contactDetails dl { padding: 20px 10px;  margin-top: 20px; }
.contactDetails dt { color: red; font-weight: bold; padding-bottom: 10px; }
.contactDetails dd { padding-bottom: 10px; }
.contactDetails img { margin: 10px 0px; }
p.map { float: right; width: 450px; margin: 20px 10px 0px 10px; }
a.print {display:none;}

/* 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; }

/* 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 #ff151a; color: #fff;background-color:#f4383b; padding: 5px; margin:0px 10px 20px 0; font-size: 12px;}

/* 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 { width: 60px; float: left; }
.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;}
.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: 10px 0px 0px 15px; float: left; padding-bottom: 10px; }

/* CARROUSEL */
.carrousel li { width: 170px; text-align: center; border-right: 1px solid #ccc; }

/* FOOTER */
.footer { border-top: 1px dotted #ccc; display:none; }
.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;}
.footer ol li {display:block; font-size:11px; padding:2px 0px 0px 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
}