/* PICO HYDRO PORTUGAL */
/* Main CSS layout */


/* global settings */
html {
 	height: 100%;
	margin-bottom: 1px
}
body {
	background-color: #403639;/*#e9e1d9*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
* {
	margin: 0;
	padding: 0
}


/* default typography */
h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 10px
}
h1 {
    margin-bottom: 40px
}
h2 {
    margin-bottom: 20px
}
h1, h2, h3 {
	margin-top: 30px
}
p, ul {
	font-size: 75%
}
ul, ol {
	padding-left: 40px
}
h1, h2, h3 {
	font-weight: bold;
	color: #444;
}
h1 {
	font-size: 140%;
}
h2 {
	font-size:110%;
}
h3 {
	font-size: 90%;
}

a {
	text-decoration: none;
	font-weight: normal
}
	a img {
		border-width: 0
	}

.clear {
	clear: both
}
.indent {
	padding-left: 30px
}


/* page structure */
#wrapper {
	width: 100%;
}

.container {
	width: 910px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#header {
	width: 760px;
	height: 85px;
	padding-top: 40px;
	padding-left: 150px;
}
	#header h1, #header h2 {
		font-weight: normal;
		color: #ddd;
		margin-bottom: 0
	}
	#header h3 {
		font-weight: normal;
		font-size: 75%;
		color: #ddd;
		margin-bottom: 0;
		margin-top: 5px
	}
	#headerLeft {
		width: 450px;
		float: left
	}
	#headerRight {
		width: 300px;
		float: right;
		text-align: right
	}

#navigation {
	width: 910px;
	height: 50px;
	font-size: 90%
}
	#language {
		width: 150px;
		height: 25px;
		float: left;
		padding-top: 25px
	}
		#language img {
			float: left;
			padding-left: 15px;
		}
	#navigation p {
		display: block;
		float: left;
		width: 70px;
		height: 50px;
		border-left: 1px solid #ccc;
		margin: 0;
		padding-left: 2px
	}
	#navigation .mark p {
		border-left: 1px solid #ddd !important;
	}
	#navigation .mark a:link, #navigation .mark a:visited {
		color: #ddd
	}
	#navigation .mark a:hover, #navigation .mark a:active {
		color: #c96
	}
	
#main {
	width: 100%;
	border-top: 2px solid #0ff;
	border-bottom: 2px solid #0ff;
}	
	#waterfall {
		width: 150px;
		min-height: 500px;
		background: #403639 url(../images/layout/waterfall.jpg) no-repeat;
		float: left;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
	}
	#left {
		width: 390px;
		min-height: 500px;
		float: left;
		border-left: 5px solid #fff;
		border-right: 5px solid #fff;
		color: #444;
		line-height: 130%;
	}
	#right {
		width: 360px;
		float: left;
		position: relative;
		background-color: #403639;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
	}
	.text {
		margin: 20px 0;
		padding: 1px 20px;
	}
	#w3c {
		width: 910px;
		padding: 20px 0;
		margin: 0 auto;
		font-size: 60%;
		line-height: 110%
	}
		#w3c p, #w3c a:link, #w3c a:visited {
			color: #786e71 !important
		}
		#w3c a:hover, #w3c a:active {
			color: #c96 !important
		}

	#quote {
		width: 360px;
		height: 107px;
		margin: -150px auto 0;
		padding-top: 20px;
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 110%;
		text-align: center;
	}
#divButtonFloat {
	position: absolute;
}


/* colours */

.cyan a:link, .cyan a:visited, .cyan #navigation, .cyan #quote {
		color: #0ff
	}
	.cyan a:hover, .cyan a:active {
		color: #c96;
	}
	.cyan #left {
		background-color: #f0f0f0;
	}
	.cyan #main {
		background-color: #618494;
	}
	.cyan #navigation p {
		border-left: 1px solid #0ff
	}
	.cyan .text a:link, .cyan .text a:visited {
		color: #009797
	}
	.cyan .text a:hover, .cyan .text a:active {
		color: #c96
	}