*{margin: 0;padding: 0;border: 0;}

html{height: 101%;}

body{ background: #4d4e54; font-family: arial; overflow-x: hidden;}


a{text-decoration: none;}


h1{font: normal 17px/22px arial;color: #ac003d;padding: 17px 0px 5px 0px; margin: 0px 10px 10px 0px; }
h2, h2 a{font: normal 13px/19px arial;color: #7a002b;padding: 17px 0px 0px 0px; margin: 0px 10px 0px 0px; }
h3{font: bold 13px/22px arial;color: #ffffff;padding: 5px 0px 2px 0px; margin: 0px 10px 10px 0px; border-bottom: 1px dotted #efefef;}
h4{font: bold 12px/22px arial;color: #ffffff;margin: 10px 0px 0px 10px; border-bottom: 1px dashed #ffffff; width: 220px;}




.header {height: 100px; width: 100%; background: transparent url(../../images/header.jpg) repeat-x top left; color: #ffffff; border-bottom: 30px solid #ac003d;}
.header a {color: #ffffff;}
.header-inner{position: relative; width: 900px;height: 100px; margin: 0 auto;}
.header-logo{position: absolute; left: 0px; top: 16px;}
.header-contact{position: absolute; right: 0px; top: 50px; text-align: right; font: normal 18px/23px arial;}
.header-contact span{ color: #a6b0a8; font-weight: normal;}
.header-navigation {position: absolute; top: 98px; left: -5px; text-align: left; font: bold 12px/22px arial;}
.header-navigation {margin: 0 auto; padding-top:  3px; list-style-type: none; width: 900px; height: 30px;}
.header-navigation li {position:relative; float:left;}
.header-navigation li a {display:block; text-decoration:none; color: #ffffff; padding: 3px 10px 3px 10px; overflow: visible; }
.header-navigation a:hover, .header-navigation a.current {color:#a6b0a8; background: #ac003d;}
.header-navigation ul{list-style-type: none;visibility:hidden; position:absolute; top:28px; left:0px; }
.header-navigation ul li {float:left;}
.header-navigation ul li a {float:left; position: relative;background:#ac003d; color:#ffffff; padding: 3px 10px 3px 10px; width: 180px;}
.header-navigation ul a:hover, .header-navigation ul a.current{color:#ffffff; background:#4d4e54;}
.header-navigation  li:hover ul,.header-navigation a:hover ul{visibility:visible;}
.header-navigation:hover ul ul{visibility:hidden;}
.header-navigation :hover ul :hover ul{visibility:visible;}
.header-question{position: absolute; right: 0px; top: 100px; text-align: right; font: bold 16px/18px arial; background: #4d4e54; padding: 5px; width: 250px; height: 20px; text-align: center;}
.header-question a{display: block;}
.likes {position: absolute; top: 0; left: 500px; width: 100%; height: 50px;}
#fb-root {margin-top: 10px;}
#plusone {position: absolute; top: 12px; left: 350px; }
#twitter-follow {position: absolute; top: 10px; left: 90px; }




.content{width: 100%; background: #ffffff;}
.content-top{width: 100%; height: 250px; background: #efefef; border-bottom: 30px solid #4d4e54}




.slideshow {width:900px; height: 250px; overflow: hidden; background:#efefef;  margin: 0 auto; position: relative;}
.slideshow-inner {width: 900px; height: 250px; }
.slideshow-inner div {width: 900px; height: 250px; float: left; display:block;}
.slideshow-inner div span {position: absolute; top: 30px; left: 10px; color: #7a002b;  font: bold 19px/25px arial;  width: 550px; background: #efefef; height: 200px;}
.slideshow-inner img{width: 300px; height: 200px; position: absolute; top: 20px; right: 0px; border: 3px solid #4d4e54;}
.slideshow-inner div div{position: absolute; top: 150px; left: 480px; background: #ac003d; width: 100px; text-align:  center; height: 25px; }
.slideshow-inner div div.contact{position: absolute; top: 150px; left: 255px; background: #ac003d; width: 220px; text-align:  center; height: 25px; }
.slideshow-inner div div.case-study{position: absolute; top: 150px; left: 150px; background: #ac003d; width: 100px; text-align:  center; height: 25px; }
.slideshow-inner div div a{color: #ffffff; font: bold 12px/22px arial; display: block; }

.slideshow-navigation {position: absolute; bottom: 0px; left: 0px; z-index: 999; }
.slideshow-navigation a { background: #7a002b; color: #ffffff;  margin: 0 2px; padding: 2px; cursor: pointer; }
.slideshow-navigation a.activeSlide { background: #4d4e54; color: #ffffff; cursor: pointer; }









.content-bottom{width: 100%; background: #ffffff;}
.content-bottom-inner{width: 900px; background: #ac003d; margin: 0 auto; position: relative;}


.content-bottom-left{float: left; width: 650px; font: normal 12px/19px arial; color: #545454; background: #ffffff; position: relative;}
.content-bottom-left h1{}
.content-bottom-left p{padding: 5px 20px 5px 0px; text-align: justify;}
.content-bottom-left a{color: #7a002b;}
.content-bottom-left ul{margin: 10px 0px; list-style-type: none;}
.content-bottom-left li{background: transparent url(../../images/bullet-red.jpg) no-repeat center left; padding: 0px 20px;}
.content-bottom-left form{width: 300px;}
.content-bottom-left form.cms{width: 600px;}
.content-bottom-left span{font: normal 11px/19px arial; color: #cccccc;}
.content-bottom-left span a {font: normal 11px/19px arial; color: #7a002b;}
.content-bottom-left span.comments {float: right; margin-right: 10px;}

.case-study-image{width: 300px; height: 250px;}
.case-study-image2{width: 300px; height: 400px;}
.case-study-text{float: right; width: 340px; height: 250px;}
.case-study-text2{float: right; width: 340px; height: 400px;}
.case-study-text h2,.case-study-text2 h2{padding: 0px 0px 0px 0px; }

.content-bottom-right{float: left; width: 250px; overflow: hidden; background:#ac003d; font: normal 12px/19px arial; color: #ffffff;}
.content-bottom-right a{color: #ffffff;}
.content-bottom-right ul{margin: 10px 10px; list-style-type: none;}
.content-bottom-right a img{margin: 0 0 0 45px;}
.content-bottom-right li{background: transparent url(../../images/bullet-white.jpg) no-repeat 0% 20%; padding: 0px 20px; }
.content-bottom-right .testimonials{width: 230px; }
.content-bottom-right .testimonials-inner{margin: 0px 0px 0px 15px; }
.content-bottom-right .testimonials-inner div span{font: bold 12px/15px arial;  text-align: right; margin: 10px 0px; }

.webmail{ font: bold 16px/18px arial; background: #4d4e54; padding: 5px; width: 220px; height: 20px; text-align: center; margin: 10px; cursor: pointer;}
#dialog-webmail {display: none;}
#dialog-webmail p a{cursor: pointer; outline: none; color: #9c3307;}


.footer{background: #4d4e54;  width: 100%; height: 270px; color: #cccccc; font: normal 11px/13px arial;}
.footer strong, .footer a:hover { color: #ffffff;}
.footer a { color: #cccccc;}
.footer td {vertical-align: top;}
.footer ul {list-style-type: none; width: 150px;}
.footer ul li a {font: bold 11px/13px arial;}
.footer-inner{position: relative; width: 900px;margin: 0 auto;}
.footer-bottom-left{position: absolute; left: 0px; top: 215px;}
.footer-bottom-right{position: absolute; right: 0px; top: 235px; text-align: right;}
.footer-top-left{position: absolute; left: 0px; top: 10px; width: 430px;}
.footer-top-right{position: absolute; right: 0px; top: 10px; width: 430px;}

.footer-top-right div{float: right;}

#bookmark{ background-image: url(../../images/bookmark.png);height: 40px;width: 40px;float: left;display: inline;}
#bookmark:hover{ background: url(../../images/bookmark.png) 0 -40px;}
#facebook{ background-image: url(../../images/facebook.png);height: 40px;width: 40px;float: left;display: inline;}
#facebook:hover{ background: url(../../images/facebook.png) 0 -40px;}

.footer-inner{height: 100px;}

.clear{clear: both;}
.hide{display: none;}


.dialog-subscribe {font-family: arial; font-size: 12px; color: #3d599A; display: none; overflow: hidden;}
.dialog-subscribe ul {list-style-type: none;}
.dialog-subscribe li {width: 280px; height: 20px;}
.dialog-subscribe li label {display: block; padding: 2px 0px;}
.dialog-subscribe li input {background: #e2e2e2; border: 1px solid #cccccc; padding: 0px 3px;  line-height: 20px; width: 270px;}
.dialog-subscribe button {height: 21px; border: 1px solid #cccccc; background: #3d599A;color: #ffffff; padding: 0px 2px; margin: 5px 0px; cursor: pointer;float: right;}






form input,form textarea,form select{background: #efefef; color: #3d599A; font: normal 11px/19px arial; border: 1px solid #cccccc; margin: 2px 0px;}
form input.textbox, form select,form textarea{width: 100%; height: 19px;}
form input.textbox2{width: 175px; height: 19px; float: left;}
form input.textbox3{width: 175px; height: 19px; background: #7a002b; color: #ffffff; float: left;}
form label{ cursor: pointer; color:#545454; text-align: left;}
form select{width: 100%;}
form input.checkbox {background: none; border: 0; vertical-align: middle;}
form textarea{height: 200px; overflow: auto;}
form input.textbox-captcha { width: 200px; height: 19px; float: right;}
form img{margin: 2px 0px; float: left;}
form input.textbox:hover, form input.textbox-captcha:hover, form textarea:hover {}
form input.submit,form button {background: #7a002b; color: #ffffff; border: 1px solid #ffffff;float: right; cursor: pointer; height: 21px; padding: 0px 3px;}
form button{display: none; font: normal 11px/19px arial;  margin: 2px 0px;}


form button.button2{width: 130px; float: right;}


form span {height: 20px; width: 100%; display: block; padding-top: 7px; color: #545454; font: normal 10px/11px arial; float: right; text-align: right;}
form span.page {color: #7a002b;}


legend { display: none; }
fieldset {width: 100%; border: none; }
fieldset input.textbox {vertical-align: middle; width: 220px; float: left;}
fieldset input.submit {vertical-align: middle; float: left;}
fieldset button {vertical-align: middle; float: left;}

.pages {text-align: center; color: #545454; }
.pages a {color: #545454; }




.cms{width: 100%; background: #ffffff;}
.cms-inner{width: 900px; margin: 0 auto;}
.cms-left{float: left; width: 250px; color: #7a002b;}
.cms-left ul{padding: 20px 10px 10px 0px; list-style-type: none;}
.cms-left ul li a{ font: bold 17px/19px arial; color: #7a002b;}

.cms-right{float: left; width: 650px; overflow: hidden;  color: #545454; font: normal 11px/19px arial; margin-bottom: 50px;}
.cms-right h1,.cms-right h2 {color: #7a002b; font: bold 17px/19px arial;}
.cms-right h2 {border-top: 1px solid #cccccc; margin: 50px 0px 20px 0px;}
.cms-right form{width: 645px;}
.cms-right form p span{float: right; width: 550px; height: 20px;}
.cms-right form p b{color: #7a002b; cursor: pointer;}

