* { margin:0; padding:0; border:0; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

html{
	font-family:"Trebuchet MS";
	font-size: 12px;
	color:#222222;
	height:100%;
	min-height:930px;
	min-width:850px;
	background:url(../images/grass.jpg) bottom repeat-x #05e4d3 ;
}

body {
	height:100%;
	min-height:940px;
	line-height:1.7;
	min-width:850px;
	background:url(../images/sky.jpg) top center repeat-x;
}

p{
	margin-bottom:8px;
	margin-top:3px;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#be019a;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:12px;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#be019a;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:8px;
}

ul{
	list-style-type:none;
}

/* =Links
---------------------------------------------------------------------*/
a:link, a:visited { font-size:11px; color:#222222; font-weight:bold; text-decoration:underline; }

a:hover { color:#be019a; font-weight:bold; text-decoration:underline; }

a.else:link, a.else:visited { font-size:12px; color:#be019a; text-decoration: none; border:none; font-weight:400; }

a.else:hover { color:#FFffff; font-size:12px; text-decoration: none; border:none; font-weight:400; }

a.syndesmos:link, a.syndesmos:visited { font-size:14px; color:#484133; font-weight:normal; text-decoration:none; padding-bottom:3px; display:block; margin-bottom:8px; border-bottom:dotted 1px #000000;}

a.syndesmos:hover { color:#be019a; border-bottom:dotted 1px #be019a;}

a.kritiki:link, a.kritiki:visited { font-size:12px; font-weight:normal; text-decoration:none; padding-bottom:3px; display:block; margin-bottom:25px; border-bottom:dotted 1px #000000;}

a.kritiki:hover { color:#be019a; border-bottom:dotted 1px #be019a;}

/* =Content
-----------------------------------------------------------------------------*/
#wrapper{
	width:850px;
	min-width:850px;
	margin-left:auto;
	margin-right:auto;
	height:100%; 
}

#flashcontent{
	height:129px;
	width:850px;
	margin-bottom:7px;
}

#content {               
	width:840px;
	background:url(../images/fish.png) right bottom no-repeat;
	height:auto;
	padding-bottom:50px;
}

#container {               
	min-width:850px;
	width:850px;
	background:url(../images/opacity.png) repeat;
}

#center{
	width:380px;
	float:left;
	height:100%;
	padding-left:260px;
	background:url(../images/notes.png) left top no-repeat;
}

#main{
	width:590px;
	float:left;
	height:100%;
	min-height:100%;
	padding-left:225px;
	background:url(../images/notes.png) left top no-repeat;
}

.test2{
	float:left;
	margin-right:12px;
	margin-bottom:6px;
	border:1px dotted #000000;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	height:30px;
	color:#222222;
	width:850px;
	line-height:30px;
	text-align:center;
	font-size:11px;
	float:left;
	margin-top:7px;
	background:url(../images/opacity.png) repeat;
}

/* =Contact only
-----------------------------------------------------------------------------*/
#contact-box{
	height:400px;
}