/* Base Style Sheet For browyer.htm */

body
{
   width: 95%;
   margin: auto;
   padding: 25px;
}

a
{
   text-decoration: none;
}

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

nav.vertical
{
   display: block;
   float: left;  
   width: 15%;
}

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

nav.vertical ul li
{
   list-style: none; 
   text-decoration: none;   
}

nav.vertical ul li a
{  
   color: blue;   
   font-size: 2em;
}

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

#featured
{   
   position: relative;
   top: 1%;
   float: left;
   margin-left: 16.5%;    
   width: 25%;
}

#featured h1
{
   font-size: 2em;
   background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
   background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
   color:transparent;
   -webkit-background-clip: text;
   background-clip: text;   
}

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

#targetDiv
{
   position: relative; 
   top: 1%; 
   float: left; 
   width: 20%;
}   

nav.HouseImages
{
   position: relative;
   float: right; 
   top: 0px;
   display: block;  
   width: 20%;   
}

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

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

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

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

#targetDiv ul li
{
   list-style: none; 
   text-decoration: none;  
   text-indent: 25%;   
}

#targetDiv ul li a
{
   text-decoration: none;  
   color: blue;   
   font-size: 1em;
}

#targetDiv ul li a:hover
{
   background-color: pink;   
}

#targetDiv h3
{
   text-align: center;
}

#targetDiv p
{
   text-align: justify;
}

#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);
}