/*

FONT FAMILIES FROM GU STYLESHEET


"Guardian Egyptian Text", Georgia, serif; 
"Guardian Egyptian Headline", Georgia, serif; 
"Guardian Sans Text", Georgia, serif;
"Guardian Sans Headline", Georgia, serif;
"Guardian Titlepiece", Georgia, serif; 
"Guardian Agate Sans", Arial, sans-serif; 
"Guardian Compact", Georgia, serif;

font-family: "Guardian Sans Headline", Georgia, serif;
*/



body {
	font-size: 1em;
  -webkit-font-smoothing: antialiased;
}

#headText{
  font-family: "Guardian Egyptian Headline", Georgia, serif; 
  font-size:27px;
  line-height:33px;
  font-weight: bold;
  color: #EFEFEF;
  text-align: left;
  width:75%;
  margin: 0 10% 0 10%;
  border-bottom: dotted 1px #FFF;
}

#bodyText{
  font-family: "Guardian Egyptian Headline", Georgia, serif; 
  font-size:17px;
  line-height:22px;
  font-weight:lighter;
  color: #FFFFFF;
  text-align: left;
  width:75%;
  margin: 0 10% 0 10%;
  padding: 12px 0 0 0;
}

#containerBG {
  position:absolute;
  top:0px;
  width:99%;
  height:450px;

  background-color: none;
  background-image: url("../media/bgFigure.png");
  background-attachment: scroll;
  
  background-repeat:no-repeat;
  background-position:center top;

  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;

  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;

  overflow:hidden; 

   z-index: 998;
}


#spriteHolder{
  position:absolute;
  top:0px;
  width:99%;
  height:450px;

  background-color: none;
  background-attachment: scroll;
  
  background-repeat:no-repeat;
  background-position:center top;

  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;

  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;

  overflow:hidden; 

  z-index: 999;

}

#container {

  position:relative;
  padding: 0;
  margin: 0;
  width:100%;
  max-width:1260px;
  min-width:320px;
  height:450px;

  border-top:solid 1px #194377;
  
	background-color: none;
	background-attachment:fixed;
	
	background-repeat:no-repeat;
	background-position:top left;

	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;

  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;

	overflow:hidden; 

  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

}


#navHolder {
  
  width: 100%;
  max-width:1260px;
  min-width:320px;
  min-height:300px;
  margin: 0;
  text-align: center;
  padding-bottom:30px;
  background-color:#676767;
}

#pointer
{
position:absolute;
left:-30px;
top:435px;
width:30px;
height:30px;
z-index: 1003;

background-color:#676767;
/* Rotate div */
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Chrome, Safari, Opera */
transform:rotate(45deg); /* Standard syntax */
}


#navHolder ul
{
 
  list-style-type: none;
  text-align: center;
  font-family: "Guardian Egyptian Headline", Georgia, serif;
  color:#634C43;
  font-size: 17px;
  line-height:22px;
  font-weight: normal;
  text-decoration: none;

  padding:9px 0 9px 9px;
  margin:0;
  position:relative;
}

#navHolder ul li 
{ 
  display:inline-block;
  cursor:pointer;
  height: 60px;
  padding:5px;
}

#nav_1{

  background-image:url('../media/button1.png');
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


#nav_2{

  background-image:url('../media/button2.png');
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#nav_3{

  background-image:url('../media/button3.png');
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#nav_4{

  background-image:url('../media/button4.png');
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


#nav_5{

  background-image:url('../media/button5.png');
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#nav_6{

  background-image:url('../media/button6.png');
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.liButton{
  height:60px;
  width:60px;
}

.liButtonSelected{
  height:60px;
  width:60px;
  background-color: rgba(25, 67, 119, 0.8);
}