@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
html {background:#4d1715 url(../images/pagebg.jpg) center top no-repeat} 
body {font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccac5a; text-align:left; background:url(../images/header.gif) repeat-x top}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label {text-transform:capitalize; text-decoration:none}
a {color:#666666; text-decoration:none}
a:hover {color:#CCAC5A; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */

/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#maincont {width:966px; margin:0 auto; padding-bottom:57px}
#contwrapper {width:100%; position:relative; top:-55px; padding-bottom:18px}
#contwrapper #maincont {padding-bottom:0}
#header {width:100%}
#logo {margin-top:9px; position:relative; z-index:2;}

/* header top menu */
#topmenu {margin:0 auto; width:960px; height:30px}
ul.topnav {padding:0; margin:0; float:right; width:265px}
ul.topnav li {display:inline; padding-left:10px; float:left; background:url(../images/arrow1.gif) left 13px no-repeat; margin-right:21px}
ul.topnav a {color:#ccad5c; font-size:12px; font-weight:normal; text-transform:capitalize; line-height:30px} 
ul.topnav a:hover {color:#FFF}

/* center main menu - home page */
#homemenu {background:url(../images/glow-home.png) center top no-repeat; height:349px; padding:43px 0; overflow:hidden; position:relative; top:-30px}
#homemenu .container {margin:0 auto; width:964px;} 
#homemenu .content {border:1px solid #4e1716}
#homemenu .imgcontaier {background:#000; text-align:center; margin:0 auto; width:960px; border:1px solid #000; height:300px;}

/***innerpage glow background**/
#innermenu {background:url(../images/glow-inner.png) center top no-repeat; height:250px; padding:35px 0; overflow:hidden; position:relative; top:-22px}
#innermenu .container {margin:0 auto; width:964px} 
#innermenu .content {border:1px solid #4e1716}
#innermenu .imgcontaier {background:#000; padding:1px; text-align:center; margin:0 auto; width:960px}


ul.globanav {background:#972f2c url(../images/menu.gif) repeat-x top; height:44px; list-style:none; padding:0; margin:0}
ul.globanav li {background:url(../images/divider.gif) right top no-repeat; vertical-align:middle; display:inline; float:left; padding-right:2px}
ul.globanav li.last {background:none}
ul.globanav li a {font-size:12px; font-weight:bold; color:#ccad5c; display:block; float:left; padding:0 16px}
ul.globanav li a.type1 {padding-top:13px; height:32px}
ul.globanav li a.type2 {padding-top:5px; height:40px}
ul.globanav li a:hover,ul.globanav li a.active {background:url(../images/rollover.gif) repeat-x top; text-decoration:none; color:#FFF}

ul.contact {margin:0; padding:0; list-style:none}
ul.contact li {padding-bottom:17px}
ul.contact li label {font-size:12px; color:#ccac59; font-family:Arial, Helvetica, sans-serif; display:block; cursor:pointer}
ul.contact li .input, ul.contact li textarea {width:334px; border:1px inset #808080; color:#666; padding:2px}
ul.contact li textarea {height:89px}
ul.contact li.submit {float:right; padding:0}



/* welcome div on home page */
#adjuster {width:1044px; margin-left:-78px; position:relative; top:-55px}
#adjuster .box {float:left; width:270px; margin-left:78px; display:inline}
.box .header {margin-bottom:9px}
 h3.boxheader  {font-size:18px; color:#ccc; font-weight:normal; padding:0 5px}
.box p {line-height:1.2; margin-bottom:14px}
 td.readmore {background:url(../images/horizontalrule.gif) 50% repeat-x; text-align:right}
.box td a {color:#FFF; font-weight:bold}
.buytickets {border:2px solid #000; margin-bottom:14px}

/***maincontainers***/
.maincontinn {padding:21px 30px}
.maincontinn .title {margin-bottom:26px}
.maincontinn .title h3 {font-size:22px}

/***production***/
.production .calender,.production .production {float:right; margin-left:10px}

/***contact***/
.contact .contactimg {float:left; margin-right:75px; background:url(../images/img01.png) 0 0 no-repeat; width:206px; height:250px}
.contact .contactinfo {float:left; width:265px;height:250px; background:url(../images/verticalrule.gif) 100% 0 repeat-y}
.contact .contactinfo h4 {font-size:12px; color:#ccc; padding-bottom:13px}
.contact .contactinfo p {padding-bottom:20px}
.contact .contactinfo a {color:#ccac59; font-size:12px}
.contact .contactinfo a:hover {text-decoration:none; color:#fff} 
.contact .contactform {float:right; width:337px}
.contact .contactinfobtn {float:right	; width:265px;height:75px;margin-top:25px; background:url(../images/verticalrule.gif) 100% 0 repeat-y}

/***sponcers**/
.sponcer .spcolone {width:449px; float:left; padding:0 27px 0 6px; background:url(../images/verticalrule.gif) 100% 0 repeat-y}
.sponcer .spcolone p {padding-bottom:14px; font-size:11px}
.sponcer .spcolone p.learnmore {padding-top:30px}
.sponcer .spcoltwo {width:417px; float:right; margin-left:-29px}
.sponcer .spcoltwo .sponcers {width:110px; float:left; margin:0 0 10px 15px; font-size:11px; color:#ccc; height:166px}
.sponcer .spcoltwo .sponcers p {letter-spacing:0.01px}
.sponcer .spcoltwo .sponcers img {border:1px solid #ccad5c}

/**media**/
.media {width:1003px; margin:26px 0 0 -92px}
.media .viewphoto {width:406px; float:left; margin-left:92px}
.media .viewphoto img {float:left; margin-right:21px}
.media .viewphoto .desc {width:201px; float:left}
.media .viewphoto .desc a {display:block; font-size:14px; color:#fff; padding-bottom:16px; margin-bottom:16px; font-family:Arial, Helvetica, sans-serif; background:url(../images/horizontalrule.gif) 0 100% repeat-x}
.media .viewphoto .desc a:hover {text-decoration:none; color:#ccc}


/**videogal**/
.videogal .title {margin-bottom:10px}
.videogal .all {font-size:14px; color:#ccac59; padding:0 0 0 15px}
.videogal .all:hover {text-decoration:none; color:#fff}
.videogal .gallery {width:930px; margin:5px 0 0 -30px}
.videogal .photobox {width:136px; height:150px; margin:0 0 31px 30px; background:url(../images/photobg.gif) 0 0 repeat-x; padding:10px 10px 0; text-align:center; float:left}
.videogal .photobox img {margin-bottom:21px}
.videogal .photobox a {font-size:11px; color:#fff}
.videogal .photobox a:hover {color:#ccac59; text-decoration:none}


/**about us**/
.aboutmod {position:relative; width:906px; }
.about {padding:0 0 25px 26px; width:702px; margin-left:178px}
.about p {padding-bottom:14px}
.aboutmenu {width:126px; height:205px;  position:absolute; top:0px; left:-42px; z-index:5}
.aboutinn {background:url(../images/bg8.png) 0 0 repeat-y; margin:0 0 0 30px; width:128px; padding:0 40px 0 35px}
.aboutend {background:url(../images/bg9.png) 0 0 no-repeat; height:73px; width:299px; margin:0 0 0 5px}



/*upcoming events */
ul.listing1 {padding:0; margin:0; list-style:none}
ul.listing1 li {margin-bottom:14px; background:url(../images/arrow2.gif) left 5px no-repeat; padding-left:15px; line-height:1.2}

ul.listing2 {padding:0; margin:0 0 1px 0; list-style:none}
ul.listing2 li {background:url(../images/horizontalrule.gif) 0 100% repeat-x; padding-bottom:20px; margin-bottom:19px}
ul.listing2 li.last {background:none; margin:0}
ul.listing2 li img {float:left; margin-right:11px; border:1px solid #fff}
ul.listing2 li .infoDv {float:left; width:743px}
ul.listing2 li .infoDv h4 a {font-size:12px; color:#ccc; padding-bottom:16px; display:block}
ul.listing2 li .infoDv p {padding-bottom:14px}
ul.listing2 li .infoDv .more {color:#922c2a; font-size:11px; display:block; float:right}
ul.listing2 li .infoDv .more:hover {text-decoration:none}
ul.listing2 li .infoDv .more img {vertical-align:-2px; margin-left:10px; float:none; border:none}

ul.aboutmnu {margin:0; padding:0; list-style:none; /*scrollbar-base-color:#33100f;scrollbar-arrow-color:#fff;scrollbar-DarkShadow-Color:#a85350;*/ overflow:hidden}
ul.aboutmnu li {background:url(../images/horizontalrule.gif) 0 100% repeat-x; padding:0 0 12px 0; margin:0 0 14px 0}
ul.aboutmnu li a {font-size:14px; color:#ccc}
ul.aboutmnu li.last {background:none; padding:0; margin:0}
ul.aboutmnu li a:hover {text-decoration:none; color:#fff}


#footerwrap {background:url(../images/footerimg.png) center top no-repeat; height:104px; position:relative; top:-55px}
#footer {width:964px; margin:0 auto;text-align:center; color:#666666; padding-top:41px; height:60px; position:relative}
#footer a {color:#666; font-weight:normal}
#footer a.facebook {position:absolute; display:block; width:26px; height:25px; top:36px; right:29px}
#footer a.twitter {position:absolute; display:block; width:26px; height:25px; top:36px; right:66px}
#footer a.facebook:hover, #footer a.twitter:hover {text-decoration:none}

/**Containers***/
.bg1 {background:url(../images/bg1.png) center top no-repeat; height:53px}
.bg2 {background:url(../images/bg1.png) center -53px no-repeat; height:53px}
.bg3 {background:url(../images/bg2.png) center 0 repeat-y; min-height:300px}
.bg4 {background:url(../images/bg3.png) center 0 no-repeat; height:75px}
.bg5 {background:url(../images/bg4.png) center 0 repeat-y; min-height:30px}
.bg6 {background:url(../images/bg5.png) center 0 no-repeat; height:56px}

*:first-child+html .bg1 {background:url(../images/bg01.png) center top no-repeat; height:53px}
*:first-child+html .bg3 {background:url(../images/bg02.png) center 0 repeat-y; min-height:300px}
*:first-child+html .bg2 {background:url(../images/bg01.png) center -53px no-repeat; height:53px}
/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}
/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU,.textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
/* colored text */

/* a TAGS, BUTTONS */

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; height:0; overflow:hidden}
.fl {float:left}
.fr {float:right}
.posrel {position:relative}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}


/**button***/
a.linkbutton, input.submitbtn {background:url(../images/btnbg.gif) 0 0 repeat-x; padding:6px 10px 5px; font-size:12px; color:#ccac5a; cursor:pointer; border:none}
a.linkbutton:hover, input.submitbtn:hover {background:url(../images/btnbg.gif) 0 -16px repeat-x; text-decoration:none; color:#fff} 


.imgborderimg {border:1px solid #021a40;}


/****************************************New**********************************************************************/
.aboutOne {padding:0 0 25px 0px; width:702px; margin-left:178px}
.maincontinnOne {padding:10px 19px}
ul.listing2 li .infoDvOne {float:left; width:500px}
ul.listing2 li .infoDvOne h4 {font-size:12px; color:#ccc; padding-bottom:16px; display:block}
ul.listing2 li .infoDvOne p {padding-bottom:14px}
ul.listing2 li .infoDvOne .more {color:#922c2a; font-size:11px; display:block; float:right}
ul.listing2 li .infoDvOne .more:hover {text-decoration:none}
ul.listing2 li .infoDvOne .more img {vertical-align:-2px; margin-left:10px; float:none; border:none}

.DirectionLft {width:166px; height:220px; background:url(../images/mnubg.png) 0 100% no-repeat; padding:0 46px 0 47px; position:absolute; top:0px; left:-42px; z-index:5}

.LeftMenu01 {height:205px; left:-42px;  position:absolute; top:0; width:126px; z-index:5;}
.LeftMenuInn01 {background:transparent url(../images/bg8.png) repeat-y scroll 0 50%; margin:0 0 0 29px; padding:0 20px 0 18px; width:165px;}
/*.aboutend {background:transparent url(../images/bg9.png) no-repeat scroll 0;  height:73px; margin:0 0 0 4px; width:299px;}*/

/*code by parag*/
.scrollerdv {margin:0 0 0 33px; width:855px; position:relative}
.scrollerdv .leftarw {background:url(../images/left_nav.png) left top no-repeat; width:33px; height:111px}
.scrollerdv .rightarw {background:url(../images/right_nav.png) left top no-repeat; width:33px; height:111px}
.scrollerdv .leftarw { left:-32px; top:0; position:absolute}
.scrollerdv .rightarw { right:-28px; top:0; position:absolute}

.text_dyna { width:300px; position:absolute; top:115px; right:210px}
h1.top_text {font-size:14px; color:#fff; padding:15px 18px 5px 0}
h2.dyna_text {font-size:20px; color:#fff; }
.main_img { max-width:100%}
.slider {list-style:none; margin:0; padding:0}
ul.slider li {display:inline}
ul.slider li a {cursor:pointer}

.songtitle{background-color:#000 ; min-height:40px; padding:-2px; margin-top:5px; width:914px; margin-bottom:5px}
.songtitle p {font: normal Arial, Helvetica, sans-serif 12px; color:#FFF; margin:3px}
.slidertextbox{text-align:center;font-weight:normal; font-size:12px;line-height:14px;color:#CCAC5A !important;padding:10px 0;}