/*
	Date: 23.04.2009
	Title: Granitetopia.com
====================================
*/
body{
	font-family:Arial,Verdana, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif;
	background:url(images/bodybg.jpg) repeat;
	margin:0;
	font-size:12px;
	text-align:center;
}

*{
	margin:0; padding:0;
}


img,fieldset{
	border:none;
}

:focus{
	outline:none;
}

ul,ol,li{
	list-style:none;
}	


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

.hide,h1 b,h2 b,h3 b,h4 b,h5 b,a em{
     position: absolute;
     left: -9999px;
}

h1{
	font:italic normal 21px/21px "Times New Roman";	
	color:#84002E;
	margin-top:15px;

}

h2{
	background:url(images/h2bg.jpg) no-repeat;
	font:italic normal 20px/20px "Times New Roman";
	color:#FFFFFF;
	width:197px;	height:28px;
	line-height:28px;
}

h4{
	font:italic bold 14px/17px "Times New Roman";
	color:#000;
	margin-top:22px;

}
h4 a{
	color:#000;
}


.outerBorder{
	width:100%;
	height:10px;
	background:#84002E;
	display:block;
}

/*-----------------------Page Structure

*/


#wraper{
	width:990px;
	margin:0 auto;
	text-align:left;
}

/*-----------------------Header
*/

#header{
	width:990px;	height:110px;
	overflow:hidden;
}

#header span{
	margin:36px 0 0 8px;
	float:left;
}

.headerRight{
	float:right;
	overflow:hidden;
}
.info{
	float:left;
	overflow:hidden;
	width:228px;
	margin:10px 0 0 0;
}
.info p{
	float:left;
	padding:0 9px;
	color:#625B4D;
	font-size:11px;
}
.info p strong{
	color:#84002E;
}
.info .border{
	margin-top:7px;
	border-right:1px solid #CDC8B3;
}

.navigation{
	width:251px;
	height:49px;
	float:left;
	
}
.navigation ul{
	background:#84002E url(images/navBorder.jpg) no-repeat center bottom;
	overflow:hidden;
	width:230px;
	padding:0px 7px 10px 13px;
}
.navigation ul	.lastItem{
	border:none;
}
.navigation ul li{
	float:left;
	border-right:1px solid #fff;
}
.navigation ul li a{
	font-size:12px;
	color:#FFFFFF;

}
.navigation ul .home{
	background:url(images/home.jpg) no-repeat left center;
	padding:0 5px 0 13px;
}
.navigation ul .faq{
	background:url(images/faq.jpg) no-repeat left center;
	padding:0 5px 0 28px;
	margin-left:16px;
}
.navigation ul .contact{
	background:url(images/contact.jpg) no-repeat left center;
	padding:0 0 0 15px;
	margin-left:8px;
}

.search{
	margin:9px 0 0 0;
	width:249px;	height:25px;
	border:1px solid #DCDCDC;
	overflow:hidden;
	background:#EFFAFF;
}

.search input{
	background:#FFFFFF;
	width:210px;	height:20px;
	float:left;
	padding:5px 0 0 13px;
	overflow:hidden;
	font-size:12px;
	border:none;
	color:#7B7260;
}

.search .buttonSubmit{
	float:right;
	width:25px;	height:25px;
	background:url(images/button.jpg) no-repeat;
	cursor:pointer;
	margin:1px 1px 0 0;
}



/*--------------------------Main body
*/
.box,.box2{
	border:1px solid #EBE8DB;
	padding:4px;
	background:#fff;
	margin-bottom:5px;
}
.box{
	width:508px;
}
.innerBox,.innerBox2{
	background:#F2F5ED;
	padding:5px;
	overflow:hidden;
}
.innerBox121{
	background:#F2F5ED;
	padding:0;
}

.mainBody{
	padding:10px 10px 0;
	width:968px;
	background:#fff url(images/mainbg.jpg) repeat-x left bottom;
	border:1px solid #CDC8B3;
	overflow:hidden;
}

.bodyLeft{
	float:left;
}
.leftSidebar{
	width:217px;
	float:left;
}

.leftSidebar .box{
	width:206px;
}
.leftSidebar .box .innerBox{
	width:196px;
}


.leftSidebar .innerBox ul li{
	background:url(images/list1.jpg) no-repeat 0 4px;
	padding:0 0 3px 10px;
	position:relative;
	width:185px;
}

.leftSidebar .innerBox ul li a{
	color:#84002E;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	display:block;
	padding:0 0 2px 0;
	cursor: pointer;
}

.leftSidebar .innerBox .lastItem{
	border:none;
}




.leftSidebar .innerBox ul li ul li{
	background:url(images/list2.jpg) no-repeat 0 4px;
	padding:0 0 0px 10px;
	margin-bottom:2px;
	width:196px;
	
}
.leftSidebar .innerBox li ul li a{
	color:#615C51;
	font-size:11px;
	font-weight:normal;
	border:none;
	padding:0;
	height:1%;
}

.leftSidebar .innerBox ul li ul{
	margin:0 0 0 20px;
	/*position:absolute;
	visibility:hidden;*/
}
.leftSidebar .innerBox ul li ul li{
	width:155px;
}

#stone{
	margin:10px 0 15px;
}

.stoneLink{
	font:italic bold 15px/15px "Times New Roman";
	text-decoration:underline;		
	color:#FF8400;
	margin-bottom:14px;
	display:block;
}

.innerBox p{
	color:#625B4D;
	font-size:11px;
	margin:15px 0 19px 0;
}
.innerBox p a{
	color:#84002E;
}
.innerBox span,.newsDate{
	background:url(images/dateLft.jpg) no-repeat left center;
	padding:0 0 0 2px;

}

.innerBox span b,.newsDate b{
	font-size:11px;
	color:#fff;
	background:#FFC200 url(images/dateRht.jpg) no-repeat right center;
	display:inline-block;
	line-height:19px;
	padding:0 5px;
	margin-top:15px;
}





/*--------------inner body
*/

.innerBody{
	padding:0 0 0 8px;
	float:left;
	width:516px;
}

.innerBody p{
	margin-top:20px;
	color:#625B4D;
	font:normal 15px/15px "Times New Roman";
}

.box2 .innerBox2{
	overflow:hidden;
	width:495px;
	padding:10px 0 18px 10px;
}
.box2{
	margin-top:30px;

}
.option1,.option2{
	float:left;
	width:240px;
	border-right:1px dotted #ccc;
}
.option1 img,.option2 img{
	margin:10px 0 13px 0;
	
}
.option1 p,.option2 p{
	margin:0;
	font-size:11px;
	font-family:Arial;
}
.option1 b,.option2 b{
	font:italic normal 19px/19px "Times New Roman";
	color:#84002E;
	display:block;
}
.option2{
	float:right;
	border:none;
}

.toCustomer, #letterBac{
	display:block;
	background:#84002E;
	font:italic normal 19px/19px "Times New Roman";
	color:#FFFFFF;
	line-height:31px;
}
.encStoneByLetter{
	width:120px;
	display:block;
	float:left;
}
.encStoneByLetter h3{
	font-size:13px;
	font-weight:bold;
	color:#84002E;
	text-transform:uppercase;
}
.encStoneByLetter dd{
	display:block;
} 
.encStoneByLetter dd a{
	color:#625B4D;
	font-size:14px;
	display:inline;
	font-weight:normal;
}
#letterBac{
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
	padding-left:5px;
	clear:both;
}
#specLetter{
	background:#E4E8DD; 
	display:block; 
	margin:5px 0; 
	line-height:32px;
	color:#84002E;
	font-weight:bold;
	padding-left:10px;
}
.innerBox1 dl{
	padding:0 11px;
	background:##F2F5ED;
}
.innerBox1 dt{
	color:#625B4D;
	font-weight:bold;
	font-size:12px;
	background:url(images/index-bullet.gif) no-repeat 0 5px;
	margin-bottom:8px;
	padding: 0px 0 0 10px;
}
.innerBox1 dt a{
	color:#625B4D;
}
.innerBox1 dd{
	color:#625B4D;
	font-size:12px;
	margin-bottom:25px;
	padding-left:10px;
}
.innerBox1 p img{
	width:189px;
	height:124px;
	display:block;
	float:left;
	margin:0 5px 5px 0;
}
#specLetter b{
	text-transform:uppercase;
	color:#84002E;
	font-weight:bold;
	
}
#letterBac b{
	text-transform:capitalize;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.box .message{
	padding:0 0 50px 5px;
	width:500px;
}
.message p{
	margin-top:13px;

}
.message{
	overflow:hidden;
}
#messageStone{
	padding-left:0;
}

.message strong{
	color:#84002E;
	font-size:13px;
}
.message b{
	font-size:11px;
	font-weight:normal;
	color:#625B4D;
}


.gallery1{
	position:relative;
	width:506px;
	height:245px;
	overflow:hidden;
}

.gallery{
	position:absolute;
	left:0;	top:0;
	float:left;
	width:506px;	height:245px;
	overflow:hidden;
}

.gallery fieldset{
	width:506px;	height:245px;
	position:relative;
}

.galleryNav{
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/galleryNAV.png) repeat-x;
	width:465px;
	height:40px;
	padding:15px 6px 0 35px;
	overflow:hidden;
}

.galleryNav span{
	font:normal 13px /13px Arial;
	color:#000000;
	width:350px;
	display:block;
}
.galleryButton{
	width:43px;
	height:10px;
	overflow:hidden;
	position:absolute;
	right:18px;
	bottom:20px;
	z-index:5px;
}
.galleryPrev,.galleryPause,.galleryNext{
	width:7px;
	height:10px;
	cursor:pointer;
	display:block;
	font-size:1px;
	float:left;
}
.galleryPrev{
	background:url(images/galleryPrev.png) no-repeat;
}

.galleryPause{
	background:url(images/galleryPause.png) no-repeat;
	margin-left:8px;
}
.galleryNext{
	background:url(images/galleryNext.png) no-repeat;
	margin-left:10px;
}


.galleryPrev:hover{
	background:url(images/galleryPrevH.png) no-repeat;;
}
.galleryPause:hover{
	background:url(images/galleryPauseH.png) no-repeat;
}
.galleryNext:hover{
	background:url(images/galleryNextH.png) no-repeat;

}








/*-----------------------------right side bar
*/


.rightSidebar{
	width:225px;
	float:left;

}

.email{
	background:#FFE697;
	padding:5px;
}
.email strong{
	font:italic bold 17px/17px "Times New Roman";
}
.emailBox{
	background:#FFFFFF;
	margin:9px 0 0 0;
	width:195px;	height:25px;
	border:1px solid #DCDCDC;
	overflow:hidden;
	background:#EFFAFF;
}

.emailBox input{
	background:#FFFFFF;
	width:146px;	height:20px;
	float:left;
	padding:5px 0 0 23px;
	overflow:hidden;
	font-size:12px;
	border:none;
	color:#7B7260;
}

.emailBox .buttonEmail{
	float:right;
	width:25px;	height:25px;
	background:url(images/emailButton.jpg) no-repeat;
	cursor:pointer;
	margin:1px 1px 0 0;
}




.rightSidebar .box{
	width:207px;
	margin:0 0 5px 8px;
}
.rightSidebar span{
	margin:0 0 10px 80px;
}
.rightSidebar span b{
	width:107px;
	
}
.innerBox div{
	padding:0 0 0 5px;

}

.rightSidebar .box img{
	margin:0 0 5px 70px;
	
}
.testimonial{
	font:bold 13px/13px Arial;
	color:#505050;
	text-align:center;
}


/*-----------------------Footer
*/
#footer{
	width:978px;	height:54px;
	margin-top:10px;
	background:#84002E url(images/footerBG.jpg) no-repeat right center;
	font-size:11px;
	color:#000;
	padding:14px 0 0 12px;
	border:1px solid #CDC8B3;	
}

#footer p{
	font-size:9px;
	color:#FFEEC5;
	margin-top:5px;

}


#footer ul{
	overflow:hidden;
	width:430px;

}

#footer ul .leftItem{
	border:none;
}

#footer ul li{
	float:left;
	border-left:1px solid #fff;
	padding:0 5px 0 4px;
}


#footer ul li a{
	color:#FFF6E4;
	font:bold 11px/11px Arial;
	
}




/*--------------------------- COUNTER TOPS -----------------------*/


.message em{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#625B4D;
}

.kitchen{
	min-height:650px;;

}

.normal{
	font:bold 13px/31px Arial, Helvetica, sans-serif;
	padding:0 0 0 15px;
}

.contGal{
	background:none;
	overflow:hidden;
/*	height:162px;
*/	padding:0;
	margin:5px 0 0 0;
}
.contGalPan{
	float:left;
	width:165px;
}
.contGalPan ul{
	width:165px;
	overflow:hidden;
}
.contGalPan ul li{
	float:left;
	width:165px;		
	height:22px;
	padding:0;
	background:none;
	margin-bottom:6px;
	
}
.contGalPan ul li a{
	display:block;
	background:#F2F5ED url(images/contgalarr.jpg) no-repeat 150px 8px;
	border:none;
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#000;
	padding: 0 0 0 5px;
}

.contGalPan ul li a:hover,.contGalPan ul li .slct{
	background:#CFD9BF url(images/contgalarrhover.jpg) no-repeat 150px 8px;
}






.contGalImg{
	float:right;
	width:336px;
	overflow:hidden;
}

.visitGal{
	background:#333333;
	font:bold italic 19px/31px "Times New Roman", Times, serif; 
	padding:0 0 0 10px;
}


/*-------------------- SUB PAGE -------------------------*/

.profileTitle{
	display:block;
	font:bold italic 19px/31px Arial, Helvetica, sans-serif;
	display:block;
	overflow:hidden;
	color:#333333;
	padding:0 0 0 10px;
	height:31px;
}

.profileTitle em{
	float:left;
}
.profileTitle a{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	float:right;
	overflow:hidden;
	background:url(images/btn1bg.jpg) repeat-x;
	height:23px;
	color:#333333;
	display:inline;
	width:79px;

}
.profileTitle a span{
	background:url(images/btn1lft.jpg) no-repeat;
	padding:0 0 0 12px;
	display:inline;
	float:right;

}
.profileTitle a b{
	background:url(images/btn1rht.jpg) no-repeat right top;
	padding:1px 12px 0 0;
	display:inline;
	overflow:hidden;
	height:23px;
	float:right;

}
.profileTitle a b img{
	margin-left:10px;
	float:right;
}
.profileTitle a b label{
	float:right;

}

.stoneProfile{
	overflow:hidden;

}
.stoneProfile dd{
	float:left;
}

.stoneImg{
	width:245px;	height:216px;
	overflow:hidden;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.stoneInfo{
	width:240px;
	min-height:186px;
	padding:0 10px;
	position:relative;
	padding-bottom:30px;
}

.stoneInfo p{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	margin:0 0 6px 0;
	color:#3C362B;
}
.stoneInfo p label{
	font-size:11px;
	font-weight:normal;
}
.stoneInfo p b{
	color:#84002E;
}

.stoneInfo p a{
	color:#3C362B;
}

.proBtn{
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
}

.stoneInfo .proBtn a{
	background:#424242 url(images/btn2lft.jpg) no-repeat;
	display:inline;
	height:19px;
	padding-left:10px;
	float:right;
	margin-left:2px;
	color:#fff;
}

.proBtn a label{
	font-weight:bold;
	font-siz:11px;
	background:url(images/btn2rht.jpg) no-repeat right top;
	display:inline-block;
	height:19px;
	padding-right:10px;
	line-height:15px;
}

.proBtn a:hover{
	background:#84002E url(images/btn2lfthover.jpg) no-repeat;
}

.proBtn a:hover label{
	background:#84002E url(images/btn2rhthover.jpg) no-repeat right top;
}
.options{
	padding:0 10px;
	overflow:hidden;
	height:38px;
}

.options ul{
	overflow:hidden;
	width:320px;
	float:left;
}

.options ul li{
	float:left;
	background:url(images/list3.jpg) no-repeat 0 7px;
	width:140px;
	margin:0;
}
.options ul li a{
	font:bold 10px/15px Arial, Helvetica, sans-serif;
	color:#333333;
	border:none;
	padding:0;
	display:block;
	height:16px;
	overflow:hidden;
}
.prnt{
	background:url(images/iconprint.jpg) no-repeat 90px 0;
}

/*----------------Xtra part
*/

.options span{
	float:right;
	overflow:hidden;
	background:none;
	padding:0;
	margin:5px 0 0 0;
}

.options span a{
	float:right;
}
.book{
	margin: 5px 5px 0 0;
}


.cmnt{
	padding:0 10px 10px 10px;
}
.cmnt dd{
	background:url(images/border1.jpg) repeat-x left bottom;
	padding:10px 0;
}

.cmnt p{
	margin:0 0 15px 0;
}

.cmnt .cmntBot{
	margin:0;
	overflow:hidden;
	height:13px;
}
.cmntBot b{
	font:bold 13px/13px Arial, Helvetica, sans-serif;
	color:#252525;
	float:left;
}
.cmntBot label{
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#252525;
	float:right;
}


.cmntPost{
	padding-left:15px;
}
.cmntPost p{
	margin:0;
}

.cmntPost input{
	width:464px;
	background:url(images/bg1.jpg) repeat-x;
	border:1px solid #D3D8CA;
	height:23px;
	margin:8px 0 0 0;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	color:#625B4D;
	padding:4px 0 0 10px;
}
.cmntPost textarea{
	font:normal 13px/13px Arial, Helvetica, sans-serif;
	color:#625B4D;
	width:464px;
	background:url(images/bg2.jpg) repeat-x;
	border:1px solid #D3D8CA;
	height:63px;
	margin:8px 0 0 0;
	padding:4px 0 0 10px;
}

.cmntPost .cmntCheck{
	width:54px;
}

.cmntPost .cmntSbmt{
	background:#84002E url(images/btn5.jpg) no-repeat 72px 8px;
	width:84px;
	font:bold 17px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
}
.cmntPost p label{
	font:bold 13px/13px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-right:10px;
	float:left;
	margin-top:15px;
}




/*---------------------------- search page ----------------------*/


.srchBox{
	background:none;
	padding:10px;
}
.srchBox p{
	margin:0;
	color:#3C362B;
	font-size:12px;
}

.srchSbmt{
	background:#84002E;
	border:none;
	height:25px;
	float:left;
	color:#fff;
	font-weight:bold;
	width:30px;
}
.srchInpt{
	border:none;
	height:23px;
	float:left;
	width:190px;
	padding:2px 5px 0 5px;
	
}

.srchBox div{
	overflow:hidden;
	padding:0;
	margin:20px 0 0 0;
	height:27px;
}

.srchBox div label{
	float:left;
	line-height:20px;
	margin-right:10px;
	color:#3C362B;
	font-size:12px;

}
.srchBox div form{
	float:left;
	border:1px solid #DCDCDC;	
	overflow:hidden;
}

.catNav{
	overflow:hidden;
	width:506px;
	height:31px;
	background:#333333;
}
.catNav li{
	border-left:1px solid #F2F5ED;
	height:31px;
	float:left;
}
.catNav .lft{
	border:none;
}
.catNav .lft a{
	border:none;
	width:86px;
}

.catNav li a{
	text-align:center;
	display:block;
	line-height:31px;
	font-size:13px;
	width:83px;
}
.catNav li a:hover,.catNav li .slct{
	background:#84002E;
}

.stoneList{
	fonr-size:12px;
	overflow:hidden;
	margin:10px 0 0 0;
	width:506px;
}
.stoneList li{
	float:left;
	margin:0 5px 1px 0;
}
.stoneList .rht{
	margin-right:0;
}
.stoneList li a{
	display:block;
	width:165px;	height:18px;
	background:#333333;
	line-height:18px;
}

.stoneList li a label{
	background:#992E52;
	display:inline-block;
	padding:0 5px;
	height:18px;
	margin-right:4px;
}
.stoneList li a:hover{
	background:#656565;
}
.stoneList li a:hover label{
	background:#B2677E;
}

.inner{
	background:#F2F5ED;
}


/*---------------------  View Work -----------------------------*/


.contGalImg{
	position:relative;
}

.contGalImg .contLabel{
	position:absolute;
	background:url(images/ctopsbg.png) no-repeat;
	width:313px;	height:43px;
	bottom:0;
	right:0;
	font:normal 25px/43px Georgia, "Times New Roman", Times, serif;
	color:#84002E;
	text-align:right;
	padding-right:23px;
}


.pageNav{
	background:#F2F5ED;
	overflow:hidden;
	padding:0 0 0 5px;
	height:24px;
}

.pageNav label{
	float:left;
	font:bold 13px/24px Arial, Helvetica, sans-serif;
	color:#585858;
}
.pageNav ul{
	float:right;
	overflow:hidden;

}
.pageNav ul li{
	float:left;
	width:30px;
	padding:0 2px;
}
.pageNav ul li a{
	text-align:center;
	display:block;
	color:#343434;
	height:24px;
	font-size:13px;
	line-height:24px;
}
.pageNav ul li .pNav{
	background:url(images/pageNavBG.jpg) repeat-x;
}
.pageNav ul li img{
	margin:6px 0 0 0;
}

.pageNav ul li .slc{
	background:url(images/pageNavBG.jpg) repeat-x;
	color:#fff;
}
.pageNav ul .lst{
	padding-right:0;
}

.imgPage{
	padding:5px 0 0 5px;
}

.viewImg{
	overflow:hidden;
	width:501px;
}

 
.viewImg dd{
	float:left;
	width:162px; height:150px;
	margin:0 5px 5px 0;
	font-size:1%;
	overflow:hidden;
}
.viewImg dd p{
	width:162px;
	margin:0;
	padding:0 0 5px;
	color:#84002E;
	text-align:center;
	font-weight:bold;
}
.viewImg dd.stoneDetail{
	float:left;
	width:217px; height:138px;
	margin:0 8px 9px 0;
	font-size:1%;
	border:1px solid #DBE1D1;
	padding:10px;
}
.viewImg dd.stoneDetail ul{
	float:right; 
	width:130px;
}
.viewImg dd.stoneDetail ul li{
	width:130px;
	float:left;
	font-size:11px;
	background:none;
	padding-left:0;
	color:#625B4D;
}
.viewImg dd.stoneDetail li b{
	font-weight:bold;
	color:#625B4D;
}
.viewImg dd.stoneDetail a{
	float:left;
	margin-right:10px;
	width:72px; height:72px;
	display:block;
}
.searchCont a{
	color:#000;
	text-decoration:underline;
}


.sitemap a{
		color:#625B4D;
	
	
	}
	
	.sitemap ul li ul{
		margin-left:30px;
	}
	
	
	.address{
		display:none;
	}


.encyclopedia{
	color:#625B4D;
	font:normal 15px/18px "Times New Roman";




}
.encyclopedia p{ 
	color:#625B4D;
	font:normal 15px/18px "Times New Roman";

}



	
.encyclopedia span{
	background:none;

}

.encyclopedia img{
	margin:10px;
	float:right;
}

.encyclopedia a{
	color:#84002E;
	font-weight:bold;
	margin:0 5px 0 5px;
}

.encyclopedia h3{
	margin-top:40px;
	margin-bottom:20px;

}