/* CSS Document */

/* ---------------------------------------------------------
	Base Style Sheet
	Description : Global Style Sheet of Makruti,
	Title		: Global Style Sheet,
	Author		: Srinivas, Gayatri Technologies,
	Created		: 8/08/2011,
	Modified	: 18/06/2013
	Url			: http://www.makruti.com
*/

/* Base Styles */

*
{
	margin:0;
	padding:0;
}
html
{
	background:url(../images/body.png);
	background-repeat:repeat-x 0 0;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
	background-color:#49350c;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:800px;
	margin:0 auto;
	padding:0;
	width:1000px;
}
img, png
{
	outline:none;
	border:0;
}
/*h1
{
	font-family: 'BebasNeueRegular', Verdana,Geneva,sans-serif;
	font-weight:normal
}
*/
h2 
{
	font-size:14px;
}
/* Preload Images */
#preloaded-images
{
	position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
/* TopNav */
#topNav
{
	background:url(../images/bgTopNav.jpg) repeat-x 0 0;
	clear:both;
	color:#ffac00;
	display:inline-block;
	height:62px;
	margin:15px 15px 0;
	padding:0;
	width:970px;
}
#topNav img
{
    margin:13px 0 0 60px;
    padding:0;
    position:relative;
    z-index:1;
}
#topNav ul
{
	margin:0 0 0 275px;
	padding:0;
	width:800px;
}
#topNav ul li
{
	list-style-type:none;
	padding:0 32px;
	text-align:center;
	display: inline-block;
	/* line-height:62px; */
	margin:23px 2% 0;
}

#topNav ul li a
{
	color:#fff;
	display:block;
	/* height:62px;
	line-height:62px; */
	text-decoration:none;
	width:auto;
}
#topNav ul li a:hover, #topNav ul li.sel a
{
	color:#cdba4b;
	border-bottom:2px solid #c7b34f;
}
.wraper
{
/*	background:url(../images/bgWraper.jpg) no-repeat; */
	clear:both;
	display:inline-block;
	height:700px;
	margin:0 15px 0;
	padding:0;
	width:970px;
}
.bgHome
{
	background:url(../images/bgWraper.jpg) no-repeat;
	height:700px;
	margin:0;
	padding:0;
	width:970px;
}
.header
{
	clear:both;
	display:inline-block;
	margin:10px 0 0 0;
	padding:0;
	height:170px;
	width:970px;
}
.header .headerLogo
{
	float:left;
	height:160px;
	width:440px;
	margin:0 0 0 15px;
	padding:0;
}
.header .slider
{
    float:left;
    height:250px;
    margin:0 0 0 15px;
    padding:0;
    width:300px;
}
.header .slider h2
{
	color:#282828;
	font-size:14px;
	float:left;
    width:200px;
    margin:0;
    padding:0;
    text-align:left;
}
.header .banner
{
    float:left;
    height:120px;
    margin:5px 0 0 0;
    overflow:hidden;
    padding:0;
    width:250px;
}
.header .banner img
{
    margin:5px 0 0 20px;
}
.header .banner ul li
{
    background:url(../images/iconFlower.jpg) no-repeat 4px 7px;
    color:#800000;
    font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	line-height:2em;
	padding:0 0 0 30px;
    width:200px;
}
.content
{
	clear:both;
	display:inline-block;
	width:970px;
	height:auto;
	margin:0;
	padding:0;
}
.contentLeft
{
	background:url(../images/bgContentLeft.jpg) repeat-y 0 0;
	float:left;
	height:697px;
	margin:1px 0 0 0;
	padding:0;
	width:755px;
}
/* About Styles  */
.content .about
{
	background:url(../images/bgAbout.png) no-repeat 0 0;
	float:left;
	height:390px;
	margin:120px 0 0 20px;
	padding:0;
	width:390px;
}
.content .about h1
{
	color: #F15A22;
    display: inline-block;
    font-size:15px;
	height:20px;
	margin:80px 0 0 0;
	padding:0 0 5px 0;
    text-align: center;
    width:370px;
}
.content .about p
{
	display:inline-block;
	height:auto;
	text-align:center;
	line-height:2em;
	width:220px;
	margin:0 0 0 78px;
}
.content .about span a, .content .whatIdo span a, .content .contact span a
{
	color:#05a3d2;
	padding:5px 0;
	text-decoration:none;
	text-align:center;
}
/* About Styles Ends */
/* whatIdo Styles */
.content .whatIdo
{
	background:url(../images/bgIDo.png) no-repeat 0 0;
	float:right;
	height:246px;
	margin:20px 15px 0 0;
	padding:0;
	width:318px;
}
.content .whatIdo h1
{
	color: #F15A22;
    display: inline-block;
    font-size:15px;
	height:20px;
	margin:62px 0 0 0;
	padding:0 0 5px 0;
    text-align: center;
    width:290px;
}
.content .contact h1
{
	color: #F15A22;
    display: inline-block;
    font-size:15px;
	height:20px;
	margin:55px 0 0 0;
	padding:0 0 0 0;
    text-align: center;
    width:290px;
}
.content .homeGallery h1
{
	color: #F15A22;
    display: inline-block;
    font-size:20px;
	height:20px;
	margin:50px 0 0 0;
	padding:0;
    text-align:center;
    width:195px;
}
.content .whatIdo p
{
	display:inline-block;
	height:auto;
	text-align:center;
	line-height:2em;
	margin:0 0 0 65px;
	width:160px;
}
.content .contact p
{
	display:inline-block;
	height:auto;
	text-align:center;
	line-height:1.8em;
	margin:0 0 0 60px;
	width:170px;
}
.content .contact
{
	background:url(../images/bgWidget.png) no-repeat 0 0;
	float:left;
	height:305px;
	padding:0;
	width:325px;
	margin:-10px 0 0 18px;
	position:relative;
}
/* Gallery */
.content .homeGallery
{
	background:url(../images/bgIGallery.png) no-repeat 0 0;
	float:left;
	height:195px;
	padding:0;
	width:195px;
	margin:45px 0 0 5px;
	position:relative;
}
.content .homeGallery img 
{
	margin:28px 0 0 34px;
	padding:0;
	display:block;
}

.content .homeGallery .divGallery, .content .about .divGallery
{
	padding:0px;
	width:180px;
border:none;
}
.content .about .divGallery {
 border-radius: 300px 300px 300px 300px;
    height: 250px;
    margin: 60px;
    overflow: hidden;
    position: relative;
    width: 250px;
}
.galStone
{
	float:left;
}
.content .about .divGallery img
{
	padding:0px;
	width:300px;
height:auto;
border:none;
}




.content .homeGallery .divGallery img
{
	margin:0px;
	padding:0;
	/*width:125px;
	height:170px; */
	border:0;
}
/* Inner Page Styles  */
.bgLeft
{
    background:url(../images/bgLeft.jpg) no-repeat 0 0;
	float:left;
	height:760px;
	padding:0;
	width:215px;
	margin-top:-62px;
	position:relative;
}
.contentArea
{
background-color:#fc9;
	clear:right;
	display:block;
	height:665px;
	margin:22px 0 0 35px;
	padding:0;
	width:700px;
-moz-border-radius:10px 10px;
border-radius:10px 10px;
}
.contentArea .contentMid
{
    display: block;
    float: left;
    height: 560px;
    margin: 30px;
    overflow-y: auto;
    padding: 0;
}
.contentArea .contentMid .iDo
{
	margin:0 auto;
	display:block;
	width:200px;
	height:auto;
}
/*.contentArea .contentMid h1
{
    color:#800000;
    font-size:15px;
    width:auto;
    height:20px;
    margin:10px 0 0 25px;
    padding:0 0 5px 0;
    font-weight:bold;
}*/
.contentArea h1
{
    color:#800000;
    font-size:15px;
    width:auto;
    height:20px;
    margin:10px 0 0 25px;
    padding:0 0 5px 0;
    font-weight:bold;
}
.contentArea .contentMid p
{
    color:#666;
    height:auto;
    line-height:1.9em;
    padding:3px 15px 3px 25px;
    text-align:justify;
}
.hightLight
{
    color:#ff6300;
    font-weight:bold;
}
.hightLightName
{
    color:#ff6300;
    font-weight:bold;
    font-size:15px;
}
.contentArea p.contactHead
{
    color:#ff6300;
    font-weight:bold;
    font-size:30px;
    margin:15px 15px 0;
}

/* Clients Page Styles */
.clients
{
    height:auto;
    margin:0 0 0 100px;
    padding:0;
    width:300px;
}
.clients ul
{
    padding:0;
}
.clients ul h3
{
   background:url(../images/iconArrow.png) no-repeat 0 4px;
   color:#800000;
   padding:5px 0 5px 30px;
}
.clients ul li
{
    height:25px;
    list-style-type:none;
    padding:0 0 0 50px;
    
}
/* Clients Page Ends */

/* portfolio */
.portfolio
{
    float:left;
    height:auto;
    margin:0;
    padding:0;
    width:625px;  
}
.portfolio ul
{
    margin:10px 25px;
    padding:0;
    height:auto;
}
.portfolio ul li
{
    float:left;
    list-style-type:none;
    margin:10px 20px;
}
.portfolio ul li img
{
    margin:0;
    padding:0;  
}
/* portfolio Ends */


/* Inner Page Banner*/
.bannerInner
{
    clear:both;
    display:inline-block;
    height:125px;
    margin:15px 0 15px 13px;
    padding:0;
    width:625px;
    border:1px solid #999;
}
.contentArea .contentMid p.lineHgt3
{
    line-height:2.5em;
}
.contactUs ul
{
    float:left;
    
	font-size:12px;
	width:230px;
	height:auto;
	margin:0px 20px 40px 40px;
}
.contactUs ul li
{
    list-style-type:none;
    line-height:2em;
}
/* Contactus Styles */
.divContactUs
{
	/*border: 1px solid #303030;
    border-radius: 10px;*/
    height: auto;
    margin: 5px 0 0 25px;
    padding: 0;
    width: 225px;
    float:left;
}
.divContactUs h1 
{
	margin:30px 0 0 15px;
}
.divContactUs img
{
    margin:8px 0 0 0;
    padding:0 20px 20px 0;
    /* width:75px;
    height:110px;    */
    text-align:center;
}
.divContactUs p
{
    border-right: 1px dotted #202020;
    height: auto;
    line-height:24px;
    padding:5px 5px 0 15px !important;
    width:200px;
}
.divContactUs a
{
	text-decoration:none;
	color:#007eff;
}

/* Submit Form */
/* Contact Us Styles */
.contactForm 
{
    float: left;
    height: 300px;
    margin: 60px 0 0 15px;
    padding: 0;
    width: 415px;
}
.contactForm p 
{
	line-height:22px;
}
.contactForm label
	{
	background-color:#304C30;
    color: #FFFFFF;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin:0;
    padding:0 0 0 10px;
    width:30%;
    }
.contactForm form 
	{
	height:auto;
    margin:5px auto 0;
    width:98%
	}
.contactForm div.msg 
	{
		float:right;
		height:20px;
		margin:0 5px 0 0;
	}
.contactForm p 
{
	padding:2px 0 0 0;
	clear:left;
}
.contactForm p .tblInput 
{
    border:1px solid #304C30;
    height:25px;
    outline:medium none;
    padding:0 0 0 10px;
    width:97%;
}
.contactForm p .txtarea 
{
	border:1px solid #304C30;
	outline:none;
    /*background-color:#FFFFCE;*/
	padding:5px 0 0 10px;
	width:97%;
}
.contactForm span, .bkApointment span
{
	float: right;
    font-size: 0.9em;
    padding: 0 5px 2px 0;
    text-align: right;
    width: 100%;
}
.contactForm .btnSubmit
{
	background: #304C30;
    border:1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px #A2A2A2;
    color: #FFFFFF;
    font-size: 120%;
    height:35px;
    margin:0 0 0 12px;
    padding: 0;
    text-shadow: 1px 1px 1px #303030;
    width:25%;
    float:right;
}
.contactForm .btnSubmit:hover 
{
	background-color:#1B371B;
	color:#fff;
}
/* Submit Form Ends */
/* Gallery */
.galleryLeftNav
{
    margin:0 0 0 34px;
    padding:0px 0px;
    height:auto;
    display:block;
    float:left;

}
.galleryLeftNav ul
{
    padding:0;
	margin:0;
}
.galleryLeftNav ul li
{
    list-style-type:none;
    display:inline-block;
}
.galleryLeftNav ul li a
{
    color:#333;
    display:inline-block;
    padding: 8px;
    text-decoration: none;
    list-style-type:none;
    display:inline-block;
	margin:2px 2px 0;
	background-color:#bbb;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
    cursor:pointer;
}
.galleryLeftNav ul li:last-child 
{
	margin:2px 0 0 2px;
}
.galleryLeftNav ul li:hover
{
    color:#333;
background-color:#999;

}

.galleryLeftNav ul li.add
{
    color:#cdba4b;
background-color:#333;

}

.divGallery
{
	float:left;
    margin:0 20px;
    padding:20px;
    height:auto;
border:2px solid #333;
border-radius:10px 10px;
width:550px;
}
.divGallery h1
{
    background: url("../images/h1Bg.jpg") repeat scroll 0 0 transparent;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 35px;
    margin:0 0 10px 0;
    padding:0;
    text-align: center;
    width: 150px;  
    display:inline-block;
    clear:both;
}
.divGallery img
{
    margin:10px 10px 0 0;
    padding:0;
    border-radius:5px;
    /*height:125px;*/
    width:auto;
    border:1px solid #CCCCCC;
}
.divGallery h2
{
  /*  border-bottom: 1px dashed #CCCCCC;*/
    display: block;
    padding:10px 0 5px 0;
}
.divGallery p
{
    line-height: 30px;
    margin: 11px 0 0 0;
    text-align: justify;
    padding:0px;
    /*height:125px;*/
}
.divBrd
{
  /*  border-bottom: 1px dashed #CCCCCC;*/
    height: 1px;
    margin: 20px auto 0;
    padding: 5px 0;
    width:365px;
}
.galWax ul li 
{
	list-style-type:none;
	float:left;
	margin:0 0 15px 0;
}
.galWax ul li a img 
{
	margin:0 15px 0 0;
	padding:0;
	width:90px;
	height:60px;
	float:left;
	display:inline-block;
}
.galStone ul li 
{
	list-style-type:none;
	float:left;
	margin:0 0 15px 0;
}
.galStone ul li a img 
{
	margin:0 15px 0 0;
	padding:0;
	width:90px;
	height:60px;
	float:left;
	display:inline-block;
}
/* Gallery Ends */
/* Inner Page Styles Ends  */


/* Footer Area */
.footer
{
	background:url(../images/bgFooter.jpg) repeat-x 0 0;
	clear:both;
	display:block;
	height:72px;
	margin:0 auto;
	padding:0;
	width:1000px;
}
.footer .copyRight
{
	color:#fff;
	float:left;
	height:36px;
	line-height:36px;
	margin:0 0 0 15px;
	padding:0;
	width:auto;
}
.footer .counter
{
	color:#fff;
	float:center;
	height:36px;
	line-height:36px;
	margin:0 2px 0 0;
	padding:0;
	width:150px;
}
.footer .footerNav
{
	color:#fff;
	float:right;
	height:36px;
	margin:0 5px 0 0;
	padding:0 10px 0 10px;
	width:auto;
}
.footer .footerNav a
{
	color:#fff;
	height:36px;
	line-height:36px;
	padding:0 10px 0 10px;
	text-decoration:none;
}
.footer .footerNav a:hover, .header .headerNav a:hover, .content .about span a:hover,
.content .whatIdo span a:hover, .content .contact span a:hover, .divContactUs a:hover
{
	text-decoration:underline;
}
#content{margin:0 15px;}
/* Footer Ends */
.content .about .homeSlider
{
	padding:0px;
	width:415px;
	height:320px;
	margin:20px 0 0 0;
	border:0;
	text-align:center;
	top:47px;
	left:38px;
}
.content .about .homeSlider img {
    max-width: 360px;
}
#homeSlider img { display: none }
#homeSlider :first-child { display: block }
.subSection{display:none;}
.subSection.Sculptures{display:block;}
.clip-circle {
    clip-path: circle(135px at center);
}

.gallery{padding:0px; margin:0 10px;}
.gallery li
{
	list-style:none;
}
.gallery ul li
{
	list-style:none;
	display:inline-block;
	padding:5px 5px;
	width:170px;
	text-align:center;
}

.gallery ul li img
{
	border:2px solid #ff7521;
	border-radius:5px 5px;
	height:120px;
	max-width:150px;
}
.gallery h3
{
	clear:both;
	font-size: 1.5em;
    padding: 10px;
    font-weight: bold;
}

/* Social */
	
.social {
    position: fixed;
    right: 2px;
    top: 25%;
    z-index: 1000;
	border-radius:5px 0 0 5px;
	background-color:none;
	overflow:hidden;
}
.social h4{ background:none; cursor:pointer;}
.social h4 i{background-color:#fff; border:1px solid #ccc; padding:10px; border-radius:20px 0 0 20px;}
.social h4, .social ul{display:table-cell; vertical-align:middle; height:300px;}
.social ul{padding:0; margin:0;}
.social ul li{list-style:none; display:block; background:#fff;text-align:center; padding:8px; border-bottom:1px solid #ccc; font-size:1.5em;}
/*.social ul li:first-child{background:none;}*/
.social ul li a:hover{color:#F7CC2D;}