/* CSS Document */
body, html {
	background: #000000 url('../images/bg23.jpg') no-repeat center;
	margin: 0px auto;
	height: 100%;
	border:0;
	text-align:center;}
	
#pagecontainer {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 998px;}
	
#header{
	margin-left:auto;
	margin-right:auto;
	width: 998px;
	height: 84px;
	text-align:left;}

#splashleftcontent{
	background: url('../images/opaque.png');
	border: 1px solid #404040;
	width: 330px;
	height: 100px;
	padding: 10px;
	margin: 15px 0px 2px 1px;
	text-align: left;}
	
#splashrightcontent{
	background: url('../images/opaque.png');
	border: 1px solid #404040;
	float: right;
	width: 330px;
	height: 100px;
	padding: 10px;
	margin: 15px 1px 2px 0px;
	text-align: left;}

#logo-splash {
	width: 600px; 
	height: 100px;
	margin-right: auto;
	margin-left: auto;
  margin-top: 50px;
  }
	
#ressystems{
	background: url('../images/residential.png') no-repeat bottom;
	width: 327px; 
	height: 31px;
	float: left;}

#commsystems{
	background: url('../images/commercial.png') no-repeat bottom;
	width: 327px; 
	height: 31px;
	float: left;}

#copyright {
	font-size: 11px; 
 	font-weight: bold;
	font-family: tahoma;
	color: #FFFFFF;
	width: 200px; 
	height: 11px;
	margin-top:2px;
	float: left;}
	
#framecontentBottom{
  position: absolute; 
  top: auto;
  bottom: 0; 
  left: 0; 
  width: 100%; 
  height: 28px; /*Height of bottom frame div*/
  overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  color: white;
 	font-weight: bold;
}

/* Navigation button rollovers */

#enter a {
	background: url('../images/enter_down.png') no-repeat top;
	width: 122px; 
	height: 27px;
	margin-top: 15px;
	margin-left: 104px;
	float: left;}
	
#enter a:hover {
	background: url('../images/enter_up.png') no-repeat bottom;
	width: 122px; 
	height: 27px;
	margin-top: 15px;
	margin-left: 104px;
	float: left;}  
}