@import url("cms/cmslayout.css");

body {
    font-family: "Open Sans", sans-serif;
    background: #e9e9e9;
    text-align: center;
    padding: 0;
    margin: 0;
}

/* Navigation */
#nav {
    width: 500px;
    float: right;
    padding: 40px 0 0;
}

#nav ul,
#nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav ul li {
    float: left;
}

#nav ul li a {
    width: 80px;
    height: 80px;
    float: left;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    color: black;
}

#nav ul li a.solutions  { background: url('images/menu-solutions.gif') no-repeat; }
#nav ul li a.services   { background: url('images/menu-services.gif') no-repeat; }
#nav ul li a.software   { background: url('images/menu-software.gif') no-repeat; }
#nav ul li a.support    { background: url('images/menu-support.gif') no-repeat; }
#nav ul li a.solutions:hover, #nav ul li a.solutions.navcurrent   { background: url('images/menu-solutions-hover.gif') no-repeat; }
#nav ul li a.services:hover,  #nav ul li a.services.navcurrent    { background: url('images/menu-services-hover.gif') no-repeat; }
#nav ul li a.software:hover,  #nav ul li a.software.navcurrent    { background: url('images/menu-software-hover.gif') no-repeat; }
#nav ul li a.support:hover,   #nav ul li a.support.navcurrent     { background: url('images/menu-support-hover.gif') no-repeat; }

#nav ul li a:hover,
#nav ul li a.navcurrent {
    text-decoration: none;
}

#nav .equals {
    width: 60px;
    height: 80px;
    background: url('images/menu-equals.gif') no-repeat;
}

#nav .plus {
    width: 60px;
    height: 80px;
    background: url('images/menu-plus.gif') no-repeat;
}

/* Breadcrumbs */
#breadcrumbs {
    padding: 4px 0 0 10px;
    height: 16px;
    margin: 0 10px 0;
    font-size: 11px;
    line-height: 11px;
    background-color: #f0f4f7;
    border-radius: 0 0 2px 2px;
}

/* Footer */
#footer-menu {
    background: black;
}

#footer-menu-margin {
    width: 960px;
    margin: 0 auto;
}

#footer-menu ul,
#footer-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer-menu ul li {
    float: left;
}

#footer-menu ul li a {
    float: left;
    margin: 16px 0;
    padding: 0 16px;
    text-decoration: none;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    color: white;
    border-left: 1px solid #C00;
}

#footer-menu ul li a:hover {
    color: #ccc;
}

#footer-menu li:first-child a {
    border-left: none;
    padding-left: 0;
}

#footer-wrapper {
    margin: 0 auto;
}

#footer {
    width: 960px;
    margin: 0 auto;
    position: relative;
    height: 90px;
}

#footer-margin {
    text-align: left;
    padding: 40px 0;
}

#cms #footer h4 {
    color: #4d4d4d;
}

#cms #footer p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 18px;
}

#cms .social-links a {
    width: 30px;
    height: 26px;
    display: inline-block;
}

#cms .social-links .facebook { background: url('images/facebook.png') no-repeat left top; }
#cms .social-links .twitter  { background: url('images/twitter.png') no-repeat left top; }
#cms .social-links .google   { background: url('images/googleplus.png') no-repeat left top; }
#cms .social-links .linkedin { background: url('images/linkedin.png') no-repeat left top; }
#cms .social-links .email    { background: url('images/email.png') no-repeat left top; }

#cms .social-links .facebook:hover { background: url('images/facebook-hover.png') no-repeat left top; }
#cms .social-links .twitter:hover  { background: url('images/twitter-hover.png') no-repeat left top; }
#cms .social-links .google:hover   { background: url('images/googleplus-hover.png') no-repeat left top; }
#cms .social-links .linkedin:hover { background: url('images/linkedin-hover.png') no-repeat left top; }
#cms .social-links .email:hover    { background: url('images/email-hover.png') no-repeat left top; }