body {
 background-color: #525252;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
}


h1 {
 color: #ee324e;
 background-color: inherit;
 font-size:24px;
 font-weight:bold;
 margin:0px 0 0 0;
 padding:0;
}

h2 {
 color: #393996;
 background-color: inherit;
 font-size:18px;
 font-weight:bold;
 margin:5px 0 5px 0;
 padding:0;
}

h3 {
 color: #2b2b2b;
 background-color: inherit;
 font-size:18px;
 font-weight:bold;
 margin:6px 0 10px 0;
 padding:0;
}

h4 {
 color: #393996;
 background-color: inherit;
 font-size:14px;
 font-weight:bold;
 margin:18px 0 4px 0;
 padding:0;
}

.previewListRight h4 {
 color: #393996;
 background-color: inherit;
 font-size:14px;
 font-weight:bold;
 margin:0px 0 4px 0;
 padding:0;
}

h5 {
 color: #393996;
 background-color: inherit;
 font-size:12px;
 font-weight:bold;
 margin: 8px 0 8px 0;
 padding:0;
}

p, li, td {
 color: #2b2b2b;
 background-color: inherit;
 font-size:12px;
}

p {
  padding:0;
  margin: 8px 0 8px 0;
}

a:link {
 color: #393996;
 text-decoration: none;
}
a:visited {
 color: #393996;
 text-decoration: none;
}
a:hover {
 color: #ee324e;
 text-decoration: underline;
}
a:active {
 color: #ee324e;
 text-decoration: underline;
}

.photo {
 float:right;
 margin:0 0 3px 10px;
 border:1px solid black;
}

.photo2 {
 float:right;
 margin:0 0 3px 10px;
 border:0;
}

#wrapper {
 color: #363636;
 border: 0;
 width: 710px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;
 padding: 0;
 clear: both;
 display: block;
}

#topShadow {
 background-image: url(images/shadowTop.gif);
 background-repeat: no-repeat;
 background-position: center top;
 background-color: inherit;
 color: #363636;
 border: 0;
 width: 710px;
 height:12px;
 margin:0;
 padding:0;
 clear: both;
 display: block;
 font-size:1px;
}

#header {
 background-image: url(images/shadowSide.gif);
 background-repeat: repeat-y;
 background-position: center middle;
 background-color: #ffffff;
 color:#2b2b2b;
 font-weight: normal;
 text-decoration:none;
 float: left;
 width: 710px;
 height: 150px;
 margin: 0;
 border: 0;
 padding: 0;
 clear: both;
 display: inline;
}


#mastHead {
 width: 184px;
 height:66px;
 margin: 21px 0 0 25px;
 border: 0;
 padding: 0px;
 float: left;
 display: inline;
}

#mastTag {
 width: 400px;
 margin: 10px 0 0 25px;
 border: 0;
 padding: 0;
 float: left;
 display: inline;
 color:#393996;
 background-color: inherit;
 font-size:16px;
 font-weight:normal;
}

#mastImg {
 width: 217px;
 margin: 0px 15px 0 0px;
 border: 0;
 padding: 0px;
 float: right;
 clear: none;
 display: inline;
}

#mainMenu {
 width: 690px;
 height: 20px;
 margin: 0px 0 10px 10px;
 border: 0;
 padding: 0;
 background-image: url(images/menuBkg.gif);
 background-repeat: repeat-x;
 background-position: top;
 float: left;
 display: inline;
}

.menuItem {
 background-color: inherit;
 float: left;
 width: auto;
 margin: 2px 14px 0px 15px;
 border: 0px;
 padding: 0px;
 display: inline;
 color: #393996;
 font-size:12px;
 font-weight: bold;
 text-decoration:none;
}

#menuContact {
 float: right;
 margin: 2px 15px 0px 14px;
}

a.menuItem:hover {
 background-color: inherit;
 color: #ee324e;
 text-decoration: none;
}


#content {
 background-image: url(images/shadowSide.gif);
 background-repeat: repeat-y;
 background-position: center middle;
 color:#2b2b2b;
 font-weight: normal;
 text-decoration:none;
 float: left;
 width: 660px;
 height: auto;
 margin: 0;
 border: 0;
 padding: 10px 25px 0 25px;
 clear: both;
 display: inline;
}


#mainContent {
 background-color: inherit;
 color:#363636;
 margin: 0;
 border: 0;
 border-right: 1px solid #525252;
 padding: 0 10px 0 0;
 float: left;
 width: 480px;
 height: auto;
 display: inline;
}

#minorContent {
 background-color: inherit;
 color:#363636;
 margin: 0 0 0 -1px;
 border-left: 1px solid #525252;
 padding: 0 0 0 10px;
 float: left;
 width: 159px;
 height: auto;
 display: inline;
}

#fullContent {
 background-color: inherit;
 color:#363636;
 margin: 0;
 border: 0;
 padding: 0 0 0 0;
 float: left;
 width: 649px;
 height: auto;
 display: inline;
}

.previewBox {
 background-color: inherit;
 color:#363636;
 margin: 10px 0 0px 0;
 border: 0;
 padding: 0 0 0 0;
 float: left;
 width: 638px;
 height: 86px;
 display: inline;
 clear: both;
}

.previewListLeft {
 background-color: inherit;
 color:#363636;
 margin: 0 20px 0 0;
 border: 0;
 padding: 0 0 0 0;
 float: left;
 width: 112px;
 height: 86px;
 display: inline;
}

.previewListRight {
 background-color: inherit;
 color:#363636;
 margin: 0;
 border: 0;
 padding: 5px 0 0 0;
 float: left;
 width: 500px;
 height: 86px;
 display: inline;
}

#footer {
 background-image: url(images/shadowBottom.gif);
 background-repeat: no-repeat;
 background-position: center top;
 background-color: #525252;
 color:#ffffff;
 font-size:11px;
 font-weight: normal;
 text-decoration:none;
 float: left;
 width: 710px;
 height: 50px;
 margin: 0;
 border: 0;
 padding: 0px;
 clear: both;
 display: block;
}


#footerCopyright {
 float: left;
 text-align:left;
 width: 350px;
 height:auto;
 padding: 0px;
 margin: 18px 0 0 25px;
 display: inline;
}

#footerDesign {
 float: right;
 text-align:right;
 width: 300px;
 height:auto;
 padding: 0px;
 margin: 18px 25px 0 0;
 display: inline;
}

#footerDesign a {
  color:#ffffff;
}

.error {
  color:#ff0000;
}

.contactLeftPlain {
  background-color:inherit;
  width:150px;
  float:left;
  padding: 0;
  margin: 0 0 10px 0;
  display: block;
  clear:both;
}

.contactLeft {
  background-color:inherit;
  width:150px;
  float:left;
  padding: 0;
  margin: 0;
  display: block;
  clear:both;
  color: #393996;
  font-size:12px;
  font-weight:bold;
  margin: 0 0 10px 0;
  padding:0;
}

.contactRight {
  background-color:inherit;
  width:200px;
  float:left;
  padding: 0;
  margin: 0 0 10px 0;
  display: block;
}

.contactPerson {
  width:131px;
  padding: 0 0 0 28px;
  margin: 30px 0 3px 0;
  border:0;
  background-color: #ffffff;
  color:#2b2b2b;
  font-weight:bold;
}

.contactTitle {
  font-weight:normal;
}

.contactPhone {
  width:131px;
  height:15px;
  padding: 0 0 0 28px;
  margin: 3px 0 3px 0;
  border:0;
  background-image: url(images/phone.gif);
  background-repeat: no-repeat;
  background-position: left middle;
  background-color: #ffffff;
  color:#2b2b2b;
}

.contactFax {
  width:131px;
  height:15px;
  padding: 0 0 0 28px;
  margin: 3px 0 3px 0;
  border:0;
  background-image: url(images/fax.gif);
  background-repeat: no-repeat;
  background-position: left middle;
  background-color: #ffffff;
  color:#2b2b2b;
}

.contactEmail {
  width:131px;
  height:15px;
  padding: 0 0 0 28px;
  margin: 3px 0 3px 0;
  border:0;
  background-image: url(images/email.gif);
  background-repeat: no-repeat;
  background-position: left middle;
  background-color: #ffffff;
  color:#2b2b2b;
}

.contactText {
  width:200px;
  font-size:10px;
}

.contactTextarea {
  width:200px;
  height:80px;
  font-size:11px;
  font-family:Arial, Helvetica, Verdana, san-serif;
}

.personnelPerson {
  padding: 0 0 0 0px;
  margin: 0px 0 5px 0;
  border:0;
  background-color: #ffffff;
  color:#2b2b2b;
  font-weight:bold;
}

.personnelTitle {
  font-weight:normal;
}

.personnelColLeft {
  width:120px;
  padding:0 0 5px 0;
}

.personnelColRight {
  width:380px;
  padding:0 0 5px 0;
}

.clearall {
  clear:both;
}

.featurePhoto {
  float:right;
  border:2px solid #525252;
  padding:0;
  margin:0 0 3px 10px;
}

.projectPhoto {
  border:1px solid #525252;
  padding:0;
  margin:0 3px 0px 0;
}

.inlineHeading {
 font-weight:bold;
 color: #393996;
 background-color: inherit;
}

.projectLeft {
 width:100px;
 font-weight:bold;
 color: #393996;
 background-color: inherit;
 padding:0 0 3px 0;
 margin:0 10px 0 0;
}

.projectRight {
 width:200px;
 padding:0;
 margin:0 0 5px 0;
}

.projectContactLeft {
 width:220px;
 padding:0 0 15px 0;
 margin:0 10px 0 0;
 float:left;
}

.projectContactRight {
 width:220px;
 padding:0 0 15px 0;
 margin:0 10px 0 0;
 float:left;
}

