
a {}

.boxlayout, .content_left, .content_right, .portfolio_one .info, .box_portfolio, .bg2, .content_fixed_background, .content_left_without_background #boxes .block, .portnav ul.list li.box, .menu ul li ul, .services_home .box .readMoreButton, #load_more, #filteroptions .menufilter{
    border: 1px solid white;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#f4f4f4), color-stop(0%, #f0f0f0), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
    background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f4f4f4');
    -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
    behavior: url(PIE.htc);
}
.boxportfolio{
    border: 1px solid white;
}
.box_portfolio:hover, .content_left_without_background #boxes .block:hover {
    
    background:#fff !important;
    
}
#filteroptions .menufilter{color:#555 !important}

.content_one .block .two_columns{border-bottom: 1px solid #c9c9c9;border-top: 1px solid #fff;}
.content_one .block .two_columns:nth-child(2){border-bottom:none !important}
.content_one .block .four_columns{border-top: 1px solid #fff; border-bottom:1px solid #c9c9c9}
.with_borders{border-top: 1px solid #c9c9c9; border-bottom:1px solid #fff}
.with_borders:first-child{border-top:none !important}
.content_one .block .four_columns .column{ border-left: 1px solid #c9c9c9; border-right:#fff}
.content_one .block .four_columns .column:first-child{border-left:none; border-right: 1px solid #fff;}
.content_one .block .four_columns .column:last-child{border-right:none; border-left: 1px solid #c9c9c9;}
.content_one .block .three_columns{border-top: 1px solid #fff; border-bottom:1px solid #c9c9c9}


.services_home .box .readMoreButton a{color:#555555 !important}
.portfolio_one .info .first_column{border-right: 1px solid #fff;}
.portfolio_one .info .first_column .block {border-right: 1px solid #c9c9c9;}
.portfolio_one .info .first_column .block:nth-child(1) {border-bottom: 1px solid #c9c9c9;}
.portfolio_one .info .first_column .block:nth-child(2) {border-bottom: 1px solid #c9c9c9; border-left:1px solid #fff}
.portfolio_one .info .first_column .block:nth-child(3) {border-top:1px solid #fff; }
.portfolio_one .info .first_column .block:nth-child(4) {border-top:1px solid #fff; border-left:1px solid #fff}
/*.navigation .icon{background:url(../images/portolio-menu-bg.png) no-repeat; }*/
.icon .back{background:url('../images/arrowprevious.png') no-repeat center}
.icon:hover .back{background:url('../images/arrowprevious-active.png') no-repeat center}
.icon .next{background:url('../images/arrownext.png') no-repeat center}
.icon:hover .next{background:url('../images/arrownext-active.png') no-repeat center}
.icon .close{background:url('../images/x.png') no-repeat center}
.icon:hover .close{background:url('../images/x-active.png') no-repeat center}
.icon .open{background:url('../images/arrow.png') no-repeat center}
.icon:hover .open{background:url('../images/arrow-active.png') no-repeat center}

.icon .up{background:url('../images/arrow-close.png') no-repeat center}
 /* .icon:hover .up{background:url('../images/arrow-active.png') no-repeat center} * /



/* Begin Menu Style */
#load_more:hover .ico_more{background:url('../images/arrow-active.png') no-repeat center !important}
.menu_border{border-bottom: 1px solid #ececec;}

.arrow_menu{background: url("../images/arrow_menu.png") no-repeat scroll center center transparent;}

.menu li:hover{ border-top-left-radius:2px;border-top-right-radius:2px;behavior: url(PIE.htc);}
.menu ul li ul li{color:#333 !important; border-bottom:1px solid #c0c0c0; border-top:1px solid #fff;}
.menu ul li ul li:hover{background-color:#e6e6e6}
.menu ul li ul li:last-child{border-bottom:none;}
.menu ul li li a{color:#333 !important}
/* End Menu Style */
body, p, span, em, input, textarea, select{color:#777}
h1, h2, h3, .date{color:#555}

/*.fc .img_div{ background-color: #777777;}*/
.twitter h3{ color: #d83f41}
.twitter:hover{color:#2b2b2b !important; cursor:pointer; font-weight:700 !important}
.transparent img:hover{opacity:0.7; behavior: url(PIE.htc);}

.portnav{color:#e1e1e1 !important}

.list_span{background:url('../images/portfolio-list.png') no-repeat center}
.list_span:hover, .active .list_span{background:url('../images/portfolio-list-active.png') no-repeat center}

.all_span{background:url('../images/portfolio-all.png') no-repeat center}
.all_span:hover, .active .all_span{background:url('../images/portfolio-all-active.png') no-repeat center}


.side_content{ border-top:1px solid #fff; border-bottom:1px solid #c9c9c9}
.side_content .contacForm{margin-top:0 !important}
#categories{border-bottom:1px solid #C9C9C9; border-top:1px solid #fff}
#categories ul li:last-child{border-bottom:none !important; padding-bottom:0 !important}
#categories ul li:hover{border-bottom:1px solid #fff !important}
#categories ul li:last-child:hover{border-bottom: none !important}
.side_content .categories hr{border-top:1px solid #c9c9c9;}
.side_content .categories ul li{border-bottom:1px solid #c0c0c0; border-top: 1px solid #fff;}

/* Begin Twitter */
#twitter li {background:url('../images/icon-tweets.png') no-repeat transparent ;}
#twitter ul li a{color:#250a2f}

/* End Twitter */

/* Begin Single Blog Post */
.main_blog_post .info_bar span{color:#909090}
.main_blog_post {border-bottom:1px solid #c0c0c0}
    /* Begin Comments */
    
    .comments h2{border-top: 1px solid #fff; border-bottom: 1px solid #c0c0c0;}
    .comments .comment_container{border-top: 1px solid #fff; border-bottom: 1px solid #c0c0c0;}
    .comments .content span{color:#c0c0c0}

    /* End Comments */
.main_blog_post .quote{line-height:30px !important}
/* End Single Blog Post */

.blocks_of_text{border-bottom: 1px solid #c0c0c0; }
.bordert{border-top: 1px solid #fff; }
.no_border{border:none !important}
.borderbottomno{border-bottom:none !important}

/*   Begin Buttons */
a.spl_btn									{ display:inline-block; padding-left:9px; background-position:left top;  background-repeat:no-repeat; font-size:12px; font-family:'Open Sans'; font-weight:bold; margin:0 20px 20px 0;}

a.spl_btn span								{ display:inline-block; padding-right:9px; background-position:right top; background-repeat:no-repeat; cursor:pointer;}

a.spl_btn span span							{ display:inline-block; background-position:0 top; background-repeat:repeat-x; padding:1px 11px 2px; line-height:29px; cursor:pointer;}



a.spl_btn:hover								{ background-position:left bottom;}

a.spl_btn:hover span						{ background-position:right bottom;}

a.spl_btn:hover span span					{ background-position:0 bottom;}



a.btn_grey									{ background-image:url(../images/btn_grey_lt.png); color:#555555;}

a.btn_grey span								{ background-image:url(../images/btn_grey_rt.png);}

a.btn_grey span span						{ background-image:url(../images/btn_grey_mid.png);}



a.btn_drk_grey								{ background-image:url(../images/btn_drk_grey_lt.png); color:#555555;}

a.btn_drk_grey span							{ background-image:url(../images/btn_drk_grey_rt.png);}

a.btn_drk_grey span span					{ background-image:url(../images/btn_drk_grey_mid.png);}



a.btn_blue_alt								{ background-image:url(../images/btn_blue_alt_lt.png); color:#526069;}

a.btn_blue_alt span							{ background-image:url(../images/btn_blue_alt_rt.png);}

a.btn_blue_alt span span					{ background-image:url(../images/btn_blue_alt_mid.png);}



a.btn_blk									{ background-image:url(../images/btn_blk_lt.png); color:#ffffff;}

a.btn_blk span								{ background-image:url(../images/btn_blk_rt.png);}

a.btn_blk span span							{ background-image:url(../images/btn_blk_mid.png);}



a.btn_blue									{ background-image:url(../images/btn_blue_lt.png); color:#46798d;}

a.btn_blue span								{ background-image:url(../images/btn_blue_rt.png);}

a.btn_blue span span						{ background-image:url(../images/btn_blue_mid.png);}



a.btn_orange								{ background-image:url(../images/btn_orange_lt.png); color:#976539;}

a.btn_orange span							{ background-image:url(../images/btn_orange_rt.png);}

a.btn_orange span span						{ background-image:url(../images/btn_orange_mid.png);}



a.btn_pink									{ background-image:url(../images/btn_pink_lt.png); color:#8e3945;}

a.btn_pink span								{ background-image:url(../images/btn_pink_rt.png);}

a.btn_pink span span						{ background-image:url(../images/btn_pink_mid.png);}



a.btn_green									{ background-image:url(../images/btn_green_lt.png); color:#5e7738;}

a.btn_green span							{ background-image:url(../images/btn_green_rt.png);}

a.btn_green span span						{ background-image:url(../images/btn_green_mid.png);}



a.btn_purple								{ background-image:url(../images/btn_purple_lt.png); color:#7a5776;}

a.btn_purple span							{ background-image:url(../images/btn_purple_rt.png);}

a.btn_purple span span						{ background-image:url(../images/btn_purple_mid.png);}



a.btn_teal									{ background-image:url(../images/btn_teal_lt.png); color:#487b7d;}

a.btn_teal span								{ background-image:url(../images/btn_teal_rt.png);}

a.btn_teal span span						{ background-image:url(../images/btn_teal_mid.png);}


/*  End Buttons*/


/* Begin Toggles */
.toggle-view{border: 1px solid #fff; border-radius: 4px;behavior: url(PIE.htc);}
.toggle-view li .header:first-child{border-bottom:1px solid #fff !important}
.toggle-view li .header{border-bottom:1px solid #fff; border-top:1px solid #fff}
/* End Toggles */

/* Alerts */
.first_alert{background-color: #f36677;}
.first_alert h3{color:#913944 !important}
.second_alert{background-color: #fec352;}
.second_alert h3{color:#913944 !important}
.third_alert{background-color: #474747;}
.third_alert h3{color:#fff !important}
/* End Alerts */

footer{background:url('../images/footerbg.png') repeat-x}
.fc .img_div{-moz-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);}
.box_color span{color:#f4f4f4 !important}
/* Quotes */
.white_quote{background:url(../images/kllapa-white.png) no-repeat }
.black_quote{background:url(../images/kllapa-white.png) no-repeat }
.quote{color:black;font-weight:bold;background-position:left 12px}
/* End Quotes */

/* Blur Effect */
.blur .box_content{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);color: rgba(0, 0, 0, 0);opacity: 0.5;-webkit-transition: opacity 0.5s;-moz-transiurl("C:/Users/Eldo/Desktop/pager_sprite.png")tion: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;behavior: url(PIE.htc)}
.blur img{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);color: rgba(0, 0, 0, 0);opacity: 0.5;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;behavior: url(PIE.htc)}


/* Input */

/* End Input */



.borderTopno{border-top:none !important}
.borderBottomno{border-bottom:none !important}
.box_content .last_column4 .icon_{background:url(../images/shigjeta-bg.png) no-repeat}
.shigjeta{background: url(../images/shigjeta.png) no-repeat center;}
.shigjeta:hover{background:url(../images/shigjeta-active.png) no-repeat center}


.flex-direction-nav li .prev {
    background: url("../images/left_arrow.png") no-repeat scroll 0 0 transparent;
}
.flex-direction-nav li .next {
    background: url("../images/right_arrow.png") no-repeat scroll 0 0 transparent;
}
.flex-control-nav li a {
    background: url("../images/pager_sprite.png") no-repeat scroll 0 0 transparent !important;
}
/* Contact Form */

ul.contacForm								{ }

ul.contacForm li							{ display:block;}

ul.contacForm li .inputBox_2				{ display:inline-block; background:url(../images/name-fild.png) no-repeat left top; width:295px; height:14px; padding:8px 10px !important; }
ul.contacForm li .search{width: 178px;float:left;display:inline-block; background:url(../images/name-fild.png) no-repeat left top; height:14px; padding:8px 10px !important;}
ul.contacForm li .inputBox_2 input			{ background:none; border:0; outline:0; width:290px; height:14px; line-height:14px; font-family:'Open Sans'; font-size:12px; color:#a5a5a5;}
ul.contacForm li .search input			{ background:none; border:0; outline:0; width:290px; height:14px; line-height:14px; font-family:'Open Sans'; font-size:12px; color:#a5a5a5;}

.search_button{background: url(../images/search-button.png) no-repeat 0 0; border:none !important}
.search_button:hover{background: url(../images/search-button-active.png) no-repeat 0 0;}
ul.contacForm li .textbox					{ display:inline-block; background:url(../images/msg-fild.png) no-repeat left top; width:326px; height:118px; padding:8px 10px !important;}

ul.contacForm li .textbox textarea			{ background:none; border:0; outline:0; width:321px; height:118px; min-width:321px; min-height:118px; max-width:321px; max-height:118px; overflow:auto; font-family:'Open Sans';  font-size:12px; color:#a5a5a5;}

ul.contacForm li .inputBtn_2				{ display:inline-block; background:url(../images/button.png) no-repeat left top; width:150px; height:36px;}
ul.contacForm li .inputBtn_2:hover{background:url(../images/button-active.png) no-repeat left top;}
ul.contacForm li .inputBtn_2 input			{ background:none; border:0; outline:0; width:150px; height:36px; line-height:36px;  font-family:'Open Sans'; font-weight:600; font-size:12px; color:#292b36; cursor:pointer;}

.inputBtn_2 span{padding:0 !important}
/* --------- CUSTOME SELECT BOX HERE ----------*/

.dd 										{ font-size:12px;}

.dd .ddTitle 								{ background:url(../images/name-fild.png) no-repeat left top; width:310px; height:30px; padding:0; text-indent:0; cursor:default; overflow:hidden;}

.dd .ddTitle span.arrow 					{ background:url(../images/arrowselect.png) no-repeat 0 0; float:right; display:inline-block; width:33px; height:30px; cursor:pointer;}
.dd .ddTitle span.arrow:hover 					{ background:url(../images/arrowselect-active.png) no-repeat 0 0; float:right; display:inline-block; width:33px; height:30px; cursor:pointer;}
.dd .ddTitle span.textTitle 				{ text-indent:1px; overflow:hidden; display:inline-block; line-height:30px; padding:0 0 0 10px;}

.dd .ddTitle span.textTitle img				{ text-align:left; padding:0 2px 0 0; display:none;}

.dd .ddTitle img.selected 					{ padding:0 3px 0 0; vertical-align:top;}

.dd .ddChild 								{ position:absolute; display:none; border:1px solid #C9C9C9; border-top:0; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#fff;}

.dd .ddChild .opta a, .dd .ddChild .opta a:visited 	{ padding-left:10px}

.dd .ddChild a 								{ display:block; padding:3px 0 3px 10px; line-height:24px; text-decoration:none; color:#a4a4a4; overflow:hidden; white-space:nowrap; cursor:pointer;}

.dd .ddChild a:hover 						{ background:#eee;}

.dd .ddChild a img 							{ border:0; padding:0 2px 0 0; vertical-align:middle;}

.dd .ddChild a.selected 					{ background:#ddd; color:#000;}

.hidden 									{ display:none;}

/* --------------------------------------*/



 .staff{cursor:pointer}
.staff .popup {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
    margin-top: -24px;
    opacity: 0; /* Our element is transparent... */
    padding: 3px 7px;
    position: absolute;
    transition: all 0.4s ease-in-out; /* To add some smoothness */
    behavior: url(PIE.htc);
}
 




/* Styles for the entire LavaLamp menu */
.lavalamp{position:relative}
    /* Force the list to flow horizontally */
    
        /* Represents the background of the highlighted menu-item. */
        .lavalamp li.back {
            background-color:#f4f4f4;
             height: 2px;
            z-index: 8;
            position: absolute;
            margin-top:15px;
            
        }
            .lavalamp li.back .left {
                
                
            }
        /* Styles for each menu-item. */
.portnav ul li.back {
            border: 1px solid white;
            background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#f4f4f4), color-stop(0%, #f0f0f0), color-stop(100%, #f4f4f4));
            background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
            background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
            background-image: -o-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
            background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);
            background-image: linear-gradient(to bottom, #f0f0f0 0%, #f4f4f4 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f4f4f4');
            -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
            -moz-box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
            box-shadow: 0 1px 0 1px rgba(0,0,0,0.1);
            behavior: url(PIE.htc);
            z-index: 8;
            position: absolute;
            
            height:17px;
            z-index:-1;
            color:#555 !important
            
        }
            .portnav ul li.back .left {
                
                height: 17px;
                
                float:left;
                z-index:-1;
                color:#555 !important
                
            }

