@charset "UTF-8";

body
{
	margin:0;
	padding:0;
	background-image:url(images/background.png);
	background-repeat:repeat;
	background-attachment:scroll;
}

#header
{
	position: relative;
	height:auto;
	width:100%;
	background-color:transparent;
	color:#ecf0f1;
}

#footer
{
	position: relative;
	height:auto;
	width:100%;
	background-color:transparent;
	color:#ecf0f1;
	text-align: center;
}

#main
{
	overflow:hidden;
	position: relative;
	width:100%;
	height:auto;
	background-color:transparent;
}

#left
{
	display: inline-block;
	padding-bottom:2000%;
	margin-bottom:-2000%;
	position: relative;
	float:left;
	width:33.3%;
	height:100%;
	background-color:#2980b9;
	color:#1d1d1d;
}

#center
{
	display: inline-block;
	padding-bottom:2000%;
	margin-bottom:-2000%;
	position: relative;
	float:left;
	width:33.4%;
	height:100%;
	background-color:#27ae60;
	color:#1d1d1d;
}

#right
{
	display: inline-block;
	padding-bottom:2000%;
	margin-bottom:-2000%;
	position: relative;
	float:left;
	width:33.3%;
	height:100%;
	background-color:#c0392b;
	color:#1d1d1d;
}

#left:hover, #center:hover, #right:hover
{
	color:#ecf0f1;
	transition: all 0.3s;
}

@media screen and (max-width: 800px)
{
	#left, #center, #right
	{
		height:auto;
		width:100%;
		display:block;
	}
}

#main p
{
	margin-left: 5%;
	margin-right: 5%;
	margin-top:0;
	margin-bottom:0.5%;
	font-family:segoe ui ;
	font-size:1.1em;
}

#main p.con
{
	margin-left: 5.5%;
	margin-right: 5.5%;
	margin-top:0;
	margin-bottom:0.5%;
	font-family:segoe ui ;
	font-size:1em;
}

#main p.con_b
{
	margin-left: 5.5%;
	margin-right: 5.5%;
	margin-top:0;
	margin-bottom:0.5%;
	font-family:segoe ui ;
	font-size:1em;
	font-weight:800;
}

#main p.con_i
{
	margin-left: 5.5%;
	margin-right: 5.5%;
	margin-top:0;
	margin-bottom:0.5%;
	font-family:segoe ui ;
	font-size:1em;
	font-style:italic;
}

#main a[href]
{
	font-family:segoe ui ;
	font-size:1em;
	color:inherit;
	text-decoration: inherit;
}

#main a[href]:hover
{
	text-decoration: underline;
}

#main h2
{
	margin-left: 4%;
	margin-right: 4%;
	margin-top:5%;
	margin-bottom:5%;
	font-family:segoe ui;
	font-size:1.7em;
	font-weight:900;
}

#main h3
{
	margin-left: 5%;
	margin-right: 5%;
	margin-top:0;
	margin-bottom:1%;
	font-family:segoe ui;
	font-size:1.2em;
	font-style:italic;
	font-weight:800;
}

#header a[href]
{
	font-size:1em;
	font-weight:500;
	font-family:Trebuchet MS;
	color:#ecf0f1;
	text-decoration: none;
}

#header a[href]:hover
{
	text-decoration: underline;
}

h1
{
	margin-left: 1.9%;
	font-size:2.7em;
	font-weight:900;
	font-family:Trebuchet MS;
}

h4
{
	margin-left: 2%;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	font-size:1em;
	font-weight:500;
	font-family:Trebuchet MS;
}

h4.b
{
	font-weight:800;
}

#footer a[href]
{
	font-size:0.7em;
	font-weight:500;
	font-family:Trebuchet MS;
	color:#7f8c8d;
	text-decoration: none;
}

#footer a[href]:hover
{
	color:#ecf0f1;
	text-decoration: underline;
}