/* CSS Document */

.video-container {     position: relative;     padding-bottom: 56.25%;     padding-top: 30px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%; } 
.loading{min-height:31px; min-width:31px; background-image:url(../graphics/loader.gif); background-repeat:no-repeat;}
.intouch{ width:200px; height:20px; line-height:20px; position:absolute; right:0; bottom:0; font-size:11px; z-index:0; color:#fff; font-family:Arial, Helvetica, sans-serif}
.intouch span{font-size:9px}
.intouch strong{ color:#F90}
a.intouchBox{width:105px; height:75px; position:fixed; bottom:-75px; right:-105px; z-index:1; outline:none}




.russel {

background-image:url(../graphics/starring.png); background-repeat:repeat-x, width: 30px;	
	
}

.info_nav {
	list-style-type:none;
	color:#fff;	
	padding:0;
	
	
}

.info_nav a {
	text-decoration: underline;
	color:#fff;	
}

.page_nav {
	list-style-type:none;
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	
}

.page_nav a {
	text-decoration: underline;
}

.myLogo{cursor: pointer; cursor: hand; display:block; position:absolute; z-index:9999; bottom:10%; width:328px; opacity:0.9; padding:30px; background-color:#FFF;}

.txt_just {
text-align:justify;
text-justify:inter-word;
}

p.vignette {
  position: relative;
  margin:0px;
  
}
p.vignette img {
 display: block;

}
p.vignette:after {
	
 -moz-box-shadow: inset 0 0 10em #666;  
 -webkit-box-shadow: inset 0 0 10em #666;   
 box-shadow: inset 0 0 10em #666;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;

 content: "";
}

#stars-big{padding-right:0; top:0; background-image:url(../graphics/stars.png); background-repeat:no-repeat; background-position:center; height:150px;}

.thumb_head { position:absolute;  top:5px; width:320px;; left:5px; padding:5px; color:#FFF; }

#nav-switch { position:absolute; }

#star-head {background-image:url(../graphics/stardust.png); padding:0; height:180px; position:relative;}

@media screen and (min-width: 32px) and (max-width: 480px) {
  .myLogo { position:relative; margin:0px; margin-bottom:20px; }
  #myCarousel { display: none; }  
  .intouch { display: none; }
  #nav-switch { position:static; }
  #stars-big{display:none;}
  #star-head{height:220px;}
}