/***************************************
FLIP STYLING
***************************************/
/*body,html {background: url("Pics/pinboard.jpg") no-repeat center center fixed; 
       	 -webkit-background-size: cover;
       	 -moz-background-size: cover;
       	 background-size: cover;
		  }	
*/
#rec1 {
    width: 200px;
    height: 600px;
    background-image: url("Pics/US/aspenFront.jpg");
    float: left;
}

#rec1:hover {
   background-image: url('Pics/US/aspenBack.jpg');
}

#rec2 {
    width: 400px;
    height: 300px;
    background-image: url("Pics/US/washFront.jpg");
    float: left;
}

#rec2:hover {
   background-image: url('Pics/US/washBack.jpg');
}

#rec3 {
    width: 300px;
    height: 200px;
    background-image: url("Pics/US/bostonFront.jpg");
    float: left;
}

#rec3:hover {
   background-image: url('Pics/US/bostonBack.jpg');
}

#rec4 {
    width: 300px;
    height: 700px;
    background-image: url("Pics/US/newYorkFront.jpg");
    float: right;
}

#rec4:hover {
   background-image: url('Pics/US/newYorkBack.jpg');
    }
#rec5 {
    width: 400px;
    height: 400px;
    background-image: url("Pics/US/grandFront.jpg");
    float:right;
}

#rec5:hover {
   background-image: url('Pics/US/grandBack.jpg');
}

#rec6 {
    width: 200px;
    height: 300px;
    background-image: url("Pics/US/islandFront.jpg");
    float: left;
}

#rec6:hover {
   background-image: url('Pics/US/islandBack.jpg');
}

#rec7 {
    width: 400px;
    height: 200px;
    background-image: url("Pics/US/adFront.jpg");
    float: right;
}

#rec7:hover {
   background-image: url('Pics/US/adBack.jpg');
}

#intpicHolder {
    width: 900px;
    height: 950px;
    margin: auto;
    position: absolute;
}

#intCover{
    background-image: url('wandererOne.png');
    margin: auto;
    background-color: white;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid white;
}

.flip-container {
    margin: auto;
    width: 935px;
}
body{
    background-color: white;
}

.linking {
    
}