body 
{
	background: #ffffff;
	margin: 0;	padding: 0;
	text-align: center; 
}


#wrapper 
{

	width: 780px;  
	min-height: 750px;
	background: #ffffff;
	margin: 0 auto; padding: 0; /* the auto margins center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Header Cell */

#logo
{
	float: left;
	position: relative;
	width:180px; height: 120px;
	margin: 0;	padding: 0;
	background: url('_elements/logo.gif') no-repeat;
	z-index:1;
}	

	/*Navigation*/


ul#mainnav
{

}	

ul#mainnav li
{
	float:left;
	list-style-type:none;
}	

ul#mainnav li a
	{
		display:block;
		outline:none;
		height: 23px; width: 68px;
		background: transparent url('_elements/buttons.gif') no-repeat;
		margin: 70px 2px 0 0; padding: 0px;
	
	}
	ul#mainnav li#about a
	{
		width: 142px;
		background-position: -70px 0;
	}
	ul#mainnav li#projects a
	{
		width: 78px;
		background-position: -214px 0;
	}
	ul#mainnav li#blogs a
	{
		width: 68px;
		background-position: -295px 0;
	}
	ul#mainnav li#acknowledgements a
	{
		width: 154px;
		background-position: -365px 0;
	}
	ul#mainnav li#contact a
	{
		width: 78px; 
		background-position: -520px 0;
	}



ul#mainnav li a:hover
	{
		width: 68px;
		background-position: 0 -23px;
	
	}

	ul#mainnav li#about a:hover
	{
		width: 142px;
		background-position: -70px -23px;
	}
	ul#mainnav li#projects a:hover
	{
		width: 78px;
		background-position: -214px -23px;
	}
	ul#mainnav li#blogs a:hover
	{
		width: 68px;
		background-position: -295px -23px;
	}
	ul#mainnav li#acknowledgements a:hover
	{
		width: 154px;
		background-position: -365px -23px;
	}
	ul#mainnav li#contact a:hover
	{
		width: 78px; 
		background-position: -520px -23px;
	}
body#home li a
	{
		width: 68px;
		background-position: 0 -23px;
	
	}

	body#about li#about a
	{
		width: 142px;
		background-position: -70px -23px;
	}
	body#projects li#projects a
	{
		width: 78px;
		background-position: -214px -23px;
	}
	body#blogs li#blogs a
	{
		width: 68px;
		background-position: -295px -23px;
	}
	body#acknowledgements li#acknowledgements a
	{
		width: 154px;
		background-position: -365px -23px;
	}
	body#contact li#contact a
	{
		width: 78px; 
		background-position: -520px -23px;
	}

/* Other Pages Scroll */

#otherHeader
{
	margin: 0; padding: 0;
	clear:right;
	width: 780px;
	height: 180px;


}


.scroll 
{
	width: 595px;
    overflow: auto;
    overflow-x: hidden;
    position: relative; 
    float:right;
	padding: 0 0 100px 0;
}
	
.scrollContainer div.panel
{
	padding: 0; margin: 0;
	width: 595x; 
}

ul#SubNavi
{
	clear:both;
	float: right;
	margin:0; padding: 0;
}

	ul#SubNavi li
	{
		float:left;
		list-style-type:none;
		margin: 0 2px 0 0; padding: 0;

	
		height: 25px; 
		overflow-x: none;
		
	}	
	
	ul#SubNavi li a
	{
		display:block;
		outline:none;
		background: transparent url('_elements/sub_nav_bg.gif') repeat-x;
		font: 13px/140% "Helvetica", "Arial", sans-serif;
			color: #7d7d7d;
		text-decoration: none;

	}
	
	ul#SubNavi li a:hover
	{
		background: transparent url('_elements/sub_nav_bg.gif') 0 -25px repeat-x;

	}
	
	ul#SubNavi li a.selected
	{
		background: transparent url('_elements/sub_nav_bg.gif') 0 -25px repeat-x;

	}
	

.first_para{
	margin-top: 40px !important;
}

.section
{

	clear:both;
	margin:0;	padding: 30px 0 0 0;
	width: 595px;
	inherit: none;
	position: relative;
}

.sub_section
{
	display:  block;
	position: relative;
	clear:both;
	margin:0 0 10px 0;	padding: 10px 0 10px 0;
	border-bottom: dotted 1px #7d7d7d;
	
}

	
.text{
	position: relative;
	width: 340px;
	margin: 0 0 0 35px;
	float:left;
}
	.text p{
		padding: 10px 0 0 0;
	}
	


.text h1
{
	padding: 0; margin: 0;
	position: relative;
	left: -10px;
}

.text h2
{
	padding: 0; margin: 0;
	position: relative;

}

.text ul li{
	list-style: square outside url('_elements/bullet.gif');
	padding: 0 0 0.7em 0;
}
.side_text .quote
{
	position: relative;
	top: -10px;
	display: block;	
	background: transparent url('_elements/quote.gif') 0 0 no-repeat;

}
	.side_text .author {
		position: relative;
		top: 10px;

	}

.side_text{
	position: relative;
	width: 200px;
	display: block;
	margin: 45px 10px 0 0; padding:0;
	float:left;
}

/* platform images*/
.platform
	{ 
		width: 270px; height: 100px;
		background: #ffffff url('_img/platforms.jpg') no-repeat;
		margin: 0 0 20px 0;

	}

.amazon
	{ 
		background-position: 0 0;

	}
.wave
	{
		background-position: 0 -100px;
	}
.facebook
	{
		background-position: 0 -200px;
	}
	
/* fillers*/
.fillers
	{
		width: 210px; height: 120px;
		margin-top: 0px !important;
		vertical-align: top;
		border: 0;
	}
.showcase
{
	list-style-image: none !important;	
	list-style: none !important;

}


.showcase li{
	margin: 20px 0 20px -40px;
	border-bottom: 1px dotted #333333;
		list-style-image: none !important;	
	list-style: none !important;

}

.assign{
	min-height: 140px;
}