* {
	font-family: Trebuchet MS;
	color: #282828;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 11px;
}

body, html{
	margin: 0;
	padding: 0;
	text-align: center; /* for IE */
	height: 100%;
}

#siteContainer {
	display: block;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #ffffff;
	width: 960px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
}

div#siteLeft {
	position: absolute;
	width: 110px;
	height: 100%;
}

div#siteRight {
	position: absolute;
	top: 0px;
	left: 160px;
	width: 800px;
	height: 100%;
}

div#frontaalLogo {
	width: 110px;
	height: 195px;
	border-bottom: 1px solid #ddd;
}

div#frontaalLogo img{
	width: 90px;
	height: 120px;
	padding-top: 10px;
}

div#frontaalLogo h1 {
	display: block;
	width: 90px;
	height: 50px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../../images/titleFRONTAAL-trans.png) no-repeat;
}

div#frontaalHeader {
	position: absolute;
	top: 50px;
	height: 50px;
	width: 700px;
}

div#frontaalHeader h2 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal;
	color: #808080;
	margin: 0px;
	padding: 0px;
	height: 30px;
}

div#frontaalHeader ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#frontaalHeader li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}

div#frontaalHeader li a.menuLink {
	text-transform: uppercase;
	font-size: 14px;
	margin-right: 20px;
	font-weight: normal;
	color: #000000;
}

div#frontaalHeader li a:hover, div#frontaalHeader li a.active{
	color: #ff0000;
	text-decoration: underline;
}

div#frontaalProject {
	position: absolute;
	top: 165px;
	height: 25px;
	width: 350px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

p {
	margin: 0px;
	padding: 0px;
}

div#frontaalLinks {
	position: absolute;
	top: 165px;
	height: 25px;
	width: 350px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

div#frontaalLinks h3, div#frontaalLinks2 h3{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

div#frontaalLinks2 {
	position: absolute;
	top: 165px;
	left: 400px;
	height: 25px;
	width: 300px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

div#frontaalLinksList {
	position: absolute;
	top: 200px;
	width: 350px;
}

div#frontaalLinksList2 {
	position: absolute;
	top: 200px;
	left: 400px;
	width: 300px;
}


div#frontaalProject span{
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

div#frontaalProjectTitle {
	position: absolute;
	top: 165px;
	left: 400px;
	height: 25px;
	width: 300px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

div#frontaalProjectTitle h3{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

div#frontaalProjectDescription {
	position: absolute;
	top: 200px;
	left: 400px;
	width: 300px;
}

div#frontaalProjectDescription span {
	color: #404040;
}

div#frontaalProjectDescription p {
	margin-bottom: 15px;
	color: #202020;
}

div#frontaalAbout {
	position: absolute;
	top: 200px;
	left: 400px;
	width: 300px;
}

div#frontaalAbout span {
	display: block;
}

div#frontaalAbout p {
	margin-bottom: 15px;
	color: #202020;
}

div#images {
	position: absolute;
	top: 200px;
	width: 350px;
}

div#map_canvas {
	position: absolute;
	top: 200px;
	width: 350px;
}

div#images { float: left; padding: 0px;}
div#images img { margin: 0px; }
div#image-wrapper { overflow: hidden; width: 350px; }
div#image-wrapper div#image-holder { width: 100000000px; }
div#image-wrapper div#image-holder div.image { float: left; }

div#profileImages {
	position: absolute;
	top: 200px;
	width: 350px;
}

div#frontaalSub ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#frontaalSub a {
	display: block;
	height: 20px;
	padding: 5px 0px 0px 5px;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}

div#frontaalSub p {
	display: block;
	height: 20px;
	padding: 5px 0px 0px 5px;
	border-bottom: 1px solid #ddd;
	color: #ff0000;
	text-decoration: underline;
	font-style: italic;
}

div#frontaalSub a:hover, div#frontaalSub a.active {
	color: #ff0000;
	text-decoration: underline;
	font-style: italic;
}

a:hover, a.active {
	color: #ff0000;
	text-decoration: underline;
	font-style: italic;
}

p.image-desc {
	display: none;
	width: 350px;
}