/* Base Style Sheet For browyer.htm */

body
{
   width: 100%;
   margin: auto;
   padding: 5px;
}

a
{
   text-decoration: none;   
}

header
{
   display: block;
   text-align: center;
}

nav.vertical
{   
   width: 100%; 
   display: block;   
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

nav.vertical p
{
   text-align: center;
   color: blue;
   font-weight: bold;
   font-size: 2em;
}

nav.vertical ul 
{    
    list-style-type: none;    
    padding: 0;
    overflow: hidden;
}

nav.vertical ul li
{
   float: left;   
}

nav.vertical a:link, a:visited 
{
    display: inline;
	font-size: 0.75em;
    width: 14%;
    font-weight: bold;  
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;	
}

nav.vertical a:hover, a:active 
{
    background-color: #7A991A;
}

a.blue
{
   color: #0000FF;
}

a.white
{
   color: #FFFFFF;
}

a.black
{
   color: #000000;
}

#featured
{   
   display: inline;
   width: 100%;
}

#featured h1
{
   font-size: 2em;
   color: red;
}

#featured p
{
   font-size: 1em;
   color: red;
   text-shadow: 0.5px 0.5px 0.25px #000000;
}

#targetDiv
{
   width: 40%; 
   display: block; 
   margin-right: 10%;   
}   

#targetDiv p
{
   text-align: left;
   color: blue;
   font-weight: bold;
   font-size: 0.75em;
}

#targetDiv ul 
{    
    list-style-type: none;    
    padding: 0;
    overflow: hidden;
}

#targetDiv ul li
{
   float: left;   
}

#targetDiv a:link, a:visited 
{
    display: inline;
	font-size: 0.55em;
    width: 20%;
    font-weight: bold;  
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;	
}

#targetDiv a:hover, a:active 
{
    background-color: #7A991A;
}

nav.HouseImages
{
   display: block;  
   position: absolute;
   left: 50%;
   top: 85%;  
   margin-top: 75%;     
   width: 40%;
   height: 56.25%    
}

nav.HouseImages p
{
   text-align: center;
   color: blue;
   font-weight: bold;
   font-size: 2em;   
}

nav.HouseImages ul li
{
   list-style: none; 
   text-decoration: none;     
   text-align: left;
   text-align:    
}

nav.HouseImages ul li a
{
   text-decoration: none;  
   color: blue;   
   font-size: 1em;
}

nav.HouseImages ul li a:hover
{
   background-color: pink;   
}

#targetImg
{
  border-radius: 0%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

#targetImg:hover
{
   -ms-transform: rotate(360deg);
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}