/*Color-7*/

/*button*/
.button:hover {background-color: #0772b8;}


/*blockquote*/
blockquote{border-left: 3px solid #0772b8;}

/*dropcap*/
.dropcap {background: #0772b8;}

/*Toggle*/
#toggle-view span {background:#0772b8;}

/*back to top button*/   
#back-top a:hover span {background-color: #0772b8;}

/* =============================================================================
   HOVER IMAGE PORTFOLIO
   ========================================================================== */
.view-info-portfolio a.info:hover {
	background: #0772b8 url(../img/link-portfolio.png) no-repeat center center;
}
.view-info-portfolio a.view-item:hover {
	background: #0772b8 url(../img/view-portfolio.png) no-repeat center center;
}
.view-col2 .mask-1, .view-col2 .mask-2 {background:  rgba(7,114,184, 0.3);}
.view-col3 .mask-1, .view-col3 .mask-2 {background:  rgba(7,114,184, 0.3);}
.view-col4 .mask-1, .view-col4 .mask-2 {background:  rgba(7,114,184, 0.3);}
.view a.info:hover {background: #0772b8;}
/* =============================================================================
   PORTFOLIO ( 2 3 4 ) COLUMNS
   ========================================================================== */
.our-portfolio-col:hover #our-portfolio-col-info{border-bottom: 2px solid #0772b8} 
#portfolio-filter li a:hover {background: #0772b8;}
.selected-item{background: #0772b8 !important}
/* =============================================================================
   Header - Logo & Menu 
   ========================================================================== */
.logo {
	background-image: url(../img/logo-color/logo-1b.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* =============================================================================
   NAVIGATION MENU
   ========================================================================== */
.slected-menu{background: #0772b8;}
#main-navigation ul li a:hover, #main-navigation ul li.current-menu-ancestor > a {
	background-color: #CCCCCC;
}
#main-navigation ul li a#visited {
	background: #0772b8;
}

#main-navigation ul ul li, #main-navigation ul ul li a {
	background: rgba(7,114,184, 0.7);
}
#main-navigation ul ul li a {
border-bottom: 1px solid #56a2d3;
}
/* =============================================================================
   BREADCRUMB
   ========================================================================== */
.beadcrumb-title{background: url(../img/beadcrumb-color/beadcrumb-7.png) no-repeat left center;}
.breadcrumbs ul li a:hover{color: #0772b8;}

/* =============================================================================
   Home - Service 
   ========================================================================== */
.service-home a{
	color: #000033;
}
/* =============================================================================
   About us - Our Team
   ========================================================================== */
.our-team-col:hover .our-team-col-info{border-bottom: 2px solid #0772b8} 
/* =============================================================================
   About us - Progress Bars Our Skill
   ========================================================================== */
.meter > span {
	background-color: #0772b8;
}
/* =============================================================================
   About us - Services
   ========================================================================== */
.service-menu li:hover .service-icon{
    color: #0772b8;
}
.service-menu li:hover .service-main{
    color: #0772b8;
}
.service-menu li:hover .service-sub{
    background-color: #0772b8;
}

/* =============================================================================
   Blog - Blog list
   ========================================================================== */
#blog-list ul li .blog-title a:hover{color: #0772b8}

#blog-info-wraper{border-left: 3px solid #0772b8;}
#blog-info-wraper a:hover{color: #0772b8}


/* =============================================================================
   Contact Form
   ========================================================================== */

#contact-form input[type="submit"]:hover{ background: #0772b8}

/* =============================================================================
   Sidebar
   ========================================================================== */

/* Sidebar - Categories */
.sidebar-categories ul li a:hover{ color: #0772b8;}

/* Sidebar - Recent post */
.sidebar-recent-post ul li a:hover{ color: #0772b8;}

/* Sidebar - Tags */
.sidebar-tags ul li a:hover{ background: #0772b8;}

/* Sidebar - Tabs */
#tab .nav li a.current{border:1px solid #0772b8;background: #0772b8;}

#tab #comment span a:hover{ color:#0772b8;}

#tab #archive li a:hover{ color:#0772b8; }

/* =============================================================================
   Search form 
   ========================================================================== */
.searchform .searchbutton{
	background: #0772b8;
}

/* =============================================================================
   Pagination
   ========================================================================== */
.pagination ul li a.select{background: #0772b8;}
.pagination ul li a:hover{ background: #0772b8;}

/* =============================================================================
   FOOTER
   ========================================================================== */

.widget a:hover{color: #0772b8; }

.footer-copyright a{color:#0772b8;}
/* =============================================================================
   jBar Plugin Styles
   ========================================================================== */
.jBar {
	border-bottom:5px solid #0772b8;
}/* ==========================================================================
   Mosaic Style
   ========================================================================== */
	
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:#0772b8 url(../img/hover-magnify.png) no-repeat center center ;
}
#related ul li:hover a{color: ##0772b8}