/* tkoworks.com CSS */

html,body{
    height:100%;
    }

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;	
	behavior:url(csshover.htc);
}

img{
    border:0px;
}

a{
    color:teal;
}

.clear{
	clear:both;
}

#container{
	margin:0 auto;
	position:relative;
	width:990px;
	background:#eee url() no-repeat;
	overflow:hidden;
	/*border:1px solid red;*/
}

#content-container {
    width:100%;
	padding:160px 0px 0px 0px;
	overflow:hidden;	
	/*min-height: 360px;*/
	background:#fff;
	/*padding-bottom:10px;*/
	/*border:1px solid orange;*/
}

ul#banner-inner{
	list-style-type:none;
	margin:0px;
	padding:0px;	
}

ul#banner-inner li{
    margin-left:25px;
}


#top-of-page {
	position:absolute;
	top:28px;
	left:25px;
	width:940px;
	height:119px;
	/*border:1px solid teal;*/
}

#bottom-of-page{
    position:absolute;
    top:1175px;
    left:25px;
    width:940px;
    height:150px;
    color:#666666;
}

#bottom-of-page a{
    text-decoration:none;
}

.tkologo {
    float:left;
    text-align:left;
    font-size:28px;    
    font-weight:bold;
    color:teal;
    /*border:1px solid orange;*/
}

#top-right{
    float:left;
    /*margin:45px 0px 0px 130px;*/
    margin:3px 0px 0px 230px;
    paddings:0px;
    font-size:12px;
    /*color:#E3B427;*/
    color:#999999;
    font-weight:bold;
    text-align:bottom;
    /*border:1px solid orange;*/
}
#top-right img{
    margin-left:180px;
}

#top-right div{
    padding-bottom:5px;
}

#top-right a{
    text-decoration:none;
    /*color:#E3B427;*/
    color:#999999;
}

#top-right a:hover, #top-right a.hover{
    text-decoration:none;
    color:teal;
}

#top-right a:visited{
    text-decoration:none;
    color:#999999;
}

#top-right span{
    /*color:#ccc;*/
    color:#E3B427;
    margin-left:10px;
    margin-right:10px;
}

.tkologo a{
    margin-right:10px;
}

.carousel-left{
    float:left;
    width:240px;
    margin-left:25px;
    border:1px solid #cccccc;
    /*margin-top:10px; */ /*removed for new lof banner carousel*******/
    background:#eee url() no-repeat;
    height:35px;
    padding:0px 0px 0px 10px;
    border-right:0px;
    color:#666;
}

.carousel-left a{
    float:left; 
    margin-right:5px; 
    padding-top:10px;
}

.carousel-left .prev, .carousel-left .next{
    /*background:#eee url(../images/arrow.jpg) no-repeat;*/
    padding-top:7px;

}

.carousel{
    float:left;
    /*margin-left:25px;*/
    /*margin-top:10px;*/ /*removed for new lof banner carousel******/
    border:1px solid #cccccc;
    width:690px;
    border-left:0px;
}

.carousel li{
    width:690px; 
    /*padding-top:10px;
    padding-bottom:10px;*/
    background:#eee url() no-repeat;

}


.carousel a{
    /*display: block;*/
    color:#756811;
	/*height:20px;**/
	/*line-height:33px;*/
	/*text-align: center;*/
	text-decoration:none;
	/*padding-bottom:5px;****/
	    position:relative;
    left:-100px;
}

/*
.carousel_partners{
    border:1px solid red;
    width:230px;
    height:400px;
    margin-top:40px;
    margin-left:20px;
}

ul.cp{
    border:1px solid green;
}

li.cp{
    width:200px;
    background:#eee url() no-repeat;
    border:1px solid blue;
    list-style-type:none;
}
*/

#content{
    border:1px solid #cccccc;
    margin:10px 10px;
    background:#fff;
    clear:both;
    border:1px solid black;
}

.boxes-left{
    float:left;
    width:726px;
}

.boxes-right{
    float:left;  
}

.box{
    background:url(../images/box_grey_v2.jpg) no-repeat;
/*    background-color:#eeeeee;*/
    /*width:303px;****************/
    width:343px;
    color:#333333;
    /*border:1px solid blue;*/
    height:303px;
    float:left;
    /*margin:10px 10px;*/
}

.box h3{
    /*border:1px solid red;*/
    color:#ffffff;
    font-size:14px;  
    line-height:2px;
}

.box img{
    margin:20px 10px 5px 10px;
    float:right;
}

.box p{
    padding:10px 10px 5px 10px;
    text-align:left;  
    font-family:helvetica,arial,sans-serif;
    font-size:105%;
    line-height:160%;
    font-weight:bold;
    color:#777777;
    
}

.box a{
    text-decoration:none;
    color:#ffffff;
}

.box .more{
    /**font-size:11px;**/
    color:teal;
    float:left; 
    margin-left:15px;
    /*padding-right:20px; */
    text-align:left
    
    font-family:helvetica,arial,sans-serif;
    font-size:105%;
    line-height:160%;
}

.more a{
    float:left;
    color:teal;
    text-decoration:none;
}

.more a:hover, a.hover{
    color:#DFB431;
    text-decoration:underline;
}

/*
.more a:visited{
    text-decoration:none;
    color:teal;
}*/

.more img{
    float:left; margin:6px 0px 0px 4px;
}

.top-left, .bottom-left{
    margin:10px 15px 10px 25px;        
}

.top-middle, .bottom-middle{
    margin:10px 0px 10px 0px;        
}

/*.top-right, .bottom-right{
    margin:10px 0px 10px 15px;   
    background:url(../images/box_v2_2.jpg) no-repeat;     
    width:223px;
}*/
.top-right, .middle-right, .bottom-right{
    clear:both;
    width:223px;
    height:202px;
    background:url(../images/box_v2_2.png) no-repeat;
    }

.top-right{
    margin:10px 0px 10px 15px; 
}
.middle-right{
    margin:0px 0px 0px 15px;   
}
.bottom-right{
    margin:10px 0px 10px 15px;   
}    
.box-about-tko{
    color:#777777;
    text-align:justified;
    padding:15px 10px 10px 10px;
}
.box-about-tko ul{
    margin:2px 0px 0px -20px;
    list-style-type:square;
     
    height:150px
}
.box-about-tko ul li{
    background:none;
    width:auto;
    text-align:left;
    line-height:1.6em;
    font-size:105%;
    padding-right:7px;
    
}
.box-about-tko a{
    color:#777777;
    line-height:1.6em;
    text-align:left;
    height:auto;
}
.box-about-tko a:hover, a.hover{
    color: #DFB431;
    text-decoration:underline;
}
.box-about-tko .last-bullet{
    list-style:none;
    font-weight:normal;
    margin-top:10px;
    color:teal;
}
.box-about-tko a.client{
    color:#008080;
    text-align:center;
}
div#feed{
    text-align:left;
    padding:15px 10px 10px 10px;
    color:teal;
}

div#feed a{
    color:teal;
}

div#feed a:hover, a.hover{
    color:#DFB431;
    text-decoration:underline;
}

.bottom-left{
    clear:both;
}

/*.top-right, .bottom-right{
    margin-right:25px;    
}*/

#footer{
    /*border:1px solid green;*/
    color:#666666;
    position:relative;
    top:60px;
    height:150px;
}


ul#nav {
    clear:both;
    list-style: none;
    padding: 0;
    margin: 5px 0px;
	/*background:url(../images/nav_35px.jpg) no-repeat;*/
	background:url(../images/nav3.jpg) no-repeat;
	border:1px solid #8FB8A3;
	width: 940px;
	font-weight:bold;
	height:35px;
}

li {
    float: left;
    position: relative;
    width:104px;
    background:url(../images/nav_hover_35px.jpg) no-repeat right;
    padding:0;	
    
}

li.end{
    background:url() no-repeat right;
}

li a {
    display: block;
    /*color:#4d4e53;***/
    color:#333333;
    
	/*height:40px;*/
	height:35px;
	line-height:33px;
	text-align: center;
	text-decoration:none;
}

li:hover a.first, li.hover a.first{
    background:url(../images/nav_hover_35px.jpg) repeat-x;    
    /*border:1px solid #333;
    border-bottom:0px;*/
}

li:hover a.end, li.hover a.end{
    width:108px;    
}

a.active{
background:url(../images/nav_hover_35px.jpg) repeat-x;
}


/*Second level menu*/
ul.second {
    display: none;
    position: absolute;
    width:150px;
    /*top: 40px;*/
    top:35px;
    left: 0;
    margin-left:-40px;
    list-style:none;
    z-index:100;
    /*border:1px solid #333;
    border-top:0px;*/
}

ul.end{
    poistion: relative;
    left: -43px;    
}

li.second{
    background:url(../images/nav_35px.jpg) no-repeat;
    /*background:url(../images/nav3.jpg) no-repeat;*/
    z-index:100;
    width:150px;
    border:1px solid #8FB8A3;
    border-top:0px;
}

a.second, a.third{
    width:150px;
    color:#000;    
    font-weight:normal;
}

li>ul {
    top: auto;
    left: auto;
}

li.first:hover ul.second, li.first.over ul.second {
    display: block;
    z-index:100;
}

li.second:hover a.second, li.second.hover a.second{
    background:url(../images/nav_hover_35px.jpg) repeat-x;    
}

/*Third level menu*/
ul.third {
    display: none;
    position: absolute;
    width:150px;
    top: 10px;
    left:0;
    margin-left:110px;    
    list-style:none;
    z-index:200;
    /*border:1px solid #333;
    border-top:0px;*/
}

li.third{
    background:url(../images/nav_35px.jpg) no-repeat;
    /*background:url(../images/nav3.jpg) no-repeat;*/
    z-index:100;
    width:150px;
    border:1px solid #8FB8A3;
    border-top:0px;
}

/*a.third{
    width:150px;
    color:#000;    
    font-weight:normal;
}*/

li>ul {
    top: auto;
    left: auto;
}

li.second:hover ul.third, li.second.over ul.third {
    display: block;
    z-index:200;
} 

li.third:hover a.third, li.third.hover a.third{
    background:url(../images/nav_hover_35px.jpg) repeat-x;    
}


/*Fourth level menu*/
ul.fourth {
    display: none;
    position: absolute;
    width:150px;
    top: 10px;
    left:0;
    margin-left:110px;    
    list-style:none;
    z-index:200;
    /*border:1px solid #333;
    border-top:0px;*/
}

li.fourth{
    background:url(../images/nav_35px.jpg) no-repeat;
    /*background:url(../images/nav3.jpg) no-repeat;*/
    z-index:100;
    width:150px;
    border:1px solid #8FB8A3;
    border-top:0px;
}

li>ul {
    top: auto;
    left: auto;
}

li.third:hover ul.fourth, li.third.over ul.fourth {
    display: block;
    z-index:200;
} 

li.fourth:hover a.fourth, li.fourth.hover a.fourth{
    background:url(../images/nav_hover_35px.jpg) repeat-x;    
}



ul#partner-inner, ul#partnerText-inner, ul#innovation-inner {
	list-style-type:none;
	margin:20px 0px 0px 10px;
	padding:0px;	
}

ul#partner-inner li, ul#partnerText-inner li, ul#innovation-inner li{
    /*background:#eee url() no-repeat;*/
    
    
    width:196px; /*overwrite li width*/
    background:none; /*overwrite li background image*/
    
    font-weight:bold;
    color:#777777;
    
}

.h{
    font-size:18px;
    font-weight:bold;
    margin:15px 0px 10px 0px;
    font-style:italic;
}

ul#partnerText-inner li{
    width:200px;
    background-color: #f7f7f7;
}

ul#partner-inner li img, ul#innovation-inner li img{
    float:left; 
    margin:0px 0px 0px 0px; 
    width:196px;
}