/* RESET */

* {
	margin:0; 
	padding:0; 
	border:0;
}

body {
	font-family: Arial;
	background-image:url(../img/billie_holiday.png);
	background-repeat:repeat;
	background-color: #eaeaea;
}



#wrapper {
	
	margin-left:auto;
	margin-right:auto;
	max-width: 1100px;
	min-width: 550px;
	padding-left: 30px;
	padding-right: 30px;
}


#top1 {height:80px;
text-align:right;
background-color:#fff;
vertical-align:bottom;
padding-right:15px;

}

#header {
	margin-top:50px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	min-height:200px;
	max-width: 1100px;
	background-color: #ffffff;
}


#top2 {
height:68px;
color:#6f6f6f;
text-align:RIGHT;
vertical-align:middle;
padding-right:15px;
background-color:#454545;
}


#footer {

	margin-top:50px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	max-width: 1100px;
	background-color: #ffffff;
	min-height:20px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:40px;
	padding-left:30px;
}



.box {
	max-width: 275px;
	max-height: 200px;
	float:left;
	-webkit-filter: saturate(50%);	
	opacity:0.5;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;


}

.box:hover {
	opacity:1;
	-webkit-filter: saturate(100%);
}


	
.box1 {
	max-width: 275px;
	max-height: 200px;
	float:left;
	-webkit-filter: saturate(50%);	
	opacity:0.5;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;


.box2 { max-width: 275px;
	max-height: 200px;
	float:left;
	-webkit-filter: saturate(50%);	
	opacity:0.5;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;	












#photos {
	
	overflow: hidden;
	background-color: #ffffff;
}

#detail {

	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	
}

.imgbig {
	max-width: 1040px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border-style:solid;
	border-width:1px;
	border-color:#e3e3e3;

}


#text-header {
	overflow: hidden;
	max-width: 825px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:30px;
	padding-left:30px;
	
}


p {
	font-family:'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:13pt;
	line-height:19pt;
	color:#333333;
	
}

h1 {
	
	font-family:'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:23pt;
	color:#333333;
	margin-bottom: 10px;
	
}

h2 {
	
	font-family:'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:18pt;
	color:#333333;
	margin-bottom: 10px;
	
}

center {
	
	margin-left:auto;
	margin-right:auto;
	font-family:'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:13pt;
	line-height:19pt;
	color:#333333;
	
}

a {
	font-weight: 700;
	color:#888888;
	text-decoration: none;
	
}

a:hover {
	color:#333333;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	
}



@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/b9QBgL0iMZfDSpmcXcE8nMrfajfqx5pse9BUPMmpr-I.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/BP5K8ZAJv9qEbmuFp8RpJUyuTvcJPSUMXo8_04ke-FA.woff) format('woff');
}