div.mainIntro
{
	position:absolute;
	top:0; 
	left:0px;
	right:0px; 
	bottom:-30%;
	margin:0px 0px 0px 0px; 
	background-color:#FFFFE0;
}
div.bannerIntro
{
	clear:both;
	background-image:url("../design/background2.jpg"); 
	width:1002px; 
	background-position:center;
	width:1000px; 
	background-repeat:no-repeat; 
	height:332px;		
}
div.navigation 
{
	float:left;
	clear:both;	
	width:98%;
	padding-top: expression(window.screen.height > 768 ? "10%":"3%");
}
div.footerIntro
{
	clear:both;
	position:absolute; 
	bottom:10px;left:50%;
}
img {
	border: none;
}

/* dock - top */
.dock {
	/*position: absolute; 
	top:0px;
	height: 50px; 
	text-align: center;	
	border: solid 1px pink;*/
}
.dock-container {
	position: absolute;
	height: 50px;
	/*background: url(images/dock-bg2.gif);*/
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 
{
	position:relative;
	width: 100%;
	bottom: 40%;	
	top:0;
	left:0;
}
.dock-container2 {
	position: relative;
	height: 150px;
	/*background: url(images/dock-bg.gif);*/
	float:left;	
}
a.dock-item2 {
	display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	width: 100px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	border-style:none;
	outline:0;	
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
	
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%;	
	}