/* CSS Document */
body,html{
padding:0;
margin:0;
}
/*body{
margin: 10px 0 10px 0;
background:#88b8a1;
}*/
/*body{
scrollbar-face-color : #62391f;
scrollbar-highlight-color : #9a7055;
scrollbar-3dlight-color : #9a7055;
scrollbar-darkshadow-color : #9a7055;
scrollbar-arrow-color : #FFCCCC;
scrollbar-shadow-color : #62391f;
scrollbar-track-color: #330000;
margin: 10px 0 10px 0;
background:#88b8a1;
}*/
body{
margin: 10px 0 10px 0;
background: url(../images/ui/dj-bg.gif) no-repeat  #e2fed6;
}
#main-page{
width:1000px;
margin:auto;
background:url(../images/ui/main-bg111.jpg) no-repeat 0px 0px;
}
#page{
width:841px;
margin:auto;
}
#header{
background:url(../images/ui/header.gif) no-repeat;
height:107px;
}

#contact-area{
width:140px;
float:right;
background:url(../images/ui/phone.gif) no-repeat 0 78px;
padding: 80px 0 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fcff9f;
font-weight:bold;
}
#body-area{
background:url(../images/ui/body-area.gif) repeat-y;
}
#bottom-body{
background: url(../images/ui/bottom-body.gif) no-repeat;
background-color:transparent; 
height:17px;
overflow:hidden;
}
.contact{
color:#fcff9f;
text-decoration:none;
}
.contact a{
color:#fcff9f;
text-decoration:none;
}
.contact:hover{
color:#fcff9f;
text-decoration:underline;
}
#content-area{
width:767px;  /* changed width - sjb */
background:#9a7055;
margin-left:31px;  /* changed - sjb */
padding:5px 5px 5px 5px;
}


#large-image-area{
position: relative;
z-index:0;
margin:8px 7px 7px 8px;
}
#large-image-area-inside{
position: relative;
z-index:0;
margin:8px 7px 7px 8px;
}
#large-image{
position: relative;
z-index:0;
margin:8px 7px 7px 8px;
}
#black-shade{
position:relative;
z-index:10;
height:117px;
margin:-117px 0px 0px 0px;
background:#000 url(../images/ui/image-text.gif) no-repeat 10px 0;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}
.balance{
clear:both;
}
#continue-area{
position:relative;
z-index:20;
width:150px;
float:left;
height:26px;
margin: -40px 0 0 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#ff0101;
font-weight:bold;
padding: 5px 0 0 50px;
}
#watch-area{
position:relative;
z-index:20;
background:url(../images/ui/watch-icon.gif) no-repeat 95px 0px;
width:170px;
float:right;
height:26px;
margin: -40px 0 0 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#ff0101;
font-weight:bold;
padding: 5px 30px 0 0px;
text-align:right;
}
.con-link{
color:#88B8A1;
font-weight:bold;
text-decoration:none;
}
.con-link a{
color:#88B8A1;
font-weight:bold;
text-decoration:none;
}
.con-link:hover{
color:#88B8A1;
font-weight:bold;
text-decoration:underline;
}
#thumb-area{
width:293px;
float:left;
background:#7e4928;
margin: 5px 0 0 0;
}
#service-area{
width:134px;
float:left;
margin: 0 0 0 0px;

}
#service-area-header{
height:19px;
background:#000;
font-family:Arial,Verdana,Helvetica, sans-serif;
font-size:13px;
color:#fff;
font-weight:bold;
padding:3px 0 0 15px;
margin:0 0 0 0px;
}
#events-area{
width:134px;
float:left;
margin: 0 0 0 0px;
}
#events-area-header{
height:19px;
background:#000;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:13px;
color:#fff;
font-weight:bold;
padding:3px 0 0 15px;
margin:0 0 0 0px;
}
.image-area{
margin: 3px 0 0 0;
}
.image{
position:relative;
z-index:1;
}
.image-text-area{
height:20px;
background:#000;
position:relative;
z-index:20;
margin: -21px 2px 0 1px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
width:130px;
}

.image-text{
position:relative;
z-index:30;
font-family:Arial,Verdana, Helvetica, sans-serif;
color:#fff;
text-align:left;
padding-left:5px;
height:20px;
line-height:20px;
vertical-align:middle;
margin: -20px 0px 0 0px;
font-size:12px;
width:130px;
}

.image-text1{
position:relative;
font-family: Arial,Verdana,Helvetica, sans-serif;
color:#fff;
line-height:20px;
vertical-align:top;
font-size:12px;
width:130px;
}
.con-name{
font-family: Arial,Verdana,Helvetica, sans-serif;
color:#fff;
font-size:12px;
line-height:20px;
}
.about-us{
font-family: Arial,Verdana,Helvetica, sans-serif;
color:#fff;
font-size:12px;
line-height:17px;
padding-left: 40px;
padding-right: 50px;
}
.contact-title{
padding-top:19px;
padding-bottom:15px;
color:#fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
}
#contact-phone{
padding-top:3px;
padding-bottom:3px;
color:#FCAD57;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
}
.schedule{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:8px;
}
#event-login-title{
padding-top:19px;
padding-bottom:15px;
color:#fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
padding-bottom:8px;
}
#event-login-intro{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:40px;
padding-left:30px;
padding-right:30px;
}
.event-login-forgot{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration: none;
}
.event-login-forgot-cell{
padding-bottom:30px;
padding-top:1px;
line-height:6px;
}
.event-login-box{
color:#ec8a33;
padding-bottom:18px;
padding-top:25px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
}
.event-login-table{
border: 1px solid #af6231;
background-color: #5b341c;
}
.event-login-msg{
font-family: Arial,Verdana,Helvetica, sans-serif;
color:#FF3333;
text-align:center;
line-height:20px;
vertical-align:top;
padding-left:48px;
padding-right:48px;
padding-bottom:15px;
font-size:12px;
}
.msg{
font-family: Arial,Verdana,Helvetica, sans-serif;
color:#FF0000;
text-align:center;
line-height:20px;
vertical-align:top;
padding: 10px 0 0 0;
font-size:12px;
}
.small-link{
color:#fff;
text-decoration:none;
}
#banner{
margin: 0 0 0 0px;
padding: 0px 0 0px 0;

/** removed - sjb 
background:url(../images/ui/banner-bg111.jpg) #311d10 no-repeat 255px 0px;
**/
}

.small-banner-img{
border-right:0px solid #498dd1; 
border-top:0px; border-left:0px;
border-bottom:0px;
}


/* menuarea starts here*/
#menu{
height:28px;
padding: 79px 0 0 20px;
width:235px;
float:right;
}
#menu ul{
padding:0; margin:0; 
list-style-type:none;
margin-left:0px;}

#menu ul li{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#fff; 
text-decoration:none; 
font-weight:bold; 
height:28px; 
line-height:28px; 
vertical-align:middle;
margin-left:0px;
}
#menu ul li a{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#fff; 
text-decoration:none; 
font-weight:bold; 
height:28px;
/*width:80px;*/
padding:0px 5px 0px 5px;
text-align:center;}
#menu ul li a:hover{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#fff; 
text-decoration:none; 
font-weight:bold; 
height:28px;
/*width:80px;*/
padding:0px 5px 0px 5px;
text-align:center;

/* sjb - changed hover color */
color:#fed892}


/* sjb - added new status for chosen page highlight */
#menu a.chosen{
color:#ffac33}


#menu li#active a{
/* sjb - changed active color */
color:#ffac33}
#div1 {
     position:absolute;
     left:0px;
     top:0px;
     width:134px;
     height:330px;
 }
#div2 {
     position:absolute;
     left:0px;
     top:330px;
     width:134px;
     height:330px;
 }
#div5 {
     position:absolute;
     left:0px;
     top:0px;
     width:134px;
     height:330px;
 }
#div6 {
     position:absolute;
     left:0px;
     top:330px;
     width:134px;
     height:330px;
 } 
 



/*events page css */

#events-black-area{
width:786px;
margin:auto;
background:#000;
margin: 0px 5px 0 5px;
}

#events-left-area{
width:295px;
float:left;
}
#events-left-area p{
padding:0;
margin:0;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
padding: 20px 15px 20px 20px;
text-align:justify;
line-height:150%;
color:#fff;
}
#events-right-area{
width:486px;
float:right;
}
.events-default-image{
padding:5px;
border:1px solid #774b26;
}
#image-holder{
width:280px;
margin:auto;
}
#event-spacer{
height:15px;
overflow:hidden;
}
#event-spacer-film{
height:10px;
overflow:hidden;
background:#7f4a28;
}
#events-large-image-holder{
margin:auto;
width:465px;
height:400px;
border:1px solid #774b26;
}
#events-large-hold{
margin:5px;
}
#grey-border{
height:5px;
background:#363636;
overflow:hidden;
}

#filmstrip-area{
margin:auto;
height:103px;
width:781px;
background:url(../images/ui/filmstrip.gif) no-repeat;
}

#film-scroll{
position:relative;
width:762px;
background:#000;
height:70px;
margin: 0px 0 0 10px;
overflow:hidden;
}
#filmstrip-spacer{
height:18px;
overflow:hidden;
}


#div3 {
     position:absolute;
     left:0px;
     top:0px;
     width:762px;
     height:70px;
 }
  
#div4 {
     position:absolute;
     left:762px;
     top:0px;
     width:762px;
     height:70px;
 }
 

#loadarea{
float:left;
width:493px;
height:360px;
background:#000;
margin: 5px 0px 5px 0px;
}
/*service page css  start*/
#loadarea1{

width:455px;
height:337px;
background:#000;
overflow:hidden;
}
#contact_content-area{
width:772px;
margin:auto;
background:#9A7055;
padding:5px 5px 5px 5px;
}
#service_content-area{
width:796px;
margin:auto;
background:#9A7055;
padding:5px 5px 5px 5px;
}
#service_area{
border:0px;
margin:0px;
padding:0px;
}
#service_left_area{
float:left;
width:465px;
height:353px;
background:#402514;
background:#000000;
padding:0px;
margin-right:4px;
}
#content_left_area{
float:left;
width:500px;
margin-left:10px;
margin-right:20px;
margin: 5px 0px 0px 5px
}
#service_right_area{
width:322px;
height:349px;
float:right;
background:#62391f;
background:#000000;
padding:3px 4px 0px 0px;
_padding:3px 2px 0px 0px;
border:0px;
}
.img_left{
padding-left:5px;
padding-top:5px;
padding-bottom:0px;
margin-right:0px;
float: left;
}

.heading_bg{
line-height:40px;
width:776px;
height: 40px;
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
padding-left:20px;
background-color:#7f4a28;
vertical-align: bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#ffffff;
text-align:left;
}

.img_padding{
margin:2px 2px 2px 2px;
}
.padding2 {
padding-right:25px;
padding-left:20px;
}
a.link1{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#df8641;
text-align:left;
float:left;
padding-top:5px;
width: 222px;
height:17px;
display:block;
text-decoration:none;
}
a.link1:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffbd4a;
text-align:left;
display: block;
float:left;
padding-top:5px;
width: 222px;
height:17px;
display:block;
text-decoration:none;
}
/*service page css  end*/
.forminputelement {

	BORDER-RIGHT: #402514 1px solid; BORDER-TOP: #402514 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #402514 1px solid; BORDER-BOTTOM: #402514 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff;

}

/* css for hover image */

#gallery {
  padding:0; 
  margin:0 0 0 0; 
  list-style-type:none; 
  width:131px; 
  }
#gallery li {
 padding:0;
 margin:0;
 margin: 0px 0 2px 0;
 list-style-type:none;
 float: none;
  }
#gallery li a {
  display:block; 
  height:78px;
  width:131px; 
  text-decoration:none; 
  cursor:pointer;
  }
#gallery li a img {
  width:131px; 
  height:78px; 
  border:1px solid #fff;
  }
#gallery li a:hover {
  height:100px;
  }
#gallery li a:hover img {
  height:100px;
  }
/* css for hover image */

#black-shade-top{
position:relative;
z-index:10;
height:120px;
margin:-120px 0px 0px 0px;
background:#000 ;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}
.banner-top{
clear:both;
height:5px;
overflow:hidden;
position:relative;
z-index:2000;

}
#cat{
position:relative;
z-index:10;
height:67px;
margin:0px 0px 0px 0px;
background:#000 ;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}
.black-shade{
position:relative;
z-index:10;
height:117px;
margin:-117px 0px 0px 0px;
background:#000 ;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}
#text-area{
position:relative;
z-index:20;
float:left;
height:26px;
margin: -65px 0 0 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fe8943;
font-weight:bold;
padding: 5px 0 0 50px;
}
.service-text-area{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding-bottom:10px;
padding-left:20px;
padding-right:40px;
}
.text_area{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-align:justify;
padding-bottom:10px;
}
#header-text-area{
position:relative;
z-index:20;
float:left;
height:40px;
margin: -110px 0 0 0;
font-weight:bold;
padding: 5px 0 0 30px;
}
#header-text-area h1{
padding:0;
margin:0;
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}

#footer-links{
text-align:right;
padding: 5px 20px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

#footer-links-home{
text-align:right;
padding: 5px 38px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}




.f-links{
font-size:12px;
color:#fff;
text-decoration:none;
}
.f-links a{
font-size:12px;
color:#fff;
text-decoration:none;
}
.f-links:hover{
font-size:12px;
color:#fff;
text-decoration: underline;
}
#image{
position:relative;
z-index:1;
}
#image-text-area{
height:20px;
background:#000;
position:relative;
z-index:20;
margin: -21px 2px 0 1px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
width:130px;
}
#image-text-area-red{
height:20px;
background: #FF0000;
position:relative;
z-index:20;
margin: -21px 2px 0 1px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
width:130px;
}
.image-text-area-class{
height:20px;
background:#000;
position:relative;
z-index:20;
margin: -21px 2px 0 1px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
width:130px;
}
.image-text-area-red-class{
height:20px;
background: #FF0000;
position:relative;
z-index:20;
margin: -21px 2px 0 1px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
width:130px;
}

.content_area{
width:776px;
padding-left:0px;
padding-right:10px;
}
#copyright{
font-family:Arial,Verdana,  Helvetica, sans-serif;
font-size:10px;
text-align:center;
}
/*mod */
#video-link{
font-size:15px;
font-family:Arial,Verdana, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-align:center;
padding: 0 0 10px 0;
}
.video{
color:#ffe270;
text-decoration:none;
}
.video a{
color:#ffe270;
text-decoration:none;
}
.video:hover{
color:#ffe270;
text-decoration:underline;
}

#text{
min-height:120px;
_height:120px;
}

.service-link {
color:#ffffff;
font-family:Arial,Verdana, Helvetica, sans-serif;
text-align: right;
font-size:16px;
}

.service-or {
color:#ffffff;
font-family:Arial,Verdana, Helvetica, sans-serif;
text-align: center;
font-size:16px;
}
/*mod */