*{
  padding: 0em;
  margin: 0em;
}
body {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #444444;
  background: #fff url("../images/main_bkg.jpg");
  background-repeat: repeat-x;
  /*behavior: url("../css/csshover.htc");*/
}

/* hyperlinks */
a:link, a:visited {
  color: #1E9797;
  text-decoration: none;
}
a:hover {
  color: #CE4242;
}
br.clear {
  clear: both;
	}
	
/* headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-family: 'Trebuchet MS', Verdana, Arail, sans-serif;
  font-size: 1.5em;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #CE4242;
  font-size: 1.2em;
}
h3 {
  color: #1E9797;
  font-size: 1.1em;
  margin-bottom: 0;
}
h4 {
  font-size: 1.0em;
}
h5 {
  font-size: .9em;
}
h6 {
  font-size: .8em;
}
p {
  line-height: 1.5em;
}

ul, ol, li {
  margin-left: 15px;
}
li {
  list-style: url(../images/bullet.gif);
}

img, img a {
  border: 0;
}

/**** Layout styles ****/
#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 0 auto;
  //margin-top: 10px;
}

#content {
  width: 998px;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0px;
  border: 1px solid #219898;
  border-bottom: 0px;
  /*background-image: url("../images/container_top.gif");
  background-repeat: no-repeat;*/
  background-color: #fff;
  float: left;
  z-index: 2;
}

#masthead {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 2px;
  width: 985px;
  height: 145px;
  float: left;
  background-color: #fff;
	text-align: center;
}

#masthead .registration{
	
}

#main_content {
  float: left;
  background: url("../images/RedBarHeader.png");
  background-repeat: no-repeat;
  background-position: 1px 0px;
  width: 990px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 25px;
}

#col_one {
  float: left;
  width: 225px;
}

#col_two {
  float: left;
  width: 765px;
}

#footer {
  float: left;
  background-image: url("../images/GreenFooter.png");
  /*background-attachment: fixed;*/
  background-postion: 0px -3px;
  background-repeat: no-repeat;
  width: 1000px;
  height: 29px;
  text-align: center;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  padding-top: 12px;
  z-index: 0;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #CE4242;
}

/**** Masthead styles ****/
#logo {
  float: left;
  width: 185px;
  height: 120px;
  margin: 0;
}
#logo_container {
  float: left;
  width: 185px;
  height: 120px; 
  margin: 0;
}
#logo_container img {
  margin: 10px;
}
#banner {
  float: right;
  text-align: center;
  /*width: 322px;*/
  width:  785px;
  height: 118px;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
}
#nav_icons {
  float: right;
  height: 43;
  margin: 0px;
}
#nav_icons img {
  margin-right: 5px;
  margin-left: 5px;
}

/**** Column One styles ****/
#left_nav{
  float: left;
  background: url("../images/SidebarGreen.png");
  background-repeat: no-repeat;
  background-position: 0 bottom;
  width: 190px;
  height: 100%;
  /*min-height: 270px;*/
  padding: 10px;
  padding-bottom: 20px;
  padding-left: 25px;
  /*line-height: 2em;*/
  margin-bottom: 15px;
}
#menu {
  clear: both;
}

/**** Column Two styles ****/
#main {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  line-height: 1.5em;
}

#main p {
  margin-bottom: 10px;
}

#main img {
  margin: 10px;
}

.red_h1 {
  color: #CE4242;
}

.teal_h1 {
  color: #1E9797;
}

.teal_h2 {
  color: #1E9797;
}

.movie_ad {
  float: right;
}
#main.icons {
  padding: 0;
}
.product_banner {
  /*width: 380px;
  margin-left: auto;
  margin-right: auto;*/
  text-align: center;
}
#commercial_icons {
  float: right;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  height: 63px;
  width: 720px;
  margin-right: 1px;
  margin-bottom: 20px;
  background: no-repeat url(../images/icon_bg.gif);
  text-align: center;
}
#commercial_icons img {
  margin: 0;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0;
}
/*\*/
html*#commercial_icons {
[padding-top:5px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
padding-top:45px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]padding-top:5px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
/*\*/
html*#commercial_icons img {
[margin-top:0;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
margin-top:-47px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]margin-top:0;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/

#residential_icons {
  float: right;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  height: 63px;
  width: 720px;
  margin-right: 1px;
  margin-bottom: 25px;
  background: no-repeat url(../images/icon_bg.gif);
  text-align: center;
}
#residential_icons img {
  margin: 0;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0;
}

/**** Index ****/
#home_content{
  float: left;
  width: 615px;
  margin-top: 10px;
  /*margin-left: auto;
  margin-right: auto;*/
  /*padding: 10px;*/
}
#movie_ad {
  float: right;
  margin: 10px;
}
#residential_commercial {
  width: 615px;
  z-index: 1;
}
#residential{
  float: left;
  margin-top: 5px;
  margin-right: 15px;
  margin-bottom: 5px;
  padding: 0;
}
#commercial {
  float: left;
  margin: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0;
}
#company_imgs {
  float: none;
  width: 615px;
  text-align: center;
}
#company_imgs img {
  width: 100px;
}

/**** Contact ****/
/*#contact {
  display: table;
}
.row  {
  display: table-row;
}
.left, .right, .middle {
  display: table-cell;
  padding: 5px;
}*/
#contact {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#map {
  width: 425px;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 100px;*/
}
.border_bottom {
  float: left;
  /*margin-left: 5px;
  margin-right: 5px;*/
  border-bottom: 1px solid #189292;
}
.border_right {
  float: left;
  width: 275px;
  border-right: 1px solid #189292;
  /*margin-bottom: 5px;*/
}
.row  {
  /*float: left;*/
}
.left, .right, .middle {
  float: left;
  min-width: 275px;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom;
  margin-bottom: 5px;
}
.left p, .right p, .middle p {
  margin-left: 35px;
}
.left img, .right img, .middle img {
  padding: 0;
  margin: 0;
  width: 15px;
  align: left;
  /*vertical-align: top;*/
} width: 
.left h3, .right h3, .middle h3 {
  margin-left: 0;
  padding-left: 0;
  vertical-align: bottom;
}
#petersburg {
  margin-top: 15px;
}
#petersburg h3, #petersburg p {
  margin-left: 40px;
}

/**** Form ****/
.label {
  padding: 5px;
  text-align: right;
}
.error {
  color: #ff0000;
}

/**** Blog ****/
.narrowcolumn {
  width: 550px;
  float: left;
}
.widecolumn {
  float: left;
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}
#sidebar {
  float: right;
  width: 200px;
}
#sidebar ul, #sidebar ol, #sidebar li {
  list-style: none;
}
#sidebar a {
  color: #1E9797;
}
#sidebar a:hover {
  color: #CE4242;
}
#blog .post h2{
  color: #CE4242;
  font-family: 'Trebuchet MS', Verdana, Arail, sans-serif;
  font-size: 1.5em;
}
#blog h2.sub_h2{
  color: #1E9797;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}
#blog_footer {
  float: left;
  margin: 20px;
  text-align: center;
} 

/**** Rounded Corners ****/
.nav{display:block}
.nav *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d6e4e5}
.nav1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #edf3f3;
  border-right:1px solid #edf3f3;
  background:#e0eaeb}
.nav2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafcfc;
  border-right:1px solid #fafcfc;
  background:#dde9e9}
.nav3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dde9e9;
  border-right:1px solid #dde9e9;}
.nav4{
  border-left:1px solid #edf3f3;
  border-right:1px solid #edf3f3}
.nav5{
  border-left:1px solid #e0eaeb;
  border-right:1px solid #e0eaeb}
.navfg{
  background:#d6e4e5}

 /**** Home Box ***/
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
margin:1em 0;
padding:0 0px;
border:1px solid #666;
background:#fff;
z-index: 0;
}
.cbb h1 {
margin:0 -10px;
padding:0.3em 10px;
background:#efece6;
font:bold 1.2em/1 Arial, Helvetica, sans-serif;
z-index: 0;
}
/* Normal styling */
.cb {
margin:0.5em 0;
z-index: 0;
}
/* Top corners and border */
.bt {
height:17px;
margin:0 0 0 18px;
background:url(images/box.png) no-repeat 100% 0;
z-index: 0;
}
.bt div {
position:relative;
left:-18px;
width:18px;
height:17px;
background:url(images/box.png) no-repeat 0 0;
font-size:0;
line-height:0;
z-index: 0;
}
						
/* Bottom corners and border */
.bb {
height:14px;
margin:0 0 0 12px;
background:url(images/box.png) no-repeat 100% 100%;
z-index: 0;
}
.bb div {
position:relative;
left:-12px;
width:12px;
height:14px;
background:url(images/box.png) no-repeat 0 100%;
font-size:0;
line-height:0;
z-index: 0;
}
						
/* Left border */
.i1 {
padding:0 0 0 12px;
background:url(images/borders.png) repeat-y 0 0;
z-index: 0;
}
/* Right border */
.i2 {
padding:0 12px 0 0;
background:url(images/borders.png) repeat-y 100% 0;
z-index: 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
display:block;
margin:0;
padding:1px 10px;
background:#fff;
z-index: 0;
}
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
z-index: 0;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/**** Navigation ****/
#menu {
  width: 170px; /* set width of menu */
  /*background: #eee;*/
  z-index: 1000;
} 

#menu a, #menu h2, #menu ul, #menu li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0px;
  z-index: 1000;
}

#menu ul { /* remove bullets and list indents */
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
  display: block;
  padding: 2px 3px;
  padding-left: 5px;
  z-index: 1000;
}

#menu h2 {
  color: #fff;
  background: #000;
  text-transform: uppercase;
}

#menu ul ul ul li , #menu ul ul ul ul li , #menu ul ul ul ul ul li  {
  background: #d6e4e5;
  border-bottom: 1px solid #75b2b1;
  border-top: 0;
  font-size: 90%;
  z-index: 1000;
}

#menu ul ul ul li a , #menu ul ul ul ul li a , #menu ul ul ul ul ul li a {
  padding-left: 10px;
  z-index: 1000;
}

#menu .last {
  border-bottom: 0;
}

#menu a {
  color: #000;
  /*background: #efefef;*/
  text-decoration: none;
}

#menu a:hover {
  color: #CE4242;
}

#menu li {
  /* make the list elements a containing block for the nested lists */
  position: relative;
  z-index: 1000;
  list-style: none;
} 
#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%; /* to position them to the right of their containing block */
  width: 10em; /* width is based on the containing block */
  z-index: 1000;
}

#menu ul ul ul li a:hover, #menu ul ul ul ul li a:hover, #menu ul ul ul ul ul li a:hover {
  color: #fff;
  background: #199392;
}

/* Hide/Reveal */
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
body {
behavior: url(../css/csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 
#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
}
#commercial_icons img {
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
#map {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}

<![endif]-->

.keystone_image{
	width: 248px;
	margin: 0px auto;
}