html { 
  height: 100%;
}
body {
  background-color: #172242;
  margin: 0px;
  padding: 0px;
  height: 100%;
} 
body, td, div, input, textarea { 
  font-family: verdana; 
  font-size: 11px; 
  color:  #000000;
}
p { 
  margin: 0; 
  padding: 0; 
}
img, img.a { 
  border: 0px; 
}
#bottombg {
  border: 0px;
  border-collapse: collapse;
  margin: 0;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-image:url('images/bg-bottom.gif'); 
  background-repeat: repeat-x;
  background-position: bottom center;
}
#bottombg td {
  vertical-align: top;
  background-image:url('images/bg-planet.gif'); 
  background-repeat: no-repeat;
  background-position: bottom center; 
}
#bg-logo { 
  float: left;
  min-height:100%;
  height:auto;
  width: 100%;
  background-image:url(images/bg-logo.gif); 
  background-repeat: no-repeat;
  background-position: top center;
}
#bg-top {
  float: left;
  min-height: 100%;
  height: auto;
  width: 100%;
  background-image:url('images/bg-top.gif');
  background-position: top center;
  background-repeat: repeat-x;
}
#container { 
  position: relative;
  left: 50%;
  float: left;
  width: 925px;
  margin-left: -470px;
}
#top {
	float: left;
	height: 135px;
	width: 100%;
}
#content-bg {
  z-index: 1;
  width: 100%;
	background-image:url('images/content-bg.gif');
	background-repeat: repeat-y;
  float: left;
}
#content-bg-top {
  z-index: 2;
	background-image:url('images/content-bg-top.gif');
	background-repeat: no-repeat;
	background-position: top;
  width: 100%;
  float: left;
}
#content-bg-bottom {
	background-image:url('images/content-bg-bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
  padding: 35px;
  width: 855px;
  text-align: left;
  float: left;
  min-height: 320px;
}
*html #content-bg-bottom {
  width: 925px;
  height: 320px;
}
#content-bg-bottom-bottom {
	background-image:url('images/content-bg-bottom-bottom-png.png');
	background-repeat: no-repeat;
  width: 925px;
  height: 9px;
  float: left;
}
* html #content-bg-bottom-bottom {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/content-bg-bottom-bottom-png.png", sizingMethod="crop");
}
#footer {
	margin-bottom: 100px;
	float: left;
	width: 100%;
}
#search {
  position: relative;
  top: 7px;
  right: 2px;
  float: right;
}
.search {
  width: 100px;
  margin-right: 10px;
  border: 0px;
  color: #535355;
  background: transparent;
}
.search:focus {
  color: #ececec;
}
#shopcart {
  float: right;
  color: #b9beca;
  text-transform: uppercase;
  position: relative;
  top: 9px;
  right: 30px;
}
#shopcart span {
  padding-right: 15px;
}
#nav {
  text-align: right;
  position: relative;
  top: 59px;
  left: 354px;
  float: left;
  width: 578px;
}
#nav img {
  height: 22px;
  margin-left: 10px;
  margin-right: 10px;
}
#copyright {
  margin-top: 8px;
  background-image: url(images/copyright.png);
  background-repeat: no-repeat;
  height: 30px;
  width: 100%;
  float: left;
}
* html #copyright {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/copyright.png", sizingMethod="crop");
} 
#pagelinks {
  float: left;
  width: 953px;
  padding-top: 5px;
  color: #9fb2c0;
  text-align: center;
}
#pagelinks a { 
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  color: #d9e0eb;
}
#pagelinks a:hover {
  text-decoration: underline;
  color: #fff;
}
#contact-sides {
  font-size: 12px;
  float: left;
  width: 460px;
  color: #4c4c4c;
}
#contact-side2 {
  font-size: 12px;
  line-height: 18px;
  float: left;
  width: 370px;
  color: #4c4c4c;
}
.contactspan {
  color: #4c4c4c;
  font-weight: bold;
  width: 160px;
  float: left;
}
#contact-side2 a, #contenttext a {
  text-decoration: none;
  color: #4c4c4c;
}
#contact-side2 a:hover, #contenttext a:hover {
  text-decoration: underline;
  color: #415dcb;
}
#contact-side2 a span, #contenttext a span {
  text-decoration: none;
  color: #415dcb;
}
#contenttext {
  font-size: 12px;
  line-height: 18px;
  color: #4c4c4c;
}
h2 {
  margin-top: 20px;
  margin-bottom: 25px;
  color: #5870cf;
  text-transform: uppercase;
  font-size: 10pt;
  letter-spacing: 2px;
}
fieldset {
  padding: 0px;
  margin: 0px;
  border: 0 solid;
}
.textfield {
  margin-top: -2px;
  margin-bottom: 3px;
  float: left;
  height:20px;
  border: solid 0 #fff;
  padding-top: 5px; 
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 5px;
  background: transparent url("images/input-bg.gif") no-repeat fixed;
  width:228px;
}
fieldset>input.textfield {
  background: transparent url("images/input-bg.gif") no-repeat;
}
*html .textfield {
  width: 244px;
  height: 25px;
  margin-bottom: 7px;
}
.contacttextarea {
  height:173px;
  border:solid 0 #fff;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 8px;
  padding-bottom: 8px;
  background: transparent url("images/textarea-bg.gif") no-repeat fixed;
  width:244px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:244px;
}
fieldset>.contacttextarea {
  background: transparent url("images/textarea-bg.gif") no-repeat;
}
*html .contacttextarea {
  margin-left: -3px;
}
.sendbutton {
  float: right;
  margin-right: 56px;
  margin-bottom: 5px;
}
*html .sendbutton {
  margin-top: 8px;
}
#photofiller {
  position: relative;
  float: right;
  padding: 100px;
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 30px;
  background-color: #c1c8cc;
  color: #fff;
}
#pagenumbers {
  float: right;
  margin-bottom: 5px;
}
#pagedisplay {
  float: left;
}
#pagedisplay a, #pagenumbers a {
  margin-left: 5px;
  margin-right: 5px;
}
#galleryitems {
  float: left;
  width: 100%;
  text-align: left;
}
#photogalleryitem {
  width: 20%;
  text-align: center;
  margin-bottom: 15px;
  float: left;
  font-size: 11px;
}
#photogalleryitem:hover {
  text-decoration: none;
}
#photogalleryitem img {
  border: 3px solid #fff;
  width: 120px;
  height: 120px;
}
#banner {
  margin-bottom: -25px;
  height: 249px;
  width: 925px;
  float: left;
  background-position: top left;
  background: url("images/banner.png") no-repeat transparent;
}
*html #banner {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/banner.png", sizingMethod="crop");
}
#bannertop {
  position: relative;
  top: -15px;
  right: 234px;
  float: right;
  width: 110px;
  height: 15px;
  background-position: top left;
  background: url("images/bannertop.png") no-repeat transparent;
}
*html #bannertop {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bannertop.png", sizingMethod="crop");
}
#bannerbottom {
  float: left;
  width: 925px;
  height: 15px;
  background-position: top left;
  background: url("images/topedges.png") no-repeat transparent;
}
*html #bannerbottom {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/topedges.png", sizingMethod="crop");
}
.leftarrow {
  position: relative;
  top: 190px;
  left: 10px;
  float: left;
}
.rightarrow {
  position: relative;
  top: 190px;
  left: 100px;
  float: right;
}
#services-item, #services-item-commercial, #services-item-development, #services-item-orthocorrected, #services-item-landmarks, #services-item-salesman {
  padding-top: 140px;
  width: 122px;
  float: left;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  cursor: hand;
}
*html #services-item, *html #services-item-commercial, *html #services-item-development, *html #services-item-orthocorrected, *html #services-item-landmarks, #services-item-salesman {
  width: 142px;
  padding-top: 155px;
  margin-top: 0px;
}
a#services-item:hover , a#services-item-commercial:hover, a#services-item-commercial:hover, a#services-item-development:hover, a#services-item-orthocorrected:hover, a#services-item-landmarks:hover,{
  text-decoration: none;
  color: #999999;
  background-position: top left;
}
*html #services-item:hover, *html #services-item-commercial:hover, *html #services-item-development:hover, *html #services-item-orthocorrected:hover, *html #services-item-landmarks:hover *html,{
  margin-top: 0px;
}
#services-item.privateproperty {
  background: url("images/privateproperty.png") no-repeat transparent 0px 0px;
}
a#services-item.privateproperty:hover {
  background: url("images/privateproperty_o.png") no-repeat transparent;
}
*html #services-item.privateproperty {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/privateproperty.png", sizingMethod="crop");
}
*html a#services-item.privateproperty:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/privateproperty_o.png", sizingMethod="crop");
}
#services-item-commercial {
  background: url("images/commercial.png") no-repeat transparent 0px 0px;
}
a#services-item-commercial:hover {
  background: url("images/commercial_o.png") no-repeat transparent;
}
*html #services-item-commercial {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/commercial.png", sizingMethod="crop");
}
*html a#services-item-commercial:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/commercial_o.png", sizingMethod="crop");
}
#services-item-development {
  background: url("images/development.png") no-repeat transparent 0px 0px;
}
a#services-item-development:hover {
  background: url("images/development_o.png") no-repeat transparent;
}
*html #services-item-development {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/development.png", sizingMethod="crop");
}
*html a#services-item-development:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/development_o.png", sizingMethod="crop");
}
#services-item-aerial {
  background: url("images/aerial.png") no-repeat transparent 0px 0px;
}
a#services-item-aerial:hover {
  background: url("images/aerial_o.png") no-repeat transparent;
}
*html #services-item-aerial {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/aerial.png", sizingMethod="crop");
}
*html a#services-item-aerial:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/aerial_o.png", sizingMethod="crop");
}
#services-item-orthocorrected {
  background: url("images/orthocorrected.png") no-repeat transparent 0px 0px;
}
a#services-item-orthocorrected:hover {
  background: url("images/orthocorrected_o.png") no-repeat transparent;
}
*html #services-item-orthocorrected {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/orthocorrected.png", sizingMethod="crop");
}
*html a#services-item-orthocorrected:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/orthocorrected_o.png", sizingMethod="crop");
}#services-item-landmarks {
  background: url("images/landmarks.png") no-repeat transparent 0px 0px;
}
a#services-item-landmarks:hover {
  background: url("images/landmarks_o.png") no-repeat transparent;
}
*html #services-item-landmarks {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/landmarks.png", sizingMethod="crop");
}
*html a#services-item-landmarks:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/landmarks_o.png", sizingMethod="crop");
}
#services-item-salesman {
  background: url("images/salesman.png") no-repeat transparent 10px 16px;
}
h3 {
  height: 40px;
  color: #000099;
  font-size: 13px;
  font-weight: bold;
}
h4 {
  height: 70px;
}
#thirdside {
  margin-top: -10px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 35px;
  padding-top: 15px;
  height: 204px;
  width: 855px;
  float: left;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("images/thirdside-bg.gif");
}
*html #thirdside {
  padding-top: 35px;
  margin-top: -15px;
  height: 254px;
  width: 925px;
}
#thirditem3, #thirditem1 {
  width: 230px;
}
#thirditem2 {
  width: 290px;
  padding-left: 37px;
  padding-right: 37px;
}
*html #thirditem2 {
  width: 364px;
}
#thirditem3 {
  float: right;
  color: #c2c8d1;
  text-align: right;
}
#thirditem1, #thirditem2 {
  background-repeat: no-repeat;
  background-position: 100% 33px;
  background-image: url('images/thirdsideline.gif');
  color: #c2c8d1;
  float: left;
  line-height: 16px;
}
#thirditem1 a {
  color: #c2c8d1;
  text-decoration: none;
}
*html #thirditem1, *html #thirditem2 {
  background-position: 100% 20px;
}
#thirditem1 a span, #thirditem2 span {
  color: #5873cd;
}
#thirditem1 a:hover {
  text-decoration: underline;
}
