/* Stylesheet for Maplocator.com - Site by HeinrichWebDesign.com */

body {
  background: url(/images2/bg.jpg) repeat-y top center;
  margin: 0;
  font-size: 14px;
  font-family: Arial, Verdana;
  line-height: 20px;
}

a, a:visited {
  color: #d02d16;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.nav, a.nav:visited {
  color: #f5a408;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  padding: 0 25px;  
}

a.nav:hover {
  color: #fff;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #0d9abd;
}

#page-projects h1, #page-projects h2, #page-projects h3,
#page-projects h4, #page-projects h5, #page-projects h6 {
  color: #fff;
}

#nav-links {
  height: 66px;
  width: 448px;
  background: url(/images2/nav-links-bg.jpg) no-repeat;
  margin: 20px 0 0;
  padding-top: 20px;
}

#wrapper {
  width: 100%;
  text-align: center;
  background: url(/images2/bg-grad.jpg) no-repeat top center;
}

#page {
  width: 960px;
  margin: 0 auto;
}

#header {
  background-image: url(/images2/header.jpg);
  background-position: 3px 141px;  
  background-repeat: no-repeat;
  overflow: visible;  
  width: 938px;
  height: 436px;
  !height: 430px;
  margin: 0 auto;
}

#header-projects {  
  overflow: visible;  
  width: 938px;
  height: 130px;  
  margin: 0 auto;
}

#page-projects {
  background-image: url(/images2/content-projects-bg.jpg);
  background-position: 3px 12px;  
  background-repeat: repeat-y;   
  width: 938px;  
  margin: 12px auto 0;  
  !margin: 0 auto;
}

#header-inside {
  width: 938px;
}

#logo {
  background: url(/images2/logo.jpg) no-repeat;
  float: left;
  width: 428px;
  height: 111px;
  margin: 23px 0 0;  
}

#navigation {
  background: url(/images2/nav-bg.jpg) no-repeat;
  float: right;
  width: 447px;
  height: 115px;
  margin: 26px 26px 0 0;   
  !margin: 26px 25px 0 0; 
}

#navigation-projects {
  background: url(/images2/nav-bg-projects.jpg) no-repeat;
  float: right;
  width: 447px;
  height: 115px;
  margin: 26px 26px 0 0;   
  !margin: 26px 25px 0 0; 
}

#view-projects {
  background: url(/images2/view-projects.jpg) no-repeat;
  height: 49px;
  width: 212px;
  position: absolute;
  margin: 380px 0 0 260px;
  !margin: 375px 0 0 260px;
  z-index: 50; 
}

a:hover div#view-projects {
  background: url(/images2/view-projects_hover.jpg) no-repeat;
  height: 49px;
  width: 212px;
  position: absolute;
  margin: 380px 0 0 260px;
  !margin: 375px 0 0 260px;
  z-index: 50; 
  cursor: pointer;
  cursor: hand;
}

.projects-link {
  width: 212px;
  height: 49px;
  display: block;
  cursor: pointer;
  cursor: hand;
}

#content {
  background-image: url(/images2/content-bg.jpg);
  background-repeat: repeat-y;
  background-position: 3px;
  color: #6a604d;
  margin: 0 auto; 
  width: 938px;
  height: 262px;
  text-align: left;
}

#content-wrapper {
  background-image: url(/images2/content-white-bg.jpg);
  background-repeat: repeat-y;
  background-position: 3px;
  color: #6a604d;
  margin: 0 auto; 
  width: 938px;  
  text-align: left;
  overflow: visible;
}

#content-wrapper-projects {  
  background-image: url(/images2/header-projects.jpg);  
  background-repeat: no-repeat;
  background-position: 3px 0;
  text-align: left;  
  clear: both;  
}

#content-projects {  
  clear: both;
  padding: 25px 30px 0;
  color: #fff;
}

#content-inside {
  padding: 30px;
  overflow: visible;
}

#page-border {
  background-image: url(/images2/border-bg.jpg);
  background-repeat: repeat-y;
  background-position: 3px;  
  margin: 0 auto; 
  width: 938px;  
  height: 9px;
}

#businesses {
  width: 400px;
  float: left;
  text-align: justify;
  background: transparent;
  margin: 10px 0 0 35px;  
  !margin: 30px 0 0 35px;
}

#cities {
 width: 400px;
 float: right;
 text-align: justify;
 background: transparent;
 margin: 10px 35px 0 0;
 !margin: 30px 35px 0 0;
}

#recent-projects {
  background: url(/images2/recent-projects-bg.jpg);
  background-repeat: repeat-y;
  background-position: 3px;
  width: 938px;
  height: 308px;
  margin: 0 auto;
  overflow: visible;
}

#city-projects {
  float: left;
  width: 430px;
  height: 230px;
  margin: 70px 0 0 20px;
}

#chamber-projects {
  float: right;
  width: 430px;
  height: 230px;
  margin: 70px 20px 0 0;
}

.project {
  text-align: center;  
  width: 211px;
}

.left {
  float: left;
}

.right {
  float: right;
}

#recent-projects img {
  border: 4px solid #923f31;
}

.project-title {
  font-weight: bold;
  font-size: 18px;  
}

.project-desc {
  text-align: center;
  color: #948872;
  width: 190px;
  margin: 10px auto 0;
}

#footer {
  clear: both;
  width: 938px;
  margin: 0 auto;
  text-align: center;
}

#call-now {
  color: #2e7c8f;
  font-size: 28px;
  font-weight: bold;
  margin: 20px auto 0;
  clear: both;
}

#copyright {
  color: #948872;
  font-size: 11px;
  margin: 15px auto;
}

#usmap {
  width: 100%;
  text-align: center;
}

#contact-info {
  text-align: center;
  margin: 25px 0;
}

#video-wrapper {
  overflow: visible;
  height: 425px;   
}

#videos {
  text-align: center;
  float: left;
  margin: 0 100px;
}

#video-list {
  width: 200px;
  float: left;  
}

.video-item {
  margin: 0 0 25px;
}

.video-text {
  font-size: 11px;
  font-weight: bold;
}

.get-wmp {
  padding: 10px 55px 0;
  font-family: Arial, Verdana;
  color: #000;
  font-size: 11px;
}

#banner-ad {
  padding: 0 0 15px;
}

#bottom-ads { 
 clear: both; 
 text-align: center;
}

.ad {
  padding: 10px; 
}