@charset "utf-8";
/* CSS Document */

html, body {
	height:auto; width:1209px;
	padding:0px; margin:0px auto;
	background: #fff; /* Old browsers */


	
	}

#container { 
	height:760x; width:1209px; top:0px; text-align:center;}

#top
{ float:left; width:570px; height:360px; padding:15px 0px 15px 15px; margin-bottom:20px;
background: #ed3237; /* Old browsers */


  }

#right
{float:right; width:570px; height:360px; margin-bottom:20px;  padding:15px 0px 15px 15px;
background: #ed3237; /* Old browsers */

 }

#btmleft
{float:left; padding:15px 0px 5px 15px;  width:570px; height:368px; margin-top:10px;
background: #ed3237; /* Old browsers */


}

#btmright
{float:right; width:570px; height:368px;  padding:15px 0px 5px 15px; margin-top:10px;
background: #ed3237; /* Old browsers */
 }

#kruti360
{ background-image:url(index_images/360_circle.png); background-position:center; background-repeat:no-repeat; 
height:425px; width:423px; top:190px; left:400px; z-index:1000; position:relative;}

#kruti360:hover
{background-image:url(index_images/360_circle_hover.png); background-position:center; background-repeat:no-repeat; }

.fade{

width: 570px;
height: 368px;
/* a width should be defined for transition to work*/
border: 0px solid orange;
padding: 5px;}

.fade a {width: 570px;
height: 368px;}