body { 
margin:0; 
padding:0; 
}
/*menu coding */
#menu {
width: 684px;
float: left;
}

#menu ul {
list-style: none;
margin: 0px 0px 0px 2px;
padding: 0;
float: left;

}

#menu a, #menu h2 {
font: 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0px 0px;
}
.aboutus {
    background: url(../images/topnav_aboutus.gif) no-repeat 0 0;
    width: 85px;
    height: 30px;
}
.aboutus:hover {
    background-position: 0 -30px;
}
.prmenu {
    background: url(../images/topnav_pr.gif) no-repeat 0 0;
    width: 130px;
    height: 30px;
}
.prmenu:hover {
    background-position: 0 -30px;
}
.brandmenu {
    background: url(../images/topnav_bm.gif) no-repeat 0 0;
    width: 130px;
    height: 30px;
}
.brandmenu:hover {
    background-position: 0 -30px;
}
.irmenu {
    background: url(../images/topnav_ir.gif) no-repeat 0 0;
    width: 140px;
    height: 30px;
}
.irmenu:hover {
    background-position: 0 -30px;
}
.casemenu {
    background: url(../images/topnav_casestudies.gif) no-repeat 0 0;
    width: 108px;
    height: 30px;
}
.casemenu:hover {
    background-position: 0 -30px;
}
.contactmenu {
    background: url(../images/topnav_contact.gif) no-repeat 0 0;
    width: 67px;
    height: 30px;
}
.contactmenu:hover {
    background-position: 0 -30px;
}
#menu h2, {
border: solid 1px #000000;

}
#menu a {
color: #000000;

text-decoration: none;
opacity: 0.8;
filter: alpha(Opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
width: 100px;
}

#menu a:hover {
color: #000000;
background: #F2F2F3;
font-weight: bold;
}



#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* Interior Page Content */
.sidetitle {
    text-transform: uppercase;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
}
.blogtitle {
    text-transform: uppercase;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
}
/* End Interior Page Content */
/*  Interior Javascript Accordion */
.pageContent { width: 100%; }
.accordion { list-style-type: none; padding: 0; margin: 0; border-top: none; border-left: none; width: 100%;}
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; border-bottom: solid 1px #000000;}
.accordion li div {background: #fff; display: block; clear: both; float: left; width: 100%;}
.accordion a { text-decoration: none; font-family: Arial; color: #000; padding: 0 0px; display: block; cursor: pointer; text-transform: uppercase; font-size: 12px;}
/* Level 2 */
.accordion li ul li { background: #fff; font-size: 12px;}
/*  Side Nav */
.sidetitlebord {
    border-bottom: solid 1px #000000;
    text-transform: uppercase;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
}
.topcontent {
    font-family: Arial;
    color: #0073AE;
    font-size: 14px;
}
.submenu  {
   width: 100%;
}
/* KCSA About Us PR, IR, Brand */

.interlnavhead {
    padding: 20px 0px 0px 0px;
}
.leftnavcl {
    height: 18px;
}
.leftsubnavcl {
    height: 18px;
    padding-left: 15px;
}
a.leftnavlink {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    text-decoration: none;
}
a.leftnavlink:hover {
    font-family: Arial;
    font-size: 12px;
    color: #B5121B;
    text-decoration: none;
}
.contenthdr {
    font-family: Georgia;
    font-size: 16px;
    color: #585858;

}
.contenthdr7 {
    font-family: Georgia;
    font-size: 16px;
    color: #585858;
    padding: 20px 0px 15px 0px;    

}
.contenthdr a{
    color: #B5121B;
    text-decoration: none
}
.subcatys {font-size: 12px; color: #585858; font-family: arial; margin: 2px 0px 0px 0px; padding:0;font-weight: normal}
.contenthdr2 {
    font-family: Georgia;
    font-size: 25px;
    color: #B5121B;
    padding: 20px 0px 10px 0px;
}
td.blogcont p a{font-family: Arial;font-size: 12px;color: #B5121B;text-decoration: none; }
td.blogcont p a:hover{text-decoration: underline; }
.authortitle{font-family: Arial;font-size: 12px;color: #B5121B;text-decoration: none; }
.authortitle:hover{font-family: Arial;font-size: 12px;color: #B5121B;text-decoration: none; }
.overvwcont {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
    height: 410px;
}
.overvwcont a{font-family: Arial; font-size: 12px; color: #B5121B; text-decoration: none; font-weight: bold}
.formintern {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
}
.partners {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
}
.blogcont {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
    border-bottom: dotted 1px #000000; 
    padding: 0px 0px 15px 0px;   
}
.overvwcontport {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
    height: 510px;
}
.overvwcontir {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;

}
a.intermenu {
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #585858;
}
a.intermenu:hover {
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #B5121B;
}
.newscont {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
    height: 410px;
    padding-top: 20px;
}
a.newslink {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    text-decoration: none;
}
a.newslink1 {
    font-family: Arial;
    font-size: 12px;
    color: #B5121B;
    text-decoration: none;
}
a.newslink:hover {
    font-family: Arial;
    font-size: 12px;
    color: #B5121B;
    text-decoration: none;
}
.services {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    border-bottom: dotted 1px #585858;
}
.casestudy {
    width: 215px;
    height: 150px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #EFEFEF;
    cursor:pointer;
    text-decoration: none;
}
.caseimg:hover {
    cursor:pointer;
    opacity: 0.6;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}
.csclient {
    font-family: Arial;
    font-size: 11px;
    color: #585858;
}
.csdesc {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
}
.portdesc {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
.casestudyhead {
    font-family: Arial;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
}
.casewcont {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
}
.casehead {
    font-family: Georgia;
    font-size: 18px;
    color: #B5121B;
    text-decoration: none;
    line-height: 17px;
}
.casesubhead {
    font-family: Arial;
    font-size: 14px;
    color: #B5121B;
    text-decoration: none;
}
a.contactlink {
    font-family: Arial;
    font-size: 12px;
    color: #B5121B;
    text-decoration: none;
}
/**** Case Study Slideshow ****/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:655px; display:none}
#wrapper * {margin:0; padding:0}
#wrapper2 * {margin:0; padding:0}
#fullsize {position:relative; width:655px; height:300px; padding:0px;background:#000}
#fullsize2 {position:relative; width:655px; height:300px; padding:0px;}
#information {position:absolute; bottom:0; width:655px; height:0;  overflow:hidden; z-index:200;}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#information2 {position:absolute; bottom:0; width:655px; height:0;  overflow:hidden; z-index:200;}
#information2 h3 {padding:4px 8px 3px; font-size:14px}
#information2 p {padding:0 8px 8px}
#image {width:655px}
#image img {position:absolute; z-index:25; width:auto}
#image2 {width:655px}
#image2 img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:300px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imgprev2 {width: 239px; height: 300px; float: left;background-color: #fff;}
#imgnext2 {width: 415px; height: 300px; float: right;background-color: #fff;}
#imglink {position:absolute; height:300px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#imglink2 {position:absolute; height:300px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

.hmcstitle {
    font-family: Arial;
    font-size: 12px;
    color: #B5121B;
}
.hmcsserv {
    font-family: Arial;
    font-size: 12px;
    color: #808080;
}
.hmcsdesc {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
}
a.hmcslink {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
}
a.feeds {
    font-family: Arial;
    font-size: 10px;
    color: #27537A;
}
.portcontain {
    width: 660px;
    float: left;
}
.singleport {
    width: 215px;
    height: 150px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.hidden {
	display : none;
}
.taglist ul {
    margin: 0;
    padding: 0;
}
.taglist li {
    list-style-type: none;
    list-style-position:outside;
}
.taglist a {
    font-family: Arial;
    font-size: 11px;
    color: #585858;
    text-decoration: none;
    line-height: 18px;   
}
.taglist a:hover {
    color: #B5121B;
}
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 12px; }
#datatable tr.data{background-color: #EFEFEF}
#datatable tr.data:hover{background-color: #E6E6E6}
#datatable tr.data td{padding: 10px 0px; border-bottom: 1px solid #676767}


.st_sharethis_custom{ 
        height: 20px;
        width: 20px; 
        cursor:pointer
}
.clrs{clear:both}
.rsslink {font-family: Georgia; font-size: 16px;color: #B5121B; text-decoration: none}
.authorimg {height: 75px; width:65px; margin: 0; padding: 0; float: left;margin: 20px 20px 15px 0px;}
.authorname {height: auto; width: auto; float: left}
.authorname p.authname{font-family: Georgia;font-size: 21px;color: #B5121B;margin: 20px 0px 15px 0px;}
.authorname p.authname span{font-family: Georgia;font-size: 18px;color: #585858;margin: 20px 0px 15px 0px;}
.authorname p.authname a{font-family: Georgia;font-size: 18px;color: #B5121B;margin: 20px 0px 15px 0px;}
.authorname p.authname a:hover{text-decoration: underline}
.authorname p.authorinfo{font-family: Georgia;font-size: 21px;color: #B5121B;margin: 20px 0px 15px 0px;}
.authorname p.authorinfo a{font-family: Georgia;font-size: 18px;color: #B5121B;text-decoration: none}
.authorname p.authorinfo a:hover{text-decoration: underline}
.authdesc p{font-family: arial;font-size: 12px;color: #585858;margin: 20px 0px 15px 0px;}
.authblogtitle {font-family: arial;font-size: 16px;color: #B5121B;margin: 20px 0px 15px 0px;border-bottom: 1px #595959 solid; padding-bottom: 8px}
.authbloglist {margin: 20px 0px 15px 0px;border-bottom: 1px #595959 solid; padding-bottom: 8px}
.authbloglist a{font-family: arial;font-size: 12px;color: #585858;}
.authbloglist a:hover{color: #B5121B;text-decoration:underline}
.fbnwrap { width: 200px; height: 200px; margin-left: 15px}
.fbnwrap p{margin:0; padding: 0px 0px 5px 0px}
.fbnwrap p a{font-family: arial;font-size: 11px;color: #585858;text-decoration:none}
.fbnwrap p a:hover{text-decoration:underline;color: #B5121B;}
.irheaderh1 {font-family: Georgia;font-size: 17px;color: #585858;font-weight: normal}
.irheaderh2 {font-family: Georgia;font-size: 21px;color: #B5121B;font-weight: normal}
.irheaderh3 {font-family: Georgia;font-size: 19px;color: #B5121B;font-weight: normal; padding: 0; margin: 0}
#frmAdd p { /* make label relative to the p */
position:relative;
}
#frmAdd label {
display:block; /* positions label above input when JS off */
}
#frmAdd input {
margin:0 0 0px;
border:1px solid #999;
padding:8px 4px;
width: 280px; 
}
#frmAdd input.chkbox {
margin:0;
padding:0;
width: 25px; 
}
#frmAdd input.subbtn {
cursor: pointer; 
width: 120px;
}
#frmAdd input.subbtn:hover {
background-color: #585858;
color: #fff;
border:1px solid #585858;
}
#frmAdd input:hover, #frmAdd input:focus, #frmAdd label:hover + input {
border:1px solid #000;
}

.tabs { list-style-type:none}
.tab_container {width: 415px; height: 300px; float: right;background-color: #fff;}
.pressrelsocial {margin:0; margin-top: -10px;padding: 0; width: auto; float: left}
.companies1{width: 300px; height: auto;}
.companies1 a{width: 94x; height: 82px; float: left;padding: 4px;border: 1px}
.surveyimgwrap {height: 4478px; width: 612px; background: url(../images/IPO_infographic.jpg) top left;border: 1px solid #FFFFFF}
.surveyimgwrap div { cursor:pointer}
#surveylnk0 {height: 1px; width: 610px; margin-top: 0px}
#surveylnk1 {height: 25px; width: 610px; margin-top: 345px}
#surveylnk2 {height: 25px; width: 610px; margin-top: 280px}
#surveylnk3 {height: 25px; width: 610px; margin-top: 390px}
#surveylnk4 {height: 60px; width: 610px; margin-top: 1295px}
#surveylnk5 {height: 40px; width: 610px; margin-top: 480px}
#surveylnk6 {height: 30px; width: 610px; margin-top: 590px}
#surveylnk0b {height: 1px; width: 610px; margin-top: 0px}
#surveylnk1b {height: 25px; width: 610px; margin-top: 345px}
#surveylnk2b {height: 25px; width: 610px; margin-top: 286px}
#surveylnk3b {height: 25px; width: 610px; margin-top: 390px}
#surveylnk4b {height: 60px; width: 610px; margin-top: 1315px}
#surveylnk5b {height: 40px; width: 610px; margin-top: 475px}
#surveylnk6b {height: 30px; width: 610px; margin-top: 585px}
.surveyklinkwrap {float: left;height: 4478px; width: 20px;border: 1px solid #fff}

.surveyimgwrap div a{display block; height: 25px; width: 610px; text-decoration:none}
.surveyklinkwrap div a{display block; height: 25px; width:20px; text-decoration:none; font-family:Arial; color:#B5121B; font-size: 11px }