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

/*reset*............................................................*/
html,body,div,u,i,ol,ul,dl {border: 0; margin:0; padding:0; outline:0; background:transparent; text-decoration:none; }
ul,ol { list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; text-decoration:none; }
a img { border:none; }
html,body { height:100%; color:#333; }
body { margin:0; padding:0;  font: bold 13px Arial, Helvetica !important;}

#wrapper
{
	width:900px;
	position:relative;
	min-height:inherit;
	margin:auto;
}

*html
#wrapper
{
	height:100%
}

/********Navigation code***************/

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu ul li a{ display:inline-block;}

#menu {
    width: 960px;
    margin: 18px auto;
    border: 1px solid #222;
    background-color: #111;
    //background-image: linear-gradient(#c71633, #111);
	
background: -webkit-gradient(linear, left top, left bottom from(#A72D2E),color-stop(100%, #760e0f));
background: -webkit-linear-gradient(left,#A72D2E ,#760e0f 100%);
background: -moz-linear-gradient(left,#A72D2E ,#760e0f 100%);
background: -ms-linear-gradient(left,#A72D2E ,#760e0f 100%);
background: -o-linear-gradient(left,#A72D2E ,#760e0f 100%);
background: linear-gradient(to bottom,#A72D2E ,#760e0f 100%);

	
	
    border-radius: 6px;
    box-shadow: 0 1px 1px #777;
}


#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}

#menu li {
    float: left;
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    position: relative;
}

#menu a {
    float: left;
    padding: 14px 39px;
    color: #fff;
    text-transform: uppercase;
    font: bold 13px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
    color: #fafafa;
}
#menu li:last-child { border-right:none; }


*html #menu li a:hover { /* IE6 only */
    color: #fafafa;
}


/********Navigation code***************/




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


.bg
{
	width:1004px;
	height:940px;
	//background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/bg.jpg);
	margin:auto;
	background-repeat:repeat;
	background:#ffb171;
	
}

.logo
{
	width:270px;
	height:120px;
	background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/logo.png);
	background-repeat:no-repeat;
	margin:auto;
	
}

.banner
{
	width:980px;
	height:375px;
	//background-color:#c71633;
	margin:auto;
	border:15px;
}

.bannerimg
{
	width:955px;
	height:361px;
	//padding:15px 15px 15px 15px;
	margin-left:11px;
	border:5px solid #b10622;
	 border-radius:5px;
}

.menu
{
	width:980px;
	height:70px;
	//background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/button.png);	
	margin:auto;
}

.home
{
	width:121px;
	height:40px;
	padding:14px 0px 0px 145px;
	font:arial; font-size:18px;
	float:left;
	font-weight:bolder;
}

.menu a{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#000; line-height:20px; margin:0px; padding:0px;}
.menu a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; line-height:20px; padding:0px; color:#FF0;}





.aboutus
{
	width:121px;
	height:40px;
	padding:14px 0px 0px 0px;
	font:arial; font-size:18px;
	float:left;
	font-weight:bolder;
}



.welcomebg
{
	width:980px;
	height:187px;
	background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/welcomebg.jpg);
	margin:auto;
	
}

.welcomebg1
{
	width:779px;
	height:150px;
	background-color:#cccccc;
	float:left;
    margin:auto;
	
}

.welcomebg2
{
	width:201px;
	height:160px;
	background-color:#cccccc;
	float:left;
	margin:auto;
}


.booknow
{
	width:137px;
	height:156px;
	/* background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/booknow.png); */
	background-repeat:no-repeat;
	margin-top:16px;
	
	
}


.welcomehead
{
	font-family:Calligraph421 BT;
	font-size:24px;
	color:#cc3300;
	padding-left:42px;
	padding-top:15px;
	
}

.welcometext
{
	width:620px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-left:42px;
	text-align:justify;
	line-height:20px;
	
	
}



.nowshow
{
	width:129px;
	height:40px;
	padding:18px 0px 0px 110px;

 	font-size:14px;
	float:left;
	font-weight:bolder;
	color:#fff;
}

.comingsoon
{
	width:200px;
	height:40px;
	padding:18px 0px 0px 310px;

	font-size:14px;
	float:left;
	font-weight:bolder;
	color:#fff;
}

a.more 
{ 
   font-family:Arial, Helvetica, sans-serif; 
   font-style:normal; 
   font-size:12px; 
   text-align:justify; 
   text-decoration:none; 
   color:#000;
}

a.more:hover
{ 
    font-family:Arial, Helvetica, sans-serif; 
	font-style:normal; 
	font-weight:400; 
	font-size:12px; 
	text-decoration:none; 
	color:#fff;
}



.strip
{
	width:980px;
	height:4px;
	/* background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/strip.jpg); */
	margin:auto;
}

.gallerybg
{
	width:980px;
	height:306px;
	background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/gallerybg.png);
	margin:auto;
	
}


.galleryfac
{
	width:980px;
	height:306px;
	background-image:url(https://cdn.district.in/ticketnew/partners/img/Sri_Vinayaka_Cinemas/locationmap.jpg);
	margin:auto;
	
}






.galleryimage
{
	width:172px;
	height:234px;
	padding:5px 0px 18px 83px;
	float:left;
}

.galleryimage2
{
	width:172px;
	height:234px;
	padding:5px 0px 18px 53px;
	float:left;
}

.galleryimage3
{
	width:172px;
	height:234px;
	padding:5px 0px 18px 53px;
	float:left;
}

.galleryimage4
{
	width:172px;
	height:234px;
	padding:5px 0px 18px 53px;
	float:left;
}

.footer
{ 
 
 font-family:Arial, Helvetica, sans-serif; 
 font-style:normal; 
 font-size:12px; 
 text-align:justify; 
 text-decoration:none; 
 color:#FFF;
 float:left;
 margin:auto;
 padding:5px 0px 0px 12px;
}
 
 .footer a
{ 
 font-family:Arial, Helvetica, sans-serif; 
 font-style:normal; 
 font-size:12px; 
 text-align:justify; 
 text-decoration:none; 
 color:#FFF;

}
 .footer a:hover
{ 
font-family:Arial, Helvetica, sans-serif; 
font-style:normal; 
font-weight:400; 
font-size:12px; 
text-decoration:none; 
color:#FF0;
}




	
	
.copyright
{
	height:27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b10622;
	margin:auto;
	float:right;
	padding: 5px 12px 0px 0px;
	
}



#slideshowcs1
{
	float: left;
	position: relative;
	height: 200px;
	padding-left: 0px;	
	width: 200px;
}

#slideshowcs1 DIV
{
	position: absolute;
	background-color:White;
}

#slideshowcs1 DIV.actives
{
	z-index: 10;
	opacity: 1.0;
}

#slideshowcs1 DIV.last-actives
{
	z-index: 9;
}
#slide2
{
	float: left;
	position: relative;
	height: 200px;
	padding-left: 0px;	
	width: 200px;
}

#slide2 DIV
{
	position: absolute;
	background-color:White;
}

#slide2 DIV.actives
{
	z-index: 10;
	opacity: 1.0;
}

#slide2 DIV.last-actives
{
	z-index: 9;
}
#slide1
{
	float: left;
	position: relative;
	height: 361px;
	padding-left: 0px;	
	width: 955px;
	top: 0px;
	left: 0px;
	text-align: center;
}

#slide1 DIV
{
	position: absolute;
	background-color:White;
}

#slide1 DIV.actives
{
	z-index: 10;
	opacity: 1.0;
}

#slide1 DIV.last-actives
{
	z-index: 9;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}