/* Reset Browser Styles */
* {margin:0px; padding:0px;} img {border:none;} ul li {list-style-type:none;}
/* Global tags*/
body {
    color:#333;
    overflow-x:hidden;
    font:normal 12px/18px verdana, helvetica, arial, sans-serif;}
a {color:#0000FF; text-decoration:none;}
h1 {
    color:#000;
    padding:50px 0 20px 0;
    font:bold 22px/26px "Trebuchet MS", helvetica,arial,verdana,sans-serif;}
h2 {
    padding:5px 0 10px 0;
    font:bold 20px/26px "Trebuchet MS", helvetica,arial,verdana,sans-serif;
    color:#333;}
h3 {
    font:normal 16px/20px "Trebuchet MS", helvetica,arial,verdana,sans-serif;
    color:#000;
    padding:0 0 10px 0;}
h4 {
    font-weight:normal;
    font-size:14px;
    color:#000;
    padding:0px;}
/* */
/* Universal Class*/
.red {color:#ff0000 !important; text-decoration:none !important;}
.searchKeyword {color:#ff0000 !important;}
.noBorder {border:none; background:none !important;}
.clear {clear:both;}
/* footer bottom */
html, body {
    height: 100%;}
.global {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -370px;}
.footer-holder, .push {
    height: 370px;}
/* */
/* Specific Class and ID */
.top-holder{
    height: 60px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1000px;
    z-index: 9999;
    margin-left:-500px;}
.top-wrapper{
    width:1000px;
    margin:0 auto;
    padding-top:15px;}
.footer-holder{
    height:370px;
    background-color:#ccc;
    }
.footer-wrapper{
    width:1000px;
    padding:0 10px;
    background-color:#ccc;
    height:370px;
    margin:0 auto;}
.home-content-wrapper{
    width:1000px;
    margin:auto;
    margin-top:50px;
    margin-bottom:20px;}
.logo-holder{
    width:300px;
    height:45px;
    float:left;}
.home-page .logo-holder a{
    display:block;
    background:url(../../../images/frontEnd/layout/logo.png);
    width:141px;
    height:30px;}
.home-page .main-menu li a{color:#fff;}
.home-page .logo-holder a img{
    display:none;}
.home-page .logo-holder span{color:#fff;}
.logo{
    float:left;}
.logo-holder span{
    font-size:15px;
    color:#000;
    display:block;
    float:left;
    padding:6px 0 0 20px;}
.navigation-holder{
    height:45px;
    float:right;
    width:550px;}
.main-menu .active{
    font-weight:bold;}
.main-menu .active a{
    text-decoration:underline;}
.main-menu{
    position:relative;
    background-color:#000;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    height:23px;
    padding:6px 0 2px 0;}
.main-menu li{
    float:left;
    padding:0 15px;}
.main-menu li a{
    font-size:15px;
    line-height:17px;
    color:#fff;
    display:block;
    cursor:pointer;}
.main-menu li ul{
    display:none;}
.main-menu ul{
	position:absolute;
	z-index:999;
	left:0px;}
.main-menu ul li{
	float:left;}
.main-menu ul a{
    font-size:12px;}
/*
.main-menu li:hover ul{ 
	left:0; 
	display:block;}
*/
.sub-menu{
    background-color:#000;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    height:23px;
    padding:5px 0 1px;}
.sub-menu li a{font-weight:normal;}
.sub-menu li a:hover{color:#ccc;}
.footer-contact{
    width:280;
    float:left;
    color:#333;
    font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
    font-size:13px;}
.footer-contact a{
    color:#333;
    text-decoration:underline;}
.footer-contact img{
    margin-right:10px;
    padding-top:7px;}
.footer-menu{
    padding-top:10px;
    margin-top:20px;
    border-top:1px dotted #888;}
.footer-menu-left{  
    float: left;}
.footer-menu ul li{
    float:left;
    padding:0 7px;
    color:#2E2D2C;
    font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
    font-size:13px;}
.footer-menu ul li a{
    color:#2E2D2C;
    font-family: Trebuchet MS, Arial , Verdana, Sans-Serif;
    font-size:16px;
    font-weight:bold;}
.footer-menu ul li a:hover{
    text-decoration:underline;}
.network-icon img{height:24px;}
.network-icon{
    background-image:url("../../../images/frontEnd/layout/social-3.png");
    height:28px;
    width:27px;
    background-position:left top;
    display:block;
    float:left;
    margin-right:7px;
}
.linkedInLink{
    background-position:-37px top;
}
.twitteerLink{
    background-position:-74px top;   
}
.googleLink{
    background-position:-110px top;   }
/* Home page */
.home-header-holder{
    width:1000px;
    height:430px;
    margin:0 auto;
    position:relative;}
.home-header-wrapper{
    position:absolute;
    left:-340px;
    top:0px;}
.home-what-we-do{
    width:220px;
    float:left;
    padding-left:25px;}
.home-what-we-do h2{
    border-top:1px dotted #666;
    font-size:16px;}
.home-what-we-do{
    font:normal 13px/18px "Trebuchet MS", arial, verdana, sans-serif;}
.home-what-we-do span{
    font:normal 16px/20px "Trebuchet MS", arial, verdana, sans-serif;
    display:block;
    padding-bottom:10px;}
.home-what-we-do a{
    display:block;
    padding:10px 0 0 0;
    text-decoration:underline;}
.home-downloads-holder{
    height:234px;
    margin-bottom:20px;}
.home-downloads-wrapper{
    height:280px;
    padding-top:20px;}
.home-downloads-wrapper h2{
    font:normal 13px/18px "Trebuchet MS", helvetica,arial,verdana,sans-serif;
    color:#333;
    width:310px;
    padding:20px 0 5px 0;
    margin-bottom:10px;
    text-transform:uppercase;}
.home-downloads-item{
    width:280px;
    float:left;
    padding-right:20px;
    text-align:right;
    font:normal 11px/14px "Trebuchet MS", helvetica,arial,verdana,sans-serif;}
.home-downloads-item img{
    float:right;
    padding-left:20px;}
.home-downloads-item a{display:block; font-size:13px; padding-top:10px;}
.home-downloads-item table tr td{vertical-align:top;}
.home-downloads-item table tr td h3{color:#333;}
.home-downloads{
    width:650px;
    float:left;}
/* pages */
.page-wrapper{
    width:1000px;
    padding:110px 10px 50px 10px;
    margin: 0 auto;
    
    overflow-x:hidden;}
/* forms */
.button-default{
    background: none repeat scroll 0 0 #999;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    text-transform:uppercase;
    padding: 5px 12px;
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    }
.button-default:hover{
    background-color: #666;}
.input{
    border:1px solid #ccc;
    padding:4px;
    width:300px;}
.label{
    display:block;
    padding-top:10px;}
.info{
    color:#ccc;
    font-size:11px;}
.required-field-info{
    display:block;
    color:#ff0000;
    font-size:11px;
    padding:15px 0 5px 0;}
.validator{
    color:#ff0000;
    font-size:11px;}
/* portfolio */
.slider-item{
    margin:20px 0 20px 0;
    padding-bottom:30px;
    border-bottom:1px dotted #ccc;}
.project-items{}
.project-thumb{
    width:180px;
    height:180px;
    margin: 10px;
    position:relative;
    float:left;}
.project-thumb .overlay{
    display:block;
    width:160px;
    height:160px;
    padding:10px;
    background-color:#000;
    position:absolute;
    top:0px;
    left:0px;
    color:#fff;
   /* opacity: 0;*/
    }
.project-thumb .overlay:hover{
    /*opacity: 100;*/
    }
.project-thumb .overlay span{
    color:#fff;
    font-size:14px;
    font-weight:bold;
    display:block;
    padding-bottom:5px;}    
.projects-show-more{
    padding:20px 0 20px 430px;}  
.projects-show-more .button-default{
    display:block;
    text-align:center;}
/*
.clients{padding:20px 0;}
.clients img{
    float:left;
    padding:10px;}
*/
.clients{
    border-top:1px dotted #666;
    
    margin-top:25px;
}
.clients-thumb{
    width:180px;
    height:180px;
    margin: 10px;
    position:relative;
    float:left;
    overflow:hidden;}
.clients-thumb img{
    position:absolute;
    top:-180px;}
.clients-thumb:hover img {
    top:0px;}
/* projects */
.previous-next{
    padding-top:30px;
    border-bottom:1px dotted #ccc;}
.previous-link{
    float:left;}
.next-link{
    float:right;}
.project-left{
    width:500px;
    float:left;}
.project-left h1{
    padding-top:30px;}
.project-left-span{
    font-size:12px;
    color:#666;
    display:block;
    padding:0 0 10px 0;}
.project-left-short-description{
    font:16px/20px "Trebuchet MS",helvetica,arial,verdana,sans-serif;
    color:#000;
    display:block;
    padding:0 0 12px 0;}
.project-left ul li{
    list-style-type:disc;
    margin-left:40px;}
.project-right{
    width:440px;
    padding-left:60px;
    float:left;
    padding-top:70px;}
.pagination{
    clear:both;
    margin-top:-30px;}
.pagination a {
	cursor:pointer;
	display:block;
	float:left;
	font-size:12px;
	font-family:Arial, Tahoma, Verdana, Sans-Serif;
	font-weight:bold;
	color:#666;
	width:25px;
	height:21px;
	background:url(../../../images/frontEnd/layout/control-nav-buttons.png) left top no-repeat;
	text-align:center;
	padding-top:4px;
	margin-right:3px;}
.current a{
	color:#fff;
	background:url(../../../images/frontEnd/layout/control-nav-buttons.png) left bottom no-repeat;
}
.slides_container{
    width: 440px;
    padding-top:10px;}
.slides_container div{
    width: 440px;
    display: block;}
/* What We Do */
.what-we-do-left{
    width:650px;
    padding-right:50px;
    float:left;}
.what-we-do-right{
    width:300px;
    float:left;}
.what-else{
    background-color:#eee;
    padding:18px;
    margin:10px 0;
    margin-bottom:20px;
    border-radius:10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;}
.what-else span
{
    font-size:11px;
    display:block;
    color:#000;
    }
.what-else p
{
    font-size:11px;
    padding-top:10px;
    color:#807F7B;}
.what-else-link{
    display:block;
    padding:20px 0 5px 0;}
.what-else h3{
    font-weight:bold;
    color:#333;
    border-bottom:1px dotted #666;
    font-size:12px;
    padding-bottom:2px;
    margin-bottom:10px;}
.what-else a
{
    display:block;}
/* our team */
.team-info-holder{
}
.team-info-wrapper{
    width:1000px;
    margin:0 auto;
    padding-top:30px;}
.department-links{
    margin-top:30px;
    padding:30px 0 0 20px;
    border-top:1px dotted #ccc;}
.department-links .active{
    background: none repeat scroll 0 0 #0099FF;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    text-transform:uppercase;
    padding: 5px 12px;
    letter-spacing: 1px;
    font-family:Arial, Tahoma, Verdana, Sans-Serif;}
.button-departments{
    background: none repeat scroll 0 0 #999;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
    text-transform:uppercase;
    padding: 5px 12px;
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    letter-spacing: 1px;
    margin-right:10px;
    cursor:pointer;}
.button-departments:hover{
    background-color: #666;}
.department-links .active:hover{
    background: none repeat scroll 0 0 #0099FF;}
.team-employees{
    padding:20px 0;}
.employee-item{
    width:200px;
    padding: 0 20px;
    height:280px;
    float:left;}
.team-employees .active img{
    border: 8px solid #0099ff; margin: -8px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;}
.employee-item h3{
    font-size:15px;
    padding:9px 0 2px 0;}
.employee-item span{
    display:block;
    color:#666;
    font-size:11px;}
.employee-item a{
    display:block;
    font-size:11px;}
/* Contact */
.contact-left{
    width:560px;
    padding-right:40px;
    float:left;}
.contact-right{
    width:400px;
    padding-top:55px;
    float:left;}
.contact-left, .contact-right{
}
.trick-li{
    display:none;}
.contact-work-with-us{
    padding-bottom:30px;}
.contact-work-with-us h3{
    padding-bottom:25px;}
.google-map
{
    margin-top:30px;}
/* Site Map */
.site-map-list a{ color:#000;}
.site-map-list li{
    width:250px;
    float:left;}
.top-node{color:#777 !important; font-size:14px;}
/* dopolnitelen css */
.smallWebTable{margin:20px 0 20px 0;}
.list-01 li{list-style-type:disc; list-style-position:inside;}
.smallWebTable tr th
{
    font-weight: normal;
    font-size: 14px;
    padding: 3px;
}
.smallWebTable tr td
{
    width: 94px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
    border-left:dotted #ddd 1px;
    border-right:dotted #ddd 1px;
}  
.webProjects{margin-bottom:10px;}
.webProjects .webImg{
    border: 1px solid #DDDDDD;
    float: left;
    height: 134px;
    margin-right: 18px;
    margin-bottom:30px;
    overflow: hidden;
    width: 180px;
}
.webProjects h2{
    font-weight:bold;
    font-size:16px;
    padding:0 0 10px 0;
}

.webProjects-02
{
    margin-bottom:10px;
    width:480px;
    padding-right:20px;
    float:left;
}
.webProjects-02 .webImg{
    border: 1px solid #DDDDDD;
    float: left;
    height: 134px;
    margin-right: 18px;
    margin-bottom:30px;
    overflow: hidden;
    width: 180px;
}
.webProjects-02 h2{
    font-weight:bold;
    font-size:16px;
    padding:0 0 10px 0;
}
.what-we-do-left p, .page-wrapper p{margin-bottom:10px;}
.howWeDoImg{ }
.wrap{width:1000px; margin:auto; padding-left:130px;}
.howWeDoIt, .employmentStages{width:150px; padding:5px; float:left; margin-right:10px; font-size:11px;}
.howWeDoIt span{margin-bottom:10px;}
.node{
    float:left;
    width:300px;
    margin-right:30px;
}
.contentImgWrap{width:491px; margin:18px auto;}
.serviceSets{
    width:242px;
    color:#000;
    float:left;
    margin-right:60px;
    height:400px;
}
.serviceSets h2{
    padding:0;
    margin-top:15px;
    letter-spacing:-1px;
}
.serviceSets-2{
    width:180px;
    color:#000;
    float:left;
    margin-right:35px;
    height:400px;
}
.serviceSets-2 img
{
    margin-left:-15px;}
.serviceSets-2 h2{
    padding:0;
    margin-top:15px;
    padding-bottom:20px;
    letter-spacing:-1px;
}
.title{
    padding:0;
    margin-bottom:10px;
}
.terms-table p
{
    font-size:11px;}
.terms-table ul{padding-bottom:10px;}
.terms-table h3
{
    padding-bottom:2px;
    font-size:14px;}
.terms-list li{
    list-style-type: disc;
    margin-left: 20px;
    }
 .list-bulet ul li{padding-left:20px;}
.announcement-info{width:439px;
}
.floatLeft{float:left;}
.floatRight{float:right;}
.applyFail{
    width:310px;
    background:#ea1b1b;
    padding:2px;
    margin-left: 20px;
}
.applySuccess{
    background: #009FE3;
    margin-left: 20px;
    margin-top: 85px;
    padding: 2px;
    width: 310px;
}
.contactSuccess{
    background: #009FE3;
    margin-top: 20px;
    padding: 2px;
}
.applyFail div, .applySuccess div{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 12px/18px "Trebuchet MS",helvetica,arial,verdana,sans-serif;
    padding: 5px 0;
    text-align: center;
    width: 310px;
}
.contactSuccess div{background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 12px/18px "Trebuchet MS",helvetica,arial,verdana,sans-serif;
    padding: 5px 0;
    text-align: center;}
/* career cute editor customization */
.career-list{
    
    }
.career-list li{
    padding-left:0px !important;
    margin-left:20px;
    list-style-type:disc;
    padding-bottom:5px;
    }
.default-clients-span{
    float: left; 
    text-transform: uppercase; 
    font-size: 11px; 
    color: #666; }
/* == iPad/iPhone [portrait + landscape] == */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    .home-header-holder {
    height: 446px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1020px;}
    .logo-holder {
    float: left;
    height: 45px;
    padding-left: 20px;
    width: 300px;}
    .default-clients-span{
    float: left; 
    text-transform: uppercase; 
    font-size: 11px; 
    color: #666; 
    padding-left:10px;}
}
@media only screen and (max-device-width: 480px) {
	.home-header-holder {
    height: 446px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1020px;}
    .logo-holder {
    float: left;
    height: 45px;
    padding-left: 20px;
    width: 300px;}
    .default-clients-span{
    float: left; 
    text-transform: uppercase; 
    font-size: 11px; 
    color: #666; 
    padding-left:10px;}
}