* {
	padding: 0;
	margin: 0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-size: 100%;
	line-height: 1.6875;
	font-family:"Century Gothic", "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
}

a:link {
	font-size: 1.2em;
	font-weight: 200;
	color: #999999;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	word-spacing: normal;
	display: block;
	width: auto;
}

a:visited {
	font-size: 1.2em;
	font-weight: 500;
	color: #999999;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	word-spacing: normal;
	display: block;
	width: auto;
}

a:current {
	font-size: 1.5em;
	font-weight: 500;
	color: #660000;
	text-decoration: none;
	line-height: 1.8;
	text-align: center;
	word-spacing: normal;
	display: block;
	width: auto;
}

a:hover {
	font-size: 1.2em;
	font-weight: 500;
	color: #660000;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	word-spacing: normal;
	display: block;
	width: auto;
}

.copyright {
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-align: center;
	margin-bottom: 100px;
}

.up {
	font-size: 1.1em;
	font-weight: 200;
	color: #999;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 75px;
}

/*HEADER STYLES*/



.header {
	width: 80%;
	margin: 30px auto;
	overflow: hidden;
}

.header h1 {
	font: 50px/1.0 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 15px 2%;
}

.header p {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	margin: 0 0 0 2%;
}




/*HEAD CONTAINER STYLES*/

.headcontainer {
	width: 100%;
	margin: 1px auto;
	overflow: hidden;
}

/*HEAD GALLERY STYLES*/
.headgalleryItem {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	width: 100%;
	float: left;
	-webkit-transition: color 0.5s ease;
	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 15px;
	margin-left: 0%;
}

.headgalleryItem02 {
	color: #797478;
	font: 10px/1.5 Verdana, Helvetica, sans-serif;
	width: 100%;
	float: left;
	-webkit-transition: color 0.5s ease;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 20px;
	margin-left: 0%;
}

.headgalleryItem h3 {
	text-transform: uppercase;
	line-height: 2;
}

.headgalleryItem:hover {
	color: #000;
}

.headgalleryItem img {
	display:block;
	margin:auto;
	max-width: 50%;
}



/*CONTAINER STYLES*/

.NavBarcontainer {
	width: 75%;
	margin: 1px auto;
	overflow: hidden;
}

/*GALLERY STYLES*/
.NavBarItem {
	width: 44%;
	margin:  0px 3% 0% 3%;
	float: left;
	-webkit-transition: color 0.5s ease;
}

.NavBarcontainer02 {
	width: 25%;
	margin: 1px auto;
	overflow: hidden;
}

.NavBarItem02 {
	width: 20%;
	margin: 0px 0% 0% 0%;
	float: left;
	-webkit-transition: color 0.5s ease;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 10px;
	margin-left: 0%;
}

.NavBarFiller {
	width: 27.3333%;
	margin: 0px 3% 0% 3%;
	float: left;
	-webkit-transition: color 0.5s ease;
	white-space: inherit;
}






.container {
	width: 40%;
	margin: 1px auto;
	overflow: hidden;
}

/*GALLERY STYLES*/
.galleryItem {
	width: 44%;
	margin:  0px 3% 6% 3%;
	float: left;
	-webkit-transition: color 0.5s ease;
}

.galleryItemCentered {
	width: 72%;
	margin: 0px 14% 6% 14%;
	float: left;
	-webkit-transition: color 0.5s ease;
}

.galleryItem h3 {
	text-transform: uppercase;
	line-height: 2;
}

.galleryItem:hover {
	color: #000;
}

.galleryItem img {
	max-width: 100%;
	width: auto;
}

.galleryItemCentered img {
	max-width: 100%;
	width: auto;
}

.footcontainer {
	width: 60%;
	margin: 1px auto;
	overflow: hidden;
}

.SMcontainer {
	width: 100%;
	margin: 1px auto;
	overflow: hidden;
	padding-top: 800px;
}




.BottomNavBarcontainer {
	width: 80%;
	margin: 1px auto;
	overflow: hidden;
}

/*GALLERY STYLES*/
.BottomNavBarItem {
	width: 40%;
	margin:  0px 5% 0% 5%;
	float: left;
	-webkit-transition: color 0.5s ease;
}


/*SM GALLERY STYLES*/
.SMgalleryItem01 {
	width: 100%;
	float: left;
	-webkit-transition: color 0.5s ease;
	margin-top: 1000px;
	margin-right: 0%;
	margin-bottom: 15px;
	margin-left: 0%;
}


.SMgalleryItem02 {
	width: 100%;
	float: left;
	-webkit-transition: color 0.5s ease;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 40px;
	margin-left: 0%;
}

#liame {
	width: 285px;
	margin-left: auto;
	float: none;
	clear: none;
	margin-right: auto;
	display: block;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 0px;
}


/* MEDIA QUERIES*/



@media only screen and (max-width : 1024px),
only screen and (max-device-width : 1024px){
	.container {width: 50%;}
}

@media only screen and (max-height : 1024px),
only screen and (max-device-height : 1024px){
	.container {width: 45%;}
}

@media only screen and (max-height : 800px),
only screen and (max-device-height : 800px){
	.container {width: 40%;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.SMcontainer {padding-top: 10px;}
	.SMgalleryItem01 {margin-top: 10px;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.container {width: 100%;}
	.NavBarcontainer a:link {
	font-size: 1.9em;
	font-weight: 200;
	color: #999999;;
	line-height: 200%;
}
.NavBarcontainer a:visited {
	font-size: 1.9em;
	font-weight: 200;
	color: #999999;;
	line-height: 200%;
}
.NavBarcontainer a:current {
	font-size: 2.2em;
	font-weight: 200;
	color: #999999;;
	line-height: 250%;
}
	.NavBarcontainer a:hover {
	font-size: 1.9em;
	font-weight: 500;
	color: #660000;
	line-height: 200%;
}
.NavBarcontainer02 a:link {
	font-size: 1.9em;
	font-weight: 200;
	color: #999999;;
	line-height: 200%;
}
.NavBarcontainer02 a:visited {
	font-size: 1.9em;
	font-weight: 200;
	color: #999999;;
	line-height: 200%;
}
.NavBarcontainer02 a:current {
	font-size: 2.2em;
	font-weight: 200;
	color: #999999;;
	line-height: 250%;
}
	.NavBarcontaine02 a:hover {
	font-size: 1.9em;
	font-weight: 500;
	color: #660000;
	line-height: 200%;
}

	.galleryItem {width: 100%;}
	.galleryItem {margin: 20px 0% 75px 0%;}
	
	.galleryItemCentered {width: 100%;}
	.galleryItemCentered {margin: 20px 0% 75px 0%;}
	
	.BottomNavBarcontainer {width: 100%;}
	
	.BottomNavBarcontainer a:link {
	font-size: 1.9em;
	font-weight: 200;
	color: #999999;;
	line-height: 200%;
}
	.BottomNavBarcontainer a:visited {
	font-size: 1.9em;
	font-weight: 500;
	color: #660000;
	line-height: 200%;
}
.BottomNavBarcontainer a:current {
	font-size: 2,2em;
	font-weight: 200;
	color: #999999;;
	line-height: 250%;
}
	.BottomNavBarcontainer a:hover {
	font-size: 1.9em;
	font-weight: 500;
	color: #660000;
	line-height: 200%;
}	
}

stop