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

/* Generic */
html {height: 100%;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
a img {border: none;}
* :focus {outline: 0;}

::selection {background: #fffbcc;} /* Safari */
::-moz-selection {background: #fffbcc;} /* Firefox */

/* hr */
div.hr {width: 960px; height: 1px; background-color: #d9d9d9; margin: 60px auto 0 auto;}
div.hr hr {display: none;}

/* Headings */
h1, h2 {margin: 0; padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;font-weight:normal;text-shadow:1px 1px 1px #FFF;}

/* Layout */
.spacer {height: 1px; background: url(../images/spacer.gif) repeat-x; margin: 30px auto; clear: both;}


/* Header */
#header {width: 100%;}
#header .wrapper {position: relative; z-index: 10000; width: 960px; margin: 0 auto;}
#header #logo a {float: left; display: block; width: 370px; height: 22px; margin: 34px 0 0 1px;}
#header #logo a {background: url(../images/elcamedia-logo.gif) no-repeat 0 0;}
#header #logo a:hover {background: url(../images/elcamedia-logo.gif) no-repeat 0 -22px;}
#header #lang {margin-top:9px;font-size: 11px; position:absolute; color: #999; border-left: 1px solid #CCC;margin-left:628px;}
#header #lang a, #header #lang span {text-decoration: none; color: #CCC; padding: 0 6px 0 6px; border-right: 1px solid #CCC;}
#header #lang a:hover, #header #lang span {color: #444;}


/* Navigation */
#navigation {float: right; margin: 30px 0 0 0; height: 40px; text-align: right; z-index: 10000;width:546px;list-style-type:none !important;}


/* Homepage slider */
#banner {position: relative; width: 100%;}
#slider {width: 958px; height: 508px; border: 1px solid #d9d9d9; margin: 0 auto; background: url(../images/img-loader.gif) no-repeat 50% 50%;overflow:hidden;}
#slider a img{border:none;}


/* Content */
#content {position: relative; width: 100%; margin: 0; padding: 0; color: #666666;}
#content .wrapper {width: 940px; height: auto; min-height: 340px; margin: 0 auto; padding: 50px 0 60px 0; background:none;}
/*body#products #content .wrapper, body#studies #content .wrapper  {background: url(../images/vspacer.gif) no-repeat 630px top;}*/
#content a, .hpContent .left a {color: #7ab700;}
#content a:hover {text-decoration: none;}
/* Top */
#content .top {width: 960px; height: 200px; margin: 0 auto; background: url(../images/gradient-top.gif) repeat-x 0 0; border-top: 1px solid #d9d9d9;}
#content .topclean {width: 960px; height: 80px; margin: 0 auto; border-top: 1px solid #d9d9d9; background:url(../images/gradient-top-short.png) repeat-x;}
body#products #content .topclean, body#studies #content .topclean{border-bottom: 1px solid #d9d9d9;}
#content .top img {float: left; margin: 0 20px 0 80px;max-height:200px;mex-width:360px;}
#content .top h1 {float: left; margin: 75px 20px 0 70px; font-size: 28px; font-weight: normal; color: #666666;}
#content .top h1.multiline{margin: 55px 20px 0 70px;}
#content .top div.multiline {font-size: 28px; font-weight: normal; color: #666;margin: 65px 20px 0 530px;line-height:33px;}
#content .top h1.paragraph {margin: 45px 20px 0 70px;}
/* Left */
#content .left {float: left; width: 600px; margin-right: 30px;}
#content .left p {font-size: 14px; line-height: 17px; color: #666666; padding: 0 20px 0 0;}
#content .left p img {float: left; margin: 0 10px 10px 0; padding: 5px 0 0 0;}
#content .left p sup {font-size: 11px;}
#content .left h1 {font-size: 26px; font-weight: normal; color: #666; margin-top: 40px; letter-spacing: -1px;}
#content .left h1.first {margin-top: 0;}
#content .left h3 {font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #666666; margin: 25px 0 10px 0; letter-spacing: -1px;}
#content .left ul.list,#content .left ul {list-style-type: none; padding-left: 0; margin-left: 0;}
#content .left ul.list li,#content .left ul li {font-size: 14px; line-height: 22px; list-style-image: none; background: url(../images/ul.gif) no-repeat left 8px; padding: 0 0 8px 10px;}
#studies a{font-size:12px;}
/* Right */
#content .right {float: right; width: 290px; font-size: 12px; line-height: 20px;}
#content .right h2 {font-size: 14px; font-weight: bold;padding-top:11px;}
#content .right ul.list {list-style-type: none; padding-left: 0; margin-left: 0;}
#content .right ul.list li {list-style-image: none; background: url(../images/ul.gif) no-repeat left 8px; padding: 0 0 8px 10px;}
#content .right .listleft {margin-right: 10px;}
#content .right .listleft, #content .right .listright {float: left; width: 300px;}
#content .right ul.listleft, #content .right ul.listright {list-style-type: none; padding-left: 0; margin-left: 0; margin-bottom: 30px;}
#content .right ul.listleft li, #content .right ul.listright li {list-style-image: none; background-image: url(../images/ul.gif); background-repeat: no-repeat; background-position: left 8px; padding: 0 0 2px 10px;}

#content .right p img {float: left; margin: 0 20px 5px 0; padding: 5px 0 0 0;}

/* Blockquotes */
#content .left blockquote {background: url(../images/blockquote.gif) no-repeat; margin: 40px 0; padding: 0 0 0 35px;}
#content .left blockquote em {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;}


/* News */
#content .right ul.news {list-style-type: none; padding: 0; margin: 10px 0 0 0; color: #666666; border-top: 1px solid #d9d9d9;}
#content .right ul.news li {list-style-image: none; padding: 10px 0; border-bottom: 1px solid #d9d9d9;}


/* Footer */
#footer {position: relative; width: 100%; margin: 0 0 200px 0; padding: 50px 0 0 0; font-size: 11px; line-height: 16px; color: #666;}
#footer .wrapper {width: 940px; margin: 0 auto;}
#footer .left {float: left; width:630px; margin-right: 20px;text-align:left !important;}
#footer .right {float: right; width: 290px;}
#footer h3, .hpRight h3 {font-family: Arial, Helvetica, sans-serif; font-size: 15px !important; color: #a0a0a0; letter-spacing: -1px;}
#footer a, .hpRight a {color: #7ab700; text-decoration: underline;}
#footer a:hover, .hpRight a:hover {text-decoration: none;}
#footer ul, .hpRight ul {list-style: none; padding: 0; margin: 0;overflow:hidden;}
#footer li, .hpRight li{height:116px;float:left;margin: 0 15px 20px 0;padding:0;overflow:hidden;font-size:11px !important;}
#footer .legal, #footer .legal a {color: #999;}
#footer p, .hpRight ul li p{padding:0;margin:0;}
#footer .right li {max-height:110px;}
#footer .right ul{padding-bottom:20px;}



/* Floats */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}


/* File types */
a.pdf {background: url(../images/ico/ico-pdf.png) no-repeat left top; padding: 0 0 5px 20px;}
a.external {background: url(../images/ico/ico-external.png) no-repeat left center; padding-left: 15px;}
a.local.external {background: none; padding: 0;}
/*a.email {background: url(images/email.png) no-repeat left center; padding-left: 20px; line-height: 16px;}*/

#fileDload{padding-top:10px;text-align:right;}
#fileDload p{padding:16px 0;}
#fileDload img{border:none;}
#fileDload span{font-size:11px;color:#666;}
#fileDload a.pdf {background:none !important;}

.left iframe{width:580px;border:2px solid #CCC;margin-top:28px;}
.left .dynimg{max-with:580px;margin:30px 0;clear:both;}
.left .serviceImage{max-width:290px !important;float:left;margin:20px 17px 8px 0;}
.listleft,.listright{float: left !important; }
.listleft li a,listright li a{text-decoration:none;color:#333 !important;border-bottom:dotted 1px #CCC;white-space:normal !important;}
.listleft li a:hover, listright li a:hover, .listleft li a.serviceOn{color:#99CC00 !important;border-bottom:solid 1px #ECECEC;}

a.readmore {display: block; width: 100px; height: 30px; background: url(../en/images/btn-read-more.gif) no-repeat; text-decoration: none;}
a:hover.readmore {background-position: 0 -30px;}

a.casestudy {display: block; width: 100px; height: 30px; background: url(../en/images/btn-casestudy.gif) no-repeat; text-decoration: none; margin: 30px 0 0 0;}
a:hover.casestudy {background-position: 0 -30px;}

input.btnsubmit {float: right; display: block; cursor: pointer; width: 130px; height: 30px; background: url(../en/images/btn-submit.png) no-repeat; text-decoration: none; border: none; margin: 20px 0 0 0;color:#FFF;font-weight:bold;text-shadow:1px 1px 1px #666;font-size:13px;}
input.btnsubmit:hover {background-position: 0 -30px;}
.hpContent{width:960px;margin:0 auto;padding:20px 0;overflow:hidden;font-size: 14px; line-height: 17px;color:#666;}
.hpContent .left{width: 600px; margin-right: 30px;}
.hpContent h1{padding-top:22px;line-height:27px;}
.hpRight{width:320px;float:right; font-size: 11px; line-height: 16px; color: #666;padding-top:33px;}
#studies{padding:18px 0;}
#studies span{font-size: 14px; font-weight: bold;}
#social{position:absolute;top:6px;margin-left:840px;width:100px;height:18px;white-space:nowrap;}
#social .plusone, .googleplus{position:absolute;top:3px;}
#social img{border:none;width:18px;height:18px;}
body#home #footer .left{margin-left:-6px !important;padding:0 0 12px 0 !important;}
.tweetHd{display:block;text-decoration:none !important;font-size:15px !important;color:#4ED3FF !important;font-weight:bold !important;margin-bottom:14px;}
.bplost .tweetHd{padding-top:20px;color:#000 !important;}
#blogPosts li{height:100%;width:100%;}
.bplost .tweetHd{color:#A0A0A0 !important;}
.bplost .tweetHd:hover{color:#666 !important;}