/* BASICS */

html { font-size:100%; } 

@media (max-width: 640px) { body {font-size:1.2rem;} } 
@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width: 960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } 

body{
background-color:#ffffff;
font-family:helvetica, arial, sans-serif;
padding:0 0 0 0px;
margin:0 0 0 0px;
font-weight:normal;
margin:0px 0px 0px 0px;
width:100%;
font-size: 0.8rem;
width:100%;
max-width:100%;
}

div.container{
position:absolute;
width:95%;
top:70px;
left:1%;
padding-right:0px;
padding-left:0px;
}

img{
max-width: 100%;
max-height: 100%;
}

div.clearall{
clear:all;
}

a, a:active, a:link{
color:black;
text-decoration:none;
}

a:hover{
color:black;
text-decoration:underline;
}

div.cycle-slideshow{
width:700px;
height:475px;
max-width:700px;
max-height:475px;
text-align:center;
overflow:visible;
display:block;
margin:0 0 0 0;
padding:0 0 0 0;
}

div.cycle-slideshow img{
float:none;
text-align:center;
}


/* HEADERS AND INFO */

div.header{
position:fixed;
top: 70%;
right: 1%;
height:20px;
background-color:transparent;
text-align:left;
color:blue;
font-family:Acrom-Regular;
font-weight:bold;
font-size:0.8rem;
display:block;
z-index:750;
-ms-transform:rotate(270deg); /* IE 9 */
-moz-transform:rotate(270deg); /* Firefox */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
-o-transform:rotate(270deg); /* Opera */
}

div.header a{
color:blue;
} 

div.info{
position:absolute;
width:100%;
height:99.7%;
top:0px;
left:0px;
z-index:700;
display:none;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
background-color:white;
border-bottom:3px solid blue;
}

div.iteminfo{
	width:800px;
	top: 50px;
	left:50px;
	background-color:transparent;
    text-align: left;
	visibility:visible;
	display:block;
	position:absolute;
}


/* HEADINGS */

h5{
font-size:1.1rem;
display:inline;
line-height:1.2rem;
text-decoration:underline;
font-family:Acrom-Bold;
}

h4{
font-family:Acrom-Bold;
font-weight:bold;
text-decoration:underline;
line-height:1.3em;
font-size:1.1em;
padding:0 0 0 0px;
margin:0 0 0 0px;
text-align:center;
}

h3{
font-family:Acrom-Bold;
font-weight:bold;
text-decoration:none;
display:inline;
line-height:1.3em;
font-size:1.1em;
padding:0 0 0 0px;
margin:0 0 0 0px;
}

h2{
font-family:Acrom-Regular;
font-weight:regular;
text-decoration:none;
line-height:1.2em;
font-size:0.8em;
padding:0 0 0 0px;
margin:0 0 0 0px;
text-align:left;
color:black;
}

/* ITEM DIVS FOR  MASONRY */

div.item-1{
width:300px;
padding-top:120px;
padding-bottom:40px;
float:left;
background-color:transparent;
text-align: center;
vertical-align: middle;
visibility:visible;
height:auto;
}

div.item-1 img{
max-width:280px;
max-height:280px;
}

div.item-2{
width:400px;
padding-top:55px;
padding-bottom:55px;
float:left;
background-color:transparent;
text-align: center;
vertical-align: middle;
}

div.item-2 img{
max-width:290px;
max-height:290px;
}

div.item-3{
width:500px;
padding-top:100px;
padding-bottom:100px;
float:left;
background-color:transparent;
text-align: center;
vertical-align: middle;
}

div.item-3 img{
max-width:280px;
max-height:280px;
}

div.item800{
	width:800px;
    padding-top:25px;
	padding-bottom:25px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}

div.item800 img{
	max-width:750px;
}

div.item700{
	width:700px;
    padding-top:25px;
	padding-bottom:25px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}

div.item700 img{
	max-width:650px;
}

div.item600{
	width:600px;
    padding-top:25px;
	padding-bottom:25px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}
	
div.item600 img{
	max-width:550px;
}

div.item500{
	width:500px;
    padding-top:45px;
	padding-bottom:35px;
	padding-left:70px;
	padding-right:10px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}
	
div.item500 img{
	max-width:450px;
}

div.item400{
	width:400px;
    padding-top:85px;
	padding-bottom:25px;
	padding-left:30px;
	padding-right:40px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}
	
div.item400 img{
	max-width:350px;
}
	
div.item300{
	width:300px;
    padding-top:25px;
	padding-bottom:25px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}
	
div.item300 img{
	max-width:250px;
}

div.item200{
	width:200px;
    padding-top:25px;
	padding-bottom:25px;
	float:left;
	background-color:transparent;
    text-align: center;
    vertical-align: middle;
	visibility:visible;
}
	
div.item200 img{
	max-width:150px;
}
	
div.itembreak{
display:block;
color:white;
width:75%;
}

/*
div.footer, div#footer{
position:fixed;
top: 0px;
right: 0px;
line-height:1.3rem;
width:87%;
min-width:400px !important;
height: 100%;
background-color:white;
border-bottom:solid blue 0.1rem;
text-align:left;
color:#333;
font-family:helvetica, arial, sans-serif;
font-size:0.75rem;
display:none;
z-index:600;
vertical-align:text-bottom;
}


div.footer2, div#footer2{
position:absolute;
width:100%;
background-color:white;
border-bottom:solid blue 0.1rem;
text-align:left;
font-family:helvetica, arial, sans-serif;
font-size:0.75rem;
bottom:0px;
padding-left:20px;
}
*/






/*
div.item{
	float:left;
}


div.item img{
float:auto;
display:table-cell;
max-height: 300px;
max-width:300px;
}
*/





/*
div.content-writing{
	width:auto;
	height:auto;
	margin-left:55px;
	float:left;
	background-color:transparent;
	text-align:left;
	color:black;
	font-family:Acrom-Regular;
}
*/