/* CSS Reset */
@import url(reset.css);

/*Main Structure*/
html {
}

body {
	padding:25px 10%;
	font-family:'Segoe UI';
}

header {
	float:left;
	width:44%;
	height:400px;
	background-image:url(../@img/Option%20II.png);
	background-repeat:no-repeat;
	background-size:425xp 349px;
	background-position:top center;
}

nav {
	float:left;
	width:56%;
	height:250px;
	}	

main {
	float:left;
	clear:both;
	width:100%;
	}

footer {
	float:left;
	clear:both;
	width:100%;
	margin:20px 0px;
	padding-top:20px;
	box-shadow:inset #777 0px 1px 0px 0px;
}

/*Main Styles only for elements from the header,nav,footer & elemets from main that repeat on all pages*/
header a {
	display:block;
	width:100%;
	min-height:400px;
	cursor:default;
	}

nav a {
	float:left;
	width:158px;
	height:158px;
	margin:5px;
	position:relative;
	border-radius:79px;
	font-size:30px;
	text-align:center;
	vertical-align:central;
	background-color:#CCC;
	color:#FFF;
}

nav a:hover {
	opacity:0.7;
	}

nav a:nth-child(5) {
	clear:left;
	margin-left:100px;
	}
	
nav a h3 {
	position:absolute;
	top:65px;
	width:100%;
}

nav a:nth-child(2) h3{
	top:53px;
}

nav a:nth-child(3) h3{
	top:53px;
}

h1,h2,h3 {
	font-weight:600;
	}
	
h1,h2 {
	font-size:150%;
	margin-bottom:20px;
	text-align:center;
	}

P {
	text-align:justify;
	padding:0px 0px 0px 5%;
	text-indent:6%;
	/*word-spacing:0.25em;*/
	font-size:100%;
	line-height:1.7em;
}
	
footer a {
	text-align:center;
	display:block;
	width:100%;
	font-size:150%;
	color:#777;
	}
	
main article {
	margin:30px 0px 0px 0px;
	}

/*Local Structure*/

.fullWidth {
	clear:both;
	width:100%;
	}

.fullWidth section {
	float:left;
	width:50%;
	}

.halfWidth {
	float:left;
	width:50%;
	}

/*Local Styles*/