/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: verdana;
	font-size: 11px;
	color:#dbe4e9;
	line-height: 14px;	
	margin: 0px;
	background: url("http://www.ionconstructors.com/images/bkg_dots.gif") repeat;
}

a{
	color: #000000;
	font-size: 10px;
        font-family: verdana;
        font-weight: bold;
	text-decoration: none;
}

a:link{
	color: #000000;
        font-size: 10px;
        font-weight: bold;
        font-family: verdana;
 	text-decoration: none;
}

a:visited{
	color: #000000;
        font-size: 10px;
        font-family: verdana;
        font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #222222;
        font-weight: bold;
	text-decoration: underline;
        font-size: 10px;
        font-family: verdana;
}




h1{
 font-family: copperplate gothic light;
 font-size: 12px;
 font-weight:800;
 color: #000000;
 margin: 0px;
 padding: 0px;
} 


h2{
 font-family: verdana;
 font-size: 11px;
 font-weight:100;
 color: #dbe4e9;
 margin: 0px;
 padding: 0px;
 line-height: 14px;	
} 

 h3{
 font-family: verdana;
 font-size: 14px;
 font-weight:800;
 color: #006699;
 margin: 0px;
 padding: 0px;
} 

h4{
 font-family: copperplate gothic light;
 font-size: 10px;
 color: #666666;
 margin: 0px;
 padding: 0px;
} 

h5{
 font-family: verdana;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
} 

h6{
 font-family: verdana;
 font-size: 14px;
 font-weight:800;
 color: #cccccc;
 margin: 0px;
 padding: 0px;
}

.h1{
 font-family: verdana;
 font-size: 16px;
 font-weight: bold;
 color: #cccccc; 
 margin: 0px;
 padding: 0px;
}

.h2{
 font-family: verdana;
 font-size: 16px;
 font-weight: 500;
 color: #000000; 
 margin: 0px;
 padding: 0px;
 border:0px solid black;
}


.h4 { 
 font-family: verdana;
 font-size: 12px;
 color: #333333;
 margin: 0px;
 padding: 0px;
 font-weight: bold;

}

.h5 {
	font: verdana;
        color: #cccccc;
        font-size: 10px;
	text-align: justify;
        font-weight: bold;
}

.h6 {
	font: bold 12px "verdana";
      color: #cccccc;
	text-align: justify;
}


p {
 	font-family: verdana;
	font-size: 11px;
      color: #cccccc;
}


.p {
 	font-family: verdana;
	font-size: 11px;
      color: #cccccc;
}

.p2 {
 	font-family: verdana;
	font-size: 11px;
      color: #666666;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#content{
	position:absolute;
	left:50%;top:0px;
	width:799px;     
        height:603px;
	margin-top:0px;
	margin-left:-400px;
	padding:0px;
	border:1px solid black;
        background-color:#7b8d98;
	z-index:0;
	}

#main-image {
      position: absolute; 
	top: 0px; left:0px;
    	padding:0px;
	margin:0px;
      border:0px solid #13202A;

}

#logo {
      position: absolute; 
	top: 0px; left:20px;
    	width: automatic;
	height: automatic;
      border:0px solid #13202A;
       z-index:1;

}


#navigation {
	position: absolute; 
	top: 0px; left:170px;
	width: automatic;
	height:21px;
      border:0px solid black;
      z-index:1;

}

#border {
	position: absolute; 
	top: 280px; left:10px;
	width: 777px;
	height:304px;
       border:1px solid #000000;
       z-index:0;
       background-color:#bdbdbd;
}

#photo {
	position:absolute; 
      overflow:hidden; 
  	width:765px; height:267px;
	left:5px; top:5px;
	z-index:0;
       border:1px solid #000000;
       background-color:#7B8D98;
	}

#hold {
	position:absolute; 
        overflow:hidden; 
  	width:426px; height:272px;
	left:5px; top:5px;
	z-index:0;
       border:1px solid #000000;
       background-color:#7B8D98;
       padding-left: 60px;
       padding-top: 20px;

	}


#feature {
	position: absolute; 
	top: 5px; left:498px;	
	width:252px;
	height:292px;
        padding-left: 20px;
        border:1px solid #000000;
        background-color:#7B8D98;
        z-index:0;
}

#feature2 {
	position: absolute; 
	top: 5px; left:498px;	
	width:252px;
	height:292px;
        padding-left: 20px;
        border:1px solid #000000;
        background-color:#cccccc;
        z-index:0;
}

#footer {
	position: absolute; 
	left:0%; top:603px;
	width:798px; height:105%;
	margin-left:0px;
	padding: 0px 0px 0px 0px;

	border:1px solid #13202A;
	background-color:#BDBDBD;
	z-index:0;
        text-align: center;
        text-valign: top;
}



 #grey-dot-block {
	position:absolute;
	left:15px;
	bottom:0px;
	width:405px;
	height:48px;
	top: 220px;
	z-index:-1;
       border: 0px solid red;

} 



/***********************************************/
/* Scroll Styles                                */
/***********************************************/

#wn	{
	position:absolute;
	left: 45px; top:8px; 
	width:380px; height:235px;
	clip:rect(0px, 380px, 230px, 0px); 
	overflow:hidden;
	z-index:1; 
      border: 0px solid blue;

	}

#wnmap	{
	position:absolute;
	left: 45px; top:8px; 
	width:380px; height:235px;
	clip:rect(0px, 380px, 230px, 0px); 
	overflow:hidden;
	z-index:1; 
      border: 1px solid blue;

	}

#lyr1	{
	position:absolute;
	left:0px; top:0px;
	padding:0px 0px 0px 0px;
      border:0px solid yellow;

	}

.content { 
	position:absolute; 
       visibility:hidden; 
	left:0px; top:0px;
	text-align: left;
    
	z-index:1; 
	}
#scrollbar { 
	position:absolute; 
	left:461px; top:8px;
	width:23px; height:105px; 
      border:0px solid #ffffff;
	z-index:1;
  }
#track { 
	position:absolute; 
	left:5px; top:37px;
	width:8px; height:205px;
	background: #7C96A5;
      border:0px solid black;

 	z-index:1;
}
#dragBar {
	position:absolute; 
	left:1px; top:1px;
	width:6px; height:5px;
	background-color:#fcfcfc;
	background: url("http://www.ionconstructors.com/images/btn_scroll.jpg") repeat-y;
	z-index:5;
        border:0px solid red;
  }  
#up { 
	position:absolute;
	left:466px; top:8px;
	z-index:5;
	}  
#down { 
	position:absolute;
	left:466px; top:30px;
	z-index:5;
	} 
#sht-line { 
	position:absolute;
	left:471px; top:8px;
       border:0px solid green;

	} 
#icon { 
	position:absolute;
	left:0px; top:8px;
       border:0px solid #13202A;

	} 


