/* ----- BODY ----- */

html {
height: 100%;
}

body {
background-color: #000000;
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;

}

/* ----- SELECTION Colors ----- */

*::selection { background: #CC0033; color:#FFFFFF; /* Safari */ }
*::-moz-selection { background: #CC0033; color:#FFFFFF; /* Firefox */ }
*::-webkit-selection { background: #CC0033; color:#FFFFFF; /* Webkit */ }

/* ----- Lazy Load Colors ----- */

.colorCC0 {color:#CC0033 !important;}
.color888 {color:#888888 !important;}
.underlineCC0 {color:#CC0033 !important; border-bottom: 2px solid #CC0033;}
.underlineff6 {color:#ff6666 !important; border-bottom: 2px solid #ff6666;}

/* ----- WRAPPERS & CONTAINERS ----- */

#wrapper {
background-color: #FFFFFF;
padding: 0px 0px 30px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #000000;
}

#content-container {
width: 900px;
margin: 0 auto;
}

#content-wrapper {
width: 900px;
background-color: #FFFFFF;
background: url(../../_img/site/body-bg.png) repeat-y; /* IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE. */
clear: both;
margin-left: auto; /* THIS WILL CENTER THE SITE. */
margin-right: auto; /* THIS WILL CENTER THE SITE. */
overflow: hidden; /* USE THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY. */
}

/* ----- TOP NAVIGATION - Wrapper ----- */

#topnav-wrapper {
display: block;
width: 900px;
height: 60px;
float: left;
margin: 40px 0px 0px 0px;
}

#topnav-wrapper-secondary {
display: block;
width: 900px;
height: 60px;
float: left;
border-bottom: 4px solid #888888;
margin: 40px 0px 0px 0px;
}

/* ----- TOP NAVIGATION - Main Nav ----- */

#topnav-Left {
display: block;
width: 700px;
height: 60px;
float: left;
}

#logo-main a {
display: block;
width: 150px;
height: 60px;
float: left;
background: url(../../_img/site/logo-main.png);
}

#topnav-col-first {
display: block;
height: 43px;
float: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 1.1em;
padding: 17px 20px 0px 0px;
}

#topnav-col-first a {
color: #888888;
text-decoration: none;
}

#topnav-col-first a:hover {
color: #CC0033;
text-decoration: none;
border-bottom: 2px solid #CC0033;
}

#topnav-col {
display: block;
height: 43px;
float: left;
background: url(../../_img/site/topnav-div.png) left no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
padding: 17px 20px 0px 20px;
}

#topnav-col a {
color: #888888;
text-decoration: none;
}

#topnav-col a:hover {
color: #CC0033;
text-decoration: none;
border-bottom: 2px solid #CC0033;
}

#topnav-col-last {
display: block;
height: 43px;
float: left;
background: url(../../_img/site/topnav-div.png) left no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
padding: 17px 0px 0px 20px;
}

#topnav-col-last a {
color: #CC0033;
text-decoration: none;
border-bottom: 2px solid #CC0033;
}

#topnav-col-last a:hover {
color: #CC0033;
text-decoration: none;
border-bottom: 2px solid #CC0033;
}

/* ----- TOP NAVIGATION - Social Buttons ----- */

#topnav-right {
display: block;
width: 94px;
height: 28px;
float: right;
padding: 11px 10px 21px 0px;
}

#facebook a {
display: block;
width: 32px;
height: 28px;
float: left;
background: url(../../_img/site/facebook.png);
}

#facebook a:hover {
background: url(../../_img/site/facebook.png) no-repeat 0 -28px; 
}

#twitter a {
display: block;
width: 32px;
height: 28px;
float: left;
background: url(../../_img/site/twitter.png);
}

#twitter a:hover {
background: url(../../_img/site/twitter.png) no-repeat 0 -28px; 
}

#linkedin a {
display: block;
width: 30px;
height: 28px;
float: left;
background: url(../../_img/site/linkedin.png);
}

#linkedin a:hover {
background: url(../../_img/site/linkedin.png) no-repeat 0 -28px; 
}

/* ----- HEADER IMAGE ----- */

#imgban-home {
display: block;
width: 900px;
margin: 0px 0px 20px 0px;
}

/* ----- HOME BOX LUNCH A ----- */

#homebox-a {
display: block;
width: 210px;
float: left;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}

#homebox-a h2 {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 2.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}

#homebox-a h2 a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: none;
}

#homebox-a h2 a:hover {
color: #CC0033;
text-decoration: underline;
}

#homebox-a p {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
text-align: left;
margin: 0px 0px 10px 0px;
}

#homebox-a p a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: underline;
}

#homebox-a p a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- HOME BOX LUNCH B ----- */

#homebox-b {
display: block;
width: 210px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#homebox-b h2 {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 2.5em;
text-align: left;
margin: 0px 0px 0px 0px;
}

#homebox-b h2 a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: none;
}

#homebox-b h2 a:hover {
color: #CC0033;
text-decoration: underline;
}

#homebox-b p {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
text-align: left;
margin: 0px 0px 10px 0px;
}

#homebox-b p a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: underline;
}

#homebox-b p a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- SECONDARY COLUMNS - LEFT ----- */

#sidebar {
display: block;
width: 262px;
float: left;
border-bottom: 1px solid #CCCCCC;
margin: 20px 0px 0px 0px;
padding: 0px 15px 15px 0px;
}

#sidebar ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sidebar li {
color: #888888;
text-decoration: none;
}

#sidebar li a {
color: #888888;
text-decoration: none;
}

#sidebar li a:hover {
color: #CC0033;
text-decoration: none;
border-bottom: 2px solid #CC0033;
}

#sidebar p {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#sidebar p a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: underline;
}

#sidebar p a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- SECONDARY COLUMNS - RIGHT ----- */

#content {
display: block;
width: 607px;
float: left;
border-left: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

#content h1 {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-align: left;
margin: 20px 0px 10px 0px;
}

#content h2 {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 14px;
font-style: normal;
font-weight: bold;
line-height: 1.4em;
text-align: left;
}

#content p {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
text-align: left;
}

#content p a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: underline;
}

#content p a:hover {
color: #CC0033;
text-decoration: underline;
}

#content ul {
font-family: Arial, Helvetica, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
list-style-image: url(../../_img/site/list-style.gif);
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 17px;
line-height: 1.4em;
}

#content li {
color: #888888;
text-decoration: none;
}

#content li a {
color: #888888;
text-decoration: underline;
}

#content li a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- THUMBNAILS FOR SCONDARY PAGES ----- */

/* ----- Box A ----- */

#secondarybox-a {
display: block;
width: 192px;
float: left;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}

#secondarybox-a h2 {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 1.2em;
text-align: left;
margin: 0px 0px 10px 0px;
}

#secondarybox-a h2 a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: none;
}

#secondarybox-a h2 a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- Box B ----- */

#secondarybox-b {
display: block;
width: 192px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#secondarybox-b h2 {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 1.2em;
text-align: left;
margin: 0px 0px 10px 0px;
}

#secondarybox-b h2 a {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
text-decoration: none;
}

#secondarybox-b h2 a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- TEAM MPLUS THUMBS ----- */

.box-thumb-bob a {
display: block;
width: 182px;
height: 127px;
float: left;
background: url(../../_img/team-mplus/bg-bob.jpg);
margin-top: 0px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
padding: 10px 0px 0px 10px;
}

.box-thumb-bob a:hover {
background: url(../../_img/team-mplus/bg-bob.jpg) no-repeat 0 -137px; 
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
}

.box-thumb-kat a {
display: block;
width: 182px;
height: 127px;
float: left;
background: url(../../_img/team-mplus/bg-kat.jpg);
margin-top: 0px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
padding: 10px 0px 0px 10px;
}

.box-thumb-kat a:hover {
background: url(../../_img/team-mplus/bg-kat.jpg) no-repeat 0 -137px; 
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
}

.box-thumb-nikki a {
display: block;
width: 182px;
height: 127px;
float: left;
background: url(../../_img/team-mplus/bg-nikki.jpg);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
padding: 10px 0px 0px 10px;
}

.box-thumb-nikki a:hover {
background: url(../../_img/team-mplus/bg-nikki.jpg) no-repeat 0 -137px; 
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
}

.box-thumb-justin a {
display: block;
width: 182px;
height: 127px;
float: left;
background: url(../../_img/team-mplus/bg-justin.jpg);
margin-top: 0px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
padding: 10px 0px 0px 10px;
}

.box-thumb-justin a:hover {
background: url(../../_img/team-mplus/bg-justin.jpg) no-repeat 0 -137px; 
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-decoration: none;
text-align: left;
}

/* ----- CAROUSEL (Small - NO CAPTION) ----- */

.carousel-container {
width: 607px;
float: left;
padding: 0px 0px 15px 0px;
}

.slideshow_tools {
width: 607px;
float: left;
padding-top: 0px;
}

.slideshow_tools .slide_nav {
width: 150px;
float: left;
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: left;
padding-top: 4px;
}

.slideshow_tools .slide_nav a.prev {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
padding-right: 5px;
}

.slideshow_tools .slide_nav a.next {
font-family: Helvetica, Arial, sans-serif;
color: #888888;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-align: left;
padding-left: 5px;
}

.slideshow_tools  .slide_nav a:hover {
color: #CC0033!important;
text-decoration: underline;
}

.slidenav   {
float: right;
padding-top: 6px;
}

.slidenav a {
color: #cacac8;
height: 12px;
width: 12px;
background-image: url(../../_img/carousel-tools/toggle.png);
background-repeat: no-repeat;
background-position: left top;
float: left;
margin-left: 3px;
text-indent: -9999em;
}

.slidenav a.activeSlide {
color: #cacac8;
height: 12px;
width: 12px;
background-image: url(../../_img/carousel-tools/select.png)!important;
background-repeat: no-repeat;
background-position: left top;
float: left;
margin-left: 3px;
}

.slidenav a:hover, .slidenav a:focus{
color: #cacac8;
height: 12px;
width: 12px;
background-image: url(../../_img/carousel-tools/hover.png);
background-repeat: no-repeat;
background-position: left top;
float: left;
margin-left: 3px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#slideshow {
height: 400px;
overflow: hidden;
width: 607px;
clear: left;
}

/* ----- FOOTER ----- */

#footer {
background: url(../../_img/site/footer-bg.png) repeat-x top;
}

#footer-container {
width: 900px;
margin: 0 auto;
}

#footer-wrapper {
display: block;
width: 900px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 300px 0px;
}

#footer-nav {
display: block;
width: 900px;
float: left;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#info-col {
display: block;
width: 230px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#info-col p {
margin-top: 0px;
font-family: Helvetica, Arial, sans-serif;
color: #444444;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
}

#info-col p a {
color: #444444;
text-decoration: underline;
}

#info-col p a:hover {
color: #666666;
text-decoration: underline;
}

.footernav-col {
display: block;
width: 130px;
float: left;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footernav-col h2 {
margin-top: 0px;
margin-bottom: 5px;
font-family: Helvetica, Arial, sans-serif;
color: #444444;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-align: left;
}

.footernav-col h2 a {
color: #444444;
text-decoration: none;
}

.footernav-col h2 a:hover {
color: #CC0033;
text-decoration: underline;
}

.footernav-col p {
margin-top: 0px;
font-family: Helvetica, Arial, sans-serif;
color: #444444;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
}

.footernav-col p a {
color: #444444;
text-decoration: underline;
}

.footernav-col p a:hover {
color: #CC0033;
text-decoration: underline;
}

.footernav-col ul {
list-style: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footernav-col li {
color: #444444;
text-decoration: none;
}

.footernav-col li a {
color: #444444;
text-decoration: none;
}

.footernav-col li a:hover {
color: #CC0033;
text-decoration: underline;
}

/* ----- FOOTER - Social ----- */

#foot-social {
display: block;
width: 96px;
height: 28px;
float: left;
padding: 0px 0px 0px 0px;
}

.facebook-footer a {
display: block;
width: 32px;
height: 28px;
float: left;
background: url(../../_img/site/facebook-footer.png);
}

.facebook-footer a:hover {
background: url(../../_img/site/facebook-footer.png) no-repeat 0 -28px; 
}

.twitter-footer a {
display: block;
width: 32px;
height: 28px;
float: left;
background: url(../../_img/site/twitter-footer.png);
}

.twitter-footer a:hover {
background: url(../../_img/site/twitter-footer.png) no-repeat 0 -28px; 
}

.linkedin-footer a {
display: block;
width: 32px;
height: 28px;
float: left;
background: url(../../_img/site/linkedin-footer.png);
}

.linkedin-footer a:hover {
background: url(../../_img/site/linkedin-footer.png) no-repeat 0 -28px; 
}