@charset "UTF-8";
/* 
	CSS Document 
	Styles for the index page.
*/

#linkArea {
	background-image:url(../images/index/front_image.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:860px;
	height:450px;
	margin:0px auto;
}

#pageHeader { 
	padding:0px;
	text-align:center; 
	height:170px;
}

#pageHeader h1 {
	font-size:5em;
	color:#900;
	font-weight:lighter;
	letter-spacing:0.2em;
	padding:0px;
	margin:0px;
}

#pageHeader img {
	margin-top:-74px;
}

#pageHeader h2 {
	font-size:3em;
	letter-spacing:0.1em;
	margin-left:-27px;
	color:#555;
}


#news {
	margin-top:360px;
	color:#fff;
	padding:5px 0px;
}

#news p { font-size:1.3em; }

#addressStrap { margin-top:6px; }
#addressStrap h1 {
	font-size:1.9em;
	letter-spacing:0.1em;
	color:#555;
	margin:0px;
}
#addressStrap h2 {
	font-size:1.6em;
	margin-top:5px;
}

#addressStrap h2 a { text-decoration:none; color:inherit; }



#fadeBox {
	position:fixed; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7; 

	text-align:center;
}

#telephoneDisplay {
	border:1px #fff solid;
	background-color:#fff;
	width:780px;
	height:110px;
	color:#000;
	font-size:8em;
	letter-spacing:0.1em;
	margin:25% auto;
}

@media screen and (max-width:870px) {
	
	div#mainContainer {
		width: auto;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 0.7em;
		height: 16em;
	}
	
	div#mainContainer span {
		width: 5em !important;
	}
	
	div#mainContainer img {
		width: 15em !important;
		height: auto;
		margin-top: -6em;
	}
	
	div#linkArea {
		width: auto !important;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	div#linkArea ul li {
		margin-left: 8px;
		margin-right: 8px;
		font-size: 0.9em;
	}
}

@media screen and (max-width:600px) {
	
	div#mainContainer {
		font-size: 0.4em;
		height: 16em;
	}
	
	div#addressStrap {
		font-size:0.7em;
	}
	
	div#news {
		font-size: 0.8em;
		margin-top: 370px;
	}
	
	div#linkArea ul li {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 0.6em;
	}
}

@media screen and (max-width:400px) {
	
	div#mainContainer {
		font-size: 0.3em;
		height: 16em;
	}
	
	div#addressStrap {
		font-size:0.6em;
		padding: 1em 3em;
	}
	
	div#linkArea ul {
		margin-top: 10px;
		width: 100%;
	}
	
	div#news {
		font-size: 0.8em;
		margin-top: 180px;
	}
	
	div#linkArea ul li {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 1em;
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		background: rgba(255, 255, 255, 0.7);
		padding: 6px 20px;
	}
	
	body {
		height: 100%;
	}
}