/*
Title:      		LHM Media website
Authors:     		David Martin & Steve Lawrence ©2008 http://www.lhmmedia.com/
*/

/* =Defult */
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }

html, body { margin: 0; padding: 0; height: 100%; }
body { font: 100.01%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif  ; }

a { color:#3290c5; }
a:hover { color:#000; }

h2 { color:#2a91cc; font-size:20px; font-weight:normal; float: left; width: 100%}
h2 { color:#2a91cc; font-size:20px; font-weight:normal; float: none; width: 100%}


/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#google-wrapper { background: url(/_assets/img/bg-gw.jpg) repeat-x; position: relative; min-height: 100%; height: auto !important; height: 100%; }
#wrapper { width: 760px; margin: 0 auto; padding-bottom: 110px; }

#branding { overflow/**/:/**/hidden; height: auto;}
#branding span { display: none; }

#content { overflow/**/:/**/hidden; height: auto; } 
#content-pri { width: 440px; float: left;}
#content-sec { width: 300px; float: right; margin-top: 10px;}
#content-ter { width: 174px; float: left; }
#content-qua { width: 560px; float: right; }
#content-qui { width: 560px; float: right; margin-bottom: 20px; }
#content-sen { width: 450px; float: left; }
#content-sep { width: 240px; float: right; }

#content-qui img.right { float: right; margin: 0 0 10px 20px }

.content-3 {float: left; width: 182px; background: #ececec; }
.content-3 img { border: 3px solid #ececec; }
.content-3 p { padding: 5px 0 0 5px; margin-bottom: 5px;}
.content-3 p a { color:#999999; }

.content-4 { float: right; width: 550px; margin-bottom: 20px;}
.content-4 h3 { font-size: 14px; color: #595959; margin-bottom: 10px;}
.content-4 h4 { font-size: 14px; color: #595959; }
.content-4 h4 em { font-size: 12px; font-weight: normal; font-style: normal; display: block; margin-bottom: 10px;}
.content-4 ul { margin: 0 0 25px 15px; font-size: 13px; color: #595959;}
.content-4 ul p { margin-bottom: 5px;}

.content-4 ol { margin: 0 0 25px 18px; font-size: 12px; color: #595959; list-style:lower-alpha;}
.content-4 ol p { margin-bottom: 0px;}

.content-4 blockquote ol { margin: 0 0 5px 18px; font-size: 12px; color: #595959; list-style:lower-alpha;}
.content-4 blockquote h4 { padding: 10px 0 0 0; }


ul#content-2 { margin-bottom: 20px; list-style: none;}
ul#content-2 li { overflow/**/:/**/hidden; height: auto; border-bottom: 1px dotted #b6b6b6; margin-bottom: 20px;}
ul#content-2 li img { border: 3px solid #ececec; float: left; margin-bottom: 20px; }
ul#content-2 li h3 { color: #2891cc; margin: 0 0 3px 200px; font-size: 14px;}
ul#content-2 li h4 { color: #333; margin: 0 0 -3px 200px; font-size: 14px;}
ul#content-2 li p { margin: 0 0 10px 200px;  }
ul#content-2 li p em { display: block; font-weight: bold; margin-top: 5px; }
ul#content-2 li p.margin { margin-bottom: 25px;  }

.content-pri-1-wrap { width: 339px; height: 50px; overflow: scroll; }

#content-qua h2 { margin-right: 285px; width:270px}
#content-qua p { margin-right: 285px; }

#footer { width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; height: 110px;}
#footer-inner { background: #e7e7e7; }

#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}

#menu { position: absolute; list-style: none}

#content-qui-2 { margin-top: 80px }

/*img*/
.img-right { float: right; padding-left: 35px; }
.img-left { float: left; padding-right: 10px; }



/*h1*/
#branding h1 { float: left; }
#branding h1 a { display: block; width: 248px; height: 103px; background: url(/_assets/img/bg-branding.gif) no-repeat;  } 


/*h2*/
#content-sep h2 { margin:5px 0 0 18px; }

/*h3*/
#content-qui { font-size: 12px;  }

#content { font-size: 14px; }
#content h3 { color:#2a91cc; font-size:14px; font-weight:bold; }

/*h4*/
/*h5*/
/*h6*/
#footer h6 { width: 760px; margin: 0 auto; padding-top:15px; padding-bottom: 2px; color:#2e9bb8; font-size:17px; font-weight:normal; }

/*p*/
p { font-size: 13px; margin-bottom: 20px; color: #595959;}

p.block-link span { display: none;}
p.block-link a { display: block; width: 134px; height: 46px; background: url(/_assets/img/bt-find-more.gif) no-repeat;  }
p.block-link a:hover { background-position: 0 -46px;}

p.blog a { background-image: url(/_assets/img/bt-blog.gif);  }

#content-sec p em { color:#3290c5; font-style: normal; }
#content-sep p { margin-left: 18px; }


.bubbleInfo { z-index: 100; 	position: relative; }
p.popup { background:transparent url(images/link_bubble.png) no-repeat scroll left top; display: none; height:40px; padding:7px 30px 5px 10px; position:absolute; width:260px;}

/*blockquote*/
blockquote { font-size: 13px; margin-bottom: 20px; color: #595959; }
blockquote em { xfont-style: normal; xfont-weight: bold; display: block; margin: 3px 0 6px 0; font-size: 12px; color: #999;}

/*ul 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#branding ul { float: right; padding-top: 21px;}
#branding ul li { float: left; display: inline; padding-left: 5px; }
#branding ul li a { display: block; width: 46px; height: 115px; background: url(/_assets/img/bg-nav-item1.gif) no-repeat;  }

#branding ul li.item2 a { width: 60px; background-image: url(/_assets/img/bg-nav-item2.gif);}
#branding ul li.item3 a { width: 64px; background-image: url(/_assets/img/bg-nav-item3.gif);}
#branding ul li.item4 a { width: 58px; background-image: url(/_assets/img/bg-nav-item4.gif);}
#branding ul li.item5 a { width: 70px; background-image: url(/_assets/img/bg-nav-item5.gif);}
#branding ul li.item6 a { width: 49px; background-image: url(/_assets/img/bg-nav-item6.gif);}
#branding ul li.item7 a { width: 56px; background-image: url(/_assets/img/bg-nav-item7.gif);}
#branding ul li.item8 a { width: 52px; background-image: url(/_assets/img/bg-nav-item8.gif);}

#branding ul li a:hover { background-position: 0 -115px;  }
#branding ul li.active a { background-position: 0 -115px;  }

ul#content-1 { overflow/**/:/**/hidden; height: auto; margin-bottom: 20px; }
ul#content-1 li { border: 3px solid #ececec; width: 176px; display: inline; float: left; margin-right: 10px; }
ul#content-1 li.end { margin-right: 0; }

ul#content-2 { margin-bottom: 20px; }
ul#content-2 li { overflow/**/:/**/hidden; height: auto; border-bottom: 1px dotted #b6b6b6; margin-bottom: 20px;}
ul#content-2 li img { border: 3px solid #ececec; float: left; margin-bottom: 20px; }
ul#content-2 li h3 { color: #2891cc; margin: 0 0 3px 200px; font-size: 14px;}
ul#content-2 li p { margin-left: 200px;  }

ul#content-pri-1 { padding: 0 15px 0 10px; overflow/**/:/**/hidden; height: auto; }
ul#content-pri-1 li { display: inline; float: left;}
ul#content-pri-1 li a span { display: none; }
ul#content-pri-1 li a { background-repeat: no-repeat;}
ul#content-pri-1 li a:hover { background-position: 0 -32px;}
ul#content-pri-1 li.end { float: right;}
ul#content-pri-1 li.start a { width: 22px; display: block; height: 32px; background-image: url(/_assets/img/bt-arrow-left.gif); margin-right: 15px; }
ul#content-pri-1 li.end a { width: 22px; display: block; height: 32px; background-image: url(/_assets/img/bt-arrow-right.gif); margin-left: 15px;}
ul#content-pri-1 ul { width: 500px; }
ul#content-pri-1 ul li { margin-right: 25px; }

ul.content-pri-genral { margin-left: 20px; font-size: 13px; color: #a0a0a0; padding-left: 15px;}
ul.content-pri-genral li { }
ul.content-pri-genral li p { margin-bottom: 0; }

ul.content-sec-genral { margin: 0 0 20px 3px; font-size: 13px; color: #a0a0a0; padding-left: 15px;}
ul.content-sec-genral li { margin-bottom: 2px; }
ul.content-sec-genral li p { margin-bottom: 0; }

#content-ter ul {  }
#content-ter ul li {margin-bottom: 7px; }
#content-ter ul li span { display: none; }
#content-ter ul li a { display: block; width: 174px; height: 34px; background: url(/_assets/img/bg-subnav-services-item1.gif) no-repeat; padding: 0; }
#content-ter ul li a:hover {background-position: 0 -34px;  }
#content-ter ul li.active a {background-position: 0 -34px;  }

.content-qui-1 { overflow/**/:/**/hidden; height: auto; font-size: 13px; margin: 5px 0 20px 0; color: #595959; }
.content-qui-1 li { float: left; width: 50%; list-style: none;  }

body.services #content-ter ul li.item1 a { background-image: url(/_assets/img/bg-subnav-services-item1.gif);  }
body.services #content-ter ul li.item2 a { background-image: url(/_assets/img/bg-subnav-services-item2.gif);  }
body.services #content-ter ul li.item3 a { background-image: url(/_assets/img/bg-subnav-services-item3.gif);  }
body.services #content-ter ul li.item4 a { background-image: url(/_assets/img/bg-subnav-services-item4.gif);  }
body.services #content-ter ul li.item5 a { background-image: url(/_assets/img/bg-subnav-services-item5.gif);  }
body.services #content-ter ul li.item6 a { background-image: url(/_assets/img/bg-subnav-services-item6.gif);  }

body.about #content-ter ul li.item1 a { background-image: url(/_assets/img/bg-subnav-about-item1.gif);  }
body.about #content-ter ul li.item2 a { background-image: url(/_assets/img/bg-subnav-about-item2.gif);  }
body.about #content-ter ul li.item3 a { background-image: url(/_assets/img/bg-subnav-about-item3.gif);  }
body.about #content-ter ul li.item4 a { background-image: url(/_assets/img/bg-subnav-about-item4.gif);  }

body.industry #content-ter ul li.item2 a { background-image: url(/_assets/img/bg-subnav-is-item2.gif);  }
body.industry #content-ter ul li.item3 a { background-image: url(/_assets/img/bg-subnav-is-item3.gif);  }
body.industry #content-ter ul li.item4 a { background-image: url(/_assets/img/bg-subnav-is-item4.gif);  }

#content-ter ul ul { padding: 8px 10px 5px 10px;  }
#content-ter ul ul li { font-size: 11px; list-style: none; font-weight: bold; margin: 0 0 5px; 0;}
#content-ter ul ul li a { display: block; width: auto; height: 18px; background: none !important; color: #1f7cc9; text-decoration: none; padding: 2px 8px 0 8px; margin: 0; }
#content-ter ul ul li a:hover { background-image: url(/_assets/img/bg-subnav.gif) !important; color: #fff; }
#content-ter ul ul li.active a { background-image: url(/_assets/img/bg-subnav.gif) !important; color: #fff; }

ul.content-qua-genral { margin: 0 0 20px 3px; font-size: 13px; color: #a0a0a0; padding-left: 15px;}
ul.content-qua-genral li { margin-bottom: 2px; }
ul.content-qua-genral li p { margin-bottom: 0; color: #595959; }

ul.content-qui-2 { float: left; width: 100%; }
ul.content-qui-2 span { display: none } 
ul.content-qui-2 li { float: left; list-style: none; margin-right:8px }
ul.content-qui-2 li.end { float: right; margin-right:0 }
ul.content-qui-2 li a { display: block; text-decoration: none; no-repeat; height: 70px; <!--background-image: url(/_assets/img/bg-dt-menu-item1.gif)-->;}
ul.content-qui-2 a:hover { background-position: 0 -70px }

ul.content-qui-2 li a.item1 { background-image: url(/_assets/img/bg-dt-menu-item1.gif); width: 63px; }
ul.content-qui-2 li a.item1-active { background-image: url(/_assets/img/bg-dt-menu-item1.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item2 { background-image: url(/_assets/img/bg-dt-menu-item2.gif); width: 63px; }
ul.content-qui-2 li a.item2-active { background-image: url(/_assets/img/bg-dt-menu-item2.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item3 { background-image: url(/_assets/img/bg-dt-menu-item3.gif); width: 63px; }
ul.content-qui-2 li a.item3-active { background-image: url(/_assets/img/bg-dt-menu-item3.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item4 { background-image: url(/_assets/img/bg-dt-menu-item4.gif); width: 63px; }
ul.content-qui-2 li a.item4-active { background-image: url(/_assets/img/bg-dt-menu-item4.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item5 { background-image: url(/_assets/img/bg-dt-menu-item5.gif); width: 63px; }
ul.content-qui-2 li a.item5-active { background-image: url(/_assets/img/bg-dt-menu-item5.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item6 { background-image: url(/_assets/img/bg-dt-menu-item6.gif); width: 63px; }
ul.content-qui-2 li a.item6-active { background-image: url(/_assets/img/bg-dt-menu-item6.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item7 { background-image: url(/_assets/img/bg-dt-menu-item7.gif); width: 63px; }
ul.content-qui-2 li a.item7-active { background-image: url(/_assets/img/bg-dt-menu-item7.gif); background-position: 0 -70px; width: 63px; }
ul.content-qui-2 li a.item8 { background-image: url(/_assets/img/bg-dt-menu-item8.gif); width: 63px; }
ul.content-qui-2 li a.item8-active { background-image: url(/_assets/img/bg-dt-menu-item8.gif); background-position: 0 -70px; width: 63px; }


#footer-inner ul { list-style: none; padding: 5px 0 48px 0; width: 760px; margin: 0 auto; }
#footer-inner ul li { display: inline; font-size: 11px; color: #8b8b8b; } 
#footer-inner ul li p { font-size: 11px; color: #a5a4a4;} 
#footer-inner ul li a { color: #8b8b8b; text-decoration: none; } 
#footer-inner ul li em { color: #595959; font-style: normal; } 
#footer-inner ul li em a { color: #595959; } 
#footer-inner ul li a:hover, #footer-inner ul li em a:hover { color: #000; } 

#preview{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:5px;display:none;color:#333;}
#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}


/*ol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*dl
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

textarea { font: 13px/1.3 tahoma, arial, Helvetica, Sans-Serif; }

ul#content-form { margin-bottom: 50px; }
ul#content-form li { overflow/**/:/**/hidden; height: auto; margin-bottom: 5px; list-style: none}
ul#content-form li label { background: #e2e9ff; display: block; float: left; width: 90px; color: #1f7cc9; font-size: 12px; padding: 5px 8px; margin-right: 8px;}
ul#content-form li label em { color: #9A0135; }
ul#content-form li label.height { height: 120px;}
ul#content-form li label.height2 { height: 238px; margin-right: 15px;}
ul#content-form li input.txt { border: 1px solid #cae0f2; font-size: 13px; padding: 4px 6px; width: 300px; color: #005fad;}
ul#content-form li textarea { border: 1px solid #cae0f2; padding: 4px 6px; width: 300px; height: 120px; color: #005fad;}
ul#content-form li input.submit {display: block; width: 104px; height: 32px; background: url(/_assets/img/bt-submit.gif) no-repeat; border: 0; margin-top: 10px; cursor:pointer; }
ul#content-form li input.submit:hover { background-position: 0 -32px; }

ul#content-form ul  {padding-top: 8px; }
ul#content-form ul li label { background: none; display: block; float: none; width: auto; color: #1f7cc9; font-size: 12px; padding: 2px 8px; margin-right: 5px;}
ul#content-form ul li input.checkbox {float: left; margin: 3px 6px 0 0;}

ul#content-form li.end input.checkbox { float: left; margin-top: 3px; }
ul#content-form li.end label { width: 300px; }
ul#content-form li.end label.clear { background: none; display: inline; float: none; width: auto; color: #1f7cc9; font-size: 12px; padding: 2px 8px;}
ul#content-form li.end span { float: left; padding-top: 4px;}

ul#content-form li.required label { background: #9A0135; color: #fff;}
ul#content-form li.required input.txt {  border: 1px solid #9A0135; }
ul#content-form li.required input.textarea {  border: 1px solid #9A0135; }


/*tooltip
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.tt1{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item1.gif); width: 63px; display: block; }
a.tt1 span{ display: none; }
a.tt1:hover{ z-index:50; color: #aaaaff; background-position: 0 -70px; }

a.tt1:hover span.tooltip{ display:block; position:absolute; top:-20px; left:0; width:180px; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}
a.tt1:hover span.top{ display: block; padding: 8px 0 0 0; background: url(/_assets/img/bubble.gif) no-repeat top; }
a.tt1:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt1:hover span.bottom{ display: block; background: url(/_assets/img/bubble.gif) no-repeat bottom; }

a.tt2{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item2.gif); width: 63px; height: 70px; display: block; }
a.tt2 span{ display: none; }
a.tt2:hover{ z-index:50; color: #aaaaff; background-position: 0 -70px;}
a.tt2:hover span.tooltip{ display:block; position:absolute; top:-20px; left:0; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt2:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble.gif) no-repeat top; }
a.tt2:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt2:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble.gif) no-repeat bottom; }

a.tt3{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item3.gif); width: 63px; height: 70px; display: block; }
a.tt3 span{ display: none; }
a.tt3:hover{ z-index:50; color: #aaaaff;  background-position: 0 -70px;}
a.tt3:hover span.tooltip{ display:block; position:absolute; top:-20px; left:0; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt3:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble.gif) no-repeat top; }
a.tt3:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt3:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble.gif) no-repeat bottom; }

a.tt4{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item4.gif); width: 63px; height: 70px; display: block; }
a.tt4 span{ display: none; }
a.tt4:hover{ z-index:50; color: #aaaaff;  background-position: 0 -70px;}
a.tt4:hover span.tooltip{ display:block; position:absolute; top:-20px; left:0; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt4:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble.gif) no-repeat top; }
a.tt4:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt4:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble.gif) no-repeat bottom; }

a.tt5{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item5.gif); width: 63px; height: 70px; display: block; }
a.tt5 span{ display: none; }
a.tt5:hover{ z-index:50; color: #aaaaff;  background-position: 0 -70px;}
a.tt5:hover span.tooltip{ display:block; position:absolute; top:-20px; left:0; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt5:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble.gif) no-repeat top; }
a.tt5:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt5:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble.gif) no-repeat bottom; }

a.tt6{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item6.gif); width: 63px; height: 70px; display: block; }
a.tt6 span{ display: none; }
a.tt6:hover{ z-index:50; color: #aaaaff;  background-position: 0 -70px;}
a.tt6:hover span.tooltip{ display:block; position:absolute; top:-20px; left:0; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt6:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble.gif) no-repeat top; }
a.tt6:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt6:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble.gif) no-repeat bottom; }

a.tt7{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item7.gif); width: 63px; height: 70px; display: block; }
a.tt7 span{ display: none; }
a.tt7:hover{ z-index:50; color: #aaaaff; ;}
a.tt7:hover span.tooltip{ display:block; position:absolute; top:-20px; right: -20px; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt7:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble2.gif) no-repeat top; }
a.tt7:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble2.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt7:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble2.gif) no-repeat bottom; }

a.tt8{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; background-image: url(/_assets/img/bg-dt-menu-item8.gif); width: 55px; height: 70px; display: block; }
a.tt8 span{ display: none; }
a.tt8:hover{ z-index:50; color: #aaaaff; ;}
a.tt8:hover span.tooltip{ display:block; position:absolute; top:-20px; right: -10px; width:180px; color: #993300; text-align: center; filter: alpha(opacity:80); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.tt8:hover span.top{ display: block; padding: 6px 0 0 0; background: url(/_assets/img/bubble2.gif) no-repeat top; }
a.tt8:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 0 17px 0; background: url(/_assets/img/bubble2.gif) repeat bottom; color:#FFFFFF; font-size: 14px}
a.tt8:hover span.bottom{ display: block; color: #548912; background: url(/_assets/img/bubble2.gif) no-repeat bottom; }


#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}	



.bubbleInfo { width: 100%; height: 200px; position: relative; width: 500px}
		
.trigger { position: absolute; }
     
/* Bubble pop-up */

.popup { position: absolute; display: none; z-index: 50; border-collapse: collapse; background-color:#FF9900; }
		
.popup p { padding: 10px; margin: 0; color: #FFFFFF }



