#background {
		position:absolute;
		top:0;
		left:0;
		z-index:0;
		}
		.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;
			z-index:100;
		}
		
		@media screen and (max-width: 1024px){
			.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#container {
			width:760px;
			margin:0 auto;
						position: relative; 
						z-index:1;

	
		}
		div#menu {
		width:760px;
		display:block;
		}
		
		div#menu ul {
			margin:0 50px 0 0;
			float:right;
		}
		
		div#menu li {
		display:inline;	
		float:right;
		}
		
		div#menu li a#tellmemore, div#menu li a#faqs {
			background:url(../images/menu.png)	no-repeat;
			display:block;
			height:28px;
			text-indent:-9999px;
			
		}
		div#menu li a#tellmemore {
		width:150px;	
		}
		
		div#menu li a:hover#tellmemore {
		background-position: 0 -28px;
		}
		
		div#menu li a#faqs {
		width:76px;	background-position: -150px 0px;

		}
		
		div#menu li a:hover#faqs {
		background-position: -150px -28px;
		}		
		
		div#menu li a:hover#tellmemore, div#menu li a:hover#faqs {
		}
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			clear:right;
			
			/* These have no effect on the functionality */
			width: 760px;
			display:block;
			font-family: helvetica, arial, sans-serif;
			
			-moz-box-shadow: #888 5px 5px 10px;
			-webkit-box-shadow: #888 5px 5px 10px;
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 20px 0 0 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			color:#555;
		}
		
		h1 { color:#060; font-size:20px; }
		
		.scroll a {
		color:#333;	
		}
		
		#content-header {
			background:url(../images/content-header.png) no-repeat bottom;
			width:760px;
			height:16px;
			display:block;
			margin:0;
			padding:0;
		}

		#content-footer {
			background:url(../images/content-footer.png) no-repeat;
			width:760px;
			height:16px;
			display:block;
		}
		
		#content-main {
		background:#fff;
		padding:20px;
		height:500px;
		}
		
		
		
		
		
		
		

		
				
.scroll{
	position:relative;
	display:block;
	height:360px;
	overflow:scroll;
	padding: 15px 60px 15px 0px;
	border-right:0;
	background:#fff;
	margin: 60px 35px 0 30px;
	z-index:5;
	left:0;
	top:0;	
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}
		#tellmemore-content div p, #faq-content div p {
			margin:0 0 30px 0;
			
		}
		#tellmemore-content {
			position:absolute;
			top:-99999px;
			left:300px;
			height:494px;
			width:453px;
			background:url(../images/bubble-tellmemore.png) no-repeat;
			z-index:2;

		}
		
		
		* html #tellmemore-content  /* Will only be seen by IE */
        {
			background:url(../images/bubble-tellmemore.gif) no-repeat;

         
        }

		* html #faq-content  /* Will only be seen by IE */
        {
			background:url(../images/bubble-faq.gif) no-repeat;

         
        }
		
		#faq-content {
			position:absolute;
			top:-99999px;
			left:300px;
			height:494px;
			width:453px;
			background:url(../images/bubble-faq.png) no-repeat;
			z-index:2;

		}
		
		
		* html #demo-content  /* Will only be seen by IE */
        {
			background:url(../images/bubble-demo.gif) no-repeat;

         
        }
		
		#demo-content {
			position:absolute;
						top:-99999px;

			left:150px;
			height:400px;
			width:600px;
			background:url(../images/bubble-demo.png) no-repeat;
			z-index:2;

		}
		
		#demo-content div {
		width:500px;
		height:282px;
		margin:70px 0 0 50px;
		}
		
		a.close {
		background:url(../images/close.png) no-repeat;
		width:15px;
		height:15px;
		display:block;
		text-indent:-9999px;
		float:right;
		margin:39px 39px 0 0;
		display:inline;
		}
		
		a:hover.close {
		background-position:-15px 0;	
		}
		
		a#loginnow {
			background:url(../images/loginnow.png) no-repeat;
			width:420px;
			height:102px;
			display:block;
			text-indent:-9999px;
		}
		
		a:hover#loginnow {
			background-position:0 -102px;	
		}
		
		#left {
			background:url(../images/left.png) no-repeat;
			width:424px;
			height:464px;
			text-indent:-9999px;
		}
		
		#left ul { 
			list-style:none;
		}
		
		a#demo {
			position:absolute;
			top:220px;
			left:410px;
		width:300px;
		height:234px;
		background:url(../images/demo.jpg) no-repeat;
		display:block;
		text-indent:-9999px;
		}
		
		a:hover#demo {
		background-position:-300px 0;	
		}