﻿/* reset */
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font-family:arial,helvetica,clean,sans-serif; font-size:13px; line-height:19px; *font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



html {background:#ededed;min-width:980px;width:100%;}
body {margin:0; background: #FFFFFF;}
.bodyWrap {border-top:10px solid #9c0042;}
p {margin: 0 0 1em;}
/****** Header ******/
.header {overflow:hidden; clear: both;padding:40px 0 20px;}
.header .logo {
    background: transparent url('skin/logo.jpg') top left no-repeat;
    display: block;
    width:360px;
    height: 44px;
    text-indent: -9999px;
    float: left;
}
.header .right {float: right;margin-right:10px;}
.twitter-icon {background: transparent url('skin/twitter.png') top left no-repeat;width:24px;height:24px;display: block;text-indent: -9999px;float: left;margin:6px 10px 0 0;}
.twitter-icon:hover {background-position:top right;}
.linkedin-icon{background: transparent url('skin/linkedin.png') top left no-repeat;width:24px;height:24px;display: block;text-indent: -9999px;float: left;margin-top:6px;}
.linkedin-icon:hover {background-position:top right;}

/****** Footer ******/
.footer {background: #EEE; border-top:1px solid #ccc;padding:15px 10px;color:#444;}
.footer .top {overflow: hidden; clear: both;}
.footer .top .left {width:70%;float: left;}
.footer .top .right {max-width:29%;float: right;}
.footer ul.footer-menu {padding:0; margin:0 0 10px;overflow:hidden;}
.footer ul.footer-menu li {float: left;}
.footer ul.footer-menu li a {color: #444;margin-right:10px;padding-right:10px;border-right:1px solid #ccc;}
.footer ul.footer-menu li:last-child a {border-right:none;}
.footer ul.footer-menu li a:hover {color: #9c0042;}
.footer .search-bar .input {float: left;}
.footer .search-bar .input input {border: 1px solid #ccc;padding:5px;height:16px;margin-right:5px;width:185px;}
.footer .search-bar .buttonWrapper {float: left;}
.footer .logo, .footer-logo {
    background: transparent url('skin/logo-footer.png') top left no-repeat;
    display: block;
    width:240px;
    height: 35px;
    text-indent: -9999px;
    margin-bottom:10px;
}
.footer .bottom a.email{color:#444;}
.footer .bottom .copyright {margin:20px 0 10px;}
.footer .bottom .other-links  a {color:#444;}
.footer .bottom .other-links  a:hover {color:#9c0042;}
.footer .bottom .other-links a.pipe {padding-right:10px;margin-right:10px;border-right:1px solid #ccc;}
/****** Page Layout ******/
.docOuter{width:960px; margin:0 auto 40px; padding:0 10px;}
.inner {width:960px; margin: 0 auto;}

.oneColTemplate .main{width:960px; float:left;}
.leftColTemplate .main{width:690px; margin-left:30px; float:right;}
.rightColTemplate .main{width:710px; margin-right:10px; float:left;}
.threeColTemplate .main{width:460px;margin:0 10px; float:left;}

.leftColTemplate .main {min-height:500px;}
.leftCol, .rightCol{min-height:10px;_height:10px;}

.leftCol    {float:left;}
.rightCol   {float:right;}

.threeColTemplate .leftCol    {width:230px; margin-right:10px;}
.threeColTemplate .rightCol    {width:230px; margin-left:10px;}

.leftColTemplate .leftCol {width:230px; margin-right:10px;}
.rightColTemplate .rightCol {width:230px; margin-left:10px;}

.threeColTemplate    {background-image:url(skin/template_3_bg.png);}
.leftColTemplate     {background-image:url(skin/template_left_bg.png);}
.rightColTemplate    {background-image:url(skin/template_right_bg.png);}
.oneColTemplate      {background-image:none;}

.template {min-height: 300px;}

/****** Navigation Menu ******/
.globalnav {background: #ededed;margin:0 0 20px;overflow: hidden;padding:0;list-style: none;}
.skipmenu {display: none;}
.globalnav li.depth1 {width: 119px;border-right: 1px solid #FFF;float: left;line-height: 30px;text-align: center;}
.globalnav li.depth1 a { color: #222;display: block; text-transform: uppercase;}
.globalnav li.depth1:hover, .globalnav li.selected, .globalnav li.childSelected {background: #9c0042;}
.globalnav li.depth1:hover a, .globalnav li.selected a, .globalnav li.childSelected a {color: #FFF;}
.globalnav li.depth1 ul.depth2,.globalnav li.depth1 ul.depth2 ul.depth3{display: none;}

.localnav { margin: 5px 0;padding: 0;width: 250px; }
.localnav a.depth1 {display: block;padding: 5px; }

.localnav a.depth1.selected, 
.localnav a.depth1.childSelected , 
.localnav a.depth1:hover {color: #fff;padding: 0; background: transparent url(skin/localnav-arrow.png) no-repeat right center; }

.localnav a.depth1.childSelected  span, 
.localnav a.depth1.selected span, 
.localnav a.depth1:hover span {display: block; padding: 5px 20px 5px 5px;margin-right: 15px; color: #fff; background: #9c0042; }


.localnav ul.depth2 { background: #f0f0f0;margin: 0;padding-left: 10px;border-bottom: solid 1px #cacaca;width:229px;}
.localnav  a.depth2 {display: block;padding: 5px;font-size: 85%;color: #333333;}
.localnav  a.depth2.selected,
.localnav  a.depth2:hover { color: #9c0042; }


.affix  { position: fixed;top:0;}
.affix-bottom {position: absolute}

/****** Slider Homepage ******/
.slider-wrap
{
    position: relative;
    margin-bottom:30px;
}
ul.home-slider
{
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 300px;
}
ul.home-slider li.slide {
    overflow: hidden;
    height: 300px;
}

ul.home-slider li.slide .container .image {
    float: left;
}
ul.home-slider li.slide .container .info {
    float: left;
    padding-left: 20px;
    width: 340px;
    height: 280px;
}
ul.home-slider li.slide .container .info h2 {
    font-size: 24px;
    color: #9c0042;
    margin: 10px 0;
}
ul.home-slider li.slide .container .info .content {
    color: #333333;
}

.pager
{
    width: 240px;
    position: absolute;
    bottom: 0;
    right:100px;
    z-index:100;
}

.pager a {
    display: block;
    float: left;
    height: 20px;
    width: 16px;
    background: transparent url('skin/dot.png') center center no-repeat;
    text-indent:-99999px;
}

.pager a.activeSlide {
    background: transparent url('skin/dot-active.png') center center no-repeat;
}

.prev, .next, .pause
{
    display: block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 100;
}
.prev
{
    background: transparent url('skin/left-arrow.png') center center no-repeat;
    right:30px;
    bottom:0;
}

.pause
{
    background: transparent url('skin/pause.png?width=14') bottom left no-repeat;
    height: 14px;
    width: 14px;
    right:15px;
    right: 18px;
    bottom: 3px;
}

.pauseSelected
{
    background-position: top left; 
}

.next
{
    background: transparent url('skin/right-arrow.png') center center no-repeat;
    right:0;
    bottom:0;
}


/****** Twitter Widget ******/
.twitterBox  { min-height: 315px;}
.tweets iframe { max-height: 258px;}


/****** Side Column Widgets ******/
.twitter-logo {background: transparent url('skin/twitter.jpg') left center no-repeat;padding-left:28px;height:24px;display: block;line-height: 24px;margin:10px 0 20px;}
.threeColTemplate .leftCol .tweets {padding: 0 5px 0 0;}
.threeColTemplate .rightCol .tweets {padding: 0 0 0 5px;}

.threeColTemplate .leftCol .recruitment .box {padding: 0 5px 0 0;}
.threeColTemplate .rightCol .recruitment .box {padding: 0 0 0 5px;}
.sideCol .recruitment .box .description {border-bottom: 1px dotted #AAA;padding-bottom:10px;margin-top:5px;}

.headingDefault{}

/****** Side Column Widgets ******/

/****** Category & Product Page ******/
ul.categories {padding: 0; margin: 10px 0;}
ul.categories li {background: url(skin/bullet-arrow.png) 0 4px no-repeat;margin: 5px 0;padding-left: 15px;
    width:29%; float:left;}
ul.products {padding: 10px 0 0 0; margin: 0;overflow: hidden; clear: both;}
ul.products li {width:110px;font-size: 85%;padding-bottom: 5px;}
ul.products .product-name {color: #333333 !important;display: block;width: 100px;
    text-align: left;line-height: 1.3em;}

/****** Validation Messages ******/
.alert {border:solid 1px #333; color:#fff; margin:10px; padding:10px;}
.alert *, .alert :link, .alert :visited{color:#fff;}
.alert .heading{color:#fff;font-weight:bold;margin:0;padding:0 50px 0 0; font-size:25px; }
.alert .msg{margin:0;padding:0; font-size:15px;}

.success{}
.warning {}
.warning .heading, .warning *, .warning :link, .warning :visited{}
.error  {}

/****** Bootstrap pagination ******/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  float: right;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;

}
.pagination > li:last-child > a,
.pagination > li:last-child > span {

}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #9c0042;
  border-color: #9c0042;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {

}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {

}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {

}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {

}

/****** Content Styling ******/

/* ====== Default spacing ====== */
/*h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote {margin:10px 0;}*/
h1, h2, h3, h4, h5, h6, img{padding-bottom:0px; text-rendering: optimizeLegibility;}
pre{margin: 10px;padding:10px;}
.pre {   
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
p, li {font-size:13px;}
li li {font-size:100%;}
.intro {font-size:116%;}

/* ====== Elements ====== */
img{/*display:block;*/}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 1px dotted #AAAAAA; border-width: 0 0 1px 0; margin: 20px 0px 20px 0px;}

/* links */
a,
a:link{color:#9C0042; text-decoration: none;}
a:hover{color:#9C0042;}
a:active, a:focus{color:#9C0042; outline: 0;}
a:visited{color:#9C0042;}


/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;}/*border:1px solid #AE0345;*/
th, td{vertical-align:top; border: 0 none transparent;}/*border:1px solid #AE0345;*/
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
blockquote {font-size:22px; margin:10px 0; font-style:italic; font-weight:normal;font-family:Arial,sans-serif;}
cite{font-size:55%; display:block; text-align:left; padding-top: 10px;margin-top: 10px;font-weight:bold;font-family:Arial,sans-serif;
    border-top:solid 1px #f2f2f2;}

.content {line-height:1.5;}

.content ol li{list-style-type: decimal; margin-left:40px;}
.content ul {padding:0 0 0 5px;list-style:none;}
.content ul li{padding-left:15px; background: transparent url('skin/dot-active.png') 0 5px no-repeat;}

.content a:link,.content a:visited, .content a:hover,.content a:active {text-decoration:underline;}

.floatL{float:left;}
.floatR{float:right;}

.content .floatL,
.content img[align=left]    {margin-right: 10px;margin-bottom: 5px;}
.content .floatR,
.content img[align=right]   {margin-left:  10px;margin-bottom: 5px;}


/***** SHORT.LESS ****************/

#aspnetForm .r3{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#aspnetForm .r5{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#aspnetForm .i {font-style:italic;}
#aspnetForm .b {font-weight:bold;}
#aspnetForm .u {text-decoration:underline;}
#aspnetForm .nou{text-decoration:none;}
#aspnetForm .upper{text-transform:uppercase;}
#aspnetForm .lower{text-transform:lowercase;}
#aspnetForm .grey{color:#666;}
#aspnetForm .clear{clear:both;}
#aspnetForm .clearL{clear:left;}
#aspnetForm .clearR{clear:right;}
#aspnetForm .clearN{clear:none;}
#aspnetForm .floatN{float:none;}
#aspnetForm .oh {overflow:hidden;}
#aspnetForm .oa {overflow:auto;}
#aspnetForm .ov {overflow:visible;}
#aspnetForm .hide {visibility:hidden;}
#aspnetForm .nomargin {margin:0;}
#aspnetForm .modh {margin:0 10px;}
#aspnetForm .modht {margin:0 5px;}
#aspnetForm .modl {margin:0 0 0 10px;}
#aspnetForm .modr {margin:0 10px 0 0;}
#aspnetForm .modv {margin:10px 0;}
#aspnetForm .modvt{margin:5px 0;}
#aspnetForm .padh {padding:0 10px;}
#aspnetForm .padht {padding:0 5px;}
#aspnetForm .padv {padding:10px 0;}
#aspnetForm .padvt{padding:5px 0;}
#aspnetForm .inline{display:inline;}
#aspnetForm .block{display:block;}
#aspnetForm .blockCenter{float:none;display:block;margin-left:auto;margin-right:auto;}
#aspnetForm .txtC{text-align:center;}
#aspnetForm .txtL{text-align:left;}
#aspnetForm .txtR{text-align:right;}
#aspnetForm .nopadding{padding:0;}
#aspnetForm .nowrap{white-space:nowrap;}
#aspnetForm .hoverb:hover{font-weight:bold;}
#aspnetForm .borderT{border-top:solid 1px;}
#aspnetForm .borderB{border-bottom:solid 1px;}
#aspnetForm .noborder{border:0;}
#aspnetForm .static{position:static;}
#aspnetForm .displayNone{display:none;}
#aspnetForm .nodisplay{display:none;}
#aspnetForm .childDisplayNoUL ul{display:none;}
#aspnetForm .whitethickborder{border:solid #fff 5px;}
#aspnetForm .wordWrapNormal{word-wrap:normal;}
.zoom1,.zoom{zoom:1;}

br.clear{font-size:1px;}
#aspnetForm hr.clear{width:100%;border:0;height:0;clear:both;background:none;padding:0;margin:0;visibility:hidden;}

.inlineblock
{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.clearfix:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {zoom: 1;}

.hidetext
{    
    text-indent:-9999px;
    overflow:hidden;
    text-align:left;
}


                .f36 {font-size:277%;}
                .f32 {font-size:246.2%;}
                .f26 {font-size:197%;}
                .f25 {font-size:189%;}
                .f24 {font-size:182%;}
                .f23 {font-size:174%;}
                .f22 {font-size:167%;}
                .f21 {font-size:161.6%;}
                .f20 {font-size:153.9%;}
                .f19 {font-size:146.5%;}
                .f18 {font-size:138.5%;}
                .f17 {font-size:131%;}
.bigger,        .f16 {font-size:123.1%;}
.big,           .f15 {font-size:116%;}
.bigish,        .f14 {font-size:108%;}
                .f13 {font-size:100%;}
.smallish,      .f12 {font-size:93%;}
.small,         .f11 {font-size:85%;}
.smaller,       .f10 {font-size:77%;}
                .f9  {font-size:69.25%;}
.smaller,       .f8  {font-size:61.55%;}








/*** FONTS & HEADINGS ***/

/* ====== Headings ====== */
 
h1, .h1{margin-top: 0;color:#9c0042; font-size:25px; font-weight:normal;}
h1, .h1, h1 a:link, .h1 a:visited, h1 a:link, .h1 a:visited {color:#9c0042;}

h2, .h2{color:#9c0042; font-size:18px; font-weight:normal; }
h2, .h2, h2 a:link, .h2 a:visited, h2 a:link, .h2 a:visited {color:#9c0042;}

h3, .h3{color:#9c0042; font-size:18px; font-weight:normal; 
        margin-top:0.5em;padding-bottom:5px;}
h3, .h3, h3 a:link, .h3 a:visited, h3 a:link, .h3 a:visited {color:#9c0042;}

h4, .h4{color:#333333; font-size:13px; font-weight:bold; font-style: normal; border:0;padding:5px 0;}
h4, .h4, h4 a:link, .h4 a:visited, h4 a:link, .h4 a:visited {color: #333333;}

h5, .h5{color:#9c0042; font-size:12px; font-weight:bold; font-style: normal; border:0; padding:5px 0; margin:0;}
h5, .h5, h5 a:link, .h5 a:visited, h5 a:link, .h5 a:visited {color: #9c0042;}

h6, .h6{ color:#9c0042; font-size:108%; font-weight:bold; font-style: normal; border:0;padding:5px 0;}
h6, .h6, h6 a:link, .h6 a:visited, h6 a:link, .h6 a:visited {color: #9c0042;}

h1, h2, h3, h4, h5, h6 {line-height:1.2;}
.miniCol{padding:0 10px;}


/*** CLIENTS PAGE ***/
.clientsMain ul li{    
    float: left;
    height: 180px;
    list-style-type: none;
    text-align: center;
    vertical-align: baseline;
    width: 172px;
}

.clientList {     
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 10px;}
    
.clientList h4{margin:0 auto; width:65%;}
.clientList ul{margin: 10px 0; padding: 0;}

.clientLink { display: block;margin: 10px 0;}




/*** PUBLICATIONS ***/

.pubright {width:545px;float: left;}
.publeft { width:130px; margin-right:10px;float: left;}
.publeft .redBox,
.publeft .grayBox {text-align:center; margin:10px 0px;}
.pubDesc { }
.pubQuote 
{
    background: none repeat scroll 0 0 #F0F0F0;
    border-left: 5px solid #9C0042;
    padding: 10px;
}
.pubQuoteText{ font-size:11px; font-style:italic;}
.pubQuoteText >a:after
{
    content: "-";
    padding-left:7px;
    position: absolute; 
}

.addThisWrapper { margin: 10px 0;}

.pubImgList {margin:5px 0px;}
.pubImgList img {margin:5px 7px 5px 0px;}
.pubDetailBottom{margin-top:30px;}
.pubMiniList ul{ margin: 0;padding: 10px 10px;}
.pubMiniList ul li{width:100px;margin: 10px 10px 0 0;}
.pubMiniList ul li a{color:#333333; font-size:11px; margin-top:5px;}


.redTxt {color:#9c0042; font-weight:bold;}
.redBox {color:#ffffff; background:#9c0042; line-height: 30px; padding:0px 10px;}
.redBox a{color:#ffffff;}

.greyBox {color:#222; background:#ededed; line-height: 30px; padding:0px 10px;}
.greyBox a{color:#222;}

.newsPage {}/*this could be an extension of the media class?*/
.newsItem .heading, 
.newsItem .heading a:link, 
.newsItem .heading a:visited     {text-decoration:none;}
.newsItem .date                 {color:#333;font-style:normal;}
.newsItem .newsImg              {float:left;display:inline;margin-right:10px;margin-bottom: 5px;}
.newsPage .date {margin-bottom:10px;}
.newsPage .buttons {margin-top:20px;}

.rssFeed { background: url(skin/rss.png) top left no-repeat;float: right;overflow: hidden;text-indent: -9999px;font-size: 0;width: 24px;height: 24px;}
.rssFeed:hover { background-position: top right; }

.peoplePage {}/*this could be an extension of the media class?*/
.peopleItem { width: 31%;margin:0 2% 5% 0;}
.peopleItem:nth-child(3n) {margin-right:0;}
.peopleItem:nth-child(3n+1) {clear: both;}
.peopleItem .peopleImg{ }
.peopleItem .peopleTitle{ margin: 10px 0 5px 0; }
.peopleItem .position{color: #333;margin-bottom:5px; }
.emailLink .icon {background:url(skin/email.png) top left no-repeat; display: inline-block;width: 15px;height: 11px;margin-right: 5px; }
.emailLink a:hover .icon {background-position:bottom left; }
.peopleItem .aboutText{ color: #333;}
.peopleItem .view-profile {float: left;}

.back-to-top
{
    background: url(skin/up.png) center center no-repeat;
    bottom: 0;
    color: #02258A;
    font-size: 12px;
    padding: 1em;
    position: fixed;
    right: 1em;
    text-decoration: none;
    text-indent: -9999px;
    width:14px;
    height:20px;
    padding:10px 14px 18px;
    display: none;
}