@charset "UTF-8";
/* CSS Document */

@font-face{
	font-family: ACaslonPro-Bold;
	src: url('ACaslonPro-Bold.otf');
} 

@font-face{
	font-family: ACaslonPro-Reg;
	src: url('ACaslonPro-Regular.otf');
} 

@font-face{
	font-family: AkzidGroBEBold;
	src: url('akzidenz-grotesk-bold.ttf');
} 

@font-face{
	font-family: AkzidGroBEReg;
	src: url('Berthold.ttf');
} 

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
/* Styles */
	body {
		width: 480px;
		margin:0;
	}
	
	#main, #catalog {
		width: 480px;
	}
	
	#catalog-large img {
		width: 480px;
	}
	
	#catalog-large iframe {
		width: 480px;
		height: 295px;
	}
	
	h2 { 
		font-size: 175px !important;
		height: 160px;
		
	}
	
	h2 small {
		font-size: 80px;
	}
	
	#postcard img{
		
    	width: 480px;
		margin-bottom: 30px;
	}
	
	#sidebar p {
		font-size: 36px;
	}
	
	#names {
		line-height: 48px;
		font-size: 36px !important;
		letter-spacing: 0.05em;
	}
	#footer-bar {
		width: 480px;
	}
	
	.calimg {
		width: 48px;
		height: 48px;
		margin-right: 25px;	
	}
	
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1100px) {
/* Styles */
	body {
		 width: 1100px;
	}
	
	h2 { 
		font-size: 100px !important;
		height: 90px;
	}
	
	h2 small {
		font-size: 50px;
	}
	
	#main, #catalog {
		width: 1070px;
	}
	
	#postcard{
		float: left;
	}
	
	#postcard img{
		height: 566px;
    	width: 800px;
	}
	
	#sidebar{
		width: 250px;
	}
	#sidebar p {
		font-size: 14px;
	}
	
	#names {
		line-height: 18px;
		font-size: 13px !important;
		letter-spacing: 0.15em;
	}
	#footer-bar {
		width: 1070px;
	}
}

a { color:#000; }

body {
	background: url("../images/100_postcard.png") repeat scroll 0 0 #999;
	margin: 10px auto 0;
}

h2 { 
	font-family: ACaslonPro-Bold;
	font-weight: normal;
	 margin: -10px 0 10px;
	 padding: 0;
	 display: block;
 }
 
h2 small {
    margin-left: 8px;
} 

#main{
	margin-top: 50px;
	background: none repeat scroll 0 0 white;
    height: 100%;
    padding: 20px;
    
	#opacity: 0.96;
}


#postcard{
	width: 800px;
}

#postcard img{
	    border: 1px solid #DDDDDD;
}

#sidebar{
	min-width: 250px;
	max-width: 800px;
	height: auto;
	float:left;
	padding-left: 20px;
}

#sidebar p {
	margin-left: 8px;
	font-family: ACaslonPro-Reg;
}

p img {
	border: medium none;
    margin-top: 5px;
}

#names {
	font-family: AkzidGroBEBold !important;
   
}

#names a { text-decoration: none; }

.footer-bar {
	clear: both;
    padding: 5px 0 0;
}

hr {
	 border: 0; 
	 height: 1px; 
	 background: #333; 
	 background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	 background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
	 background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
	 background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}

.footer{
	width: 250px;
}

.footer img {
	margin: 25px 0 0;
}

#catalog {
	background: none repeat scroll 0 0 white;
    height: 100%;
    padding: 20px;
	margin: 20px 0 40px;
}

#catalog-head {
	font-family: ACaslonPro-Bold;
    font-weight: normal;
    letter-spacing: 0.12em;
    margin: 30px 0 0;
    text-align: center;
}

#catalog-large img{
	border: medium none;
    margin-bottom: 20px;
}

.title {
	font-family: AkzidGroBEReg !important;
	margin: 75px 0 10px;
	
	
	font-size: 14px;
}

.title-head {
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

.title-body {
	font-family: ACaslonPro-Reg;
	line-height: 1.7em;
	margin-top: 25px;	
}

.title h3 {
	font-family: AkzidGroBEBold;
    font-weight: normal;
	text-transform: uppercase;
	
	font-size: 16px;
}
