body { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .8em; background-color: white; background-image: url(/twmedia/images/bluebg3.png); background-repeat: no-repeat; }
#container { width: 100%; max-width: 1010px; }
a { color: #3d97da!important; text-decoration: none; }
a:visited { color: #94bcda!important; }
a:hover { text-decoration: underline!important; color: #3d97da!important; }
li, p { line-height: 130%; }
#header { height: 135px;  position: relative; background-color: white; }
#logo img {  position: absolute; left: 42px; top: 33px; }
#logo img {  position: absolute; left: 72px; top: 33px; width: 201px; height: 81px; }

#header h2 { position: absolute; left: 310px; top: 60px; font-size: 145%; background-color: inherit; color: #3d97da; font-weight: normal; }
#header h2 { left: 335px; }

#nav-global { position: absolute; right: 48px; top: 108px; }
#nav-global ul { list-style: none; background-color: white;}
#nav-global ul li { list-style-type: none; display: inline; }
#nav-global ul li a { text-decoration: none; border-right: 1px dotted #aac6da; display: inline-block; padding: 0 10px 0 5px; color: #3d97da; }
#nav-global ul li a.last { border-right: none; padding: 0 0 0 5px; }

#nav-billboard { height: 232px; position:relative; }
#nav-billboard ul { list-style: none; }
#nav-billboard ul li { list-style-type: none; display: block; }
#nav-billboard ul li div.menu { position: absolute; width: 270px; height: 108px;  background-image: url(/twmedia/images/item.png); background-repeat: no-repeat;}
#nav-billboard ul li a { text-decoration: none; width: 100%; height: 100%; display: block; color: #3d97da; font-size: 130%; font-weight: normal; }
#nav-billboard ul li a span { display: block; padding-left: 112px; padding-top: 58px; }
#nav-billboard ul li:hover div.menu { background-image: url(/twmedia/images/itemhover.png); }
#nav-billboard ul li div.menubg { position: absolute; top: 8px; left: 622px; width: 318px; height: 215px; background-image: url(/twmedia/images/menubg14.png); }
/*#nav-billboard ul li div.description { position: absolute; top: 8px; left: 622px; width: 300px; display: block; padding: 10px;}*/
#latestnews { position: absolute; top: 150px; left: 622px; width: 300px; display: block; padding: 10px;}
#latestnews h2 { color: #566e71; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #566e71; }
#latestnews ul { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }
#latestnews ul li { list-style-type: disc; display: list-item; }
#latestnews a {color: #000000!important; }
#latestnews a:hover {color: #000000!important; text-decoration: underline!important;}
#latestnews a:visited {color: #000000!important; text-decoration: none;}
/*#nav-billboard ul li:hover div.description { display: block; font-size: 100%; }*/

#nav1 div.menu { left: 65px; top: 5px; }
#nav2 div.menu { left: 339px; top: 5px; }
#nav3 div.menu { left: 65px; top: 115px; }
#nav4 div.menu { left: 339px; top: 115px; }

#nav-billboard ul li div.menu img { position: absolute; top: 20px; left: 10px; padding: 15px; }
/*#nav-billboard ul li div.description * { font-size: 100%!important;}*/
/*#nav-billboard ul li div.description h2 { color: #566e71; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #566e71; } */
/*#nav-billboard ul li div.description ul { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }*/
/*#nav-billboard ul li div.description ul li { list-style-type: disc; display: list-item; }*/

#main-wrapper { float: left; width: 80%; border-right: none; }
#main-wrapper.twocols { width: 61%; border-right: 1px dotted #8ca5ac; }
#main { margin: 34px 5px 0 38px; color: #303030; }
#main h1, #main h2, #main h3, #main p, #main ul, #main img { margin-left: 35px; margin-right: 10px; }
#main div { margin-left: 0; margin-right: 0; }
#main h1 { font-size: 140%; margin-bottom: 5px; margin-right: 0; padding-bottom: 5px; margin-left: 0; padding-left:10px; position:relative; padding-top:5px; font-weight: normal; color: #fff; background-color: #3D97DA; }
#main h2 { font-size: 125%; margin-bottom: 5px; font-weight: normal; color: #1f2c2b; border-bottom: 1px dotted #999999; padding-bottom: 2px; margin-top: 10px;  }
#main li { list-style-type: disc; margin-bottom: 8px; margin-left: 20px;}
#main p { margin-bottom: 15px!important; margin-top: 5px!important;}

#main div.case { margin-top: 20px; }
#main div.caseborder { border-top: 1px dotted #3D97DA; width: 100%;float:left; margin-right: -197px;}
#main div.caselogo { padding: 0 0 5px 0; margin: 0; border-bottom: 1px dotted #3D97DA; width:190px; float:right;text-align: center; border-right: 1px dotted #3D97DA; border-left: 1px dotted #3D97DA;}
#main div.caselogo a { display: block; }
#main div.caselogo a.name {margin: 10px 10px 5px 10px; text-align: right;}
#main div.caselogo a {font-size: 120%;}
#main div.caselogo a.image { margin: 0 0 5px 0; padding: 0; }
#main div.caselogo img { margin:0 0; padding:0;  }

#main div.casecontent { margin-right:192px; padding: 0;  }
#main div.casecontent h1 { padding-bottom: 5px;margin-right:0;padding-top: 5px; }

#main div.casecontent h2 { border-bottom: none; font-weight: bold; color: #688286;}
div.casecontent ul { margin-left: 0; padding-left: 0;}
div.foot { clear: both;height: 0; }

#main div.newsitem div { position: relative; height: 28px; margin-left: 35px; border-bottom: 1px dotted #999999;}
#main div.newsitem i { position: absolute; bottom: 3px; right: 0; }
#main div.newsitem h1 { background-image: none; position: absolute; bottom: 2px; left: 0;padding: 0; margin: 0; border-bottom: none; font-size: 125%; }
#main div.newsitem.sub h1 { font-size: 140%; }
#main div.newsitem h1 a {margin:0; padding:0; color: inherit; text-decoration: none; }
#main div.newsitem h1 a:hover { color: #3d97da; text-decoration: underline;  }

#side-wrapper { float: left;  width: 38%; }
#side { margin-left: 6px; margin-top: 34px; max-width: 318px; }
#contact div { font-size: 120%; line-height: 150%; color: #688286; border-bottom: 1px dotted #3d97da; margin-top: 5px; padding-left: 50%; padding-bottom: 5px; }
#contact div a { color: #3d97da; text-decoration: none; }
#side #kmo-it-banner { margin:34px 0; text-align: center; background-image: url(/twmedia/images/tile.png); padding: 10px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; }

#main div.casecontent a.readmore { color: #3d97da; text-decoration: none; margin-left: 34px; margin-top: 0; }

.tooltip { position: relative; border-bottom: 1px dotted #3d97da; }
.tooltip span { position: absolute; display: none; background-color: white; width: 300px; left: 60px; bottom:20px; border: 1px dotted white; padding: 2px; font-weight: normal; background-image: url(/twmedia/images/tooltipbg.png); color: white;}
.tooltip:hover span { display: block; }