body{
	font-family:Arial, Helvetica, Times, Georgia, serif, 'Gill Sans, 'Gill Sans MT', 'Trebuchet, sans-serif;
	font-size:15px;
	line-height:1.5;
	padding:0;
	margin:0;
	background-color:skyblue;
	}

/* Global **/
.container{
	width:auto;
	margin:auto;
	overflow:auto;
	}

ul{
	margin:0;
	padding:0;
}

.button{
	height:30px;
	background:green;
	border:5px;
	padding-left:20px;
	padding-right:20px;
	color:skyblue;
	font-weight:bold;
	text-align:center;
	animation:yellow;
}

.dark{
	padding:15px;
	color:blue;
	margin-top:10px;
	margin-bottom:10px;
	}
	
.luso{
	padding:15px;
	color:black;
	margin-top:10px;
	margin-bottom:10px;
	}
	
/* Header **/
header{
	background:darkblue;
	color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
	min-height:auto;
	border-top:green 5px solid;
	border-bottom:green 5px solid;
	font-size:22px;
	text-align:center;
	line-height:1.00;
	position: fixed;
	/*float:left;*/
	}

header a{
	color:orange;
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	position: fixed;
	}

header li{
	display:inline;
	padding:0 5px 0 5px;
	position: fixed;
	}

header #branding{
	float:left;
	padding:0 10px 0 10px;
	position: fixed;
	}
header #branding h1{
	margin:0;
	padding:0 10px 0 10px;
	position: fixed;
	}

header nav{
	float:right;
	margin-top:10px;
	position: fixed;
	scroll-behavior: auto;
	}

header .highlight, header .current a{
	color:skyblue;
	font-weight:bold;
}

header a:hover{
	color:white;
	font-weight:bold;	
}
input:hover{background-color:skyblue;}
button:hover {background-color:orange;}

/* Showcase**/
#showcase{
	min-height:1px;
	background:url('../luso/PICS/b2.png') repeat 0 -350px;
	text-align:center;
	color:#ffffff;
	border-bottom:green 3px solid;
}

#showcase h1{
	margin-top:5px;
	font-size:55px;
	margin-bottom:5px;
}

#showcase p{
	font-size:20px;
}

/* Newsletter **/
#newsletter{
	padding:2px;
	color:blue;
	background:white;
	/*background:#34524a;*/
	border-bottom:green 5px solid;
	border-top:green 5px solid;
}

#newsletter h1{
	float:left;
	margin-top:2px;
}

#newsletter form{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}

/*#newsletter h1{
	float:left;*/
}

newsletter  input[type="email"]{
	padding:4px;
	height:25px;
	width:250px;
}

/* Boxes **/
#boxes{
	width:auto;
	}

#boxes .box{
	float: right;
	text-align:left;
	width:auto;
	}

#boxes .box img{
	width:150px;
	height:100px;
}

/* Sidebar */
aside#sidebar{
	float:right;
	width:30%;
	margin-top:10px;
	}

aside#sidebar .lusoko input, aside#sidebar .lusoko textarea{
	width:90%;
	padding:5px;
}

/* Main-col */
article#main-col{
	float:left;
	width:70%;
	padding-bottom:5px;
	padding-top:20px;
	}
	
/* Services */
ul#services li{
	list-style:none;
	padding:20px;
	border:grey solid 1px;
	margin-bottom:5px;
	background:#e6e6e6;
	}
	
/* Footer */
footer{
	padding:none;
	margin-top:15px;
	color:white;
	font-weight:bold;
	background-color:blue;
	text-align:center;
	border-bottom:green 5px solid;
	border-top:green 5px solid;
}

/* Media Query */
@media(max-width:768px){
	body{
	display:none;}
	header #branding,
	header nav,
	header nav li,
	#newsletter h1,
	#newsletter form,
	#boxes .box,
	article#main-col,
	aside#sidebar{
		float:none;
		text-align:center;
		width:100%;
		}
		header{
		padding-bottom:20px;
		}
		#showcase h1{
			margin-top:30px;
			}
		#newsletter button, .lusoko button{
			display:block;
			width:100%;
		}
		#newsletter form  input[type="email"],.lusoko input, .lusoko textarea{
			width:100%;
			margin-bottom:5px;
		}
	}