body {
    padding: 0;
    margin: 0;
    background: url(../images/bg-image.jpg) repeat top left;
    font-family: Verdana,Tahoma,Arial,'Segoe UI';
    font-size: 13px;
    color: #808080;
}

.sp {
    background-image: url("../images/sprite-image.png");
    background-repeat: no-repeat;
}

#nav {
    background-color: #ffd646;
    float: left;
    box-shadow: 0 0 2px #999;
    float:left;
    font-size: 88%;
    width: 100%;
    margin: 7px 0 7px 0;
    text-align: center;
}

    #nav ul {
        float: left;
        list-style-type: none;
        margin: 0;
        padding-left: 3.5%;
        display: inline;
    }

        #nav ul li {
            color: #666;
            list-style-type: none;
            width: 100%;
            float: left;
            display: inline;
            -webkit-transition-property: background-color;
            transition-property: background-color;
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
        }

            #nav ul li:hover {
                background-color: #E67813; /*#E77817;*/
                color: #fff;
            }


            #nav ul li a {
                  color: #666666;
                float: left;
                padding: 10px 5px;
                text-decoration: none;
            }

                #nav ul li a:hover {
                    color: #fff;
                }
.header {
    float: left;
    width: 100%;
    border-bottom: solid 2px #E67813;
}
.indiartlogo {
    float: left;
    margin: 25px 0 0 30px;
    width: 18%;
}
    .indiartlogo img {
        width: 100%;
    }

.childartlogo {
    float: left;
    margin: 45px 0 0 30px;
    width:16%;
	}
    .childartlogo img {
        width: 100%;
    }
.hdrrighpnl {
    float: right;
    width: 38%;
}
.footer {
    background: url("../images/footer-bg-new1.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    border-top: 2px solid #e67813;
    float: left;
    font-size: 85%;
    height: 180px;
    padding-top: 20px;
    width: 100%;
}
.footer a{
    color:#FFF;
}
 .footer ul {
    float: left;
    height: 150px;
    list-style-type: none;
    margin: 0;
    padding-left: 3.2%;
    width: 16%;
    }
.fr {
float:right;
}
  .footer ul li{
     list-style-type:none;
     width:100%;
     float:left;
     padding:4px 0;
     border-bottom:dotted 1px #cecece;
    }
.createdby {
  float: left;
    padding: 0 1%;
    width: 98%
}

.hdrrow {
    padding: 7px 0;
    float: left;
    width: 100%;
}
.hdrrow2 {
    padding: 7px 10px;
    float: left;
    width: 92%;
	text-align:right;
}
.mainbody {
    float: left;
    width: 100%;
	margin-bottom:10px;
}

.content {
    width: 97%;
    margin: 0px auto;
    
}

a {
    color: #989898;
    text-decoration: none;
}

    a:hover {
        color: #b61818;
    }

input[type=text], select, textarea {
    border: 1px solid #cecece;
    color: #575757;
    float: left;
    padding: 5px;
    width: 100%;
}

    input[type=text]:focus, select:focus, textarea:focus {
        border: 1px solid #000 !important;
        box-shadow: 0 0 9px #e6e6e6;
    }


input[type=button], input[type=submit] {
    border: medium none;
    box-shadow: 0 0 2px #E67914 inset;
    cursor: pointer;
    float: left;
    padding: 5px 10px;
    color: #FFF;
    background-color: #E67914;
}

.popkeyword {
    width: 100%;
}

.top a {
    margin: 0 5px;
}

.popkeyword a, span {
    float: left;
    font-size: 85%;
    margin: 0 2px;
}

.fl 
{
    float: left;
}

.blg 
{
    background-position: -318px -7px;
    padding: 11px 10px;
}
 .fcb 
 {
    background-position: -340px -7px;
    padding: 11px 10px;
}

 
.gplus 
{
    background-position: -361px -7px;
    padding:  10px 10px;
}
 .tw 
 {
    background-position: -382px -7px;
        padding:  10px 10px;
}
 
.yt 
{
    background-position: -403px -7px;
       padding:  10px 10px;
}

.ig 
{
    background-position: -425px -7px;
    padding: 10px 10px;
}
 
.home 
{
    background-position: -445px -7px;
    padding: 10px;
}

.register 
{
    background-position: -478px -5px;
    padding: 10px;
}

.contact 
{
    background-position: -511px -9px;
    padding: 10px;
}

.homelink 
{
    float: right;
    margin-left: 20px;
}
.abtInd 
{
    width: 100%;
    font-size: 85%;
}
.paintlogo 
{
    background-position: -188px -83px;
    float: left;
    margin-right: 10px;
    padding: 12px;
}

.faceBooklogo 
{
    background-position: -290px -83px;
    float: left;
    margin-right: 10px;
    padding: 4px 21px;
}

.siteMapLogo 
{
	background-position: -343px -83px;
    float: left;
    margin-right: 10px;
    padding: 4px 34px;
}

.row1 {
    float: left;
    width: 100%;
}

.left {
    float: left;
    width: 100%;
	
}
.childArtist {
    float:left;
    width:100%;
	background-color:#fff;
	box-shadow: 0 3px 3px #cccccc;
}
.childArtistHed {
   border-bottom: 1px dashed #000000;
    margin:10px 9px 20px 9px;
    padding: 0;
    width: 97%;
}
.childArtist {
    float:left;
    width:100%;
	background-color:#fff;
	box-shadow: 0 3px 3px #cccccc;
}
.childArtist ul li {
    
    width:100%;
}
.childArtist h2 
{
    color: #000000;
    float: left;
    font-size: 140%;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px 0px;
    width:94%;
    }

    .childArtist div {
        float: left;
    }
.right {
    float:right;
    width: 38%;
    position: relative;
	border:1px solid #ccc;
	margin-left:1%;
}
.whatsnewHed {
   border-bottom: 1px dashed #000000;
    margin:10px 9px;
    padding: 0;
    width: 97%;
}
.whatsnew {
    float:left;
    width:100%;
	box-shadow: 0 3px 3px #cccccc;
	background-color:#fff;
}
.whatsnew h2 
{
    color: #000000;
    float: left;
    font-size: 140%;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px 0px;
    width: 100%;
    }

    .whatsnew div {
        float: left;
    }
.RecentlyaddArti {
   border-right: 1px solid #e0e0df;
    margin:0px 9px 10px 9px;
    padding: 0;
    width:46%;
	float:left;
}
.recentlyaddArt{
    margin:0px 9px;
    padding: 0;
    width:46%;
	float:right;
}
.newAddition
{
	font-size:110%;
	color:#B61818;
	text-align:center;
	width:100%;
}
.newAdditionImage
{
	width:100%;
	text-align:center;
	margin-top:5px;
}
.newAddiName
{
	text-align:center;
	width:100%;
}
.themes {
    float:left;
    width:98%;
	margin:0px 1% 0 1%;
	height:272px;
 }
.themesheight
{
	margin-bottom:33%;
	}
#listHori3 {
    height: 100%;
    width: 100%;
    float: left;
}

.sliderHori3 ul {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.grynum {
    float: right;
}

    .grynum div {
    cursor: pointer;
    float: right;
    font-family: cursive;
    font-size: 130%;
    font-weight: bold;
    margin-left: 12px;
    }
.second {
	background-position: -624px -6px;
	cursor: pointer;
	margin:80px 0 0 0px;
	padding:0px;
	position: absolute;
	top:280px;
	z-index: 5;
	 
}
.first {
    background-position: -624px -6px;
    cursor: pointer;
    margin:98px 0 0 0px;
    padding:0;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 5;
}
.themesImage1
{
	width:16.5%;
	margin-left:1%;
	text-align:center;
}


.themesName
{
	width:98%;
	float:left;
	text-align:center;
}
.themesImage2
{
	text-align:center;
	width:16.5%;
	margin-right: ;
}
.themesImage3
{
	text-align:center;
	width:16.5%;
	margin-right: ;
}
.themesImage4
{
	text-align:center;
	width:16%;
}
.proArtist
{
	width:19%;
	float:left;
	margin-bottom:15px;
	
}
.emeArtist
{
	width:19%;
	float:left;
	margin-left:1%;
}

.sculptors
{
	width:19%;
	float:left;
	margin-left:1%;
}
.LimPrients
{
	width:19%;
	float:left;
	margin-left:1%;
}
.artistHea
{
	width:96%;
	float:left;
	padding:4% 2% 4% 2%;
	text-align:center;
	background-color:#f2cb2e;
	font-size:115%;
	color:#333;
}
.artistHea2
{
	width:96%;
	float:left;
	padding:4% 2% 4% 2%;
	text-align:center;
	background-color:#f2902e;
	font-size:120%;
	color:#333;
}
.artistImage
{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.artistText
{
	width:96%;
	float:left;
	margin-bottom:10px;
	padding:2%;
	text-align:justify;
	height:100px;
}
.themesImage5
{
	display:none;
}	
.devider
{
	float:left;
	width:100%;
}
.more2
{
	text-align:center;
    font-size: 85% ;
    width: 17%;
    float:right;
     margin: 5px 0;
	 border:none;
	 box-shadow:none;
	 background-color:#e5e5e5;
	 padding:7px ;
}
	.listing {
   margin-top: 5px;
    float: left;   
    margin-left: 1%;
    width: 98%;
}
.imgContener {
width:100%;
text-align:center;
height:250px;

 


}
.listing p{
	 width: 100%;
	  float: left;   
	  font-size: 100%;
    font-weight: normal;
	padding-left:12px;
	line-height:20px;
 	 
}

.listing ul,.filterDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    }
.filterDiv ul {
float:left;
}
.listing ul li{
     background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    height: 280px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 220px;
    font-size:85%;
	
    }
    .listing ul li img{
        /*width:100%;*/
        box-shadow: 2px 2px 3px #868686;
		text-align:center;
		
		
    }
	.listing h4 
{
	width:100%;
	text-align:center;
	color:#b61818;
	float: left;
    font-size: 125%;
    font-weight:bold;
	margin:0px;
	padding-bottom:10px;
}
.listing h5 
{
	width:100%;
	text-align:center;
	float: left;
    font-size: 100%;
	margin:0px;
	padding-top:12px;
}	

.listing h5 a 
{
	color:#666;
 
	 
}
.listing h5 a:hover
{
	color:#666;
 
	 
}	
  
  .listing h3 
{
	 width: 100%;
	 border-bottom: 1px dotted #000000;
    color: #000000;
    float: left;
    font-size: 155%;
    font-weight: normal;
	text-align:center;
	padding-bottom:5px;
}

.listing1 {
   margin-top: 5px;
    float: left;   
    margin-left: 1%;
    width:80%;
}
.imgContener {
width:100%;
text-align:center;
height:250px;



}

 #content1 {
	 
 
	width: 100%;
	float: left; 



}
.listing1 p{
	 width: 100%;
	  float: left;   
	  font-size: 100%;
    font-weight: normal;
	padding-left:12px;
	line-height:20px;
 	 
}

.listing1 ul,.filterDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    }
.filterDiv ul {
float:left;
}
.listing1 ul li{
     background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    height: 280px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 203px;
    font-size:85%;
	
    }
    .listing1 ul li img{
        /*width:100%;*/
        box-shadow: 2px 2px 3px #868686;
		text-align:center;
		padding: 0px;
		
		
    }
	.listing1 h4 
{
	width:100%;
	text-align:center;
	color:#b61818;
	float: left;
    font-size: 120%;
    font-weight:bold;
	margin:0px;
	padding-bottom:10px;
}
.listing1 h5 
{
	width:100%;
	text-align:center;
	float: left;
    font-size: 100%;
	margin:0px;
	padding-top:12px;
}	

.listing1 h5 a 
{
	color:#666;
 
	 
}
.listing1 h5 a:hover
{
	color:#666;
 
	 
}	
  
  .listing1 h3 
{
	 width: 100%;
	 border-bottom: 1px dotted #000000;
    color: #000000;
    float: left;
    font-size: 155%;
    font-weight: normal;
	text-align:center;
	padding-bottom:5px;
 
 
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
   float: right;
     width: 15%;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}
@media only screen and (max-width:1300px) {
     body {
        font-size: 12px;
    }

    .indiartlogo {
        float: left;
        margin: 25px 0 0 30px;
        width: 22%;
    }

    .hdrrighpnl {
        float: right;
        width: 48%;
    }

    .pheight {
        height:233px;
    }
    .colpheight {
         height: 300px;
    }
	
	.aep-text1{
        height: 100px;
    }
		.aep-text {
        height: 200px;
    }
	
     .sliderHori1, .sliderHori2 {
    margin: 0 6.9%;
    }
	
	
#nav ul 
{
	padding-left:1.5%;
	}

.themesImage4
{
	display:none;
}
.themesImage5
{
	display:none;
}	
.themesImage1
{
	margin-right:5%;
	width:15%;
}
.themesImage2
{
	margin-right:4%;
	margin-left:0;
	width:15%;
}
.themesImage2 img
{
	width:100%;
}
.themesImage3
{
	margin-right:4%;
	margin-left:0;
	width:15%;
}
.themesImage4
{
	margin-right:4%;
	margin-left:0;
	width:15%;
}
.themesName {
    text-align: center;
    width: 100%;
}
.more2
{
    width:22%;
}	
.artistText {
	height:125px;
}
.RecentlyaddArti {
    width:43%;
	padding-right:10px;
}
.recentlyaddArt{
    width:43%;
}
.RecentlyaddArti img {
    width:100%;
}
.recentlyaddArt img{
    width:100%;
}
.themes {
	height:253px;
}
.childArtist h2 
{
    width:92%;
    }
		.listing ul li{
	width:208px;}
	
	#content {
	 
	width: 76%;}
	
	#sidebar {
   
    width: 14%;
}
}
@media only screen and (min-width:1500px) {

 .sliderHori1, .sliderHori2 {
    margin: 0 6.9%;
    }
#nav ul 
{
	padding-left:4%;}
	

.pd {
    height:163px;
}
.themesImage1
{
	width:15.5%;
	margin-right:1%;
	margin-left:0;
	
}
.themesImage2
{
	width:15.5%;
	margin-right:1%;
}
.themesImage3
{
	width:15.5%;
	margin-right:1%;
}

.themesImage4
{
	width:15.5%;
	margin-right:1%;
}

.RecentlyaddArti {
    width:46.5%;
}
.recentlyaddArt{
    width:46.5%;
}
 .themesheight
{
	margin-bottom:32%;
}
.first {
    margin:90px 0 0 0px;
}
.listing ul li{
	width:207px;}
	
	.more2
{
    width: 15%;
}
.artistHea
{
	font-size:120%;
}	
}
