/*
 * ------------------------------------------------------------------
 *      modpim
 * ------------------------------------------------------------------
 */

body { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: .8em; background-color: white; background-image: url(/twmedia/images/bluebg4.png); background-repeat: no-repeat; }
#container { width: 100%; max-width: 1010px; }
a { color: #3d97da; text-decoration: none; }
a:visited { color: #94bcda!important; }
a:hover { text-decoration: underline!important; color: #3d97da; }
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.active, #nav-global ul li a.active:hover {color: #3d97da!important; cursor: default; text-decoration:underline !important;}
#nav-global ul li a.last { border-right: none; padding: 0 0 0 5px; }

#nav-billboard { height: 72px; 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: 220px; height: 90px; background-image: background-repeat: no-repeat;}
#nav-billboard ul li div.menu a{text-decoration: none;}
#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: 70px; padding-top: 38px; color: white; text-decoration: none;}
#nav-billboard ul li div.menu a:hover span, #nav-billboard ul li:hover div.menu a {
    color: #3D97DA;
    text-decoration: none!important;
    background-color: #fff!important;
    /*background-color: #D6E2E8;*/
    /*background-color: #C3D4DB;*/
    /*background-color: #B1C5CC;*/

    /* use light color with these */
    /*background-color: #A1B5BD;*/
    /*background-color: #8CA5AC;*/
    /*background-color: #799499;*/
    /*background-color: #688286;*/
    /*background-color: #566E71;*/
    /*background-color: #445A5B;*/
    /*background-color: #324444;*/
    /*background-color: #1F2C2B;*/
    /*background-color: #111918;*/
    /*background-color: #000000;*/
}
#nav-billboard ul li div.menu a.active,#nav-billboard ul li div.menu a.active span, #nav-billboard ul li div.menu a:hover {
    background: #ffffff !important;
    color: #3D97DA !important;
    cursor: default; 
}
a:hover{}
/*#nav-billboard ul li:hover div.menu a {*/
    /*color: #3D97DA!important;*/
    /*background-color: #D6E2E8;*/
    /*text-decoration: none!important;*/
/*}*/

#nav-billboard ul li div.menubg { position: absolute; top: 8px; left: 622px; width: 118px; height: 115px; background-image: url(/twmedia/images/menubg14.png); display: none}
#nav-billboard ul li div.description { position: absolute; top: 8px; left: 622px; width: 300px; display: none; padding: 10px;}
/*#nav-billboard ul li:hover div.description { display: block; font-size: 100%; }*/

#nav1 div.menu { left: 65px; top: -5px; }
#nav2 div.menu { left: 295px; top: -5px; }
#nav3 div.menu { left: 525px; top: -5px; }
#nav4 div.menu { left: 755px; top: -5px; }

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

#main-wrapper { float: left; width: 80%; border-right: none; }
#main-wrapper.singlecol { float: left; width: 100%; border-right: none; }
/*#main-wrapper.twocols { width: 61%; border-right: 1px dotted #8ca5ac; }*/
#main-wrapper.twocols {width: 61%; border-right: 1px dotted #8ca5ac; margin-top: 10px;}
#main-wrapper.twocols-wider {width: 74%; border-right: 1px dotted #8ca5ac; margin-top: 10px;}
#main { margin: 34px 5px 0 38px; color: #303030; }
#main h1, #main h2, #main h3, #main p, #main img { margin-left: 35px; margin-right: 10px; }
#main-wrapper.twocols-wider h1, #main-wrapper.twocols-wider h2, #main-wrapper.twocols-wider h3, #main-wrapper.twocols-wider img { margin: 0px;}
#main ul { margin-left: 15px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px;}
#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: #3D97DA; background-color: #fff; }
#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; background-color: #AAC6DA;}
#main div.casecontent ul { margin-left: 15px; margin-right: 10px; margin-top: 0px;}

#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: 10px; }
#main div.newsitem h1 { background-image: none; background-color: #ffffff; 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.sub 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 div.newsitem.sub div { border-bottom: none; }
#main div.newsitem.sub i { position: absolute; bottom: 3px; right: 10px; color: #fff;}
#main div.newsitem h1 a {margin:0; padding:0; color: inherit; text-decoration: none; background-color: none;}
#main div.newsitem h1 a:hover { color: #3d97da; text-decoration: underline;  background-color: none; }


#main div.article h1, #article_sidecontent h1, #side h1 { font-size: 140%; margin-bottom: 5px; margin-right: 0; padding-bottom: 5px; margin-left: 0; position:relative; padding-top:5px; font-weight: normal; color: #fff; background-color: #3D97DA; }
#article_sidecontent h1 a, #article_sidecontent h1 a:visited, #article_sidecontent h1 a:hover, #article_sidecontent h1 a:link { color:#FFF; !important}
#side h1 a, #side h1 a:visited, #side h1 a:hover, #side h1 a:link { color:#FFF; !important}
#side-wrapper { float: left;  width: 38%; }
#side-wrapper-less { float: left;  width: 24%; }
#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; text-align:right; 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; }

/* contact form */
#contactform td, #contactform th {
    vertical-align: top;
}
#contactform th {
    padding: 6px 0px 0px 0px;
}
#contactform .submit-row {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    width: 660px;
}
#contactform input.largetext {
    width: 600px;
}
#contactform textarea.largetextarea {
    width: 600px;
}
#contactform ul.errorlist {
    display: block;
}
#contactform ul.errorlist li {
    color: red;
    display: block;
}
#contactform li {
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
}
#contact_btn {padding: 25px 12px 0px;width:200px;height:80px;background:url(/twmedia/images/button-a-c.png) no-repeat;font-size:18px;color:#EEF!important;text-decoration:none!important;display: block;}
p.button
{
    background-color:#EBF2EE;
    border:1px solid #C0CCC4;
    float:left;
    font-size:0.875em;
    font-weight:bold;
    margin-left:130px;
    margin-top:5px;
    padding:0.25em 8px;
    width:44px;
}
#article_sidecontent {
    margin-top:2em;
    margin-bottom:2em;
}