/* -- 4are.com / HamptonDevelopment.us ------------------------------------------ */

.pcnt a {
  position: absolute;
  top: 140px;
  right: 0px;
  cursor: pointer;
  -moz-box-shadow: 0px 0px 18px #000;
  -webkit-box-shadow: 0px 0px 18px #000;
  box-shadow: 0px 0px 18px #000;  
  behavior: url(/css/pie/PIE.htc);
}

.pcontainer { 
  position: relative;
  width: 100%; 
} 

#pct {
  position: absolute;
  width: 990px;
  height: auto;
  top: 0px;
  font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
  background-color: #FFFFFF;
}

#pmenu {
  position: absolute;
  width: 180px;
  height: auto;
  top: 120px;
  right: 0px;
  font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;  
  text-align: justify;
  color: #FFFFFF;
  background-color: #1E1E1E;
  padding:5px;
  -moz-box-shadow: 0px 0px 18px #000;
  -webkit-box-shadow: 0px 0px 18px #000;
  box-shadow: 0px 0px 18px #000;  
  behavior: url(/css/pie/PIE.htc);
}

#pmenu a {
  color: #FFFFFF;
}

#pmenu_sub {
  position: absolute;
  width: auto;
  height: auto;  
  right: 0px;
  font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;  
  text-align: justify;
  behavior: url(/css/pie/PIE.htc);
}

.pshadow {
  -moz-box-shadow: 0px 0px 18px #000;
  -webkit-box-shadow: 0px 0px 18px #000;
  box-shadow: 0px 0px 18px #000;  
  behavior: url(/css/pie/PIE.htc);
}

.pdetails_out {
  padding: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #404040;	
  background-color: #FFFFFF;
  text-decoration:none;
  text-align: justify; 
   border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: 0px 0px 18px #000;
  -webkit-box-shadow: 0px 0px 18px #000;
  box-shadow: 0px 0px 18px #000;  
  behavior: url(/css/pie/PIE.htc);
  margin-left: 5px;
  margin-top: 5px;  
  margin-right: 15px;
  margin-bottom: 15px;
}

.pdetails_in {
  width:98%;
  margin: 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #404040;	
  background-color: #FFFFFF;
  text-decoration:none;
  text-align: justify;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  behavior: url(/css/pie/PIE.htc);
}

#vclose a {
  position:relative;
  top:15px;
  left:780px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #FFFFFF;  
  z-index:9999;
}

@-webkit-keyframes FadeIn 
{
    0%
    {
	    opacity:0;
    }
    100%
   {
	    opacity:1;
    }
}
@-webkit-keyframes FadeOut
{
    0%
    {
	    opacity:1;
    }
    100%
   {
	    opacity:0;
    }
}
@-moz-keyframes FadeIn
{
  from { opacity:0; } to { opacity:1; }
}
@-moz-keyframes FadeOut
{
  from { opacity:1; } to { opacity:0; }
}
@-o-keyframes FadeIn
{
  from { opacity:0; } to { opacity:1; }
}
@-o-keyframes FadeOut
{
  from { opacity:1; } to { opacity:0; }
}
@keyframes FadeIn
{
  from { opacity:0; } to { opacity:1; }
}
@keyframes FadeOut
{
  from { opacity:1; } to { opacity:0; }
}

.fadein {
  -webkit-animation:FadeIn ease-in 1s;
  -moz-animation:FadeIn ease-in 1s;
  -o-animation:FadeIn ease-in 1s;
  animation:FadeIn ease-in 1s;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

.fadeout {
  -webkit-animation:FadeOut ease-in 1s;
  -moz-animation:FadeOut ease-in 1s;
  -o-animation:FadeOut ease-in 1s;
  animation:FadeOut ease-in 1s;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}

#pvideo #shadow2 {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
  display:block;
  background:#000000;
  opacity: .6;
  filter: alpha(opacity=60);
  z-index: 2;
}

@media (max-width: 1100px) {
/* some CSS for small resolution */		
  #pvideo {	
  top:10px; left:90px; z-index:0; padding:0;	
  }	
}

@media (min-width: 1100px) {
/* some CSS for large resolution */	
  #pvideo {	
  top:10px; left:135px; z-index:0; padding:0;	
  }	
}


