@charset "UTF-8";

#container {
	width:100%;
	margin: auto;
	background-color: #FFFFFF; 
	min-height: 1024px;
	position: absolute;}
	
	a:link {text-decoration: none; color: black; font-size: 18px;} 
	a:visited {color: black;  font-size: 18px;}
	a:hover {color:#C6E413; font-size: 18px;}
	a:active {color: #C6E413; font-size: 18px;}

#header {
	width: 100%;
	background-color: #FFFFFF;
	height: 150px;
	font-family: raleway;}
	a:link {text-decoration: none; color: black; font-size: 18px;} 
	a:visited {color: black;  font-size: 18px;}
	a:hover {color:#C6E413; font-size: 18px;}
	a:active {color: #C6E413; font-size: 18px;}
	
	#logo {
		display: block;
		position: center;
		margin: auto;
		padding: 0px;}
		
	#navigation {
	position: absolute;
	background-color: #ffffff;
	width: 100%;
	top: 150px;
	height: 40px;
		}
	

		
		#home {
			float: left;
			padding: 20px;}
		#about {
			float: left;
			padding: 20px;}
		#fashion {
			float: left;
			padding: 20px;}
		#graphic {
			float: left;
			padding: 20px;}
		#photography {
			float: left;
			padding: 20px;}
		#contact {
			float: left;
			padding: 20px;}



#slideshow1 {
	width: 100%;
	margin: auto;
	background-color: #ffffff;
	position: center;
	}
	
#slideshow2 {
	width: 100%;
	margin: auto;
	background-color: #ffffff;}
	
#footer {
	width: 100%;
	background-color:#ffffff;
	height: 150px;
	position: absolute;
	bottom: 0px;
	font-family: raleway;}	
	
	#facebook {
		padding: 5px;}
	#linkedin {
		padding: 5px;}
	#instagram {
		padding: 5px;}

.thumbnails img {
		height: 50px;
		border: 4px solid Black;
		padding: 1px;
		margin: 0 10px 10px 0;
	}

.thumbnails img:hover {
		border: 1px solid #C6E413;
		cursor:pointer;
	}

.preview img {
		border: 4px solid black;
		padding: 1px;
		width: 800px;
	}