/* CSS Document */


/*--  Fonts Defined  --*/
@font-face {
    font-family: ArmyRust;
    src: url(fonts/ARMY RUST.ttf);
}

@font-face{
	font-family:AccrossTheStars;
	src: url(fonts/ACROTSRG.TTF);
}

/*------------------------------------------------------------------------*/
/*--------------------------SITE WIDE STYLING-----------------------------*/
/*------------------------------------------------------------------------*/

body {
    background-color: #000;
	color:#FFF;
	text-align:justify;
	font-family: Verdana;
	letter-spacing: 1px;
	font-size:12px;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 16px;
}



/* --  CStyles Realting to the page Container (content)  --*/

#container-home{
position:fixed; 
height:90%;
width:100%;
top:10%;
background-color:#000;
border-color:#F00;
border-width:2px; 
overflow:hidden;
}

#container{
position:fixed; 
height:75%;
width:97.5%;
top:15%;
padding:30px;
background-color:#000;
border-color:#F00;
border-width:2px; 
overflow:hidden;
}


/* --  CStyles Realting to the page Header  --*/
#header{
position: fixed;
top:0%;
height:15%;
width:100%;
padding:5px;
background-color:#000;
z-index:150;
overflow:hidden;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiM1NjU2NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMyYzJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(top,  rgba(86,86,86,1) 31%, rgba(44,44,44,1) 65%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(86,86,86,1)), color-stop(65%,rgba(44,44,44,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(86,86,86,1) 31%,rgba(44,44,44,1) 65%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(86,86,86,1) 31%,rgba(44,44,44,1) 65%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(86,86,86,1) 31%,rgba(44,44,44,1) 65%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(86,86,86,1) 31%,rgba(44,44,44,1) 65%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

}

#header-logo{
position: fixed;
width:30%;
top:15px;
height:95px;
left:40px;
overflow:hidden;
}

#header-navigation{
position: fixed;
float:right;
width:50%;
top:10px;
/*height:95px;*/
height:100%;
left:40%;
overflow:hidden;
}

#header-nav-item{
float:left;
width:auto;
top:30px;
height:60px;
font-size:24px;
font-family: ArmyRust;
color:#FFF;
/*left:5%;*/
position:relative;
margin-left:20px;
margin-right:20px;
overflow:hidden;
}



/* unvisited link */
a:link {
	letter-spacing:3px;
    color: #FFF;
	text-decoration: none;
	-webkit-text-stroke: 1px #999;
   	text-shadow:
       	3px 3px 0 #000,
     	-1px -1px 0 #000,  
      	1px -1px 0 #000,
      	-1px 1px 0 #000,
       	1px 1px 0 #000;
}

/* visited link */
a:visited {
    letter-spacing:3px;
    color: #FFF;
	text-decoration: none;
	-webkit-text-stroke: 1px #999;
   	text-shadow:
       	3px 3px 0 #000,
     	-1px -1px 0 #000,  
      	1px -1px 0 #000,
      	-1px 1px 0 #000,
       	1px 1px 0 #000;
}

/* mouse over link */
a:hover {
    letter-spacing:3px;
    color: #333;
	text-decoration: none;
	-webkit-text-stroke: 1px #000;
   	text-shadow:
       	3px 3px 0 #000,
     	-1px -1px 0 #000,  
      	1px -1px 0 #000,
      	-1px 1px 0 #000,
       	1px 1px 0 #000;
}

/* selected link */
a:active {
    letter-spacing:3px;
    color: #FFF;
	text-decoration: none;
	-webkit-text-stroke: 1px #999;
   	text-shadow:
       	3px 3px 0 #000,
     	-1px -1px 0 #000,  
      	1px -1px 0 #000,
      	-1px 1px 0 #000,
       	1px 1px 0 #000;
}



/* --  CStyles Realting to the page Footer  --*/
#footer{
font-family: ArmyRust;
letter-spacing: 3px;
position: fixed;
bottom:0px; 
height:8%;
font-size: 12px;
width:98.2%;
padding:15px;
background-color:#000;
border-color:#09F;
border-width:2px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(44,44,44,1) 35%, rgba(86,86,86,1) 69%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(35%,rgba(44,44,44,1)), color-stop(69%,rgba(86,86,86,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(44,44,44,1) 35%,rgba(86,86,86,1) 69%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(44,44,44,1) 35%,rgba(86,86,86,1) 69%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(44,44,44,1) 35%,rgba(86,86,86,1) 69%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(44,44,44,1) 35%,rgba(86,86,86,1) 69%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#565656',GradientType=0 ); /* IE6-8 */

}

#footer-social{ 
position:fixed;
vertical-align:central	;
text-align: right;
float:right; 
width: 14%;
right:12%;
bottom:1.5%;
margin-top:1%;
}

#footer-logo{
vertical-align:middle;
text-align: right;
float:right;
height:100%; 
width: 33.3%;
right:180px;
bottom:1%;
margin-top:1%;
}

#footer-text{
float:right;
height:80%; 
width: 33.3%;
right:20px;
vertical-align:central;
bottom:1%;
margin-top:2%;

}

#footer-contact{
vertical-align:middle;
float:left;
height:80%; 
width: 33.3%;
left:80px;
vertical-align: middle;
bottom:1%;
margin-top:2%;
}

/*------------------------------------------------------------------------*/
/*--------------------------CONTACT US STYLING----------------------------*/
/*------------------------------------------------------------------------*/

#contact-left-pannel{
float:left;
position: relative;
height:100%;
width:50%;
right:0px;
padding: 20px, 20px, 20px, 30px;
margin: 20px, 20px, 20px, 20px;
}

#contact-right-pannel{
float:right;
height:100%; 
width:50%;
left:0px;
padding: 20px, 20px, 20px, 20px;
margin: 20px, 20px, 20px, 20px;
z-index:1600;
}

#contact-right-top-pannel{
position: relative;
height:0%;
top:0px;
padding: 60px, 20px, 20px, 20px;
margin: 20px, 20px, 20px, 20px;
}

#contact-right-bottom-pannel{
position: relative;
height:100%;
bottom:0px;
padding: 20px, 20px, 20px, 20px;
margin: 20px, 20px, 20px, 20px; 
z-index: 4000;
}

/*------------------------------------------------------------------------*/
/*--------------------------about_us US STYLING----------------------------*/
/*------------------------------------------------------------------------*/

#about_us-left-pannel{
float:left;
position: relative;
height:100%;
width:40%;
right:0px;
padding: 20px, 20px, 20px, 30px;
margin: 20px, 20px, 20px, 20px;
}

#about_us-left-pannel-text{
padding: 20px, 20px, 20px, 30px;
}

#about_us-right-pannel{
float:right;
height:100%; 
width:55%;
left:5%;
padding: 20px, 20px, 20px, 20px;
margin: 20px, 20px, 20px, 20px;
z-index:1000;
}

#about_us-right-top-pannel{
position: relative;
height:10%;
top:0px;
padding: 60px, 20px, 20px, 20px;
margin: 20px, 20px, 20px, 20px;
}

#about_us-right-bottom-pannel{
position: relative;
height:90%;
bottom:0px;
padding: 20px, 20px, 20px, 20px;
margin: 20px, 20px, 20px, 20px; 
}

/*------------------------------------------------------------------------*/
/*--------------------------experiences US STYLING----------------------------*/
/*------------------------------------------------------------------------*/

#experiences_top_pannel{
position: relative;
height:20%;
width:100%;
top:0px;

}

#experiences_bottom_pannel{
position: relative;
height:80%;
width:100%;

}

#experiences_bottom_1_pannel{
vertical-align: top;
display:inline-block;
height:70%; 
width:28%;
}

#experiences_bottom_2_pannel{
vertical-align: top;
display:inline-block;
height:70%; 
width:28%;
margin-left:4.5%;
}

#experiences_bottom_3_pannel{
vertical-align: top;
display:inline-block;
height:70%; 
width:28%;
margin-left:4.5%;
}

#experiences_bottom_1_img{
vertical-align: bottom;
display:inline-block;
height:auto; 
width:100%;
}

#experiences_bottom_2_img{
vertical-align: bottom;
display:inline-block;
height:auto; 
width:100%;
}

#experiences_bottom_3	_img{
vertical-align: bottom;
display:inline-block;
height:auto; 
width:100%;
}