@charset "utf-8";
/* CSS Document */
/*******************************************************

	AMX - 2017

********************************************************/



/********************************************************

	FONTS AND HTML ELEMENTS

********************************************************/

body {
  font: 13px  "Century Gothic", CenturyGothic, AppleGothic, 'Nunito', 'Helvetica Neue',Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
  color: #1e282b;
  background:  #0C273D;
  overflow-x:hidden;
}


pre, code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 5px;
  line-height: 1.2;
  color:#fff;
}


h1 {
  font-size: 24px;
  font-weight:100;
  margin-bottom: 30px;
}
h2 {
  font-size: 18px;
  font-weight:100;
  margin-bottom: 16px;
}
h3 {
  font-size: 16px;
  font-weight:bold;
  margin-bottom: 16px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
li {
  margin-left: 30px;
}
dl {
  margin-bottom: 25px;
}
dt {
  font-size: 16px;
  margin-top: 7px;
  padding-top: 3px;
  border-top: 1px solid #ccc;
}
dt:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
dd {
  font-size: 13px;
}
a, a:visited {
  color: #2a91da;
  text-decoration: none;
}
a:hover {
  color: #247cd5;
}
p a {
  margin-left: 1px;
}

/********************************************************

	USEFUL STYLES

********************************************************/

.contentConstraint {
 
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.rightF{
	float:right;	
}

.leftF{
	float:left;	
}

.clear {
  clear:both;
}
/*******************************************************

	OUTER CONTAINERS

********************************************************/
html{
	
}

body{
	
	background:url(../images/layout/100px-bg-amx-01.gif) repeat 0 0 #212121;
	
}


.headerBlockOuter{
	border-bottom: 1px solid #1B1B1B;
    height: 112px;
	display:none;
}

.logoBlockInner{
	float: left;
    padding-top: 20px;
    position: relative;
    width: 100%;
}

.siteLogo {
    background: url("../images/layout/amx-logo-03.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: 0 none;
    display: block;
    height: 76px;
    margin: 0 auto;
    position: relative;
    width: 178px;
}


.mainHeader{
	position: relative;
    z-index: 10000;
    margin-top: 40px;
}

.mainNavOuter{
	 clear: both;
    float: left;
    display:none;
    width: 100%;	
}

.mainNavInner{
	margin-top: 10px;
}

.mainNavInner ul{
	position: relative;
	z-index: 1010;
}



/*Level 01 Nav*/

.mainNavInner li{
	float: left;
    font-size: 16px;
    list-style: none outside none;
    margin: 0 30px 0 0;
}

li.lastItem{
	
	
}
.mainNavInner li a{

}
.mainNavInner li a span{
	/*color: #444444;*/
	color:#9E9C9C;
    font-size: 100%;
    text-transform: uppercase;
}

.mainNavInner li a span:hover{
	color: #fff;
}

.mainNavInner li.selected a span{
	/*color: #6CC9FF;*/
}

/*Level 02 Nav*/

.mainNavInner ul ul{
	position: absolute;
    right: 0;
    top: 40px;
    width: 570px;
}

.mainNavInner li li{
	margin-left: 0;
    margin-right: 30px;
    margin-top: 4px;
}

.mainNavInner li li a{
	
}

.mainNavInner li li a span,
.mainNavInner li.selected li a span{
	color: #163B58;
    font-size: 21px;
    font-weight: normal;
    text-transform: capitalize;
	display:none;
}

.mainNavInner li.selected li a span{
	display:block;
}

.mainNavInner li.selected li a span:hover{
	color:#3693CE;
}

.mainNavInner li.selected li.subSelected a span{
	color: #48A5E0;
}
/*Level 03 Nav*/

.mainNavInner ul ul ul{
	
}

.mainNavInner li li li{
	
}

.mainNavInner li li li a{
	
}

.mainNavInner li li li a span{
	
}


/*******************************************************

	AMX TOOL BAR, MINI NAV AND SOCIAL LINKS

********************************************************/
.amxToolBar{
    background: none repeat scroll 0 0 #212121;
	/*background: url(../images/layout/ui-elements/04-amrit-ui-2px-2px-85pc.png) repeat;*/
    border-bottom: 1px solid #414141;
    display: block;
    box-shadow: 0 0 20px #000000;
    height: 30px;
    left: 0;
    top:0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: fixed;
    width: 100%;
    z-index: 9000;
    overflow:hidden;
	-webkit-transform: translateZ(0);
	border-top: 5px solid #D83A29;
	
	/*1ACE80*/
}


.amxToolBarInner {
    position: relative;
	overflow:hidden;
}

.amxToolBarLogo {
    height: 32px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    position: relative;
    float:left;
    top: -3px;
    width: 82px;
}

.amxToolBarLogoImage {
}

.amxToolBarLogo img{
    width:100%;
}

.siteCaptionBar {
}

.siteCaptionInner{
	
	color: #6D6D6D;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 8px;
	display:none;
}

.amxToolBarNav {
    clear: right;
    float: left;
    position: relative;
    top: 2px;
}

.amxToolBarNav ul{
    margin-left: 20px;
    position: relative;
    top: 4px;
}

.amxToolBarNav ul li{
    float: left;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 20px;
}

.amxToolBarNav ul li a{

}

.amxToolBarNav ul li a span{
    color: #E3E3E3;
    color:#D83A29;
    font-size: 16px;
    font-size:13px;
	letter-spacing: 4px;
    text-transform: uppercase;
}
.amxToolBarNav ul li a span:hover,
.amxToolBarNav ul li.selected a span{
	color:#FF7766;
	}


.socialLinksContainer {
	position:absolute;
	right:5px;
	top:0;
	width:150px;
	height:40px;
	overflow:hidden;
}

.socialLink {
	background:url(../images/layout/social-icons.png) no-repeat 0 0 ;
	display:block;
	height:30px;
	width:35px;
	float:left;
	overflow:hidden;
	outline:none;
}

.socialLink.soundcloud{
	background-position: -16px -5px;
}

.socialLink.soundcloud:hover{
	background-position: -16px -45px;
}


.socialLink.facebook{
	background-position: -54px -5px;
}

.socialLink.facebook:hover{
	background-position: -54px -45px;
}

.socialLink.twitter{
	background-position: -93px -5px;
}

.socialLink.twitter:hover{
	background-position: -93px -45px;
}




/********************************************************/

	/* MAIN CONTENT */

/********************************************************/

.mainContent{
    background: url(../images/layout/bg-amx-large-flatlogo-01.png) no-repeat center 20px;
	border-top: 1px solid #383838;
    position: relative;
	
}

.promotionalHomeContent{
	
	display:none;
	overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
	
}

.promotionalHomeContent h3{
	 float: none !important;
	 text-align: center;
	
}

.promotionalHomeContent .album_title{
	color:#fff;	
}

/*******************************************************

	AMX BANNERS

********************************************************/




/* Default Elements */

.amxBannersOuter {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    padding-bottom: 20px;
}

.amxBannersOuter .bannerCol {
    
    float: left;
    /*height: 500px;*/
    margin-left: 28px;
    margin-right: 25px;
    margin-top: 28px;
    /*outline: 1px solid #1A1A1A;
    border: 1px solid #383838;*/
    
    width: 263px;
}

.amxBannersOuter .bannerRowElement {
    /*border: 1px solid #FFFFFF;*/
    float: left;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    outline:1px solid transparent;
    border:1px solid transparent;
}

    .amxBannersOuter .bannerRowElement .bannerLink {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }

/*.bannerRowElement:hover {
    border: 1px solid #383838;
    box-shadow: 0 0 7px #151515;
}*/

/* Promotional Items */

.march2014Update {
    background:url(../images/layout/promotions/banner-elements-march-2014.png) no-repeat 0 0 ; 
}

.amxBannersOuter .manjitUpplanwalaAlbum {
    background-position: -5px 0;
    height:150px;
}

.amxBannersOuter .meetMalkitAlbum {
    background-position: -5px -235px;
    height:90px;
    margin-top: 82px;
}

.amxBannersOuter .dakuSoloAlbum {
    background-position: 0 -428px;
    height: 66px;
    margin-top: 106px;
}

.amxBannersOuter .folkMagic2 {
    background-position: -302px 0;
    height:500px;
}

.amxBannersOuter .amxNextAlbum {
    background-position: -595px 0;
    height: 500px;
}

/********************************************************/

	/* BUTTONS */

/********************************************************/
.button{
	background: none repeat scroll 0 0 #1875B0;
    border: 1px solid #318EC9;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    margin: 0;
    padding: 10px 20px;
}

.button:hover {
	color: #FFFFFF;
	background:#3491CC;
}

.button span{
	color: #FFFFFF;
	
	}
/********************************************************/

	/* FOOTER */

/********************************************************/

.mainFooter{
	border-top: 20px solid #222222;	
	background:url("../images/layout/ui-elements/05-amrit-ui-2px-2px-20pc.png") repeat;
	

}

.subFooter{
	 background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 15px solid #D83A29;
    border-top: 1px solid #F2F2F2;
    /*! box-shadow: 0 -2px 3px #ECECEC; */
    height: 120px;
    width: 100%;
	margin-bottom: 50px;
	overflow:hidden;
	
	 display: none;
}

.companyLogos{
	background:url(../images/layout/companylogos.jpg) no-repeat center 0;
	height: 50px;
    padding-top: 50px;
    position: relative;
    top: 35px;
    width: 100%;
	
}

.footerLogo{
	
    bottom: 0px;
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    width: 160px;
}

.footerBlockInner{
	
    
    min-height: 250px;
    padding-bottom: 50px;
    padding-top: 20px;
    position: relative;
	
	
}

.footerBlockInner ul{
	float: left;
    margin-top: 30px;
	margin-right:30px;
}

.footerBlockInner ul li{
	margin-left: 15px;
}

.footerBlockInner ul li a{
	
}

.footerBlockInner ul li a span{
	
}

.footerSocialWidgets{
	overflow:hidden;	
	background: none repeat scroll 0 0 #3C3E3C;
    border: 1px solid #222;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px;
	
}

.soundcloudContainer{
	float: left;
	margin-right: 20px;
}


.tweetContainer{
	 float: left;
    left: 5px;
    position: relative;
    top: -5px;
	
}

/* PROMO STYLES */

.promo-container {
	background-image: url("../images/FB-2017-PROJECTS-promo-image.png");
min-height: 400px;
background-repeat: no-repeat;
background-position: center;

width: 100%;
}

.promo-container img{
	
}