img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
}
 @media screen and (max-width: 1024px) {
		 img.bg {
		 left: 50%;
		 margin-left: -512px;
}
}
body {
		margin: 0;
		font-family: helvetica, arial, sans-serif;
		font-size: 10pt;
		line-height: 16pt;
}
a {
		color:#FFF;
		text-decoration:none;
}
/*  CSS FOR CLIDING PANEL  */
#panel {
		background: #754c24;
		position:relative;
		float:right;
		background: url(../images/trans_bg.png) repeat;
		color:#FFF;
		width: 20%;
		padding: 20px;
		margin-top:20px;
}
#adpack-remove {
		background: url(../images/adclose_white.png) no-repeat scroll center center transparent;
		height: 10px;
		opacity: 0.4;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 10px;
		cursor:pointer;
}
#makeMeScrollable
{
		width:100%;
		height: 155px;
		position: relative;
		float:left;
}

#makeMeScrollable div.scrollableArea img
{
		position: relative;
		float: left;
		/*margin: 0;
		padding: 0;*/
}
.picDiv{
		background-color:#CCC;
		width:60px;
		height:144px;
		float:left;
		margin:10px;
	}
	.scrollImg{
		border:5px solid #FFF;
		margin:0 7px 0 7px;
	}
	
	
	
	
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  .clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.container {
  margin: 0 auto;
  width: 960px;
  background:url(../images/Sajjangarh-com-Logo.png) no-repeat right; height:150px;
}
.bodycontainer {
  margin: 0 auto;
  width: 960px;
}
header {
  padding: 15px 0 0;
  background-color:#501616;
  border-bottom: 2px solid #fe7200;
}
a { text-decoration:none; color:#3891CF;}
body{ margin:0; font: 11px/16px Helvetica,Arial,Tahoma;}

#logo {
  color: #ffffff;
  font: 30px 'Oswald', 'Century Gothic', 'Trebuchet MS', Tahoma;
  height: 32px;
  display: block;
  float: left;
  margin: 15px 0 0;
}
.content {
  display: table-cell;
  padding: 10px 0 50px 30px;
}
.content img {
  border: 1px solid #f0f0f0;
  padding: 2px;
}
h2{
    color: #3891CF;
    font-size: 2em;
    line-height: 1em;
	font-family: Century Gothic, Tahoma, Verdana;
	}
footer{margin: 0 auto; width: 100%;padding: 25px 0 40px 0;background-color: #4c4c4c;color: #fff;text-align: center; font-size:13px;}
.google-ads{ text-align:center}
footer a{color:#fff}


.button {
  background: #8bc804;
  border: 1px solid #689603;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1), 0 4px 0 #689603, rgba(255, 255, 255, 0.1) 0 -1px 0 inset, rgba(255, 255, 255, 0.15) 0 1px 0 inset;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1), 0 4px 0 #689603, rgba(255, 255, 255, 0.1) 0 -1px 0 inset, rgba(255, 255, 255, 0.15) 0 1px 0 inset;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1), 0 4px 0 #689603, rgba(255, 255, 255, 0.1) 0 -1px 0 inset, rgba(255, 255, 255, 0.15) 0 1px 0 inset;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: White;
  display: block;
  font: bold 22px 'Century Gothic', 'Trebuchet MS', Tahoma;
  word-spacing: 3px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 20px 20px 0;
  text-shadow: #689603 0 1px 0;
  cursor: pointer;
}
.button:hover, .button:focus {
  color: White;
}
.button:active {
  -moz-box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.1), 0 -4px 0 #689603, rgba(255, 255, 255, 0.1) 0 1px 0 inset, rgba(255, 255, 255, 0.15) 0 -1px 0 inset;
  -webkit-box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.1), 0 -4px 0 #689603, rgba(255, 255, 255, 0.1) 0 1px 0 inset, rgba(255, 255, 255, 0.15) 0 -1px 0 inset;
  box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.1), 0 -4px 0 #689603, rgba(255, 255, 255, 0.1) 0 1px 0 inset, rgba(255, 255, 255, 0.15) 0 -1px 0 inset;
  text-shadow: #689603 0 -1px 0;
}
.floatl{ float:left}
.floatr{ float:right}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 960px) {
  h2.orphan {
    margin: 0 5% 20px;
    width: 90%;
  }
  .container {
    width: 100%;
	background:none;
	height:70px;
  }
  .bodycontainer {
	  width: 100%;
  }
  header {
    background: none;
    padding-top: 0;
  }
  #logo {
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 10px 5%;
    width: 90%;
    float: none;
    font-size: 22px;
  }
   aside[role=complementary], .content {
    display: block;
    padding: 10px 5%;
    width: 90%;
  }
    aside[role=complementary] img, .content img {
    max-width: 90%;  }
  .google-ads{ display:none;}
  footer{ padding:15px 0 20px 10px;  width: 90%;}
    .button {
    width: 100%;
    padding: 15px 0;
    margin: 0 0 15px;
  }