/*
############################################################
# GLITCH AND BUG FIXES
############################################################
 */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* Hides from IE-mac \ */* html .clearfix{height:1%}
/*
############################################################
#   MAIN CLASSES
############################################################
*/
body{background:url(/Images/BG.jpg) repeat-x #000; font-size:80%}
div.container{width:860px;margin:0 auto}
div.left{width:670px;margin-right:10px;float:left;background:url(/Images/Framework/Left-Col-BG.gif) repeat-y}
div.right{width:180px;float:left;background:#262626; font-size:85%; }
a:link,a:visited{color:#B2B2B2}
a:hover{color:#F55623}
a.button{text-decoration:none;line-height:30px;font-weight:700;font-size:11px;background:transparent url('/Images/Framework/Go-Icon.gif') right 0 no-repeat;color:#666;padding-right:16px;margin:0}
a:hover.button{text-decoration:none;line-height:30px;font-weight:700;font-size:11px;background:transparent url('/Images/Framework/Go-Icon.gif') right -83px no-repeat;color:#F55623;padding-right:16px;margin:0}
a.button_go{text-decoration:none;line-height:15px;font-weight:700;font-size:11px;background:transparent url('/Images/Framework/Go-Icon.gif') left 0 no-repeat;color:#FFF;padding-left:16px;margin:0;}
a:hover.button_go{text-decoration:none;line-height:15px;font-weight:700;font-size:11px;background:transparent url('/Images/Framework/Go-Icon.gif') left -83px no-repeat;color:#F55623;padding-left:16px;margin:0}
a.button_go span{padding-left: 16px; font-size: 90%; color: #666;}
/*
############################################################
#   CONTACT FORM
############################################################
*/
#contactPage{padding:20px;}
#contactPage h1{font-size: 20px}
#contactPage h1.confirm{color: #FFFFFF}
#contactPage label{display:block;}
#contactPage input, #contactPage textarea{ width: 200px;}
#contactPage p{margin-bottom: 5px; color:#666}
/*
############################################################
#   NAVIGATION
############################################################
*/
ul.navMain{width:860px;margin-top:50px}
ul.navMain li{display:block;float:left;margin-top:2px}
ul.navMain li a{color:#CCC;text-decoration:none;font-size:108%;height:34px;padding-left:10px;display:block;cursor:pointer}
ul.navMain li a span{padding-top:7px;display:block;height:34px;padding-right:10px}
ul.navMain li a:hover{background:url(/Images/Framework/Nav-BG.png) no-repeat}
ul.navMain li a:hover span{background:url(/Images/Framework/Nav-End-Cap.png) no-repeat right top;color:#FFF}
ul.navMain li.logo{margin-right:40px;margin-top:0}
ul.navMain li.logo a{text-indent:-2000px;display:block;width:169px;height:33px;background:url(/Images/Framework/Digital-Welly-Logo.gif) no-repeat;padding:0}
ul.navMain li.phone{margin-right:0;margin-left:11px;margin-top:0}
ul.navMain li.phone a{text-indent:-2000px;display:block;width:180px;height:87px;background:url(/Images/Framework/Call-Digital-Welly-On-01943854171.gif) no-repeat;padding:0}
#about ul.navMain .about a,#ethos ul.navMain .ethos a,#services ul.navMain .services a,#cases ul.navMain .cases a,#blog ul.navMain .blog a{background:url(/Images/Framework/Nav-BG-on.png) no-repeat}
#about ul.navMain .about a span,#ethos ul.navMain .ethos a span,#services ul.navMain .services a span,#cases ul.navMain .cases a span,#blog ul.navMain .blog a span{background:url(/Images/Framework/Nav-End-Cap-on.png) no-repeat right top;color:#FFF}
#home div.left div.leftNav{background:transparent url('/Images/Framework/Section-Titles.png') 0 0 no-repeat;padding-top:65px}
#about div.left div.leftNav{background:transparent url('/Images/Framework/Section-Titles.png') -190px 0 no-repeat;padding-top:65px}
#ethos div.left div.leftNav{background:transparent url('/Images/Framework/Section-Titles.png') -380px 0 no-repeat;padding-top:65px}
#services div.left div.leftNav{background:transparent url('/Images/Framework/Section-Titles.png') -570px 0 no-repeat;padding-top:65px}
#cases div.left div.leftNav{background:transparent url('/Images/Framework/Section-Titles.png') -760px 0 no-repeat;padding-top:65px}
#blog div.left div.leftNav{background:transparent url('/Images/Framework/Section-Titles.png') -950px 0 no-repeat;padding-top:65px}


#featureClients{float:left; width:420px; _width:400px; padding:0; margin:0; }
#featureClients ul{position:relative; float:left; margin:0; padding:0 0 30px 0; width:450px; _width:420px;}
#featureClients ul li{float:left;margin:0 20px 0 0px; _margin:0 6px 0 0px; width:200px; }


label{color:#999;clear:left}
.inputtext,.inputtext.error{background:#ccc;font-size:100%;width:150px;border-right:1px solid #999;border-bottom:1px solid #999;color:#000 !important;border-color:#999;border-style:solid;border-width:2px;margin:2px 0 5px;padding:2px}
.error{color:#FF5D23;clear:left;font-size:90%;background:transparent url('/Images/Framework/icons.png') 0 0 no-repeat;margin-bottom:5px;float:left;width:100%;padding:2px 0 2px 20px !important}
.inputtext.error{border:2px solid red;padding:2px!important}
strong{font-weight:700}
.msg{margin-top:150px}
/*
############################################################
#   LEFT COLUMN
############################################################
*/
div.left p{line-height:150%}
div.left div.leftNav{width:190px;float:left;color:#FFF}
#home div.left div.leftNav ul{background:url(/Images/Framework/Left-Col-Cap-home.gif)}
#about div.left div.leftNav ul{background:url(/Images/Framework/Left-Col-Cap-about.gif)}
#ethos div.left div.leftNav ul{background:url(/Images/Framework/Left-Col-Cap-ethos.gif)}
#services div.left div.leftNav ul{background:url(/Images/Framework/Left-Col-Cap-services.gif)}
#cases div.left div.leftNav ul{background:url(/Images/Framework/Left-Col-Cap-cases.gif)}
#blog div.left div.leftNav ul{background:url(/Images/Framework/Left-Col-Cap-blog.gif)}
div.left div.leftNav ul li a{display:block;background:#3c3c3c url(/Images/Framework/Sub-Nav-Off-BG.png) repeat-y right;border-bottom:1px solid #262626;color:#AAA;text-decoration:none;font-size:93%;padding:3px 15px}
div.left div.leftNav ul li.on a{display:block;background:#505050 url(/Images/Framework/Sub-Nav-On-BG.png) repeat-y right;border-bottom:1px solid #262626;color:#AAA;text-decoration:none;font-size:93%;padding:3px 15px}
div.left div.leftNav ul li a:hover{color:#3C3C3C;background:#FF5D23 url(/Images/Framework/Sub-Nav-Over-BG.png) repeat-y right;padding:3px 15px}
div.left div.leftContent{width:480px;min-height:500px;height:auto !important; height:500px;float:left;background-color:#262626;color:#E5E5E5;position:relative}
#cases .leftContent{min-height:800px;height:auto !important; height:800px;}
#services .leftContent{min-height:800px;height:auto !important; height:800px;}
#ethos .leftContent, #about .leftContent, #cases .leftContent, #thanks .leftContent{min-height:800px;height:auto !important; height:800px;}
div.left div.leftContent .bg1{background:#262626 url(/Images/Framework/Content-BG-1-Grad.jpg) repeat-x;float:left;position:relative;padding:30px; width:420px}
div.left div.leftContent .bg2{background:#272727 url(/Images/Framework/Content-BG-2-Grad.jpg) repeat-x;float:left;position:relative;padding:30px 30px 0}
div.left div.leftContent .bg3{background:#272727 url(/Images/Framework/Content-BG-3-Grad.jpg) repeat-x;float:left;position:relative;padding:30px 30px 0}
div.left div.leftContent .bg1 p{}
div.left div.leftContent h1{font-size:198%}
div.left div.leftContent h2{font-size:160%;font-weight:100}
div.left div.leftContent h3{font-size:110%;color:gray;padding:10px 0}
div.left div.leftContent p{font-size:100%}
/*
############################################################
#   RIGHT COLUMN
############################################################
*/
div.right h3{color:#FFF;font-weight:700;padding:0 16px}
div.right h3 a{color:#FFF;text-decoration:none}
div.right p{font-size:93%;color:gray;margin:4px 0;padding:0 16px}
div.right p.white{color:#FFF}
/*###Doms Stuff### */
.readMoreDivider{clear:left;display:block;width:480px;height:30px;text-indent:30px;background-image:url(/Images/Framework/Read-More-Stripe.jpg);margin:30px -30px -30px}
/*Staff Page */
#staffListing{margin:-30px}
#staffListing li{width:420px;background:#272727 url(/Images/Framework/Content-BG-1-Grad.jpg) no-repeat;float:left;position:relative;padding:30px}
#staffListing li img{float:left;margin:0 10px 15px 0}
#footer{position:relative;color:#FFF;float:left;padding-top:60px;background-image:url(/Images/Framework/Left-Col-Footer.jpg);background-position:top left;background-repeat:no-repeat}
#footer p{font-size:85%;margin-bottom:20px;color:gray;line-height:140%}
h4{font-size:120%;padding-bottom:10px;color:gray}
#contact{height:79px;width:480px;background-image:url(/Images/Framework/Contact-Us.png);float:left;margin:-30px -30px 0}
#contact strong{display:none}
.clearfix,.block{display:block}
#latestCaseStudy{background:#000 url(/Images/Framework/Latest-Case-Study-Title.gif) 0 0 no-repeat; width:180px; height:50px;display:block}
#SeeAllCaseStudys{background:#000 url(/Images/Framework/See-All-Case-Studies.gif) 0 0 no-repeat; width:180px; height:29px; display:block}
#latestCaseStudy strong, #SeeAllCaseStudys strong{display:none}
#twitter {padding-top:10px; margin-top:0px; background-color:#000}
#twitter_header {text-decoration:none;line-height:30px; font-weight:normal;font-size:18px;background:transparent url('/Images/Framework/Icon-Twitter.gif') left 0 no-repeat;color:#FFF;padding:2px 0 5px 35px;margin:0;}
#twitter ul { margin-top:10px;}
/*
############################################################
#   HOME PAGE
############################################################
*/
h3.caseTitle{color:#FFF !important;font-weight:bold}
h3.caseTitle span{color:#666;font-size: 90%}
div {behavior: url(/Script/iepngfix.htc); border:0;}
#mailingListForm {float:left; background:url('/Images/Framework/Subtitle-Mailing-List-Subscribe.gif') 0px 0px no-repeat;padding:15px;margin:0; width:160px}
.mailingList {margin-top:150px; _margin-top:170px;}
#popupcontent{ padding:10px;}
#popupcontent h1{ color:#fff; font-size:150%;}
#popupcontent p{ color:#fff; font-size:120%;}