/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	line-height: 14px;	
	margin: 0px;
	background: url("http://www.ionconstructors.com/images/bkg_dots.gif") repeat;
}

a{
	color: #006699;
	font-size: 11px;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

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

a:hover{
	color: #006699;
	text-decoration: underline;
}

.h1{
 font-family: Arial,sans-serif;
 font-size: 14px;
  font-weight: 800;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.h2{
 font-family: Arial,sans-serif;
 font-size: 12px;
 font-weight: 800;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

.h3{
 font-family: Arial,sans-serif;
 font-size: 12px;
 font-weight:800;
 color: #13202A;
 margin: 0px;
 padding: 0px;
}

.h4 {
	font:italic bold 12px "Times New Roman", Times, serif;
	color:#555555;
}

.h5 {
	font:italic bold 11px "Times New Roman", Times, serif;
	color:#334d55;
	text-align: justify;
}

.p {
 	font-family: Arial,sans-serif;
	font-size: 11px;
	color:#CCCCCC;
}
.p2 {
 	font-family: Arial,sans-serif;
	font-size: 11px;
	padding:0px 3px 0px 3px;
	color:#CCCCCC;
	background:#777777;
	border: solid 1px #334d55;
	margin: 3px 0px 3px 0px;
}
.p3 {
 	font:11px Arial,sans-serif;
	color:#CCCCCC;
	border: solid 1px #334d55;
	padding: 5px;
	
}


.p4 {
 	font:11px Arial,sans-serif;
	color:#666666;
	border: solid 0px #334d55;
	padding: 0px;
	
}


.img {
margin: 5px 8px 5px 0px;
border: 1px solid #334d55;
float:left;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#content{
	position:absolute;
	left:50%;top:0px;
	width:799px; height:580px;
	margin-top:0px;
	margin-left:-405px;
	padding:0px;
	border-left:1px solid #13202A;
	border-right:1px solid #13202A;
	background-color:#7B8D98;
	z-index:0;
	}

#main-image {
	padding:0px;
	margin:0px;
}

#logo {
	position: absolute; 
	top: 0px; left:77px;	
}

#navigation {
	position: absolute; 
	top: 0px; left:320px;
	width:auto;
	height:21px;
}

#feature {
	position: absolute; 
	top: 278px; left:510px;	
	width:260px;
	height:280px;
}

#footer {
	position: absolute; 
	left:50%; top:580px;
	width:799px; height:105%;
	margin-left:-405px;
	padding: 10px 0px 10px 0px;
	vertical-align: middle;
	border:1px solid #13202A;
	border-bottom:0px solid #13202A;
	background-color:#BDBDBD;
	z-index:0;
}
#grey-dot-block {
	position:absolute;
	left:55px;
	bottom:0px;
	width:405px;
	height:48px;
	top: 245px;
	z-index:-1;
}
#tmb-lyr {
	position:absolute; 
	left:525px; top:450px; 
	width:230px; height:AUTO;
	border: 1px none #006699;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	z-index:100;
}


/***********************************************/
/* Scroll Styles                                */
/***********************************************/

#hold {
	position:absolute; overflow:hidden; 
  	width:501px; height:300px;
	left:0px; top:278px;
	z-index:100;
	}
#wn	{
	position:absolute;
	left: 77px; top:0px; 
	width:380px; height:270px;
	clip:rect(0px, 380px, 270px, 0px); 
	overflow:hidden;
	z-index:1; 
	}
#lyr1	{
	position:absolute;
	left:0px; top:0px;
	padding:0px 0px 0px 0px;
	}
.content { 
	position:absolute; visibility:hidden;
	/*left:0px; top:0px;*/
	text-align: left;
	z-index:1; 
	}
#scrollbar { 
	position:absolute; 
	left:470px; top:0px;
	width:30px; height:278px; 
	z-index:1;
  }
#track { 
	position:absolute; 
	left:3px; top:37px;
	width:8px; height:265px;
	background: #7C96A5;
 	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;
  }  
#up { 
	position:absolute;
	left:471px; top:1px;
	z-index:5;
	}  
#down { 
	position:absolute;
	left:471px; top:23px;
	z-index:5;
	} 
#sht-line { 
	position:absolute;
	left:485px; top:0px;
	} 
#icon { 
	position:absolute;
	left:0px; top:0px;
	} 

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/************* #story styles ***************/

#story {
	margin-left:40px;
	padding: 5px 10px 5px 0px;
	clear:both;
}