/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,
a:visited{ color:#00f; text-decoration:none; }
a:focus,
a:hover{ text-decoration:underline; }
body{ background:#fff; color:#000; font:62.5%/1 Arial, Helvetica, sans-serif; }
/* Wrapper */
#wrapper{ width:910px; margin:0 auto; }
/* Header */
#header{ position:relative; width:910px; height:96px; z-index: 500; }
#logo{ display:block; width:205px; height:96px; text-indent:-9999px; background:url(../images/tkda-logo.png) no-repeat; margin-left: 14px; }
#topnav{ position:absolute; bottom:10px; right:0; font:13px Georgia, "Times New Roman", Times, serif; }
#topnav li{ float:left; margin-left:25px; }
#topnav li a,
#topnav li a:visited{ color:#000; padding-left:5px; border-left:1px solid #e83852; }
#topnav li a:hover{ text-decoration:none; }
#topnav li{ float:left; position:relative; }
#topnav ul{ position:absolute; top:15px; padding-top:15px; display:none; background:#ffffff; list-style-type:none; list-style-position:outside; left:0; width:140px; }
#topnav ul li{ margin:0; width:100%; }
#topnav ul a,
#topnav ul a:visited{ border:0; color:#000; width:115px; display:block; line-height:18px; padding:4px 0 4px 5px;}
#topnav ul a:hover{ text-decoration:underline; }
#topnav ul ul{ top:auto; }
#topnav li ul ul { left:12em; margin:0 0 0 10px; }
#topnav li:hover ul ul,
#topnav li:hover ul ul ul,
#topnav li:hover ul ul ul ul{ display:none; }
#topnav li:hover ul,
#topnav li li:hover ul,
#topnav li li li:hover ul,
#topnav li li li li:hover ul{ display:block; }
/* Mast */
#mast{ clear:both; width:910px; }
#mast_inner{ width:910px; height:385px; padding:5px 0; border-top:15px solid #a8dee8; border-bottom:15px solid #8f9395; margin:0 0 7px; }
#mastnav{ width:175px; height:365px; font:14px Georgia, "Times New Roman", Times, serif; padding:20px 20px 0; background:url(../images/bgr-mastnav2.png) repeat-y; }
#mastnav_bgr{ position:absolute; margin:-386px 0 0 10px; width:200px; }
#mastnav li{ margin-bottom:7px; }
#mastnav li a{ display:block; color:#fff; padding-left:15px; background:url(../images/icon-bulletred-off.png) no-repeat left center; }
#mastnav li.current a{ background:url(../images/icon-bulletred-on.png) no-repeat left center; }
#mastnav ul{ font:10px Arial, Helvetica, sans-serif; margin:5px 0 0 15px; }
#mastnav li li{ margin-bottom:2px; }
#mastnav li li a{ color:#a8dee8; background:none; }
#mastnav li.current li a{ background:none; }
#mastnav li li.current a{ color:#fff; background:none; }
/* Content */
#content{ clear:both; width:910px; overflow:hidden; }
/* Maincol */
#maincol{ float:left; width:530px; }
#maincol .text{ min-height:200px; font-size:12px; padding:20px; }
#maincol .text h2{ font:20px Georgia, "Times New Roman", Times, serif; margin-bottom:20px; }
#maincol .text p{ margin-bottom:10px; line-height:17px; }
#maincol .subpage-text{ width:500px; min-height:180px; font-size:12px; padding:10px; }
#maincol .subpage-text h2{ font:20px Georgia, "Times New Roman", Times, serif; margin-bottom:20px; }
#maincol .subpage-text p{ line-height:17px; padding-bottom: 12px; }
#maincol .subpage-text li{ line-height:16px; list-style-type: square; margin-left: 25px; }
#maincol .subpage-text ul{ padding-bottom: 10px; }
/* Sidecol */
#sidecol{ float:right; width:375px; }
/* Gray Box */
#graybox{ width:375px; margin-bottom:10px; background:#5e5e5e; overflow:hidden; }
#graybox img{ float:left; display:block; width:212px; border-right:1px solid #000; }
#graybox ul{ float:left; font:10px Georgia, "Times New Roman", Times, serif; padding:15px 10px 0; }
#graybox li{ margin-bottom:10px; }
#graybox li a{ display:block; color:#fff; padding:7px 0 12px 35px; }
#graybox li.twitter a{ background:url(../images/icon-twitter.png) no-repeat left top; }
#graybox li.plansets a{ background:url(../images/icon-pdf.png) no-repeat left top; }
#graybox li.careers a{ background:url(../images/icon-careers.png) no-repeat left top; }
/* Blue Box */
#bluebox{ width:350px; margin-bottom:10px; margin-left:5px; margin-top:10px; border-left: 3px solid #a8dee8; padding-left:20px; }
#bluebox h2{ font:16px Georgia, "Times New Roman", Times, serif; margin-bottom:8px; margin-top:20px; }
#bluebox p{ font:12px Arial, sans-serif; margin-bottom:10px; line-height:16px; }
/* Featured */
#featured{ position:relative; clear:both; width:375px; font:14px Georgia, "Times New Roman", Times, serif; color:#5e5e5e; }
#featured ul{ width:375px; margin-bottom:2px; overflow:hidden; }
#featured li{ float:left; margin-left:7px; }
#featured li.first{ margin-left:0; }
#featured .title_left{ padding-bottom: 10px;}
#featured .title{ position:absolute; bottom: -2px; right: 0; color:#000000 }
#featured .title p{ text-align: right; }
#featured #prjData{ font-size:10px; }
/* Products */
#products{ position:relative; clear:both; float:right; width:342px; font:16px Georgia, "Times New Roman", Times, serif; }
#products .headline{ margin:5px 0 5px 0; }
#products ul{ width:342px; height:215px; }
/* #products ul{ width:342px; overflow:hidden; } */
#products li{ float:left; margin:0 0 4px 7px; }
#products li.first{ margin-left:0; }
#products #prjData{ font-size:11px; }
#products .title_left{ padding-bottom: 10px;}
#products .title{ position:absolute; bottom: 0; right: 0; top: 200px; }
#products .title p{ text-align: right; }
/* Body Subpage */
body#subpage #maincol{ float:left; width:545px; }
body#subpage #sidecol{ float:right; width:360px; }
body#subpage #maincol .subholder{ padding-right:25px; border-right:1px solid #c7c9ca; }
/* Footer */
#footer{ clear:both; width:910px; margin:10px 0; background:#e51937; }
#footnav{ width:500px; font-size:8.5px; color:#fff; padding:3px 10px; text-transform:uppercase; overflow:hidden; }
#footnav li{ float:left; margin-right:8px; }
#footnav li a{ color:#fff; }
/* Scrollbar */
.holder{ margin:10px 0; }
.jScrollPaneContainer{ position:relative; overflow:hidden; z-index:1; }
.jScrollPaneTrack{ position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#fff; }
.jScrollPaneDrag{ position:absolute; background:url(../images/bgr-scroller.png) no-repeat; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop{ position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom{ position:absolute; bottom:0; left:0; overflow:hidden; }
a.jScrollArrowUp{ display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-9999em; overflow:hidden; height:9px; }
a.jScrollArrowUp:hover{ /*background-color: #f60;*/ }
a.jScrollArrowDown{ display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-9999em; overflow:hidden; height:9px; }
a.jScrollArrowDown:hover{ /*background-color: #f60;*/ }
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover{ /*background-color: #f00;*/ }
.scroll-pane{ float:left; overflow:auto; }
a.zoom{display:block;}
#mastnav li ul{ display:none; }
#mastnav li.current ul{ display:block; }
.bigimage_text{ position:absolute; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; z-index: 100; }
#text1{ font-size:2.2em; margin:-370px 0 0 261px; }
#text2{ font-size:2.4em; margin:-160px 0 0 533px; }
#text3{ font-size:2.4em; margin:-40px 0 0 262px; color:#000; }
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay{ position:absolute; top:0; left:0; z-index:900; width:100%; height:500px; }
#jquery-lightbox{ position:absolute; top:0; left:0; width:100%; z-index:1000; text-align:center; line-height:0; }
#jquery-lightbox a img{ border:none; }
#lightbox-container-image-box{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image{ padding:10px; }
#lightbox-loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; }
#lightbox-container-image-box > #lightbox-nav{ left:0; }
#lightbox-nav a{ outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext{ width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev{ left:0; float:left; }
#lightbox-nav-btnNext{ right:0; float:right; }
#lightbox-container-image-data-box{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data{ padding:0 3px; color:#666; }
#lightbox-container-image-data #lightbox-image-details{ width:100%; float:left; text-align:left; }
#lightbox-image-details-caption{ font-weight:bold; }
#lightbox-image-details-currentNumber{ display:block; clear:left; padding-bottom:1em; }
#lightbox-secNav-btnClose{ width:66px; float:right; padding-bottom:.7em; }
#lightbox-image-details-currentNumber{ display:none; }
#lightbox-image-details span span{ font-size:14px; }