@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}

body { background-color: #1c2c3b; text-align:center}

html, body {height:100%}

#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:500px;
		width:800px;
		clear:left;
		background-color:#FFFFFF;
		}
#distance { 
		width:1px;
		height:50%;
		margin-bottom:-261px; /* half of container's height */
		float:left;
		}
#head { 
		width:800px;
		height:258px;
		}
#home { 
		width:800px;
		height:258px;
		background-image:url(images/background/home5.jpg)
		}
#apart { 
		width:800px;
		height:258px;
		background-image:url(images/background/apart5.jpg)
		}
#location { 
		width:800px;
		height:258px;
		background-image:url(images/background/location5.jpg)
		}
#avail { 
		width:800px;
		height:258px;
		background-image:url(images/background/avail5.jpg)
		}
#contact { 
		width:800px;
		height:258px;
		background-image:url(images/background/contact5.jpg)
		}


.logo{
	top: 329px;
	left: 21px;
	z-index: 2;
	position: absolute;
	width: 132px;
	height: 94px;
	margin:0px;
	padding:0px;
	text-align:center
}

.telephone {
	top: 412px;
	left: 68px;
	z-index: 2;
	position: absolute;
	width: 89px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
}
.email {
	top: 431px;
	left: 40px;
	z-index: 2;
	position: absolute;
	width: 102px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
}


.lowLinksBox{
	top: 475px;
	left: 0px;
	z-index: 2;
	position: absolute;
	width: 800px;
	height: 34px;
	margin:0px;
	padding:0px;
	background-color:#1c2c3b;
}
.linksMAIN {
	top: 289px;
	left: 180px;
	z-index: 2;
	position: absolute;
	width: 116px;
	height: 165px;
	margin:0px;
	padding:0px;
	text-align:center;
}	

.text { font-size: 12px; color: #000000; text-align:left; font-family:Arial, Helvetica, sans-serif}
.textRoll { font-size: 12px; color: #244874; text-align:left; text-decoration:none;  font-family:Arial, Helvetica, sans-serif}
.textRoll:hover { font-size: 12px; color: #4f82b4; text-align:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif}

.penguin {text-align:center}

.lowLinks { font-size: 9px; color: #FFFFFF; text-align:right; font-family:Arial, Helvetica, sans-serif}
.lowLinksRoll { font-size: 9px; color: #FFFFFF; text-align:right; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
.lowLinksRoll:hover {font-size: 9px; color: #4f82b4; text-align:right; text-decoration:none; font-family:Arial, Helvetica, sans-serif}	

.mainLinks { font-size: 14px; color: #4f82b4; text-align:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-style:bold}
.mainLinksRoll { font-size: 14px; color: #000000; text-align:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-style:bold}
.mainLinksRoll:hover {font-size: 14px; color: #4f82b4; text-align:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-style:bold}

.emailLINK { font-size: 9px; color: #244874; text-align:left; font-family:Arial, Helvetica, sans-serif}
.emailLINK:hover {font-size: 9px; color: #4f82b4; text-align:left; font-family:Arial, Helvetica, sans-serif}