body {
    background: url("/res/images/background2.jpg") repeat scroll 0 0 #E1DAC6;
    border-top: 0px solid #1D3040;
    color: #514933;
    font-family: Arial,sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}


img {
    border: 0 none;
}
ul, ol {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
a {
    color: #7E584F;
}
form ul li {
    line-height: 15px;
    margin-bottom: 0;
    padding-bottom: 0.5em;
}
form li label {
    float: left;
    width: 110px;
}
.buttons {
    padding-left: 110px;
}
#content-wrap, #footer {
    margin: 0 auto;
    width: 975px;
}
#content {
    position: relative;
    margin-top: 10px;
}
#content h2 {
    margin-top: 30px;
}
#header {
    background: url("/res/images/header-bg2.jpg") no-repeat scroll 0 30px transparent;
    height: 77px;
    padding-top: 30px;
    position: relative;
    width: 975px;
}
#break {
    padding: 5px 0;
}
#header img#logo {
    left: 0;
    position: absolute;
    top: 5px;
}
#header h1 {
    text-indent: -9999em;
}
#menu {
    bottom: -14px;
    position: absolute;
    right: 8px;
}
#header ul {
    float: right;
}
#header li {
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    height: 25px;
    margin-right: 7px;
    overflow: hidden;
    padding: 43px 7px 0 8px;
    text-transform: uppercase;
}
#header li a {
    color: #345576;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
}
#gallery-wrap {
    /* background: url("/res/images/capitol.jpg") no-repeat scroll 0 0 transparent; */
    background: url("/res/new-images/mpc-middle-main4.jpg") no-repeat scroll 0 0 transparent;
    height: 290px;
    position: relative;
    width: 959px;
}
#gallery-wrap h2 {
    text-indent: -9999em;
}
#gallery-pic img {
    left: 0;
    position: absolute;
    top: 0;
}
#content {
    display: block;
    width: 100%;
}
.first {
    margin-top: 125px;
}
#left {
    float: left;
    padding-right: 10px;
    width: 565px;
}
#left h3 {
    text-align: center;
}

#social-media img {
    margin-right: 5px;
}
#right {
    float: left;
    padding-left: 25px;
    position: relative;
    width: 370px;
}
#social-media {
    padding-bottom: 18px;
}
#social-media p {
    margin-top: 5px;
}
#services {
    background: url("/res/new-images/home-right-container-newer.png") no-repeat scroll 0 0 transparent;
    bottom: -520px;
    height: 500px;
    padding: 0 0 0 15px;
    position: absolute;
    right: 0;
    width: 369px;
}
#services h3 {
    margin-bottom: 10px;
}
#services p {
    font-weight: bold;
    line-height: 115%;
    margin-top: 0;
    padding: 0 30px 0 0;
}
#services span {
    color: #555555;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}
#view-more {
    bottom: -420px;
    position: absolute;
    right: 15px;
}
#interior-back {
    background: url("/res/images/interior-bg.png") no-repeat scroll 13px 0 transparent;
    height: 100%;
}
.staff-page {
    padding: 2px 50px 0;
}
#interior-content {
    padding: 20px 50px 0;
}
img#team, img#team-01, img#team-02, img#team-02a, img#team-03, img#team-06, img#team-08, img#team-09, img#team-10, img#team-new-01, img#team-new-02, img#team-new-03, img#team-new-04, img#team-new-04-a, img#team-new-05, img#team-new-06, img#team-21, img#team-22, img#team-23, img#team-24, img#team-25 {
    position: absolute;
    right: 5px;
}
img#team {
    top: 0;
}
img#team-01 {
    top: 280px;
}
img#team-02 {
    top: 580px;
}
img#team-03 {
    top: 4500px;
}
img#team-05 {
    top: 1400px;
}
img#team-04 {
    top: 1860px;
}
img#team-new-04-a {
    top: 590px;
}
img#team-06 {
    top: 4100px;
}
img#team-new-06 {
    top: 1200px;
}
img#team-07 {
    top: 2780px;
}
img#team-08 {
    top: 1950px;
}
img#team-09 {
    top: 3700px;
}
img#team-10 {
    top: 2600px;
}
img#team-21 {
    top: 1700px;
}
img#team-22 {
    top: 3700px;
}
img#team-new-02 {
    top: 2900px;
}
img#team-new-01 {
    top: 2250px;
}
img#team-new-04 {
    top: 900px;
}
img#team-new-03 {
    top: 3300px;
}
img#team-new-05 {
    top: 1460px;
}
#interior-content h3 {
    color: #345576;
    font-size: 130%;
    font-weight: normal;
    letter-spacing: 0.25em;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
}
#interior-content p {
    margin-bottom: 20px;
    margin-top: 5px;
}
#interior-left {
    float: left;
    position: relative;
    width: 425px;
}
.article-port {
    float: left;
    margin: 8px 10px;
}
#interior-right {
    float: left;
    padding-left: 25px;
    padding-top: 135px;
    position: relative;
    width: 425px;
}
.portfolio {
    padding-top: 165px !important;
}
#interior-right img#newspapers {
    position: absolute;
    right: 0;
    top: -105px;
}
.profile {
    border-bottom: 1px dotted #796E5B;
    margin: 0 auto;
    padding: 40px 20px 20px;
    width: 875px;
}
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
}
.image {
    float: left;
    height: 200px;
    width: 160px;
}
.image p {
    color: #345576;
    font-size: 100%;
    font-weight: bold;
}
.image span {
    color: #555555;
    font-size: 80%;
    font-style: italic;
    font-weight: normal;
}
.title {
    float: left;
    padding-left: 25px;
    padding-top: 5%;
    width: 150px;
}
.title p {
    color: #345576;
    font-size: 110%;
    font-weight: bold;
}
.title p span {
    color: #555555;
    font-size: 80%;
    font-style: italic;
    font-weight: normal;
}
.info {
    float: left;
    padding-left: 25px;
    width: 400px;
}
#port-wrap {
    margin-top: 20px;
    width: 875px;
}
.port {
    float: left;
    height: 170px;
    margin: 0;
    padding: 2px;
}
#port-gallery {
    margin-top: 20px;
}
#contact-left {
    float: left;
    padding-right: 20px;
    width: 529px;
}
#contact-left p {
    margin-top: 0;
    padding-top: 0;
}
#contact-right {
    float: left;
    position: relative;
    width: 426px;
}
#contact-right img#post-card {
    position: absolute;
    right: 0;
    top: -90px;
}
#footer-wrap {
    background: none repeat scroll 0 0 #1D3040;
    height: 70px;
    width: 100%;
}
#footer {
    color: #E4DAC5;
    font-size: 14px;
}
#footer a {
    color: #E4DAC5;
    text-decoration: none;
}
#footer p#primary-copyright {
    padding-top: 15px;
    margin-bottom: 5px;
}
#footer p {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}
#backgroundPopup {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #CECECE;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#popupContact {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CECECE;
    display: none;
    font-size: 13px;
    height: 384px;
    padding: 12px;
    position: absolute;
    width: 408px;
    z-index: 2;
}
#popupContact h1 {
    border-bottom: 1px dotted #D3D3D3;
    color: #6FA5FD;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 2px;
    text-align: left;
}
#popupContactClose {
    color: #6FA5FD;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    position: absolute;
    right: 6px;
    top: 4px;
}
#button {
    margin: 100px;
    text-align: center;
}

/* NEW STYLES 
=============
Author: Toni
=============
*/

/* Notes:

    ~ Rmoved styles associated with '#intro' id.
    ~ Font size for the '#footer' was increased, deleted '#footer a' font size 

*/

#home-video {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    height: 317px;
    margin: 20px 0;
}
p.introduction {
    color: #3E3E3E;
    font-size: 17px;
    line-height: 24px;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 300px;
}
.sub-footer-wrap {
    background: #7e7e7e;
    background: none repeat scroll 0 0 rgba(126,126,126,0.4);
    width: 100%;
    float: left;
    -moz-box-shadow: 0 0 5px #B8B19C inset;
    -webkit-box-shadow: 0 0 5px #B8B19C inset;
    box-shadow: 0 0 5px #B8B19C inset;
    padding: 15px 0 20px 0;
    margin-top: 80px;
}
.sub-footer-wrap2 {
    background: #c8c8c8;
    
    width: 100%;
    float: left;
    -moz-box-shadow: 0 0 5px #c8c8c8 inset;
    -webkit-box-shadow: 0 0 5px #c8c8c8 inset;
    box-shadow: 0 0 5px #c8c8c8 inset;
    padding: 15px 0 20px 0;
    margin-top: 20px;
}
.sub-footer {
    width: 975px;
    margin: 0 auto;
}
.awards {
    width: 600px;
    float: left;
    color: #424242;
}
.pinterest {
    width: 335px;
    float: left;
    margin-left: 30px;
}
.awards p strong {
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    color: #514933;
}
.awards p {
    font-style: italic;
    line-height: 23px;
}
.awards li {
    background: url("/res/new-images/dark-star.png") no-repeat scroll 0 3px transparent;
    padding: 0 0 8px 18px;
}
.gallery-wrap {
    position: relative;
}
.social-media-links {
    width: 959px;
    margin: 0 auto;
    position: relative;
    height: 45px;
}
.social-media-links ul {
    position: absolute;
    top: 0;
    right: 0;
}
.social-media-links li {
    float: left;
    margin-left: 5px;
    text-transform: uppercase;
}
.social-media-links li.text-li {
    padding-top: 8px;
    padding-right: 2px;
}
.social-media-links li a {
    background: url("/res/new-images/social-media2.png") no-repeat 0 0;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -99999em;
}
.social-media-links li.facebook a { background-position: 0 0; }
.social-media-links li.twitter a { background-position: -32px 0; }
.social-media-links li.pinterest-icon a { background-position: -64px 0; }
.social-media-links li.youtube a { background-position: -96px 0; }
.social-media-links li.instagram a { background-position: -128px 0; }

.interior-left-ext {
    width: 592px !important;
    float: left;
}
.interior-left-ext img {
    width: 120px;
    /* width: 130px; */
    border: 4px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.interior-left-ext img:hover {
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
    z-index: 1000;
    position: relative;
}
.portfolio {
    width: 300px !important;
    float: left !important;
}
.interior-content-no-right-padding { padding: 20px 13px 0 43px !important; padding-left: 43px !important;}

.right-col {
    float: left;
    margin-left: 39px;
    width: 287px;
}
.sidenav {
    margin-top: 20px;
}
.sidenav ul {
    list-style-type: none;
    padding: 0;
}
.sidenav ul li {
    margin: 0 0 5px;
    padding: 0;
}
.sidenav a {
    background: url("/res/new-images/inactive-arrow.png") no-repeat scroll left top transparent;
    color: #345576;
    display: block;
    font-size: 17px;
    margin-left: 25px;
    padding: 10px 5px 10px 35px;
    text-decoration: none;
}
.sidenav li#active a {
    background: url("/res/new-images/active-arrow.png") no-repeat scroll left top transparent;
    border-bottom: medium none;
    border-left: medium none;
    color: #FFFFFF;
    font-weight: normal;
    margin-left: -5px;
    padding: 10px 5px 18px 30px;
    text-transform: uppercase;
}
.sidenav li.heading-active a {
    background: url("/res/new-images/heading.png") no-repeat scroll left top transparent !important;
}
.sidenav li#active {
    margin-bottom: 0;
    margin-top: 8px;
}
/* .mp3 {
    background: url("/res/new-images/mp3.jpg") no-repeat scroll 4px 4px #FFFFFF;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    display: block;
    height: 133px;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    width: 128px;
} */
.mp3 {
    background: url("/res/new-images/mp3.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 124px;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    width: 260px;
    margin-bottom: 10px;
}
.mp3 object {
    bottom: 17px;
    left: 24px;
    position: absolute;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=9);
}
.mp3 object:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=1);
}
p.desc-new {
    padding-left: 130px;
}
p.desc-new strong {
    display: block;
    margin-bottom: 10px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

.hover-item {
	
}

.hover-item:hover {
	background-color: #1C364E;
	color: #3e3e3e;
}