/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@charset "utf-8";
/* CSS Document */

html, body{	margin:0; padding:0; height:100%;}

body{ font-family:"Open Sans", "Open Sans Light", "Segoe UI"; font-size:14px; }


img{ border: 0; max-width:100%; max-height:100%;}
ul{ padding:0px; margin:0px; list-style:none;}
p{ margin: 0 0 20px 0; padding:0px;}
a{ text-decoration: none; transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; }



h1, #pixels{ font-family:"Museo 900", Verdana, serif; font-weight:700; font-style:normal;}
h2{ font-family:"Beau Sans Pro Book", Verdana, sans-serif; font-size-adjust:0.531; font-weight:500; font-style:normal;}


header{ position:fixed; width:100%; margin:0px auto; background-color:rgba(255,255,255,1); clear:both; overflow:hidden; padding:15px 0; box-shadow: 0 0 5px #6e6e6e; z-index:99999;}
header #topBOX{ width:973px; overflow:hidden; margin:0px auto;}
header #logoBOX{ float:left; width:200px; color:#b30201; text-align:center; margin-left:30px; margin-top:8px; overflow:hidden;}
header #menuBOX{ float:right; overflow:hidden; margin-right:0%; margin-top:8px; font-size:14px;}
header #menuBOX li{ float:left; }
header #menuBOX li a{ display:block; color:#2b2b2b; padding:6px 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-decoration:none;}
header #menuBOX li a:hover{ background:#b30201; color:#fff;  }
header #networkICONS{ float:right; text-align:right; overflow:hidden; width:180px; height:18px; margin-top:15px;}

.slideout-menu {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #000;
	z-index: 100;
	margin-left:65px;
}
.slideout-menu h3 {
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 20px;
	right: 10px;
	display: inline-block;
	padding: 6px 20px 5px 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #000;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.slideout-menu .slideout-menu-toggle:hover {
	color: #fff;
}
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	border-top: 0px solid #151515;
	border-bottom: 0px solid #454545; margin-top:65%;
}
.slideout-menu ul li {
	border-top: 0px solid #454545;
	border-bottom: 0px solid #151515; text-align:center; padding:0 20px 5px 20px;
}
.slideout-menu ul li a {
	position: relative;
	display: block;
	padding: 15px;
	color: #fff; font-weight:bold; text-transform:uppercase; font-size:12px; border:1px solid #000;
	text-decoration: none;
}
.slideout-menu ul li a:hover {
	background: #000;
	color: #fff; border:1px solid #fff;
}
.slideout-menu ul li a i {
	position: absolute;
	top: 15px;
	right: 10px;
	opacity: .5;
}
.fa-angle-right:before{ content:normal;}

.header {
	padding: 0px; position:fixed; z-index:999;
	background: url(images/left-side-logo.png) no-repeat center center #000; width:65px; height:100%; text-align:center; padding-top:2em;
}
.slideout-menu-toggle {
	font-size: 2em;
	color: #999;
	text-decoration: none;
}
.slideout-menu-toggle:hover {
	color: #fff;
}
.slideout-menu-toggle i {
	vertical-align: top;
	margin: 5px 3px 0 0; font-size: 20px; text-align:center;
}

.header .network{ position:fixed; bottom:5%;}
.header .network ul{ padding:0px; margin:0px; list-style:none;}
.header .network ul li{ width:24px; margin-bottom:10px; margin-left:17px; height:24px; text-align:center; opacity:.6;}
.header .network ul li:hover{ opacity:1;}


#intro,#second,#third,.bg{ height:100%;}
#nav{
	list-style: none;
	position: fixed;
	right: 0px; width:15px; background:#fff;
	top:40%; z-index:9999999999; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding:10px 10px 0px 10px;
	}

#nav li{
	margin: 0 0 15px 0;
}
#nav li a span {
    background: url("images/radio-white.png") repeat scroll 0 0px rgba(0, 0, 0, 0);
    display: block;
    height: 14px;
    width: 14px;
}
#header, #intro, #second{
	width: 100%;
}

#intro{
	 background:url(images/top_bg.pn) repeat left top;
	background-attachment:fixed;
	color: white;
	
	margin: 0 auto;
	padding: 0;
}

.oneBG{
	background: url(images/prefume-img.png) no-repeat fixed;
	background-size:95%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%; height:100%;
}
.oneBG2{
	background: url(images/title-logo.png) no-repeat fixed;
	background-size:90%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%; height:100%;
	
}






#second{
	background:url(images/firstBG.jpg) no-repeat left top;
	background-size:cover; background-attachment:fixed;
	color: white;
	
	margin: 0 auto;
	padding: 0;
}


.bg{
	background: url(images/trainers.png) no-repeat fixed;
	background-size:95%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%; height:100%;
}
.bg2{
	background: url(images/stars.png) no-repeat fixed;
	background-size:90%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%; height:100%;
	
}
.bg3{
	background: url(images/laxmi.png) no-repeat fixed;
	background-size:90%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%; height:100%;
	
}

#third{
	background: url(images/thirdBG.jpg) 50% 0 no-repeat fixed; background-size:cover;
	color: white;
	

}


#fourth{
	background: url(images/fourthBG.jpg) 50% 0 no-repeat fixed; background-size:cover;
	color: white; height: 100%;
	
	
}