/* -- Gobal Css --*/
body {
	color: #333333;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#container {	width:1002px;	margin:5px auto 0px auto;	padding:0px;}	
#wrapper {	width:auto;	float:left;	border: 0px solid #5B5B5B;	margin: 0px 0px 0px 10px;}
#wrapperindex {	width:auto;	float:left;	border: 0px solid #5B5B5B;	margin: 10px 0px 0px 0px;}
	
h3 {	font-size:18px;	color: #FFFFFF;}

/* --- left menu -- */

#leftmenu{	background:#FFFFFF;	padding:0px 0px 0px 0px;	width:200px;	float: left;	height: 565px;}

/*  -- jd gallery --- */


#myGallery, #myGallerySet, #flickrGallery{
	width: 764px;
	height: 555px;
	z-index:5;
	border: 5px solid #FFFFFF;
	margin: auto;
	float: left;
	font-size: 14px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail{	display:none;}
.jdGallery{	overflow: hidden;	position: relative;}
.jdGallery img{	border: 0;	margin: 0;}

/* --- background color for gallery ---*/
.jdGallery .slideElement
{	width: 100%;
	height: 100%;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 60px;
	background: #333;
	color: #FFFFFF;
	text-indent: 0;
	overflow: hidden;
}
* html .jdGallery .slideInfoZone{	bottom: -1px;}
.jdGallery .slideInfoZone h2{padding: 0; font-size: 20px; margin: 2px 5px; font-weight: bold; color: inherit;}
.jdGallery .slideInfoZone p{padding: 0;	font-size: 13px; font-weight:bold;	margin: 0px 0px 0px 0px;	color: #eee;}
.jdGallery div.carouselContainer{ position:absolute; height:135px; width:100%; z-index:10; margin:0px; left:0; top: 0;}
.jdGallery a.carouselBtn{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
/*	width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	font-weight:bold;
	background: #333;
	color: #FFFFFF;
	cursor: pointer;
} 
.jdGallery .carousel{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #FFFFFF;
	text-indent: 0;
	overflow:visible;
}
.jdExtCarousel{	overflow: hidden;	position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{	position: absolute;	width: 100%;	height: 78px;	top: 10px;	left: 0;	overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{	position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{	cursor: pointer;	background: #000000;	background-position: center center;	float: left;	border: solid 1px #ffffff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail{	margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label
{font-size: 12px;		position: absolute;		bottom: 5px; left: 10px;	padding: 0;	margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222222;
	border: 1px solid #888;
	cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number{	color: #b5b5b5;}
.jdGallery a{	font-size: 100%;	text-decoration: none;	color: inherit;}
.jdGallery a.right, .jdGallery a.left{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=100);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
* html .jdGallery a.right, * html .jdGallery a.left{	filter:alpha(opacity=100);}
.jdGallery a.right:hover, .jdGallery a.left:hover{	filter:alpha(opacity=100);	-moz-opacity:10;	-khtml-opacity: 10;	opacity: 10;}
.jdGallery a.left{	left: 0;	top: 0;	background: url('img/fleche1.gif') no-repeat center left;}
* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
.jdGallery a.right{	right: 0;	top: 0;	background: url('img/fleche2.gif') no-repeat center right;}
* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
.jdGallery a.open{	left: 0;	top: 0;	width: 100%;	height: 100%;}
.withArrows a.open{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* -- Art Work Gallery -- */

.art {	width:692px;	height:auto;	margin: 70px 0px;	float: right;	border: 5px solid #666666;}
.size {font-size:15px;}
h6{font-size:12px;}

/* -- Enquiries page -- */

.enq-reddoor {	width:764px;	height:555px;	border: 5px solid #FFFFFF;	float: left;}

/* -- Footer -- */
#footer {
	width:969px;
	background-color:#EFEFEF;
	float:left;
	clear:both;
	color:#666666;
	font-size:11px;
	margin:0px;
	padding:5px 0px 5px 5px;
	margin-left: 10px;
}
#footer a {	color:#666666;	text-decoration:none;}
#footer a:link{	color:#666666; 	text-decoration:none;}
#footer a:hover {	color:#000000; 	text-decoration:underline;}
#footer a:active {color:#666666;text-decoration:none;}
.footerRightDiv {	float:right;	width:auto;	margin: 0px 10px 0px 0px;}
.ppddDiv {	float:left;	width:734px;	padding:20px;	background:#FFFFFF;	height: 525px;}
.videoDiv {
	float:left;
	width:764px;
	padding:0px 0px 0px 10px;
	background:#FFFFFF;
	height: 565px;
	background-image: url(../images/news/news_bg.jpg);
}
img.videoBackBtn {clear:both; margin:30px 0px 0px 500px;}

/* --  smooth -- */

#demo-wrapper {
	margin: 0px;
	overflow: hidden;
	height: 495px;
	width: 764px;
	position: relative;
} 
#demo-inner {	width: 764px;	height: 495px;	position: relative;} 
.scrolling-content {	width: 495px;	height: 764px;	text-align: left;	position: absolute;} 
.scrolling-content h1 { 	color: #fff;	padding: 0;	font-size: 11px;} 
#content1 {
	left: 0px;
	top: 0px;
	width: 764px;
	height: 495px;
	overflow: visible;
}
div#user1, div#user2, div#user3 {	font-size: 14px;	color: #9a9a9a;	width: 550px;	padding: 20px 0 0 20px;}
div#content1 a:link, div#content1 a:visited,
div#content2 a:link, div#content2 a:visited,
div#content3 a:link, div#content3 a:visited, {	color: #9a9a9a;	text-decoration: underline;}
div#content1 a:hover,
div#content2 a:hover,
div#content3 a:hover, {	color: #fff;}
#content2 {	left: 765px; 	top: 0px;	width: 764px;	height: 495px;} 
#content3 {	left: 1530px; 	top: 0px;	width: 764px;	height: 495px;} 
#content4 {	left: 2295px; 	top: 0px;	width: 764px;	height: 495px;} 
.ButtonWrapper {	width:764px;	height:60px;	float:left;	background-color: #FFFFFF;}
ul#buttons {	margin: 0;	padding: 0;}
ul#buttons li {	list-style: none;}
ul#buttons li a:link, ul#buttons li a:visited {	width: 184px;	height: 60px;	display: block;}

li#but_Calendar1 {	width: 184px;	height: 60px;	float: left;}
li#but_Calendar1 a {	background:url(../images/news/june_btn.jpg) no-repeat;}
li#but_Calendar1 a:hover {	background:url(../images/news/june_btnhover.jpg) no-repeat;}
li#but_Calendar2 {	width: 184px;	height: 60px;	float: left;}
li#but_Calendar2 a {	background:url(../images/news/july_btn.jpg) no-repeat;}
li#but_Calendar2 a:hover {background:url(../images/news/july_btnhover.jpg) no-repeat;}
li#but_Calendar3 {	width: 184px;	height: 60px;	float: left;}
li#but_Calendar3 a {	background:url(../images/news/august_btn.jpg) no-repeat;}
li#but_Calendar3 a:hover {background:url(../images/news/august_btnhover.jpg) no-repeat;}