* { 
  font-size: 100.01%; 
}
html {
  height:100%;
  font-size: 62.5%; 
}

body {
  background: #98C1B9 url('/custom/framework/site-back2.jpg') repeat-x top center;
  margin:0;
    height:100%;
    font:1.4em Arial, Helvetica, sans-serif;
    min-width:777px;
}

#container {
  min-height:100%;
  position:relative;
}
* html #container {
  height:100%;
  overflow:visible;
}

.hidden {
  visibility: hidden;
  display: none;
}

.clear {
  clear: both;
}

#site {
  width:777px;
  margin:74px auto;
  overflow:hidden;
  position:relative;
  text-align: center;
}

#header {
  width:777px;
  height: 167px;
  display: block;
}

#logo {
  float: left;
}

a.logo {
  width: 295px;
  height: 167px;
  display: block;
  background: url('/custom/framework/monarch-logo.jpg');
  text-indent: -9999px;
  cursor: pointer;
}

#flash {
  width: 482px;
  height: 167px;
  display: block;
  float: right;
}

#slogan {
  width:777px;
  height: 26px;
  display: block;
  background: url('/custom/framework/middle-bar.jpg') no-repeat;
}

#slogan strong {
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  color: #ffffff;
  line-height: 25px;
  *line-height: 24px;
}

#content {
  width: 777px;
  height: auto;
  background: url('/custom/framework/content-repeat.gif') repeat-y;
  margin: 5px 0 0 0;
}

#content .left {
  width: 198px;
  height: auto;
  margin: 0 0 0 0;
  float: left;
}

#content .left ul {
  margin: 0px;
  padding: 15px 0 0px 0px;
  list-style: none;
}

#content .left li {
  margin: 0px;
  line-height: 36px;
}

#content .left li a {
  color: #ffffff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
}

#content .left li a.active {
  color: #ffffff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}

#content .left li a:hover {
  font-weight: bold;
}

#content .right, #content .right-inside  {
  width: 573px;
  height: auto;
  margin: 0 0 0 0;
  float: right;
}

#content .right-inside h1 {
  color: #ED5100;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  margin: 25px 30px 0 30px;
  line-height: 24px;
  text-align: left;
}

#content .right-inside h1.services {
  color: #72AEB6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  margin: 25px 30px 0 30px;
  line-height: 24px;
  text-align: left;
}

#content .right-inside h1.contact {
  color: #72AEB6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 25px 0px 0px 0px;
  line-height: 24px;
  text-align: left;
}

#content .right-inside h2 {
  color: #74AFB5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 25px 30px 0 30px;
  line-height: 24px;
  text-align: left;
  font-weight: normal;
}

#content .right-inside h2 a {
  color: #74AFB5;
  text-decoration: none;
}

#content .right-inside h2 a:hover {
  text-decoration: underline;
}

#content .welcome p {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 30px 30px 0 30px;
  line-height: 45px;
  text-align: left;
}

#content .right-inside p {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 5px 30px 10px 30px;
  line-height: 20px;
  text-align: left;
}

#content .right-inside p.shopping {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: 0px 30px 20px 30px;
  padding: 0px;
  line-height: 20px;
  text-align: left;
}

#content .right-inside h3.shopping {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: 30px 30px 0px 30px;
  padding: 0px
  line-height: 20px;
  text-align: left;
}

#content .right-inside p.contact {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 10px 0px 20px 0px;
  line-height: 20px;
  text-align: left;
}

#content .right-inside p.contact-small {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 40px 0px 20px 0px;
  line-height: 16px;
  text-align: left;
}

#content .right-inside p.client {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  text-align: left;
}

#content .right-inside p span {
  color: #DD5524;
}

#content .right p span {
  color: #DD5524;
  font-weight: bold;
}

#content .right p span a {
  color: #DD5524;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

#content .right p span a:hover {
  text-decoration: none;
}

#content .right-inside p a {
  color: #5D5E58;
  font-weight: normal;
  text-decoration: underline;
  margin-left: 0px;
}

#content .right-inside p a:hover {  
  color: #DD5524;
  text-decoration: none;
  margin-left: 0px;
}

#content .right-inside ul {
  text-align: left;
  margin-top: 0px;
  padding-top: 0px;
}

#content .right-inside li {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 10px 30px 10px 5px;
  line-height: 16px;
  text-align: left;
}

#content .right-inside li a {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 10px 30px 10px 5px;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
}

#content .right-inside li a:hover {
  color: #DD5524;
  text-decoration: none;
}

#content .right-inside ul.details {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 25px;
}

#content .right-inside ul.details li {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 6px 30px 0px 5px;
  line-height: 20px;
  text-align: left;
}

.client-login {
  float: right;
  margin: 10px 10px 0 0;
}

a.login {
  width: 162px;
  height: 47px;
  display: block;
  background: url('/custom/framework/client-login.jpg');
  text-indent: -9999px;
  cursor: pointer;
}

a:hover.login {
  width: 162px;
  height: 47px;
  display: block;
  background: url('/custom/framework/client-login-over.jpg');
  text-indent: -9999px;
  cursor: pointer;
}

#content .right-inside h1.employees {
  color: #74AFB5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 20px 30px 0px 0px;
  line-height: 24px;
  text-align: left;
  font-weight: normal;
}

#content .right-inside p.employees {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 10px 30px 20px 0px;
  line-height: 18px;
  text-align: left;
}

#content .right-inside span.emp-phone {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0px 5px 15px;
  line-height: 18px;
  text-align: left;
}

#content .right-inside span.emp-email a {
  color: #5D5E58;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin: 10px 0px 5px 15px;
  line-height: 18px;
  text-align: left;
  text-decoration: underline;
}

#content .right-inside span.emp-email a:hover {
  color: #DD5524;
  text-decoration: none;
}

/* -------------- Inner Nav -------------- */

#content .inner-nav  {
  width: 573px;
  height: auto;
  margin: 0 0 0 0;
  border-bottom: solid #B8D6DA 3px;
  text-align: left;
}

#content .inner-nav ul {
  margin: 0px;
  padding: 10px 0 10px 25px;
  list-style: none;
}

#content .inner-nav ul li {
  margin: 0px;
  line-height: 16px; 
}

#content .inner-nav ul li a {
  font-size: 16px;
  color: #72AEB6;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: normal;
}

#content .inner-nav ul li.active a {
  font-size: 16px;
  color: #72AEB6;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

#content .inner-nav ul li a:hover {
  color: #D84519;
  text-decoration: none;
  font-weight: normal;
}

#content .inner-nav ul li.active a:hover {
  color: #D84519;
  text-decoration: none;
  font-weight: bold;
}

/* -------------- Bottom Highlights -------------- */
#bottom-highlights {
  width:777px;
  height: auto;
}

#highlight-holder {
  width:573px;
  height: auto;
  background: url('/custom/framework/bottom-high-repeat.jpg') repeat-y;
  float: right;
}

#highlights {
  width:573px;
  height: auto;
  background: url('/custom/framework/bottom-high-top.jpg') no-repeat top center;
}

.highlight-left {
  width:178px;
  height: auto;
  margin: 0 0 0 13px;
  float: left;
  text-align: center;
}

.highlight-left h2, .highlight-center h2, .highlight-right h2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.highlight-left h2 a, .highlight-center h2 a, .highlight-right h2 a {
  text-indent: -9999px;
  width: 178px;
  height: 119px;
  display: block;
}

.highlight-center {
  width:178px;
  height: auto;
  margin: 0 0 0 5px;
  float: left;
  text-align: center;
}

.highlight-right {
  width:178px;
  height: auto;
  margin: 0 0 0 7px;
  float: left;
  text-align: center;
}


/* -------------- Footer -------------- */
#footer {
  width: 767px;
  height: auto;
  background: none;
  margin: 8px 0 0 0;
  text-align: right;
  color: #ffffff;
  font-size: 15px;
}

#footer a {
  color: #ffffff;
  text-decoration: none;
}

#footer a:hover {
  color: #252620;
  text-decoration: none;
}

/* -------------- Flash Video -------------- */
.flash-replaced .alt {
     display: block;
     height: 0;
     position: absolute;
     overflow: hidden;
     width: 0;
}