/* === GLOBAL styles === */
body { margin: 0px; font-size: 11px; font-family: tahoma, helvetica, arial, sans-serif; color: #757575; }
td, p { font-size: 11px; color: #757575; font-family: tahoma, helvetica, arial, sans-serif; }
.bg { background: url(images/BG_top.gif) repeat-x; }
.bgSideL { background: url(images/t_sideL.gif); }
.bgSideR { background: url(images/bg_shad.gif); }
.bgSideFt { background: url(images/bg_shad_bl.gif); }
.watermark { background: url(images/bg_watermark.gif) no-repeat; background-position: bottom right; }
.contentTop { background: url(images/t_photoB.gif) repeat-x; background-color: #FFFFFF; }
.content { padding: 20px 10px 20px 10px; }
.bgLogo { background: url(images/t_logoBG.gif); }
.image { margin: 0 0 5px 0; border:1px solid #D3D3D3; }
.floatLeft { float: left; margin: 0 10px 5px 0;}

.footer { font-size: 10px; color: #E9F0F4; padding: 20px; background: url(images/t_footShad.gif) repeat-x; background-color: #8EA2BD; text-align: right; }
a.foot { font-size: 10px; color: #E9F0F4; text-decoration: none; font-weight: normal; }
a:hover.foot { font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight: normal; }

a { color: #4274D0; text-decoration: underline; font-weight: normal; }
a:hover { color: #3C3C3C; text-decoration: underline; font-weight: normal; }
a.plain { color: #4274D0; text-decoration: none; font-weight: normal; }
a:hover.plain { color: #3C3C3C; text-decoration: underline; font-weight: normal; }

.H1 { font-size: 14px; letter-spacing: 0.1em; color: #5A5A5A; border-bottom: 1px solid #C6C6C6; margin-bottom: 15px; }
.H2 { font-size: 12px; color: #4274D0; margin-bottom: 5px;}
.bold { font-weight: bold; }
.blue { color: #4274D0; }
.list { margin: 0.5em 1em 0.5em 2.5em; list-style: none url(images/bulletList.gif); }
.list li { margin-bottom: 0.5em; }
.listLg { margin: 0 1em 1.5em 1.5em; list-style: none url(images/bulletLogo.gif); }
.listLg li { margin-bottom: 0.5em; }
.listLg li a { color: #4274D0; font-weight: bold; text-decoration: none; }
.listLg li a:link { color: #4274D0; font-weight: bold; text-decoration: none; }
.listLg li a:hover { color: #757575; font-weight: bold; text-decoration: underline; }
.listSide { margin: 0.5em 0.5em 0.5em 1.5em; list-style: none url(images/bulletList.gif); }
.listSide li { margin-bottom: 0.5em; }

/* === COLUMNS - pages === */
#colLeft { position:relative; width:370px; float:left;  margin: 0 10px 0 0; padding:0;}
#colRight { width:170px; float:right; margin:0; padding:0; display:inline;}
#colLeft2 { position:relative; width:270px; float:left;  margin: 0 10px 0 0; padding:0;}
#colRight2 { width:270px; float:right; margin:0; padding:0; display:inline;}

/* === BOXES - right === */
div#sideBox150 { float: right; width: 150px; padding: 0; margin: 10px 0 15px 20px; border: solid 1px #D3D3D3; background-color: #F5F9FC; }
#sideBox150 div.head { padding: 4px; background-image: url(images/box_hd.gif); border-bottom: 1px solid #C2CCDE; position:relative; }
#sideBox150 div.info { padding: 4px; background-image: url(images/box_bg.gif);}
#sideBox150 a.head { font-size: 12px; color: #5A5A5A; text-decoration: none; }
#sideBox150 a:link.head { font-size: 12px; color: #5A5A5A; text-decoration: none; }
#sideBox150 a:hover.head { font-size: 12px; color: #FFFFFF; text-decoration: none; }

div#sideBox170 { float: right; width: 170px; padding: 0; margin: 0 0 15px 0; border: solid 1px #D3D3D3; background-color: #F5F9FC; }
#sideBox170 div.head { font-size: 12px; padding: 4px; background-image: url(images/box_hd.gif); border-bottom: 1px solid #C2CCDE; position:relative; }
#sideBox170 div.info { padding: 4px; background-image: url(images/box_bgLg.gif);}
#sideBox170 a.head { font-size: 12px; color: #5A5A5A; text-decoration: none; }
#sideBox170 a:link.head { font-size: 12px; color: #5A5A5A; text-decoration: none; }
#sideBox170 a:hover.head { font-size: 12px; color: #FFFFFF; text-decoration: none; }
#sideBox170 .image {float:right; margin: 2px 0 3px 5px; border:1px solid #D3D3D3; }

div#sideBox270 { float: right; width: 270px; padding: 0; margin: 0 0 15px 0; border: solid 1px #D3D3D3; background-color: #F5F9FC; }
#sideBox270 div.head { font-size: 12px; padding: 4px; background-image: url(images/box_hd270.gif); border-bottom: 1px solid #C2CCDE; position:relative; }
#sideBox270 div.info { padding: 4px; background-image: url(images/box_bgLg.gif);}
#sideBox270 a.head { font-size: 12px; color: #5A5A5A; text-decoration: none; }
#sideBox270 a:link.head { font-size: 12px; color: #5A5A5A; text-decoration: none; }
#sideBox270 a:hover.head { font-size: 12px; color: #FFFFFF; text-decoration: none; }
#sideBox270 a.headBold { color: #757575; font-weight: bold; text-decoration: none; }
#sideBox270 a:link.headBold { color: #757575; font-weight: bold; text-decoration: none; }
#sideBox270 a:hover.headBold { color: #757575; font-weight: bold; text-decoration: underline; }

.head .boxCrn {position:absolute; top:-1px; right:-2px; width:7px; height:7px; }

/* === MENU - MAIN TOP === */
.mt { text-align: center; font-family: arial, helvetica, sans-serif; }
a.mt1 { background: url(images/m_1.gif); font-size: 10px; line-height: 23px; color: #43689E; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt1 { background: url(images/m_1_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a.mt1on { background: url(images/m_1_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt1on { background: url(images/m_1_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }

a.mt2 { background: url(images/m_2.gif); font-size: 10px; line-height: 23px; color: #43689E; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt2 { background: url(images/m_2_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a.mt2on { background: url(images/m_2_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt2on { background: url(images/m_2_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }

a.mt3 { background: url(images/m_3.gif); font-size: 10px; line-height: 23px; color: #43689E; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt3 { background: url(images/m_3_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a.mt3on { background: url(images/m_3_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt3on { background: url(images/m_3_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }

a.mt4 { background: url(images/m_4.gif); font-size: 10px; line-height: 23px; color: #43689E; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt4 { background: url(images/m_4_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a.mt4on { background: url(images/m_4_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt4on { background: url(images/m_4_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }

a.mt5 { background: url(images/m_5.gif); font-size: 10px; line-height: 23px; color: #43689E; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt5 { background: url(images/m_5_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a.mt5on { background: url(images/m_5_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt5on { background: url(images/m_5_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }

a.mt6 { background: url(images/m_6.gif); font-size: 10px; line-height: 23px; color: #43689E; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt6 { background: url(images/m_6_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a.mt6on { background: url(images/m_6_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }
a:hover.mt6on { background: url(images/m_6_on.gif); font-size: 10px; line-height: 23px; color: #FFFFFF; text-decoration: none; font-weight: normal; width: 90px; height: 30px; display: block; }

/* === MENU - SIDE === */
div.menuHd { background: url(images/m_head.gif); width: 155px; height: 22px; text-align: center; color: #5A5A5A; font-size: 12px; line-height: 22px; border: 1px solid #D8DFEB; border-bottom: 0px; letter-spacing: 0.1em; }
a.menuHd { color: #5A5A5A; text-decoration: none; font-weight: normal; }
a:hover.menuHd { color: #FFFFFF; text-decoration: none; font-weight: normal; }

.sidebarWd { width: 170px; }
div#sidebar {width: 155px; margin:0; background: #E8EEF6;}
#sidebar ul {list-style: none; margin: 0; padding: 0; border: 1px solid #D8DFEB; border-bottom: 0px;}
#sidebar li {padding: 0; border-bottom: 1px solid #D8DFEB;}
#sidebar a {color: #5A5A5A; text-decoration: none; display: block; padding: 0.25em 0.5em 0.25em 0.5em;}
#sidebar a:hover {color: #FFFFFF; background: #C2CCDE;}
#sidebar li.submenu {padding: 0; border-bottom: 1px solid #D8DFEB; background: #F5F9FC; }
#sidebar a.submenu {color: #757575; text-decoration: none; display: block; padding: 0.25em 0.5em 0.25em 1.5em;}
#sidebar a:hover.submenu {color: #FFFFFF; background: #C2CCDE;}
#sidebar a.submenuON {color: #FFFFFF; background: #707070; text-decoration: none; display: block; padding: 0.25em 0.5em 0.25em 1.5em;}
#sidebar a:hover.submenuON {color: #FFFFFF; background: #C2CCDE;}
#sidebar a.sidebarON {color: #FFFFFF; background: #8EA2BD; text-decoration: none; display: block; padding: 0.25em 0.5em 0.25em 0.5em;}
#sidebar a:hover.sidebarON {color: #FFFFFF; background: #C2CCDE;}

/* === PAGES - Contact === */
.contTbl { padding: 4; }
.contLft { border-bottom: solid 1px #D3D3D3; color: #4274D0; }
.contRgt { border-bottom: solid 1px #D3D3D3; }

.formBox { border: 1px solid #7E90A3; color: #757575; font-family: tahoma, helvetica, arial, sans-serif; font-size: 11px; background-color: #E9F0F4; }
.formTxt { color: #4274D0; padding-right: 5px; line-height: 18px; }
.formBut { border: 1px solid #7E90A3; background-color: #8EA2BD; color: #FFFFFF; }

/* === PAGES - News === */
.newsForm { text-align: left; color: #4274D0; padding-left: 5px;}
.newsItem {position:relative; clear:both; min-height:80px; margin-bottom:13px; padding:0; border:1px solid #D3D3D3;}
* html .newsItem {height:80px;} /* IE hack */
.newsItem .crnTR {position:absolute; top:-1px; right:-2px; width:7px; height:7px;}
.newsItem h3 {font-size:11px; color:#757575; margin:0; padding: 0 0 0 8px; background-color:#E9F0F4; border-bottom:1px solid #D3D3D3; line-height:1.3;}
.newsItem h4 {font-size:11px; margin:0; padding:4px 8px 0px 8px; color:#4274D0;}
.newsItem p {font-size:11px; margin:0px 8px 8px 8px; padding:0;}
.newsItem .newsImg {float:right; margin:2px 0 0 5px; border:1px solid #D3D3D3; }
.newsItem h4 a:link, .newsItem h4 a:visited {text-decoration:none;}
.newsItem h4 a:hover, .newsItem h4 a:focus, .newsItem h4 a:active {text-decoration:underline;}

/* === PAGES - Case Studies === */
.testName { color: #8EA2BD; font-style: italic; }
.subHead2 { font-weight: bold; margin-bottom: 10px; background-color: #E8EEF6; padding: 3px; }

.subHead {position:relative; clear:both; font-size:11px; font-weight: bold; line-height:1.3; color:#757575; min-height:18px; padding-left:4px; margin: 10px 0 10px 0; border:1px solid #D3D3D3; background-color:#E9F0F4;}
* html .subHead {height:18px;} /* IE hack */
.subHead .crnTR {position:absolute; top:-1px; right:-2px; width:7px; height:7px;}

.floatLGall { float: left; margin: 0 8px 8px 0;}

/* === PAGES - Services === */
.stepBox { float:right; border:1px solid #D3D3D3; margin: 20px 10px 0 5px; padding: 10px 20px 10px 20px; background-color: #FFFFFF; }
.listServ { margin: 2em 1em 0.5em 2.5em; list-style: none url(images/bulletLogo.gif); }
.listServ li { margin-bottom: 0.5em; }
.listServ a {font-weight: bold; color: #757575; text-decoration: none; }
.listServ a:hover {font-weight: bold; color: #4274D0; text-decoration: underline; }
.listServ2 { padding-left: 40px; color: #4274D0; margin: 0.5em 1em 0.5em 2.5em; list-style: none url(images/bulletList.gif); }
.listServ2 li { margin-bottom: 0.5em; }
#watermarkPlan { background: url(services/images/plan.gif) no-repeat; background-position: 215px 240px; height: 100%; }
.listOL { margin: 1.5em 1em 0.5em 2.5em; }
.listOL li { margin-bottom: 2em; }
.listOL .H3 { color: #8EA2BD; font-weight: bold; background-color: #F5F9FC; border: solid 1px #D3D3D3; line-height: 1.3em; padding-left: 2px; position:relative; }
.listOL .H3 .crnTR {position:absolute; top:-1px; right:-2px; width:7px; height:7px;}
.subHeadList {position:relative; clear:both; font-size:11px; font-weight: bold; line-height:1.3; color:#757575; min-height:18px; padding-left:4px; margin: 10px 0 5px 0; border:1px solid #D3D3D3; background-color:#E9F0F4;}
* html .subHeadList {height:18px;} /* IE hack */
.subHeadList .crnTR {position:absolute; top:-1px; right:-2px; width:7px; height:7px;}
.servItem { position:relative; clear:both; min-height:80px; margin-bottom:13px; padding:0;}
* html .servItem {height:80px;} /* IE hack */
.servItem .servImg {float:left; margin: 2px 20px 0 0; border:1px solid #D3D3D3;}
.imgRgt {float:right; margin: 2px 0 15px 25px; border:1px solid #D3D3D3;}
.fltRgt {float:right; margin: 2px 0 10px 10px;}
.fltLft { float: left; margin: 10px 15px 15px 0;}

/* === PAGES - Products === */
.prodItem {position:relative; clear:both; min-height:80px; margin-bottom:13px; padding:0; border:1px solid #D3D3D3;}
* html .prodItem {height:80px;} /* IE hack */
.prodItem .crnTR {position:absolute; top:-1px; right:-2px; width:7px; height:7px;}
.prodItem h3 {font-size:11px; color:#757575; margin:0; padding: 0 0 0 8px; background-color:#E9F0F4; border-bottom:1px solid #D3D3D3; line-height:1.3;}
.prodItem h4 {font-size:11px; margin:0; padding:4px 8px 0px 8px; color:#4274D0;}
.prodItem p {font-size:11px; margin:10px 8px 8px 8px; padding:0;}
.prodItem .prodImg {float:right; margin:2px 0 0 5px; border:1px solid #D3D3D3; }
.prodItem h4 a:link, .prodItem h4 a:visited {text-decoration:none;}
.prodItem h4 a:hover, .prodItem h4 a:focus, .prodItem h4 a:active {text-decoration:underline;}
.prodItem ul { list-style: none; margin: 0 0 20px 8px; padding: 0; position: relative; width: 440px; }
.prodItem li { margin: 0; padding: 0 0 3px 0; color: #7e90a3; }
.prodItem .prodDet { position: absolute; left: 60px; color: #5a5a5a; }

.prodPhotoLge { margin:15px; text-align: center; font-size: 16px; width: 504px;}
.photoLge { margin-bottom:5px; border:2px solid #D3D3D3; }
.photoLgeClose { text-align: right; font-size: 12px; padding-right: 10px; }

div#prodIntro { float: left; margin: 0 20px 5px 0; width: 350px; }
#prodIntro ul { margin: 0.5em 1em 0.5em 2.5em; list-style: none url(images/bulletList.gif); }
#prodIntro ul li { margin-bottom: 0.5em; }
#prodIntro ul li a { text-decoration:none; }
#prodIntro ul li a:hover { text-decoration:underline; }
#prodIntroRgt { float: right; }

/* === PAGES - Home === */
#colLeftHm { position:relative; width:400px; float:left;  margin: 0 10px 20px 20px; padding:0;}
#colRightHm { width:270px; float:right; margin: 0 20px 20px 0; padding:0; display:inline;}
.homeBG { background: url(images/home_bg.gif) no-repeat; }
.homeTag { font-size: 16px; font-weight: bold; color: #4274D0; padding: 0 0 0 130px; }
div.tagGrey { color: #5A5A5A; text-align: right; padding: 4px 0 0 70px; display: inline; }

/* === PAGES - Profile === */
.profImg { float:right; margin: 2px 0 10px 50px;}

/* === PAGES - PRINTable === */
.contentPrint { padding: 20px 10px 20px 10px; }
.footPrint { font-size: 13px; font-weight: bold; text-align: right; padding: 15px; border-top: 1px solid #C6C6C6; }
div#printme {float:right; margin: 2px 0 20px 40px; font-size: 12px; text-align: center; }
#printme a { border: 1px solid #43689E; background-color: #8EA2BD; color: #FFFFFF; text-decoration: none; display: block; padding: 5px; }
#printme a:hover { border: 1px solid #43689E; background-color: #757575; color: #FFFFFF; text-decoration: none; display: block; padding: 5px; }

/* === SITEMAP === */
div#sitemap { width: 550px; }
#sitemap ul { margin: 5px 0px 5px 30px; list-style-image: url(images/bullet1.gif); }
#sitemap ul li { padding-bottom: 5px; }
#sitemap ul li a { color: #4274D0; text-decoration: none; }
#sitemap ul li a:hover { color: #3C3C3C; text-decoration: underline; }
#sitemap ul li ul { margin: 5px 0px 0px 30px; list-style-image: url(images/bullet2.gif); }
#sitemap ul li ul li { padding-bottom: 5px; }
#sitemap ul li ul li a { color: #3C3C3C; text-decoration: none; }
#sitemap ul li ul li a:hover { color: #4274D0; text-decoration: underline; }
#sitemap ul li ul li ul { margin: 5px 0px 0px 30px; list-style-image: url(images/bullet3.gif); }
#sitemap ul li ul li ul li { padding-bottom: 5px; }
#sitemap ul li ul li ul li a { color: #757575; text-decoration: none; }
#sitemap ul li ul li ul li a:hover { color: #4274D0; text-decoration: underline; }

