/* CSS Document */
body
{ margin:0; padding:0; background-image:url(../images/body-bg.jpg); background-repeat:no-repeat; background-position:top right; background-color:#FFF; font-family:Verdana;
font-size:12px; font-weight:normal; text-align:justify; line-height:20px; color:#333333;}

a:hover 
{ color:#666666; text-decoration:none;}

a 
{ color:#E10011; text-decoration:none;}

#wrapper
{ width:100%; height:auto; float:left;}

#header
{width:100%; height:125px; float:left; }

#main-menu
{ width:100%; height:58px; float:left; background-color:#FFCE39; background-image:url(../images/menu-bg.jpg); background-repeat:repeat-x; background-position:left top;}

#middle-body
{ width:100%; height:auto; float:left;}

#main-footer
{ width:100%; height:70px; float:left; background-color:#FFC20D; }


#logo
{ width:990px; height:125px; margin:auto;}

#logo-left
{ width:408px; height:125px; float:left; background-image:url(../images/logo-bg.jpg); background-position:left; background-repeat:no-repeat;}

#logo-right
{ width:200px; float:right;}

.childrens
{ padding:40px 0px 0px 0px;}

.indiaart
{ padding:80px 0px 0px 0px;}


#menu
{ width:990px; margin:auto; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#8A01D3; padding:28px 0px 0px 0px; font-weight:bold;}

#menu a
{ color:#8A01D3; text-decoration:none;}

#menu a:hover
{ color:#E10011; text-decoration:none;} 

#menu ul
{ margin:0; padding:0; float:right;}

#menu ul li
{ list-style:none; float:left; display:inline; margin:0; padding:0px 0px 0px 40px;} 

#text-body
{ width:990px; height:auto; margin:auto; padding:20px 0px 0px 0px; }

#main-box
{ width:980px; padding:10px 5px 0px 0px; float:left; margin-bottom:30px;} 

#main-box-artworks
{ width:800px; padding:10px 5px 0px 0px; float:left; margin-bottom:20px;margin-top:20px; height:auto;} 

#main-box-artworks-all
{ width:990px; padding:10px 5px 0px 0px; float:left; margin-bottom:30px; margin-top:30px;   height:auto;} 

#box-artworks {
    box-shadow: 0 0 10px #CCCCCC;
   -webkit-box-shadow: 0 0 10px #CCCCCCC;
   -moz-box-shadow: 0 0 10px #CCCCCC;
   width:180px; height:180px;
   -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;
   float:left; 
   margin-right:20px;
   background-color:#F3F3F3;
   text-align:center;
   margin-bottom:20px;
}	

#scroll
{ width:980px; padding:0px 5px 0px 0px; float:left; margin-top:20px;  } 

#box {
    box-shadow: 0 0 10px #CCCCCC;
   -webkit-box-shadow: 0 0 10px #CCCCCCC;
   -moz-box-shadow: 0 0 10px #CCCCCC;
   width:200px; height:230px;
   -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;
   float:left; 
   margin-right:30px;
   background-color:#F3F3F3;
   text-align:center;
    margin-bottom:35px;
}	

body.ie6 #box,
body.ie7 #box,
body.ie8 #box {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180),
           progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=270);
}

.img-border
{
	-moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;  
	-moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}
#painting-title-background
{width:170px; margin:auto; background-color:#F3F3F3; padding:8px 2px 2px 2px;}

#painting-title
{font-family:Georgia; font-size:14px; font-weight:normal; color:#666666; text-align: center;}

#children-name
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999; text-align:left; padding-top:0px; font-weight:normal;}

#child-name 
{ font-family:10px; text-align:right; padding:15px 0px 0px 0px;}
#child-name a
{ color:#999999; text-decoration:none;}

#child-name a:hover
{color:#FF0000; text-decoration:underline;}

#footer
{ width:990px; height:auto; margin:auto; text-align:center;}

#footer ul 
{ margin:0; padding:10px 0px 10px 0px;}

#footer ul li
{ margin:0; padding:00px 20px 00px 20px; text-align:center; list-style:none; display:inline; color:#FFFFFF; font-weight:bold;}

#footer ul li a
{color:#FFFFFF; text-decoration:none;}

#footer ul li a:hover
{color:#FFF5D7; text-decoration:none;}

#copy
{ text-align:center; color:#F2F2F2; font-weight:bold;}

#copy a
{color:#F2F2F2; text-decoration:none;}

#copy a:hover
{color:#FFF; text-decoration:underline;}

h1
{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; margin:0; padding:0px 0px 10px 0px; font-weight:normal; color:#E10011;}

h2
{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; margin:0; padding:10px 0px 0px 0px; font-weight:bold;}

.align-left
{ float:left; margin:0px 15px 5px 0px; border:1px dotted #CCCCCC; padding:3px;}

#text-body .right
{ width:155px; height:auto; float:right; text-align:center;}

#text-body .left
{ width:820px; height:auto; float:left;}

#text-body p
{ margin:0; padding:5px 0px 5px 0px; }

#text-body .banner
{ background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding:5px 0px 5px 0px;
  height:600px;
  }
  
#text-body .supported
{width:100%; padding:5px 0px 5px 0px; background-color:#FFEBAE; text-align:center; -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; float:left;}
  
#text-body span
{ font-size:12px; color:#333333;}

#text-body .box
{width:100%; height:auto; float:left;}

#text-body .box ul
{line-height:26px; font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px; color:#000000; margin-left:10px; }

#text-body .indiaart
{width:400px; float:right; text-align:center; font-family:'Book Antiqua'; font-size:13px; font-weight:bold; color:#333333; padding-right:5px;}

#text-body .indiaart a
{ color:#333333; text-decoration:none;}

#text-body .indiaart a:hover
{ color:#FFFF00; text-decoration:none;}

#text-body .indiaart-text
{font-family:'Arial Black'; font-size:24px; color:#DA251C;}

#text-body .indiaart-text span
{font-family:'Arial Black'; font-size:24px; color:#E67817;}

#text-body .footerlink
{float:left; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:10px 0px; color:#999; font-weight:bold;}

#text-body .footerlink a
{color:#999; text-decoration:none;}

#text-body .footerlink a:hover
{color:#CCC; text-decoration:underline;}

/*----------------------------------------*/

#content
{width:100%; float:left; margin:0px 0px 5px 0px; }

#content .left
{width:320px; float:left; font-size:12px; color:#333333; line-height:27px;  }

#content .right
{width:650px; height:270px;  float:right;}

#content .box
{width:100%; float:left;  margin:20px 0px;}

#content .boxone
{width:480px; float:left;}

#content .boxtwo
{width:480px; float:right;}

#content h1
{ font-family:Georgia; font-size:22px; font-style:italic; color:#333333;}

/*--------------------------*/
 
.showcase img
{border:1px solid #CECECE; background-color:#EEEEEE; padding:5px; }


/************************************************
	      JCAROUSEL LITE		
************************************************/


#wrap {
	
	width:900px;
	padding:0px 50px;
}

#wrap .slider {
	float:left; 
	position:relative; 
	visibility:hidden;	
}
	
#wrap .slider ul {
	width:900px;
	margin:0; padding:0;
}

#wrap .slider ul li {
	padding:0; background-image:none;  border:none; height:auto;
}

#wrap .slider ul li img {
	cursor:pointer; 
	text-align:center;
}

.prev {
	cursor:pointer; 
	float:left;
	padding:80px 10px 0px 0px;
	 
}

.next {
	cursor:pointer; 
	float:right; 
	padding:80px 0px 0px 0px;
}

.slider ul li a
{ color:none;}
 
 .border
 {border:1px solid #CECECE; background-color:#EEEEEE; padding:5px; }
 
.link a
{ color:#333333; text-decoration:underline;}
 
 /* Styles specific to this particular page */
 
 #scroll1
{ width:180px; padding:0px 3px 0px 0px; float:left; margin-bottom:30px; float:right;} 

.scroll-pane {
	width: 230px;
	height: 1245px;
	overflow: auto;
}

.scroll-pane1 {
	width: 230px;
	height: 960px;
	overflow: auto;
}


.scroll-pane2 {
	width: 230px;
	height: auto;
	overflow: auto;
}

.divScroll-1 ul
{ margin:10px 0px 0px 10px; padding:0;}

.divScroll-1 ul li
{ text-align:left; line-height:25px; background-color:#F5F4F4; margin-bottom:5px; border-bottom:1px dashed #CCCCCC; }  

.divScroll-1 ul li a
{text-align:left; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; background-color:#F5F4F4; padding:0px 0px 0px 5px;}

.divScroll-1 ul li a:hover
{text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; background-color:#E7E4E4; padding:5px 0px 5px 8px; }
 
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #777;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #777;
    position: relative;
}

.jspDrag
{
    background: #aaa;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
	height:20px;
	
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height:20px;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
	height:20px;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 7px;
}

.jspHorizontalBar .jspArrow
{
    width: 7px;
    float: left;
    height:20px;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height:20px;
}