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

	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#414141;
		font-family: Verdana, Geneva, sans-serif;
		color: #FFF;
		font-size: 80%;
	}
	#wrap {
	width:830px;
	margin:10px auto;
	}
	.header {
	float:left;
	width:250px;
	height:250px;
	padding:10px;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	background: url(img/miles.png) bottom left no-repeat;
	}
	.header-home {
	float:left;
	width:180px;
	height:325px;
	padding:10px;
	margin: 0 0 25px 0;
	text-indent: -9000px;
	background: url(img/miles-home.png) bottom left no-repeat;
	}
	#contact {
	float:left;
	width:250px;
	height:250px;
	padding:10px;
	margin: 0 0 10px 0;
	background-color: #595959;
	color: #35BCAA;
	}
	
	#contact a {
	color: #35BCAA;
	text-decoration: none;
		}
	#contact a:hover {
	color: #FFF;
		}
		
	h1 {
	    margin:0;
		font-weight:normal;
		font-size:125%;
		text-decoration: underline;
		text-transform:uppercase;
    }
	a {
	color: #35BCAA;
	text-decoration: none;
		}
	a:hover {
	color: #414141;
		}
	#nav {
	float:left;
	height:25px;
	width:630px;
	padding:5px 0 0 0;
	margin: 0;
	}
	#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		color: #595959;
		display:inline;
		margin:0 10px 0 0;
		padding:0;
		text-transform: uppercase;
		font-size: 120%;
	}
	#nav li a {
	color: #595959;
	}
	#nav li a:hover {
	color: #FFFFFF;
	}
	#nav li a.current {
	color: #35BCAA;
	}
	#languages {
	text-align:right;
	float:left;
	height:25px;
	width:200px;
	padding:5px 0 0 0;
	margin: 0;
	}
	#languages ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#languages li {
		color: #595959;
		display:inline;
		margin:0;
		padding:0;
		text-transform: uppercase;
		font-size: 120%;
	}
	#languages li a {
	color: #595959;
	}
	#languages li a:hover {
	color: #FFFFFF;
	}
	#languages li a.current {
	color: #35BCAA;
	}
	h2 {
		margin:0 0 1em;
	}
	.home {
	float:left;
	width:250px;
	height:250px;
	padding:10px;
	margin: 0;
	background-color: #595959;
	color: #FFF;
	}
	.panel {
	float:left;
	width:250px;
	height:250px;
	padding:10px;
	margin: 0 10px 10px 0;
	background-color: #595959;
	color: #FFF;
	}
	.panel:hover, .panel:focus {
	color: #595959;
	background-color: #FFF;
	cursor: pointer;
	}
	.news {
	float:left;
	width:250px;
	height:250px;
	padding:10px;
	margin: 0 10px 10px 0;
	background-color: #35BCAA;
	color: #FFF;
	}
	.news:hover, .news:focus {
	color: #35BCAA;
	background-color: #FFF;
	cursor: pointer;
	}
	.news li {
		margin-bottom:10px;
		}
	
	#container1 {
	float:left;
	width:550px;
	height:550px;
	padding:0px;
	margin: 0 10px 10px 0;
	background-color: #FFF;
	color: #414141;
	}
	#container12 {
	float:left;
	width:530px;
	height:530px;
	padding:10px;
	margin: 0 10px 10px 0;
	background-color: #FFF;
	color: #414141;
	}
	#container12 .interior {
	float:none;
	width:265px;
	padding:0px;
	margin:0px;
	}
	#container12 .interior2 {
	float:none;
	width:400px;
	padding:0px;
	margin:30px 0px 0px 0px;
	}
	
	#container21 {
	float:left;
	width:250px;
	height:530px;
	padding:10px;
	margin: 0 10px 10px 0;
	background-color: #FFF;
	color: #414141;
	}
	#container22 {
	float:left;
	width:550px;
	height:530px;
	padding:0px;
	margin: 0 0 10px 0;
	color: #FFF;
	background-color: #595959;
	}
	.container23 {
	float:left;
	width:550px;
	height:315px;
	padding:0px;
	margin: 10px 0 10px 0;
	background-color: #595959;
	color: #414141;
	}
		
	#footer {
	clear:both;
	color: #35BCAA;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
a:focus {
	outline: none;
  -moz-outline-style:none;
}

:focus {
  -moz-outline-style:none;
}

ul{
	margin:10px 0 0 0;
	padding:0;
	list-style-position: inside;
	}