@charset "utf-8";
/* CSS Document */

body{background-image:url(images/natimark_bg.jpg);background-position:top; background-repeat:repeat-x; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px;  font-family: Century Gothic, sans-serif; font-size:12px; background-color:#ffffff;}
img{border:none;}
#container{width:992px; margin-left:auto; margin-right:auto; }
#header{width:992px; height:128px; background-image:url(images/Header2.jpg);}
#bodyContentTop{width:992px; height:304px; background-color:#ffffff;}
#bodyContent{width:992px; overflow:hidden; background-image:url(images/body_r.jpg); background-repeat:repeat-x; background-color:#ffffff;}

#subBodyContent{width:992px; overflow:hidden; background-image:url(images/body_r.jpg); background-repeat:repeat-x;  padding-top:15px; padding-bottom:15px; background-color:#ffffff;}
#bodyContentLeft{width:340px; margin-left:10px; float:left; background-color:transparent;}
#bodyContentRight{width:602px; float:left; background-color:transparent; padding-left:20px; padding-right:20px;}


#subBodyContentLeft{width:180px; margin-left:10px; float:left; background-color:#FFFFFF; height:400px; background-image:url(images/bg_side_nav.jpg); background-repeat:repeat-x;}
#subBodyContentMid{width:770px; margin-left:15px; float:left; background-color:transparent;}
#subBodyContentRight{width:150px; height:600px; float:left; margin-left:10px; background-color:transparent; border:#000000 1px solid; margin-bottom:15px;}
#subBodyContentLeftHeader{background-color:#4d7baf; color:#ffffff; padding-left:5px; height:20px; font-weight:bold; padding-top:4px; }
#subBodyContentLeftRelated{ padding-left:5px; height:20px; font-weight:bold; padding-top:4px; }
#midContainer{margin-top:10px; padding-left:10px; padding-right:10px; padding-top:10px; border:#CCCCCC 2px solid;}


#signup{background-image:url(images/sign_up_bg2.png); width:319px; height:207px; margin-left:auto; margin-right:auto; margin-top:8px;}
#topFooter{ background-image:url(images/top_footer.jpg); width:992px; height:157px; }
#footer{position:relative; width:992px; background-color:transparent; height:300px; top:20px;}
#footerLeft{float:left; width:580px; margin-left:20px; margin-top:5px; }
#footerSubLeft{float:left; width:180px; margin-left:10px; margin-top:5px; }
#footerSubMid{float:left; width:180px; margin-left:10px; margin-top:5px; }
#footerRight{float:left; width:160px; margin-left:232px; margin-top:5px; }
#footerSubRight{float:left; width:180px; margin-left:10px; margin-top:5px; }
#topFooterLeft{float:left; width:290px; margin-left:20px; margin-top:5px; height:140px;}
#topFooterRight{float:left; width:600px; margin-left:55px; margin-top:5px; height:140px;}
.footerLI{margin-left:-20px;}
ul{list-style-image:url(images/bullet3.png);}
.reglistul{list-style-image:url(images/bullet4.png);}
a:link{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
a:active{color:#000000; text-decoration:none;}


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

h1 {font-size: 16pt; color: #03456e; padding-top: 10px; padding-bottom: 3px; padding-left:19px; margin-top:0px;}

.headH1 {font-size: 16pt; color: #03456e; font-weight:bold;}


#subheaderContact {float:left; background-image:url(images/banner-contact.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderAbout {float:left; background-image:url(images/banner-about.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderSpecials {float:left; background-image:url(images/banner-specials.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderPricing {float:left; background-image:url(images/banner-pricing.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderModeling {float:left; background-image:url(images/banner-modeling.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderProducts {float:left; background-image:url(images/banner-products.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderSpecialty {float:left; background-image:url(images/banner-specialty.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderInstalls {float:left; background-image:url(images/banner-installs.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderPrivacy {float:left; background-image:url(images/banner-privacy.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }
#subheaderTerms {float:left; background-image:url(images/banner-terms.jpg); width:770px; height:133px; background-repeat:no-repeat; margin-bottom:15px; position: relative; }


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



#subBodyContentLeft a:link{ text-decoration:underline;}
#subBodyContentLeft a:active{ text-decoration:underline;}
#subBodyContentLeft a:hover{ text-decoration:none;}
#subBodyContentLeft a:visited{ text-decoration:underline;}

#subBodyContentMid a:link{color:#4D7BAF; text-decoration:underline;}
#subBodyContentMid a:active{color:#4D7BAF; text-decoration:underline;}
#subBodyContentMid a:hover{color:#4D7BAF; text-decoration:none;}
#subBodyContentMid a:visited{color:#4D7BAF; text-decoration:underline;}



#subFooterLeft a:link{color:#000000; text-decoration:underline;}
#subFooterLeft a:active{color:#000000; text-decoration:underline;}
#subFooterLeft a:hover{color:#4D7BAF; text-decoration:none;}
#subFooterLeft a:visited{color:#000000; text-decoration:underline;}


.imgindent {margin:0 10px 0 0; float:left;}
.imgindentRight {margin:0 0 0 10px; float:right;}

.input {color:#000; background:#FFFFFF; border:1px solid #056f9f; font-family:Arial, Helvetica, sans-serif; }

/* CSS Buttons */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.red { background: #ee3224; }
.btn.gray { background: #CCC; }
.btn:hover { background-color: #CCCCCC; text-decoration:none; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(images/shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; text-decoration:none; }
* html .btn.gray { background: #2ae; }



#more-info-090520 a,
#more-info-090520 a:visited {
  padding:10px 0 10px 10px;
  text-decoration:none;
}
#more-info-090520 a:hover,
#more-info-090520 a:visited:hover {
  border:0;
  padding:10px 0 10px 10px;
  background-color:#fff;
}


/* - - - - - - - - - - -   
 * resource list styling   
 * (an ordered list)   
 * randsco.com 2009 
 * v090521-act  
 */   
#more-info-090520 {
  width:80%;
  margin:10px auto;
}
#more-info-090520 h4 {
  font:bold 150%;
  color:#000;
  background:inherit;
}

#more-info-090520 ol {
  border:solid #7db5de;
  border-width:1px 1px 1px 1px;
  margin:20px 0; padding:0 0 0 35px;
  background:#fff url(images/ul.gif) repeat-y;
}
#more-info-090520 li {
  margin:0; padding:0;
  color:#000;
  font:bold 1.1em;
}
#more-info-090520 a,
#more-info-090520 a:visited {
  display:block;
  padding:10px 0 10px 10px;
  color:#4d7bb0;
  background:url(images/ul.jpg) no-repeat 0px 0px;
  text-decoration:none;
  border:solid #7db5de;
  border-width:0 0 1px 0;
}
#more-info-090520 li.last a,
#more-info-090520 li.last a:visited {
  border-width:0;
}
#more-info-090520 a:hover,
#more-info-090520 a:visited:hover {
  background:url(images/ul.jpg) no-repeat 0px -800px;
  border:solid #7db5de;
  border-width:0 0 1px 0;
  color:#ee3224;
}
#more-info-090520 a.ext:hover,
#more-info-090520 a.ext:visited:hover {
  background:url(images/ul.jpg) no-repeat 0px -400px;
  border:solid #7db5de;
  border-width:0 0 1px 0;
}
#more-info-090520 li.last a:hover,
#more-info-090520 li.last a:visited:hover {
  border-width:0;
}

#more-info-090520 img {
  border:0;
  position:absolute;
}
#more-info-090520 a img {
  visibility:hidden;
}
#more-info-090520 a:visited img {
  visibility:visible;
  clip:rect( 0, 50px, 27px, 25px );
  overflow:hidden;
  margin-top:20px;
  margin-left:-15px;
}
#more-info-090520 a:visited:hover img {
  clip:rect( 0, 25px, 27px, 0 );
  margin-left:10px;
}
#more-info-090520 .para {
	display:block;
	color:#000;
	margin:5px 10px 5px 50px;
	font:normal 14px;
}
