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;
background-color: #F2F2F3;
}

#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;
background: #F2F2F3;
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;
    padding: 20px 0px 5px 0px;
}
.contenthdr2 {
    font-family: Georgia;
    font-size: 21px;
    color: #B5121B;
    padding: 20px 0px 15px 0px;
}
.overvwcont {
    font-family: Arial;
    font-size: 12px;
    color: #585858;
    line-height: 18px;
    height: 410px;
}
.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;
}
.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}
#fullsize {position:relative; width:655px; height:300px; padding:0px;background:#000}
#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}
#image {width:655px}
#image 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}
#imglink {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: #939598;
    text-decoration: none;
    line-height: 18px;   
}
.taglist a:hover {
    color: #B5121B;
}