@charset "UTF-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,inputm,a, a:hover { margin: 0; padding: 0; vertical-align: top;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table, tbody, tr, td { border-collapse: collapse; border-spacing: 0; text-align: top;}

body  {
	font-family: "Lucida Grande", Trebuchet MS, Verdana, sans-serif; font-size:62.5%; color: #ccc; text-align: center; background: #413937; /*background: #4a4342 url(../images/hub/background.png) repeat-x;*/}

a {color: #62534f; display: inline; outline: none; text-decoration: none;}
a:hover{color: #d22b31; text-decoration: none;}

p {font-size: 1.2em; line-height:2em; color: #ccc;}

#logo {
	margin-bottom: 80px;
	margin-top: 45px;
}


#text {
	height: 330px;
	width: 1006px;
	margin: 15px auto 120px;
	overflow: hidden;
	/*position: relative;*/
}
#footer {
	height: 115px;
	position: relative;
	width: 1006px;
	margin: 0 auto;
}
/*#text img {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 15px;
}

#text ul {
	list-style: none;
	font-size: 1.3em;
	list-style: none;
	padding: 0;
}
#text li {
	margin: 0;
	padding:0px;
	display:inline;
	float: left;
}*/

/*#text ul li {
	display: inline;
	cursor: pointer;
	height: 180px;
}*/
#text a {
	color: #937863;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
	width: 250px;
}
#text a:hover, #nav a#current {
	color: #9e1b27;
	text-decoration:none;
}

#altologo {
	width: 250px;
	height:  330px;
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #645956;
}
#conlogo {
	width: 250px;
	height:  330px;
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #645956;
	border-left: 1px solid #221d1a;
}
#marealogo {
	width: 250px;
	height:  330px;
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #645956;
	border-left: 1px solid #221d1a;
}
#duelogo {
	width: 250px;
	height:  330px;
	display: inline;
	float: left;
	position: relative;
	border-left: 1px solid #221d1a;
}

#altolinks {
	width: 250px;
	height:  115px;
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #645956;
}
#conlinks{
	width: 250px;
	height:  115px;
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #645956;
	border-left: 1px solid #221d1a;
}
#marealinks {
	width: 250px;
	height:  115px;
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #645956;
	border-left: 1px solid #221d1a;
}
#duelinks {
	width: 250px;
	height:  115px;
	display: inline;
	float: left;
	position: relative;
	border-left: 1px solid #221d1a;
}


/* Rollover Buttons */
 
.alto, a.alto:link, a.alto:active {
	height: 170px;
	width: 250px;
	background: url(../images/hub/alto.png) no-repeat;
}
a.alto:hover {
	background: url(../images/hub/alto.png) no-repeat;
	background-position: 0 -170px;
}
.convivio, a.convivio:link, a.convivio:active {
	height: 170px;
	width: 250px;
	background: url(../images/hub/convivio.png) no-repeat;
}
a.convivio:hover {
	background: url(../images/hub/convivio.png) no-repeat;
	background-position: 0 -170px;
}
.marea, a.marea:link, a.marea:active {
	height: 170px;
	width: 250;
	background: url(../images/hub/marea.png) no-repeat;
}
a.marea:hover {
	background: url(../images/hub/marea.png) no-repeat;
	background-position: 0 -170px;
}
.dueterre, a.dueterre:link, a.dueterre:active {
	height: 85px;
	background: url(../images/hub/dueterre.png) no-repeat;
}
a.dueterre:hover {
	background: url(../images/hub/dueterre.png) no-repeat;
	background-position: 0 -85px;

}
.duemari, a.duemari:link, a.duemari:active {
	height: 85px;
	background: url(../images/hub/duemari.png) no-repeat;
}
a.duemari:hover {
	background: url(../images/hub/duemari.png) no-repeat;
	background-position: 0 -84px;
}