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

body {
	margin:0px auto;
	padding:0px;
	background-color:#13171a;
	background-image:url(../images/page-bg.jpg);
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	color:#a7a7a7;
	font-size:13px;
	line-height:18px;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#container{
	padding:0px;
	margin:0px auto;
	width:988px;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:15px;
	}
#header{
	height:195px;
	text-align:center;
	background-color:#0d1012;
	margin:0px auto;
	}
#mainArea{
	clear:both;
	overflow:hidden;
	background-image: url(../images/container-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}	
#footer{
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;	
	clear:both;
	overflow:hidden;
	font-size:12px;
	color:#696969;
	height:60px;
	padding:50px 10px 0px 10px;
	}
#footer a{
	color:#FFF
	}
#footer a:hover{
	color:#00bcf9
	}
#rightPanel{
	float:right;
	width:784px;
	overflow:hidden;
	padding-bottom:10px;
	}
#rightMatterArea{
	margin:20px;
	overflow:hidden;
	clear:both;
	}	

#leftPanel{
	float:left;
	width:188px;
	}
.navigation{
	width:166px;
	padding:0px 11px 11px 11px;
	background-image: url(../images/btn-panel-background.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:10px;
	}
.leftBoxMid{
	background-image:url(../images/left-box-mid.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:8px 12px 0px 12px;
	width:164px;
	min-height:34px;
	height:auto !important;
	height:34px;
	}
.leftBoxMidBook{
	background-image:url(../images/book-calibar-bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:7px 12px 0px 12px;
	width:164px;
	}
.leftBoxMid img{
	margin-top:8px;
	}
.leftInputBox{
	background-color:#0d0f0f;
	font-size:13px;
	color:#a7a7a7;
	border-top:1px solid #0d0f0f;
	border-left:1px solid #0d0f0f;
	border-bottom:1px solid #343636;
	border-right:1px solid #343636;
	width:162px;
	}
.pageHeaderImg{
	border-left:1px solid #2c363c;
	border-right:1px solid #2c363c;
	width:782px;
	height:232px;
	overflow:hidden;
	}	
	
	
a{
	outline:none;
	}
a:hover{
	color:#ffffff;
	outline:none;
	}
#rightMatterArea a{
	color:#67c210;
}
#rightMatterArea a:hover{
	color:#ffffff;
}
a img{
	border:0px;
	outline:none;
	}
p{
	padding:0px;
	margin:0px;
	padding-bottom:18px;
	}	
	
	
	
#breadCrumbsArea{
	background-image: url(../images/breadcrumbs-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:12px;
	height:15px;
	}
.indsideHeaderImg{
	padding:8px;
	width:766px;
	background-color:#161e22;
	margin-left:1px;
	}
.bottomTwoTabs{
	padding-top:30px;
	padding-top:0px;
	}
.bottomTabLeft{
	float:left;
	}
.bottomTabRight{
	float:right;
	}

	
	
	
/*-----------------------------------| news start |------------------------------------------*/
.newsRecord{
	padding:13px;
	width:720px;
	background-image: url(../images/news-record-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	margin-bottom:20px;
}
.newsImg{
	float:left;
	width:184px;
	height:138px;
}
.newsDetails{
	float:right;
	width:516px;
}
.newsTitle{
	text-align: left; font-weight: bold; color:#0a86cd; font-size:15px;
}
.date{
	overflow:hidden;
	padding-bottom:8px;
	font-style:italic;
}
.day{
	background-color:#000000;
	color:#0571ac;
	padding:1px 5px 1px 3px;
	float:left;
}
.year{
	background-color:#416218;
	color:#70d60e;
	padding:1px 3px;
	float:left;
}	
.newsMoreInfo{
	float:right;
}

/*-----------------------------------| news end |------------------------------------------*/


/*-----------------------------------| news details start |------------------------------------------*/
.newsLeftPanel{
	float:left;
	width:412px;
	text-align:justify;
}
.otherNewsRecord{
	padding:8px 13px 13px 13px;
	width:386px;
	background-image: url(../images/other-news-record-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	margin-bottom:30px;
}
.otherNewsTitle{
	font-size:15px;
	color:#FFFFFF;
	text-align:left;
	padding-bottom:10px;
}
.otherNewsDate{
	overflow:hidden;
	padding-bottom:8px;
	font-style:italic;
	float:left;
}
.newsRightPanel{
	float:right;
	width:306px;
}
.newsRelatedPhotosMid{
	border-right:1px solid #393939;
	border-left:1px solid #393939;
	background-image: url(../images/news-related-photos-mid.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:12px;
	width:280px;
	min-height:250px;
	height:auto !important;
	height:250px;
	overflow:hidden;
	clear:both;
}
.newsRelatedPhotoStack ul{
	padding:0px;
	margin:0px;
	list-style:none;
	padding-top:15px;
	overflow:hidden;
	clear:both;
}
.newsRelatedPhotoStack li{
	float:left;
	padding-right:12px;
	padding-bottom:10px;
}
.newsImgA{
	 display: table; 
	 height: 98px; 
	 width:130px; 
	 #position: relative; 
	 overflow: hidden;
	 border:1px solid #005f95;
	 background-color:#000000;
	 text-align:center
	}
.newsImgA:hover{
	 border:1px solid #67b51c;
	 cursor:pointer
	}	
.newsImgB{
	#position: absolute; 
	#top: 50%; 
	left:50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:130px;
	}
.newsImgC{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:130px;
	}
/*-----------------------------------| news details start |------------------------------------------*/





/*-----------------------------------| contact page start |------------------------------------------*/
.contactsHolder{
	width:746px;
	background-image: url(../images/contact-section-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	margin-bottom:30px;
}
.contactDetails{
	float:left;
	width:283px;
	overflow:hidden;
}
.contactInfoRow{
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-bottom:20px;
}
.contactInfoLeft{
	float:left;
	width:78px;
}
.contactInfoRight{
	float:left;
	width:164px;
}
.phoneNum{
	font-size:18px;
	line-height:26px;
}


.contactForm{
	float:right;
	width:416px;
	overflow:hidden;
	padding-right:2px;
}
.contactFormRow{
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-bottom:15px;
}
.contactFormLeft{
	float:left;
	width:100px;
	font-weight:bold;
}
.contactFormRight{
	float:left;
	width:270px;
}
.box{
	font-family:Arial, Helvetica, sans-serif;
	color:#a7a7a7;
	font-size:13px;
	padding:2px;
	border:1px solid #292929;
	background-color:#1b1a1a;
	width:266px;
}

.sel-day-box{
	font-family:Arial, Helvetica, sans-serif;
	color:#a7a7a7;
	font-size:13px;
	padding:2px;
	border:1px solid #292929;
	background-color:#1b1a1a;
	width:56px;
}
.sel-mon-box{
	font-family:Arial, Helvetica, sans-serif;
	color:#a7a7a7;
	font-size:13px;
	padding:2px;
	border:1px solid #292929;
	background-color:#1b1a1a;
	width:96px;
}
/*-----------------------------------| contact page end |------------------------------------------*/



/*-----------------------------------| photo category start |------------------------------------------*/
.galleryCategory{

}
.galleryCategory ul{
	padding:0px;
	margin:0px;
	padding-bottom:40px;
	list-style:none;
	overflow:hidden;
}
.galleryCategory ul li{
	width:164px;
	float:left;
	background-color:#151515;
	background-image: url(../images/catergory-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;
	margin-right:28px;
}

.galleryCategoryTitle{
	padding:5px 8px 0px 8px;
	color:#FFFFFF;
	font-weight:bold;
	
}
.galleryCategoryTotal{
	font-style:italic;
	color:#4e4e4f;
	padding:0px 8px 10px 8px;
	font-size:12px;
}
.viewGalleryBtn{
	background-image: url(../images/view-gallery-btn-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	font-weight:bold;
	color:#00bcf9 !important;
	text-align:center;
	margin:0px 8px 10px 8px;
	padding:2px 13px;
	width:95px;
	font-size:12px;
}
.viewGalleryBtn:hover{
	background-image: url(../images/view-gallery-btn-bg-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	font-weight:bold;
	color:#fff !important;
	text-align:center;
	margin:0px 8px 10px 8px;
	padding:2px 13px;
	width:95px;
	font-size:12px;
}

.galleryCategoryThumb{
	width:156px;
	height:114px;
	padding:4px;
	background-image:url(../images/photo-gallery-thumb-bg.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:left top;
}
.galleryCategoryThumb:hover{
	width:156px;
	height:114px;
	padding:4px;
	background-image:url(../images/photo-gallery-thumb-bg-r.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:left top;
}
.galCategoryImgA{
	 display: table; 
	 height: 110px; 
	 width:152px; 
	 #position: relative; 
	 overflow: hidden;
	 background-color:#000000;
	 text-align:center;
	 border:2px solid #000000;
	}
.galCategoryImgB{
	#position: absolute; 
	#top: 50%; 
	left:50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:152px;
	}
.galCategoryImgC{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:152px;
	}
/*-----------------------------------| photo category end |------------------------------------------*/




/*-----------------------------------| photo gallery start |------------------------------------------*/
.photoGallery{
	
}
.photoGallery ul{
	padding:0px;
	margin:0px;
	padding-bottom:24px;
	list-style: none;
	overflow:hidden;
}
.photoGallery ul li{
	width:156px;
	height:114px;
	padding:4px;
	background-color:#29343a;
	float:left;
	margin-right:28px;
}



.galleryThumb{
	border:2px solid #000000;
	width:152px;
	height:110px;
	display:block;
}
.galleryThumb:hover{
	border:2px solid #ffffff;
	width:152px;
	height:110px;
	display:block;
}
.galleryThumbImgA{
	 display: table; 
	 height: 110px; 
	 width:152px; 
	 #position: relative; 
	 overflow: hidden;
	 background-color:#000000;
	 text-align:center;
	}
.galleryThumbImgB{
	#position: absolute; 
	#top: 50%; 
	left:50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:152px;
	}
.galleryThumbImgC{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:152px;
	}
/*-----------------------------------| photo gallery end |------------------------------------------*/





/*-----------------------------------| calibar music start |------------------------------------------*/
.musicCategoryTitle{
	background-image: url(../images/music-main-category-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:13px;
	width:720px;
	text-align:center;
}
.mainMusicCategory{
	padding:13px;
	width:720px;
	background-image: url(../images/news-record-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	margin-bottom:20px;
}
.subCategoryRecord{
	border-bottom:1px dotted #474747;
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
	margin-bottom:20px;
}
.musicSubCategoryImg{
	float:left;
	width:270px;
	height:180px;
}
.musicSubCategoryA{
	 display: table; 
	 height: 180px; 
	 width:240px; 
	 #position: relative; 
	 overflow: hidden;
	 background-color:#000000;
	 text-align:center;
	 border:4px solid #29343a;
	 padding:2px;
	}
.musicSubCategoryB{
	#position: absolute; 
	#top: 50%; 
	left:50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:240px;
	}
.musicSubCategoryC{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:240px;
	}
.musicDetails{
	float:right;
	width:442px;
}
.albumList ul{
	padding:0px;
	margin:0px;
	list-style:none;
	padding-top:10px;
}
.albumList li{
	padding:0px;
	margin:0px;
	padding-bottom:8px;
	overflow:hidden
}
.albumList li span{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-image:url(../images/list-num-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:21px;
	display:block;
	float:left;
	padding:1px 0px;
}
.albumList li p{
	padding:0px;
	margin:0px;
	float:right;
	width:414px;
	
}

/*-----------------------------------| calibar music end |------------------------------------------*/



.testimonialsRow{
	padding-bottom:30px;
}
.testimonialsRow p{
	padding:0px;
	margin:0px;
}
.quote{
	padding:3px 0px 5px 10px;
	border-left:3px solid #024369;
}
.testimonials{
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 3px 10px;
	border-left:3px solid #4a6f1f;
	font-style:italic
}




.horizontalLine{
	clear:both;
}	
.grayLine{
	clear:both;
	height:2px;
	background-color:#333333;
	margin-bottom:18px;
}
.grayText{
	color:#6e6e6e;
}
.whiteText{
	color:#ffffff;
}



/*-----------------------------------| video start |------------------------------------------*/
.videoPlayerA{
	 display: table; 
	 height: 416px; 
	 width:740px; 
	 #position: relative; 
	 overflow: hidden;
	 background-color:#121619;
	 text-align:center;
	}
.videoPlayerB{
	#position: absolute; 
	#top: 50%; 
	left:50%; 
	display: table-cell; 
	vertical-align: middle; 
	width:740px;
	}
.videoPlayerC{
	#position: relative; 
	#top: -50%; 
	left:-50%; 
	width:740px;
	}
/*-----------------------------------| Video End |------------------------------------------*/




.subMemu{
	float:right;
	width:196px;
	padding-right:10px;
	padding-top:10px;
	}
.subMemu ul{
	border-left:1px solid #393939;
	border-right:1px solid #393939;
	padding:6px;
	margin:0px;
	list-style:none;
	background-image: url(../images/sub-menu-background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#000;
	color:#828282;
	min-height:162px;
	height: auto !important;
	height:162px;
	}
.subMemu ul li{
	padding:0px;
	margin:0px;
	margin-bottom:2px;
	}
.subMemu ul li a{
	display:block;
	color:#828282;
	padding:1px 5px 1px 20px;
	border:1px solid transparent;
	background-image: url(../images/gray-arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	}
.subMemu ul li a:hover{
	display:block;
	color:#0a86cd;
	padding:1px 5px 1px 20px;
	border:1px solid transparent;
	background-image: url(../images/gray-arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:1px solid #393939;
	background-color:#232323
	}
.subMemu ul li .active{
	display:block;
	color:#ffffff;
	padding:1px 5px 1px 20px;
	border:1px solid transparent;
	background-image: url(../images/white-arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	background-color:#014c77
	}
.mainBtn{
	font-weight:bold;
	}
.mainBtnActive{
	font-weight:bold;
	color:#fff !important;
	}
	
	
.leftPart{
	float:left;
	width:546px;
	padding-left:10px;
	padding-top:10px;
	text-align:justify;
	}
.smallImgArea{
	height:192px;
	width:544px;
	padding:15px 0px;
	}