body {font-family: Helvetica}
h1, h4 {color: #1270a4}


/**** Header ****/
/****************/
nav li a {color: #fff}
.navbar-default .navbar-nav > li.selected > a {color: #333333}

nav ul.navbar-nav {margin: 5px 0 0 0;
    text-transform: uppercase;}
@media (min-width: 992px) and (max-width: 1200px) {
    nav ul.navbar-nav {font-size: 11px}
}
.navbar-brand {padding: 0;}
.navbar > .container .navbar-brand, .container > .navbar-header {margin-left: 0px;}

.mainLogo {background: url('/images/pharmatec-logo.png?v=1') 0 0 no-repeat; width: 200px; height: 38px; margin: 10px 0 10px 0;}
.mainLogo a {display: block; width: 100%; height: 100%; color: #fff; text-decoration: none}


/**** Footer ****/
/****************/
footer {margin: 50px 0 10px 0; font-size: 12px;}
footer .seal {float: right}


/**** Home ****/
/****************/
.mainPanel {margin-top: 25px; border: 0;}
.mainPanel .panel-body {
    padding-top: 10%;
    background-image: url('/images/home-bg.png');
    background-size: cover;
    -moz-background-size: cover;  /* Firefox 3.6 */
    background-position: center;  /* Internet Explorer 7/8 */}
.mainPanel h1, .mainPanel h3 {font-size: 1.6em; width: 100%; text-align: center; color: #000}
.mainPanel h3 {margin-top: 15px; color: #006699; margin-bottom: 10%}

.thumbnail {border: 0;}
.thumbnail h3 {width: 100%; text-align: center; text-transform: uppercase; color: #000; font-weight: normal; font-size: 1.3em;}
.thumbnail h3 span {font-weight: bold; }

#homePartners {width: 100%; background:url("/images/inside-partners-bg.jpg") 0 0 repeat-x;}
#homePartners .partners {list-style: none; width: 100%; padding: 0; margin: 0;}
#homePartners .partners li {float: left; width: 140px; height: 60px; padding-top: 10px; text-align: center}
h4.homePartner {margin: 50px 0 10px 1%; color: #006699;}
#homePartners .hr-arrow {background: url('/images/partners-hr-arrow.png') 35px 0px no-repeat; padding-top: 5px;}

.panel-30yrs {background-color: #49bcec; text-align: center; color:#fff}
.panel-30yrs h2 {margin-top: 30px;}
.panel-30yrs img {width: 150px}
.panel-30yrs .colR {text-align: right}
.panel-30yrs .colL {text-align: left}

@media (max-width: 320px) {
    #homePartners .partners li {width: 100%;}
    h4.homePartner {width: 100%; margin-left: 0; text-align: center}
    .contactBtn {margin-left: 55px;}
}
@media (max-width: 480px) {
    footer {text-align: center;}
    footer .seal {clear: both; display: block; width: 100%;}
    .NLH {margin: 0 auto;}
    
    .panel-30yrs .colR,.panel-30yrs .colL {text-align: center}
    .panel-30yrs h2 {margin-top: 15px;}

}
@media (min-width: 480px) {
    #main {min-height: 400px;}
}

/**** About Us ****/
/*****************/
#aboutus figure img, #main figure img {margin: 5% auto;}
h2.highlight {color: #66ccff; padding: 20px 10px; font-size: 1.4em; text-align: center; border-top: 2px solid #616161; border-bottom: 2px solid #616161;}

#main h1 {margin-bottom: 25px;}
#main #homePartners {margin: 15px 0 15px 0}
#main #homePartners li {height: 110px;}
#main #homePartners p {font-size: 10px;}
.partnersSection {margin-top: 25px}

.subNav {margin-top: 25px;}
.subNav .container {padding: 0}
.subNav img {opacity: 0.7}
.subNav img.selected, .subNav img:hover {opacity: 1}
.subNav a:hover {text-decoration: none;}
.insidePage {text-align: justify}

.NLH {text-align: center; width: 250px;}

.contactBtn {float: left; width: 82px; height: 82px; background-image: url('/images/buttons-sprite.png'); color: #fff; text-align: center; padding-top: 40px;}
.emailBtn {background-position: -82px 0; margin-left: 15px;}

/**** Contact Us ****/
/****************/
.contactPage .map {margin-top: 25px}
.contactPage h1 {font-size: 1.5em}