.box h3 {
    position: relative;
    height: 27px;
    padding: 3px 5px 0px 7px;
}
    .box h3 a {
        float: right;
        font-size: 10px;
        font-weight: bold;
        text-transform: lowercase;
        margin-top: -2px;
    }
    .box h3 span.arrow {
        position: absolute;
        display: block;
        width: 15px; height: 30px;
        top: 0px;
    }
    .box.arrow_left h3 span.arrow {
        background-image: url('boxes/arrow-left-black.png');
        left: -15px;
    }
    .box.arrow_right h3 span.arrow {
        background-image: url('boxes/arrow-right-black.png');
        right: -15px;
    }
    
    .box.arrow_left h3.home_bg span.arrow,
    .box.arrow_left h3.about_bg span.arrow { background-image: url('boxes/arrow-left-blue.png'); }
    .box.arrow_right h3.home_bg span.arrow,
    .box.arrow_right h3.about_bg span.arrow { background-image: url('boxes/arrow-right-blue.png'); }
    
    .box.arrow_left h3.solutions_bg span.arrow { background-image: url('boxes/arrow-left-red.png'); }
    .box.arrow_right h3.solutions_bg span.arrow { background-image: url('boxes/arrow-right-red.png'); }
    
    .box.arrow_left h3.services_bg span.arrow { background-image: url('boxes/arrow-left-green.png'); }
    .box.arrow_right h3.services_bg span.arrow { background-image: url('boxes/arrow-right-green.png'); }
    
    .box.arrow_left h3.partners_bg span.arrow { background-image: url('boxes/arrow-left-yellow.png'); }
    .box.arrow_right h3.partners_bg span.arrow { background-image: url('boxes/arrow-right-yellow.png'); }
    
    .box.arrow_left h3.news_bg span.arrow { background-image: url('boxes/arrow-left-purple.png'); }
    .box.arrow_right h3.news_bg span.arrow { background-image: url('boxes/arrow-right-purple.png'); }

.box .navigation a {
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: 6px 6px;
}
    .box .navigation.with_icons a { padding-left: 40px; }
    .box .navigation .link:hover, .box .navigation .link.selected { background-image: url('colors/transparent-black.png'); }
    .box .navigation .link.selected a { text-decoration: none; }

.body_image { line-height: 0px; }


/* GRID NAV (for partners) */
.grid_navigation .link_container, 
.grid_navigation a.link { width: 110px; height: 50px; }
.grid_navigation .link_container {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.grid_navigation .link_container a.link {
    display: table-cell;
    vertical-align: middle;
    
    overflow: hidden;
    
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    
    text-align: center;
    color: #FFF;
    font-weight: boldv;
}
.grid_navigation a.link:hover, 
.grid_navigation a.link.selected { background-image: url('colors/transparent-black.png'); }

/* overview page (larger grid) */
.grid_navigation.overview .link_container, 
.grid_navigation.overview a.link { width: 180px; height: 80px; }

.grid_navigation.overview a.link { color: #000; }
.grid_navigation.overview .link_container { margin-right: 30px; }
.grid_navigation.overview a.link:hover { background-image: url('colors/transparent-gray.png'); }