/*

CSS for Streghina site

*/



body {background-color: #e74a8d;
  background-image: url(iter.png);
  } 
  
body img {
	border-color: transparent;
	}

/* p {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 100%;
  color: #ffffff;

  } */

#header {
  position: absolute;
  right: 0px;
  left:0px;
  top: 0px;
  height: 130px;
  background-color: #e74a8d;
  background: url(grnd.jpg) repeat-y center;
}

#newglry {
  position: absolute;
  right: 0px;
  left:-970px;
  top: 100px;
  height: 600px;
  width: 2760px;
  background: url(newglry.png) repeat-y center;
}

#navigation {
  background-color: #003496; /* #98419a; */ 
  background: url(navig.jpg);
  background-image: url(iternav_.png);/*url(iternav.png); url(navmot.gif); */
  color: #ffaf00;
  font-family: Georgia, Times, serif;
  font-size: 120%;
  position: absolute;
  top: 138px;
  width: 230px;
  bottom: 0px;
  
  }
  

.marq {
  position: absolute;
  top: 14em;
}
 
#navigation a:link {
  text-decoration: none; 
  font-weight: bold;
  color: #ffaf00;

  }

#navigation a:visited {
 text-decoration: none;
 font-weight: bold;
 color: #e74a8d;
 
 }
 
#navigation a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #ffcf22;
  background: url(strsnav.png);

  }

#navigation a:active {
  text-decoration: none;
  font-weight: bold;
  color: #00ff00;

  }
  
#news {
  padding: 0px 0px;
  color: #ffaf00;
  font-family: FreeSans, sans;
  font-size: 85%;
  font-weight: normal;
  margin-left: 2px;

}

#news a:link, #news a:visited, #news a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #e74a8d;
	}

#news p {
  padding: 0px 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  }
  
.date {
  font-family: Georgia, serif;
  font-size: 75%;
  }
  

#sitebranding {
  color: #e74a8d;
  position: absolute;
  left:50%;
  right:50%;
  top: 5%;
  text-align: center;
  }

#brand {
  position: relative;
  text-align: right;
  width: 590px;
  /* background-image: url(brand.png);
  background-repeat: no-repeat; */
}

#tagline p {
  font-style: italic;
  font-size: 120%;
  font-family: Georgia;
  color: #98419a; 
  background-color: #ffaf00;
  position: absolute;
  top: 90px;
  right: 0px;
  left: 0px;
  border-left-width: 45px; 
  border-left-style: solid;
  border-left-color: #ffaf00;
  }

#back p {
  text-align: right;
  position: absolute;
  top: 93px;
  right: 3%;
  }
  
#back img {
	border: none;
	}

#back a:link {
  color: #98419a;
  text-decoration: none;
  font-weight: bold;

  }
  
#back a:visited {
  color: #98419a;
  text-decoration: none; 
  font-weight: bold;

  }

#back a:hover {
  color: #98419a;
  text-decoration: none; 
  font-weight: bold;
  background: url(strsnav.png);

  }
  
#back a:active {
  color: #00ff00;
  text-decoration: none; 
  font-weight: bold;

  }  

#bodycontent {
  position: absolute;
  top: 128px;
  left: 250px;
  right: 100px;
  
}

#bodycontent p {  
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 100%;
  color: #ffffff;                          <--    */
  }

.descr {
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 100%;
  color: #ffffff;
  }
	
  
#bodyconnet {
	
  position: absolute;
  top: 128px;
  left: 250px;
  right: 100px;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	font-size: 120%;
	}
	
#bodyconnet h2 {
	font-size: 120%;
	margin-top: 35px;
	}
		
#bodyconnet a {
	text-decoration: none;
	font-size: 110%;
	}
	

#bodycontact { 
  position: absolute;
  top: 128px;
  left: 250px;
  right: 100px;
  
  }
  
#bodycontact p {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 100%;
  color: #ffffff;}

/* #footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  } */

#footer p {
/*  position: absolute;
  top: 92.5%;
  right: 0px;
  left: 0px;  */
  /* font-family: Arial, sans-serif; */
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  font-size: 80%;
  letter-spacing: 0.08em;
  font-family: Times;
  position: absolute;
  /* top: 20px; */
  left: 10px;
  width: 230px;
  bottom: 5px;
  
  }

.adress {font-family: Terminal; font-weight: normal;}

#galleriesbody {
  position: absolute;
  top: 128px;
  left: 250px;
  right: 100px;
    
  }
  
  
#galleriesbody h2 {
  color: #fb6eaa; /*#e74a8d;*/
  background-image: url(gallery/h2blue.png); 
  background-repeat: no-repeat;
  }

#specialgallery {
  position: absolute;
  top: 15px;
  left: 240px;
  right: 30px;

}

#specialgalleryc {
  position: absolute;
  top: 18em;
  left: 240px;
  right: 30px;

}

#special1 {
  position: absolute;
  top: 25em;
  left: 1%;
  width: 19%;
}

#special2 {
  position: absolute;
  top: 24em;
  left: 21%;
  width: 19%;
}

#special3 {
  position: absolute;
  top: 26em;
  left: 41%;
  width: 19%;
}

#special4 {
  position: absolute;
  top: 29em;
  left: 61%;
  width: 19%;
}

#special5 {
  position: absolute;
  top: 24em;
  left: 81%;
  width: 19%;
}


/*
#ideasa{
  position: absolute;
  top: 0em;
  left: 0px;
  right: 30px;
}

#special1a, #special2a, #special3a, #special4a, #special5a {
  position: absolute;
  width: 19%;
  left: 0%
}

#special1a {
  top: 11em;
  left: 1%;
}
#special2a {
  top: 10em;
  left: 21%;
}

#special3a{
  top: 12em;
  left: 41%;
}

#special4a {
  top: 14em;
  left: 61%;
}

#special5a {
  top: 13em;
  left: 81%;
}




#ideasb{
  position: absolute;
  top: 40em;
  left: 0px;
  right: 30px;
}

#special1b, #special2b, #special3b, #special4b, #special5b {
  position: absolute;
  width: 19%;
  left: 0%
}

#special1b {
  top: 13em;
  left: 1%;
}
#special2b {
  top: 14em;
  left: 21%;
}

#special3b{
  top: 12em;
  left: 41%;
}

#special4b {
  top: 10em;
  left: 61%;
}

#special5b {
  top: 11em;
  left: 81%;
}




#ideasc{
  position: absolute;
  top: 80em;
  left: 0px;
  right: 30px;
}

#special1c, #special2c, #special3c, #special4c, #special5c {
  position: absolute;
  width: 19%;
  left: 0%
}

#special1c {
  top: 11em;
  left: 1%;
}
#special2c {
  top: 10em;
  left: 21%;
}

#special3c{
  top: 12em;
  left: 41%;
}

#special4c {
  top: 14em;
  left: 61%;
}

#special5c {
  top: 13em;
  left: 81%;
}





#ideasd{
  position: absolute;
  top: 120em;
  left: 0px;
  right: 30px;
}

#special1d, #special2d, #special3d, #special4d, #special5d {
  position: absolute;
  width: 19%;
  left: 0%
}

#special1d {
  top: 13em;
  left: 1%;
}
#special2d {
  top: 14em;
  left: 21%;
}

#special3d{
  top: 12em;
  left: 41%;
}

#special4d {
  top: 10em;
  left: 61%;
}

#special5d {
  top: 11em;
  left: 81%;
}

con la modifica ad ideas.html queste cose sono inutili */

#copy {
  position: absolute;
  left: 50%;
  right: 50%;
  text-align: center;
}

#copyright {
  font-family: Arial;
  font-weight: normal;
/*  position: absolute;
  top: 4.5em;
  right: 3%;
  width: 20%;
  height: 2em; */
  color: #ffffff; 
/*  bottom: 0em; 
  text-align: right; */
  font-size: 70%;
  position: relative;
  text-align: right;
  width: 590px;
  top: 4.5em;
  height: 48px;
  background-image: url(brand.png);
  background-repeat: no-repeat;
  
}

#column1, #column2, #column3, #column4 {
  text-align: center;
  font-family: Georgia;
  font-weight: normal;
  font-size: 80%;
  position: absolute;
  width: 20%;
}

#column1 em, #column2 em, #column3 em, #column4 em{
  font-size: 120%;
  font-style: normal;
  font-weight: bold; 
}

#column2 {
  left: 25%;
}

#column3 {
  left: 50%;
}

#column4 {
  left: 75%;
}


#indexbrand {
  position: absolute;
/*  text-align-x: center; */
  bottom: 50%;
  left: 0px;
  right: 0px;
}