@import url('reset.css');
html 
{
    font: 12px/1.8em Tahoma, Liberation Sans;;   
    background: #fff;
    height: 100%;
}
body
{
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll;
    height: 100%;
}
a 
{
    color: #333;
}
a:hover 
{
    color: #000;
    text-decoration: undeline;
}
form
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.page
{
    display:block;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.header
{
    background-color:#fff;
}
.header-resize
{
    width: 960px;
    margin: 0 auto;
    height: 106px;
    position:relative;
}
.logo
{
    background: url(logo.png) no-repeat;
    margin-top:13px;
    width: 156px;
    height: 80px;
    float:left;    
}
.logo a
{
    display:block;
    width: 156px;
    height: 80px;
}
.multilanguage 
{
    right: 15px;
    top: 5px;
    position: absolute;
}
.multilanguage  .language-tr-tr 
{
    display:block;
    padding-left: 20px;
    background: url(tr.png) no-repeat 0 5px;
}
.multilanguage  .language-en-us
{
    display:block;
    padding-left: 20px;
    background: url(us.png) no-repeat 0 5px;
}

ul.top-menu-ul 
{
    margin-top: 60px;
    float:right;
}

ul.top-menu-ul li
{
    float:left;
    margin: 0 3px;
    list-style-type:none;
}

ul.top-menu-ul li a
{
    font-size: 14px;
    color: #333;
    text-decoration:none;
    padding:12px 13px;
    height: 16px;
    display:block;
    font-weight:bold;   
}

ul.top-menu-ul li a:hover 
{
    text-decoration: underline;
}
 ul.top-menu-ul li.active a   
{
    
}
.homepage .top 
{
    display: none;
}    

.top
{
    height:80px;
    background: #333333 url(top-menu-bg.png);
}
.top-resize
{
    width: 960px;
    margin: 0px auto;
    color: White;
    padding-top: 13px;
}

.top-resize .sub-menu h2
{
    float: left;
    font-size: 1.3em; font-weight:bold;
    padding-right: 20px;
    margin-left: -10px;
    display:block;
}

.top-resize .sub-menu .menu-links
{
    float: left;
    font-size: 1.3em;
    margin-left: -10px;
}


.top-resize .sub-menu  a
{
    color:White;
    margin: 0px 10px;
}

.top-resize .navigation 
{
     color: #666;
     margin-top: 10px;
     text-indent: 13px;
}

.top-resize .navigation a
{
     color: #666;
}
.top-resize h2
{
   margin-top:4px;
    font-size: 24px;
    color: #333;
    text-indent: 13px;
}

.slider 
{
    height: 350px;
    position:relative;  
    background-color: #fff;  
}
.slider-resize
{
    width: 960px;
    margin-left: -480px;
    left: 50%;
    height: 350px;
    position:absolute;
    z-index: 2;
}
.slider-bg
{
    z-index:1;
    position:absolute;
    top: 0px;
    height: 350px;
    left:0px;
    right:0px;
    background: url(homepage-slider-bg.png) repeat-x;
}

.main
{
    background-color: #fff;
    min-height: 400px;
}
.main-resize
{
    width: 960px;
    margin: 0 auto;
    padding: 12px 0;
}

.main .content
{
    float:left;
    width:670px;
    margin-left: 13px;
    text-align: justify;
}

.one-content .main .content
{
    float:left;
    width:936px;
    margin-left: 13px;
}

td { text-align:justify; }

.main .content .main-first-row 
{
    overflow:auto;
}
.main .content .main-first-row li
{
    height: 213px;
    width: 310px;
    background: url(kutu-gri33.png) no-repeat;
    display: block;
    float: left;
    margin-right:15px;
}
.main .content .main-first-row li.last
{
    margin-right:0px;
}

.main .content .main-first-row li a
{
    height: 193px;
    width: 290px;    
    margin:10px;
    display: block; 
}
.main .content .main-first-row li a.technobee-academy
{
    background: url(technobee-academy.png) no-repeat;
}
.main .content .main-first-row li a.technobee-research
{
    background: url(technobee-research.png) no-repeat;
}
.main .content .main-first-row li a.technobee-management
{
    background: url(technobee-management.png) no-repeat;
}

.main .content .main-second-row 
{
    overflow:auto;
    margin-top: 15px;
}
.main .content .main-second-row li
{
    height: 190px;
    width: 470px;
    border: 1px solid #ccc;
    float:left;
}

.main .content .main-second-row li div
{
    margin-top: 80px;
    margin-left: 210px;
    width: 250px;
    color: #333;
}
.main .content .main-second-row li div h3
{
    font-weight: bold;
}

.main .content .main-second-row li div h3 span
{
    font-weight: normal;
    font-style:italic;
}

.main .content .main-second-row li div p
{
    text-align: left;
}

.main .content .main-second-row li.inno-bee
{
    background: url(bg-innobee.png) no-repeat 10px 10px;
    float:left;
}

.main .content .main-second-row li.contact-bee
{
    background: url(bg-contactbee.png) no-repeat 10px 10px;
    float:right;
}


.main .content .main-second-row li.inno-bee  div h3
{
    background: url(text-innobee.png) no-repeat;
    height:14px;width:69px;
    text-align: -5000px;
}

.main .content .main-second-row li.contact-bee div h3
{
    background: url(text-contactbee.png) no-repeat;
    height:14px;width:89px;
    text-align: -5000px;
}

.main .content ul 
{
    padding-left: 40px;
    
}
.main .content ul > li
{
    list-style-image: url(ok-gri.png);
    }

.homepage .main .content 
{
    width: 960px !important;
    margin-left: 0px;
    
}
.homepage .main .content ul 
{
    padding-left: 0px;
    
}
.homepage .main .content ul > li
{
    list-style-image: none;
    }

.main .sidebar
{
    float:right;
    width:260px;
    overflow: hidden;
      
}

.main .sidebar .block
{
    border: 1px solid #ccc;
    padding: 15px;
}

.main .sidebar .sidebar-panel
{
    margin-bottom: 20px;
}

.main .sidebar ul.submenu
{
    width: 240px;
}

.main .sidebar ul.submenu  li
{
}

.main .sidebar ul.submenu  li a
{
    margin-bottom: 1px;
    display: block;
    height: 40px;
    width: 240px;
    background-color : #e3e3e3;
    text-decoration: none;
}

.main .sidebar ul.submenu > li
{
    
}

.main .sidebar ul.submenu > li > h2 > a
{
    background: #ccc;
    font-size: 14px;
    padding: 10px 15px;
    height: 20px;
    width: 220px;
    font-weight: bold;
}

.main .sidebar ul.submenu > li > h2 > a:hover
{
    background-color: #FCDF7A;
}

.main .sidebar ul.submenu  li.active > h2 > a
{
    background-color: #FBC716 !important;
}

.main .sidebar ul.submenu  li  a.active
{
    background-color: #FBC716 !important;
}



.main .sidebar ul.submenu > li > ul
{
    
}

.main .sidebar ul.submenu > li > ul > li
{
    
}

.main .sidebar ul.submenu > li > ul > li > a
{
    padding: 6px 15px;
    height: 20px;
    width: 220px;
    text-indent: 15px;
    background: #e3e3e3 url(ok-gri.png) no-repeat 15px center;
}

.main .sidebar ul.submenu > li > ul > li > a:hover
{
    background-color: #FCDF7A;
}

.main .sidebar ul.submenu > li > ul > li > ul
{
    
}

.main .sidebar ul.submenu > li > ul > li > ul > li
{
    
}

.main .sidebar ul.submenu > li > ul > li > ul > li > a
{
    padding: 6px 15px;
    height: 20px;
    width: 220px;
    text-indent: 30px;
    background: #efefef url(ok-gri.png) no-repeat 30px center;
}

.main .sidebar ul.submenu > li > ul > li > ul > li > a:hover
{
    background-color: #FCDF7A;
}

.no-sidebar .main .content
{
    float:none;
    display:block;
    width:945px    
}
.no-sidebar .main .sidebar
{
    float:none;
    display:none;   
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 90px; /* .push must be the same height as .footer */
}
.footer
{
    
    background-color: #555555;
    
}
.footer-resize
{
    width: 947px;
    padding-top: 13px;
    margin: 0px auto;
    color: #fff;
    padding-left:13px;
}
.footer-resize a
{
    color: #fff;
}

.announcement-after-header
{
    /*padding-bottom:20px;*/
}
.announcement-date
{
    font-size: 0.9em;
    color: #888;
    padding-top: 2px;
    /*padding-bottom: 20px;*/
    /*padding-left: 20px;*/
    background: url(http://www.technobee.com.tr/cms/theme/advanced/style/technobee/calendar.png) no-repeat;
}
.announcement-tags
{
    font-size: 0.9em;
    color: #888;
    padding-top: 2px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: url(http://www.technobee.com.tr/cms/theme/advanced/style/technobee/tag_blue.png) no-repeat;
    margin-left: 20px;
}

.announcement-readmore
{
    display:block;
    padding: 11px 0 10px 20px;
    background: url(http://www.technobee.com.tr/cms/theme/advanced/style/technobee/bullet_go.png) no-repeat 0 10px;
}
.announcement-image-slider
{
    overflow:auto;
    padding-bottom: 20px;
}
.announcement-image-slider h2
{
    float:left;
}
.announcement-image-slider .menu-links
{
    float:left;
    font-size: 1.2em;
    padding-left: 10px;
    padding-top: 0.1em;
}

.announcement-image-slider ul
{
}

.announcement-image-slider li
{
    float:left;
    padding:10px;
}

.announcement-image-slider li div
{
    border: 1px solid #ccc;
    padding: 7px;
}
.announcement-image-slider li div:hover
{
    border: 1px solid #666;
}
.announcement-image-slider li div:hover a.title
{
    color: #000;
}

.announcement-image-slider li div a 
{
    display:block;
}

.announcement-image-slider li div a.title
{
    text-align:center;
    vertical-align:middle;
    color:#666;
    height: 1.4em;
    margin-top: 0.6em;
}

.announcement-content 
{
    
}

.announcement-splashboard 
{
    overflow:auto;
    padding-bottom: 20px;
}


.announcement-splashboard h2
{
    float:left;
}
.announcement-splashboard .menu-links
{
    float:left;
    font-size: 1.2em;
    padding-left: 10px  ;
    padding-top: 0.1em;
}

.announcement-splashboard ul
{
    margin: 15px 0;
    overflow:auto;
}

.announcement-splashboard li 
{
    float:left;
    width: 470px;
    height: 85px;
    padding: 10px;
}



.announcement-splashboard li img
{
    width: 100px;
    height: 70px;
    padding: 4px;
    border: 1px solid #ccc;
    float: left;
}

.announcement-splashboard li div
{
    float:left;
}

.announcement-splashboard li div.announcement-content 
{
    margin: 5px 15px;
    width: 326px !important;
    line-height: 1.3em;
}

.announcement-splashboard li div.announcement-content a.title
{
    display: block;
    font-weight:bold;
    font-size: 1.1em;
    color: #333;
    padding-bottom: 8px;
}

.announcement-splashboard li div.announcement-content a.short-text
{
    display: block;
    color: #666;
    font-size: 0.8em;
    
}
.announcement-readmore { color: #666; }

ul.tag-list {margin:6px -3px; overflow:auto;}
ul.tag-list li {float:left;padding:4px 4px;height:1.6em;}

ul.tag-list a {color:#666}
ul.tag-list a:hover {color:#000}

ul.tag-list .t1{ font-size:0.8em;}
ul.tag-list .t2{ font-size:1em;}
ul.tag-list .t3{ font-size:1.2em;}
ul.tag-list .t4{ font-size:1.4em;}
ul.tag-list .t5{ font-size:1.6em;}


.widget h2 { font-size: 1.4em; font-weight:bold;}
.sidebar .widget-banner { border: 1px solid #ccc; width: 258px; overflow:hidden;}

#contactform {float:left; width: 480px;}
#contactform ol li { display: block; overflow:auto; margin: 10px 0; }
#contactform ol li label { display: block; float:left; width: 120px;font-weight:bold;}
#contactform ol li input { display: block; float:left; padding: 6px 4px;  width: 350px;border:1px solid #ccc;}
#contactform ol li textarea {display: block; float:left; padding: 6px 4px;  width: 350px;border:1px solid #ccc;}

#contactform ol li.buttons input { margin-left:120px; width:inherit; padding:10px 40px; }


.contactform {float:left; width: 480px;}
.contactform ol li { display: block; overflow:auto; margin: 10px 0; }
.contactform ol li label { display: block; float:left; width: 120px;font-weight:bold;}
.contactform ol li input { display: block; float:left; padding: 6px 4px;  width: 350px;border:1px solid #ccc;}
.contactform ol li textarea {display: block; float:left; padding: 6px 4px;  width: 350px;border:1px solid #ccc;}

.contactform ol li.buttons input { margin-left:120px; width:inherit; padding:10px 40px; }

.contactpage .map
{
    float:right;
    width: 440px;
}

.contactpage .map img
{
    width: 417px;
    padding: 4px;
    margin-top: 30px;
    border:1px solid #ccc;
    height: 417px;
}


.table1 
{
    width: 100%;
}

.table1 th
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 4px;
    border-bottom: 2px solid #333;
}
.table1 td
{
    padding: 4px 4px;
}

.error 
{
    border: 1px solid #800000 ;
    padding: 15px;
    background-color: #FEEEEE;
    color: #800000;
}

.information 
{
    border: 1px solid #CADCEA ;
    padding: 15px;
    background-color: #DDF0FC;
    color: #225B86;
}

.warning 
{
    border: 1px solid #F6B335 ;
    padding: 15px;
    background-color: #FDF2DD;
    color: #D6660A;
}



.gallery { float:right; width:537px; height:224px; margin:32px 25px 0 0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; height:224px; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:537px; height:244px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:30px; height:299px; position:absolute; left:0 !important; left:-327px; top:-299px; }
#nextBtn { left:307px !important; left:-20px; }
#prevBtn a { display:block; width:30px; height:278px; background:url(http://www.technobee.com.tr/cms/theme/advanced/style/technobee/images/spacer.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:30px; height:278px; background:url(http://www.technobee.com.tr/cms/theme/advanced/style/technobee/images/spacer.gif) no-repeat 0 0; }

.slide {width:960px; height: 350px;display:block;}
.slide img {width:960px; height: 350px;border:0px;}

#slides { width:960px; height: 350px;}

.slides_container {z-index:0; height:350px}
ul.pagination {margin-top: -30px; margin-left:0; z-index:10; position:relative; background: url(homepage-slider-bottom-bg.png) no-repeat; height:22px; padding-top: 8px; padding-left: 10px;}

ul.pagination li {float:left; margin: 0px 5px; } 

ul.pagination li a {display:block; height:14px; width: 14px; background: url(homepage-slider-bottom-button.png) no-repeat;  text-indent: -50px; overflow:hidden;} 
ul.pagination li.current a  {background-position:0 -14px ;} 
ul.pagination li a:hover{background-position: 0 -14px ;} 


table.project 
{
    width: 100%;
    margin-top: 20px;
}
table.project th 
{
    background-color: #E3E3E3;
    font-weight: bold;
    padding: 8px 8px;
}

table.project td
{
    padding: 4px 8px;
}