/* Define main areas */

html,
body {
   margin:0;
   height:100%;
   background:#E6E6DC;
    vertical-align: text-top;
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; font-size: 14px;	
}

/* Page positioning */

#maincontainer {
   min-height:100%;
   position:relative;
}
#header {
   padding:0px;
}
#body {
   padding:10px;
   padding-bottom:123px;   /* Height of the footer */
}

#content {
	padding-right: 0px;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:123px;   /* Height of the footer */
   background:#000;
		background-image: url("../images/footer.jpg");
    	background-repeat: repeat-x;
    	background-position: top right;
}

<!--[if IE 6]>
#maincontainer {
   height:100%;
}


#content2 {
		position: relative;
		top: -27px;
		z-index: 75;
		background-image: url("../images/sidetile.jpg");
    	background-repeat: repeat-y;
    	background-position: top right;
}

#content3 {
		position: relative;
		top: -25px;
		z-index: 80;
		background-image: url("../images/sidetile.jpg");
    	background-repeat: repeat-y;
    	background-position: top right;


	}
	
#content4 {
		position: relative;
		top: -20px;
		z-index: 85;


	}

#content5 {
		position: relative;
		top: -180px;
		right: 60px;
		z-index: 85;


	}
	
#indented {   
		padding-left: 5pt;
		font-size: 13px;    
	}
	
#indentedmob {   
		padding-left: 5pt;
		font-size: 14px;
		-moz-border-radius: 10px;
 	border-radius: 10px;
    border:solid 1px gray;
    padding:10px;
 margin:5px;

    
	}
	
#cat {   
		padding-left: 10pt; 
	}
	
#classiccel {
    padding: 10px;
}


	
	
/* Define rounded */

#dummy
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
    
}

#dummy1
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 0px gray;
    padding:3px;
    background:#gray;
}

#topic {
		-moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 2px gray;
    padding:3px;
background-image: url("../images/footer.jpg");
    	background-position: top center;
}

#classic {
    float: right;
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;

}

#rcorners3 {
    border-radius: 15px;
    border: 0px solid #e1e1e1;
    padding: 20px;
    background:#e0e0e0;
}

#rcorners4 {
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    padding: 0px;
}

#rcorners5
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 2px gray;
    padding:5px;
    background:#fff;
    cursor: pointer;
}

#rcorners6 {
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    background:#A6C8AC;
    color: #ffffff;

}

#rcorners7 {
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    padding: 0px;
    background:#fff;

}

#rcorners8 {
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    background:#e0e0e0;

}

#rcorners9 {
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    background:#A6C8AC;

}


/* Define images */
  

#imgcontent {
		
		width: 100%;
    	height: auto;
    	max-width: 550px;
    border-radius: 15px;

	}
	
#imgcontent2 {
		
		width: 100%;
    	height: auto;
    	max-width: 150px;
    border-radius: 15px;

	}

#resiz {
    width: 100%;
    height: auto;
}

#resiz2 {
    width: 100%;
    max-width: 637px;
    height: auto;
}

#resiz3 {
    width: 100%;
    max-width: 574px;
    height: auto;
}

#resiz4 {
    width: 100%;
    max-width: 200px;
    height: auto;
}


#resiz5 {
    width: 100%;
    max-width: 250px;
    height: auto;
    border-radius: 15px;
    padding: 0px;

}

#resiz6 {
    width: 100%;
    max-width: 264px;
    height: auto;
    border-radius: 15px;
    padding: 0px;

}

#resiz7 {
    width: 100%;
    max-width: 758px;
    height: auto;
}


#resiz8 {
    width: 100%;
    max-width: 600px;
    height: auto;
}

#resiz9 {
    width: 100%;
    max-width: 250px;
    height: auto;
}

#resiz10 {
    width: 100%;
    max-width: 150px;
    height: auto;
}

#resiz13 {
    width: 100%;
    height: auto;
    border-radius: 15px;
    padding: 0px;
    max-width: 650px;
    
}
#resiz16 {
    width: 100%;
    max-height: 360px;
    height: auto;
    border-radius: 15px;
    padding: 0px;

}


#sold {
    width: 100%;
    max-width: 220px;
    height: auto;
    z-index: 80;
    position: relative;
    top: -180px;
}


#search {
    position: absolute;
    top: 230px;
    z-index: 80;

}


#count {
    position: absolute;
    top: 275px;
    right: 60px;
}

#bookspec {
    position: absolute;
    top: 345px;
    right: 180px;
    z-index: 80;

}


.responsive-map{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.responsive-map iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/* Define fonts */

h1 { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 23px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: 1.0 em; 
} 

h2 { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 21px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: 1.0 em; 
} 

h3 { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 17px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: 1.0 em; 
} 

h4 { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: 1.0 em; 
} 

p { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 1.2 em; 
} 

blockquote { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 23px; 
}
 
pre { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; font-size: 11px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 1.0 em; 
}

#headspace { 
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Trebuchet MS, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 1.2 em; 
} 

* {box-sizing: border-box;}

.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 150px;
  height: 150px;
}

.button :link {
	COLOR: #ffffff; text-decoration: none; BACKGROUND-COLOR: transparent
}

.button :visited {
	COLOR: #f0f0f0; text-decoration: none; BACKGROUND-COLOR: transparent
}

.button :hover {
	COLOR: #f0f0f0; text-decoration: none; BACKGROUND-COLOR: transparent
}

.button :active {
	COLOR: #ffffff; text-decoration: none; BACKGROUND-COLOR: transparent
}



a.hover2 :link {
	COLOR: #00917e; text-decoration: none; BACKGROUND-COLOR: transparent
}

a.hover2 :visited {
	COLOR: #00917e; text-decoration: none; BACKGROUND-COLOR: transparent
}

a.hover2 :hover {
	COLOR: #d1a71f; text-decoration: none; BACKGROUND-COLOR: transparent
}

a.hover2 :active {
	COLOR: #dacec6; text-decoration: none; BACKGROUND-COLOR: transparent
}

.floater1 :link {COLOR: #38761d; text-decoration: none;}
.floater1 :visited {COLOR: #38761d; text-decoration: none;}
.floater1 :hover {COLOR: #666666; text-decoration: none;}
.floater1 :active {COLOR: #c0c0c0; text-decoration: none;}

.bodi :link {COLOR: #38761d; text-decoration: none;}
.bodi :visited {COLOR: #38761d; text-decoration: none;}
.bodi :hover {COLOR: #666666; text-decoration: none;}
.bodi :active {COLOR: #c0c0c0; text-decoration: none;}

.sidi :link {COLOR: #00917e; text-decoration: none;}
.sidi :visited {COLOR: #00917e; text-decoration: none;}
.sidi :hover {COLOR: #d1a71f; text-decoration: none;}
.sidi :active {COLOR: #dacec6; text-decoration: none;}