/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 30, 2015, 11:36:55 PM
    Author     : Mishen Daishika
*/
@font-face {
    font-family: "airstrike chrome";
    src: url(fonts/airstrikelaser.ttf) format("truetype");
}
@font-face {
    font-family: "pacifico";
    src: url(fonts/Pacifico.ttf) format("truetype");
}
@font-face {
    font-family: "airstrike expand";
    src: url(fonts/airstrikeexpand.ttf) format("truetype");
}
body{
    background: url('img/wall_1.jpg') no-repeat;
    padding: 0px;
    margin: 0px;
    font-family: verdana, arial;
    font-size: 12px;
}
a{
    color: inherit;
    text-decoration: none;
}
.footer {
    position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background: url('img/bar_1.png') repeat-x;
    padding: 10px;
}

.footer img{
    display: inline-block;
    float: right;
    margin-right: 50px;
    margin-top: 3px;                
}

.footer p{
    color: #ffffff;
    float: left;
}

/* IE 6 */
* html #footer {
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
.logo{
    background: url('img/logo.png') no-repeat;
    height: 60px;
    margin-top: 20px;
    margin-left: 20px;
    position: relative; z-index: 1300;
}
.nav_bar{
    width: 100%; height: 50px; background: url('img/bar_2.png') repeat-x; margin-top: 10px;
}
.nav_btn{
    height: 35px; min-width: 100px;
    //-webkit-box-shadow: 5px 5px 11px 0px rgba(50, 50, 50, 0.75);
    //-moz-box-shadow:    5px 5px 11px 0px rgba(50, 50, 50, 0.75);
    //box-shadow:         5px 5px 11px 0px rgba(50, 50, 50, 0.75);
    border-right: 1px solid #666666;
    display: inline-block; float: left;margin-right: 2px;
    padding: 15px 10px 0px 10px;
    font-family: 'airstrike chrome'; 
    color: #ffffff; 
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}
.nav_btn:hover{
    background: url('img/active_2.png') repeat-x;
    color: #000000;
}
.side_nav{
    width: 130px; height: 30px; 
    //background: #66cc00;
    background: url('img/bar_4.png') repeat-x;
    margin-top: 20px;
    font-family: 'airstrike chrome'; 
    font-size: 20px;
    padding-top: 10px;
    padding-left: 20px;
    -webkit-border-top-right-radius: 180px;
    -webkit-border-bottom-right-radius: 180px;
    -moz-border-radius-topright: 180px;
    -moz-border-radius-bottomright: 180px;
    border-top-right-radius: 180px;
    border-bottom-right-radius: 180px;
    margin-left: 0px;
    transition: margin-left 1s;
    cursor: pointer;
}
.content{
    width: 550px; min-height: 200px; float: right; margin-top: 0px; margin-right: 50px;
    padding: 30px;  
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    //background: #666666;
    background: url('img/bar_4.png') repeat;
    position: relative;
    margin-top: -100px;
    border: 2px solid #ffffff;
}
.content p{
    color: #ffffff;
    line-height: 18px;
}
.heading_1{
    font-family: "airstrike expand"; font-size: 24px; color: #ffffff;
}

.side_nav:hover{
    margin-left:  50px;
}
.green_bar{
    height: 5px; width: 100%; background: #66cc00;
}
#triangle-topleft {
	width: 0;
	height: 0;
	border-top: 200px solid rgba(0, 0, 0, 0.7);
	border-right: 300px solid transparent;
        margin-top: -5px;
        position: absolute;
}
.side_nav_bar{
    display: inline-block; float: left; margin-top: 30px;
}
.clear{
    clear: both;
}