@charset "UTF-8";
/* CSS Document */
 
body {
	background-color:#000000;
	background-image:url(images/bg.jpg);
	background-attachment:fixed;
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	margin:0;
	overflow:auto;
}



h1 {
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	font-weight:400;
	}
	
p {
	color:#333333;
	font-family:Arial, Helvetica,  sans-serif;
	font-size: 1.1em;
	font-weight:400;
	}
	
ul	{
	}	
	
li	{
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight:400;
}
	
a {
	border:none;
	color:#666666;
	text-decoration:underline;
	}		
	
#button {
	height:22px;
	float:left;
	background-image:url(images/button-off.gif);
	background-repeat:repeat-x;
	padding-top: 15px;
	color:#339933;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight:400;
	text-align:center;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}
	
#button-on {
	height:22px;
	background-image:url(images/button-on.gif);
	background-repeat:repeat-x;
	padding-top: 15px;
	color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight:400;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}
	
	a.button {
	height:22px;
	text-decoration:none;
	float:left;
	background-image:url(images/button-off.gif);
	background-repeat:repeat-x;
	padding-top: 15px;
	color:#339933;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight:400;
	text-align:center;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}
	
	a.button:hover {
	color:#FFF;
	background-image:url(images/button-on.gif);
	background-repeat:repeat-x;
	}
	
.right-image {
	width:174px;
	float:left;
	margin-left:60px;
	}	
	
.small-image {
	width:174px;
	height:151px;
	float:left;
	padding:30px 40px 0 0;
	}
	
.small-imageright {
	width:174px;
	height:151px;
	float:right;
	clear:right;
	padding:30px 40px 0 0;
	}
	
.small-imageright2 {
	padding:30px 40px 0 0;
	}
	
	
#navbar { 
	height:41px; 
	margin:30px 0 60px 60px; 
	padding-top:1px;
	text-align:center;
	background:url(images/nav.jpg) no-repeat; 
	overflow:auto; 
	}

#navbar li { 
display:block; 
float:left; 
list-style-type:none; 
}

#navbar li a { 	
	height:22px;
	text-decoration:none;
	float:left;
	background-image:url(images/button-off.gif);
	background-repeat:repeat-x;
	color:#339933;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight:400;
	text-align:center;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding:15px 5px 0 10px;
	}
	
#navbar li a:hover { color:#FFF;
	background-image:url(images/button-on.gif);
	background-repeat:repeat-x; }


#container {
	width:840px;
	background-color:#FFF;
	margin:0 auto;
	overflow:auto;
	padding-bottom:150px;
}

#header { width:840px;margin:20px 0px 0 0px;text-align:center; }

#content { overflow:auto; }

#content-home {  margin-left:60px; background:url(images/home-bg.jpg) no-repeat; padding-top:220px; }
#content-whatis { margin-left:60px; background:url(images/whatis-bg.jpg) no-repeat; padding-top:220px;overflow:auto; }
#content-features {  margin-left:60px; background:url(images/features-bg.jpg) no-repeat; padding-top:220px;overflow:auto; }
#content-products {  margin-left:60px; background:url(images/products-bg.jpg) no-repeat; padding-top:130px; overflow:auto; padding-bottom:30px; }
#content-install { margin-left:60px; overflow:auto; width:460px;  float:left; }
#content-contact { margin-left:60px; background:url(images/contact-bg.jpg) no-repeat; padding-top:220px; }

#product { width:198px;height:160px;float:left;padding-left:28px; }

#content h1,p,ol { width:440px; }
#content li { margin-bottom:5px; }

#footer { border-top:1px dotted #333; margin:30px 60px;overflow:auto;clear:both; }
.footer-left { margin-top:20px; float:left; }
.footer-right { margin-top:20px; float:right; }

.bg_emerald { width:725px; margin-left:60px; background-image:url(images/emerald-bg.jpg);background-repeat:no-repeat; overflow:auto; }
.bg_grand { width:725px; margin-left:60px; background-image:url(images/grand-bg.jpg);background-repeat:no-repeat; overflow:auto; }
.bg_stately { width:725px; margin-left:60px; background-image:url(images/stately-bg.jpg);background-repeat:no-repeat; overflow:auto; }

#indent_box { margin:220px 0 0 25px; }
#indent_box p { width:300px; margin-top:0; }

.textbox_emerald { padding-left:120px; width:310px; margin:0; overflow:auto; background:url('images/tn_emerald.jpg') no-repeat; }
.textbox_grand { padding-left:120px; width:310px; margin:0; overflow:auto; background:url('images/tn_grand.jpg') no-repeat; }
.textbox_stately { padding-left:120px; width:310px; margin:0; overflow:auto; background:url('images/tn_stately.jpg') no-repeat; }