@CHARSET "UTF-8";

/* Generic */

html { height: 100%; }

body {
	background-color: #00aaef;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

/* Layout */

div#menu {
	float: left;
	width: 270px;
}

div#container {
	position: relative;
	min-height: 100%;
}

div#content {
	float: left;
}

div#alternatives {
	color: #ffffff;
	font-size: 10px;
	height: 12px;
	margin: 20px 0px 3px 0px;
}
	
	div#alternatives a { 
		color: #ffffff; 
		font-size: 11px; 
		text-decoration: none; 
		padding: 0px 7px 0px 5px;
	}
	div#alternatives a:hover { color: #000000; font-size: 10px; text-decoration: none; }
	

div#picture_frame {
	background-color: #ffffff;
	float: left;
	height: 480px;
	padding: 5px;
}

div#links_frame {
	background: url("../img/back.jpg") 0px 0px no-repeat #000000;
	color: #ffffff;
	float: left;
	font-size: 13px;
	line-height: 120%;
	width: 400px;
	height: 400px;
	padding: 40px;
}

	div#links_frame span.alt_color {
		color: #00aeef;
	}
	div#links_frame a {
		color: #ffffff;
		text-decoration: none;
	}
	div#links_frame a:hover {
		color: #ffffff;
		text-decoration: underline;
	}

div#contact_frame {
	background: url("../img/plan.jpg") 0px 0px no-repeat #000000;
	color: #ffffff;
	float: left;
	font-size: 12px;
	line-height: 120%;
	width: 400px;
	height: 400px;
	padding: 40px;
}

	div#contact_frame span.alt_color {
		color: #00aeef;
	}
	div#contact_frame a {
		color: #ffffff;
		text-decoration: none;
	}
	div#contact_frame a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	div#contact_frame a.alt_color {
		color: #00aeef;
		text-decoration: none;
	}
	div#contact_frame a.alt_color:hover {
		color: #00aeef;
		text-decoration: underline;
	}

div#picture_text {
	background-color: #ffffff;
	float: left;
	font-size: 12px;
	
	padding: 4px;
	margin: 0px 0px 40px 0px;
}

	div#picture_text a {
		color: #00aeef;
		font-weight: bold;
		text-decoration: none;
	}
	div#picture_text a:hover {
		background-color: #00aeef;
		color: #ffffff;
		text-decoration: none;
	}


div#thumbails {	
	height: 60px;
	width: 600px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#thumbails a.thumbail {
	display: block;
	background-color: #ffffff;
	float: left;
	text-decoration: none;
	border-style: none;
	
	padding: 4px;
	margin: 0px 4px 0px 0px;
}
div#thumbails a.thumbail img { border-style: none; text-decoration: none; }


div#footer {
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	margin: 0px 0px 20px 270px; 

}

		
/* Class */
.left { float: left; }
.right { float: right; }
div.spacer { display: block; float: none; overflow: hidden; height: 0px; clear: both; background-color: transparent; }