@charset "utf-8";

/* ---------fonts styles--------- */
@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight.eot'),
    	 url('fonts/GothamLight.eot?#iefix') format('eot'),
		 url('fonts/GothamLight.otf') format('opentype'),
		 url('fonts/GothamLight.svg#svgGothamLight') format('svg');
}

@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot'),
    	 url('fonts/GothamMedium.eot?#iefix') format('eot'),
		 url('fonts/GothamMedium.otf') format('opentype'),
		 url('fonts/GothamMedium.svg#svgGothamMedium') format('svg');
}

@font-face {
    font-family: "A-OTF MainichiNewspapersM Pro L";
    src: url('fonts/A-OTF-MNewsMPro-Light-edit.eot'),
    	 url('fonts/A-OTF-MNewsMPro-Light-edit.eot?#iefix') format('eot'),
		 url('fonts/A-OTF-MNewsMPro-Light-edit.otf') format('opentype'),
		 url('fonts/A-OTF-MNewsMPro-Light-edit.svg#svgA-OTF-MNewsMPro-Light-edit') format('svg');
}

@font-face {
    font-family: 'Beamie';
    src: url('fonts/BEAMIE.eot'),
    	 url('fonts/BEAMIE.eot?#iefix') format('eot'),
		 url('fonts/BEAMIE.ttf') format('truetype'),
		 url('fonts/BEAMIE.svg#svgBEAMIE') format('svg');
}



.linkStyle {
	font-family: 'GothamMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(255,255,255,1.00);
	font-style: normal;
	font-weight: 400;
	text-decoration: none;	
}

.copyright {
	font-family: 'GothamLight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(255,255,255,1.00);
	font-style: normal;
	font-weight: 400;
}

.subtitle, .outline, .staff-ctg {
	font-family: 'GothamMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(255,255,255,1.00);
	font-style: normal;
	font-weight: 400;
}

.about, .staff{
	font-family: GothamLight, "A-OTF MainichiNewspapersM Pro L", "Hiragino Mincho ProN W3", /*"MS PMincho",*/ "Helvetica Neue Thin", Arial, sans-serif;
	color: rgba(255,255,255,1.00);
	font-style: normal;
	font-weight: 400;
}

.archive {
	font-family: Beamie, "Hiragino Kaku Gothic ProN W3", Meiryo, "Helvetica Neue", Arial, sans-serif;
	color: rgba(255,255,255,1.00);
	font-style: normal;
	font-weight: 400;
}

.paraContent{
	font-family: GothamLight, "A-OTF MainichiNewspapersM Pro L", "Hiragino Mincho ProN W3", "MS PMincho", "Helvetica Neue Thin", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(255,255,255,1.00);
}




h1, h2, h3, h4, h5, h6{
	font-family: GothamMedium, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(255,255,255,1.00);
	font-style: normal;
	font-weight: 400;
}

p{
	font-size: 14px;
	font-family: A-OTF-MNewsMPro-Light-edit, GothamLight, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(255,255,255,1.00);
	line-height: 1.8;
}



/* ---------General styles--------- */
body{
}



/* ---------Link styles--------- */
a {
	color: rgba(255,255,255,1.00);
}
a:visited {
	color: rgba(255,255,255,1.00);
}
a:hover {
	color: rgba(200,200,200,1.00);
}


/* ---------Header & HERO styles--------- */
.logo {
    padding-top: 2%; 
    padding-bottom: 2%;
}

.header {
	height: 40%; 
}

/* Navigation styles*/
.main {
	padding-top: 12%;
	padding-bottom: 4%;
}


/* ---------Gallery styles--------- */
.gallery{
    padding-top:20px;
    padding-bottom:10px; 
}


/* ---------Text areas styles--------- */
.textContainer {
}



/* ---------Footer styles--------- */
.footer {
}