body{
				margin: 0;
				padding: 0;
				background-image: url(../i/bg.gif);
				background-position: left,top;
				background-repeat: no-repeat;
				background-attachment: fixed;
			}
			
			#container{
			 width:750px;
			}
			
			body#demo{
				background-color:#3cb9dc;
				margin: 0 auto;
				padding: 0;
				background-image: none;
			}

			/* Sidebar CSS (logo and nav) */
			#sidebar{
				float:left;
				width:241px;
			}

			#logo{
				margin: 11px 0 34px 69px;
			}

			ul#nav {
				list-style-type:none;
				margin:0;
				padding:0;

			}

			ul#nav li{
				display:block;
				margin-bottom:18px;
				padding:0;
				text-align:right;
			}

			ul#nav li a:link, ul#nav li a:visited {
				height: 50px;
				background-color: #3cb9dc;
				margin: 0;
				padding: 3px 10px 3px 40px;
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 15px;
				text-decoration: none;
				color: #fff;
				background-image: url(../i/navtip.gif);
				background-position: left;
				background-repeat: no-repeat;
			}


			ul#nav li a:hover  {
				height:26px;
				background-color: #8ed6eb;
				margin: 0;
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 15px;
				text-decoration: none;
				color: #fff;
				background-image: url(../i/navtip_1.gif);
				background-position: left;
				background-repeat: no-repeat;
			}
			
			
				ul#nav li a:link#on, ul#nav li a:visited#on {
				height: 50px;
				background-color: #8ed6eb;
				margin: 0;
				padding: 3px 10px 3px 40px;
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 15px;
				text-decoration: none;
				color: #fff;
				background-image: url(../i/navtip_1.gif);
				background-position: left;
				background-repeat: no-repeat;
			}
			


			/* Main area CSS */
			#main{
				float:left;
				width:509px;
				background-color: #3cb9dc;
				background-image: url(../i/dotted.gif);
				background-position: top;
				background-repeat: no-repeat;
			}

			ul#topnav {
				list-style-type:none;
				padding:0;
				margin:10px;
				text-align:right;

			}

			ul#topnav li{
				display:inline;
				padding:0;
				font-family:  Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #fff;
			}

			

			ul#topnav li a:link, ul#topnav li a:visited {
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				text-decoration: none;
				color: #fff;
			 	margin:2px;
			}


			ul#topnav li a:hover  {
				margin:2px;
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				text-decoration: underline;
				color: #fff;
			}

			h1{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 55px;
				color: #fff;
				margin:110px 0 0 25px;
			}
			
			h1.stomp{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 45px;
				color: #fff;
				margin:110px 0 0 25px;
			}

			h2{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 20px;
				color: #fff;
				margin:30px 0 0 25px;
			}
			
			h3{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				color: #fff;
				margin:0;
				padding-left:10px;
				margin-top:5px;
			}
			
			p{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 12px;
				color: #fff;
				margin:0;
			}

			p.home{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 12px;
				color: #fff;
				width:450px;
				margin-left:33px;
				margin-top:25px;
			}
			
			
			p.internal{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 12px;
				color: #fff;
				width:450px;
				margin-left:33px;
				margin-top:25px;
			}
			
			ul.list{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 12px;
				color: #fff;
				padding-left:33px;
				margin-left:33px;
				margin-top:25px;
			}
			
			
			
			p.recent{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 12px;
				color: #fff;
				margin:0;
				padding:10px;
			}
			
			
			p.footer{
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 10px;
				color: #fff;
				margin:0;
				margin:10px;
			}


			#recent{
				margin-top:20px;
				width:495px;
				margin-left:2px;
			}
			
			#recent_content{
				width:190px;
			}
			
			#recent_one_container{
				float:left;
				margin-left:11px;
			}

	
			#recent_one{

				border-left:12px solid #fff;
				border-right:12px solid #fff;
				border-top:12px solid #fff;
				background-color:#aaa494;
			}

			#recent_one_footer{
				background-image: url(../i/footer_proj_1.gif);
				background-position: bottom;
				background-repeat: no-repeat;
				height:36px;
				width:230px;
			}

			#recent_two_container{
				float:right;
				margin-left:13px;
			}


			#recent_two{
				border-left:12px solid #fff;
				border-right:12px solid #fff;
				border-top:12px solid #fff;
				background-color:#aaa494;
			}

			#recent_two_footer{
				background-image: url(../i/footer_proj_2.gif);
				background-position: bottom;
				background-repeat: no-repeat;
				height:36px;
				width:230px;
			}
			
			
			a:link, a:visited {
				margin: 0;
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				text-decoration: underline;
				color: #fff;
			}


			a:hover  {
				margin: 0;
				font-family:  Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				text-decoration: none;
				color: #fff;
			}
			
			
			#footer{
				background-image: url(../i/footer.gif);
				background-repeat: no-repeat;
				height:34px;
				width:509px;
				clear:both;
				text-align:center;
			}