/*
	Long Division
	------------------------------------------------------------
	Last Updated: Tuesday, 29th September 2009
	-------------------------------------------------------------
*/


/*	Body Styles */

	body {
		margin:0;
		padding:0;
		background:url(../_images/graphics/bg.gif) repeat;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	a{
	}
	
	a img{
		border:0;
	}


/* structure */
	
	#contain{
		width:900px;
		background:url(../_images/graphics/overlay_bg.png) no-repeat;
	}
	
	#left{
		width:280px;
		float:left;
		margin:0 40px 0 0;
	}
	
	#right{
		width:580px;
		float:right;
		padding:179px 0 0 0;
	}
	
	#cleaner{
		clear:both;
	}
	
	
	
/* left */

	#long_division{
		width:280px;
		height:139px;
		margin:0 0 40px 0;
	}
	
	#holster{
		width:276px;
		margin:0 40px 0 0;
		border-right:4px solid #4E596D;
		
	}
	
	#navigation{
		width:276px;
		height:115px;
		margin:0 0 288px 0;
	}
	
	#menu{
		width:236px;
		height:115px;
		margin:0 40px 0 0;
		list-style-type:none;
		padding:0;
		float:right;
	}
	
	#menu_about a{
		width:83px;
		height:26px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0 0 6px 153px;;
		padding:0;
		background:url(../_images/graphics/menu_about.png) no-repeat;
	}
	
	#menu_about a:hover{
		background:url(../_images/graphics/menu_about_hover.png) no-repeat;
	}
	
	#menu_about_selected{
		width:86px;
		height:26px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0 0 6px 150px;;
		padding:0;
		background:url(../_images/graphics/menu_about_selected.png) no-repeat;
	}
	
	
	
	
	#menu_portfolio a{
		width:116px;
		height:33px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0 0 0 120px;
		padding:0;
		background:url(../_images/graphics/menu_portfolio.png) no-repeat;
	}
	
	#menu_portfolio a:hover{
		background:url(../_images/graphics/menu_portfolio_hover.png) no-repeat;
	}
	
	#menu_portfolio_selected{
		width:120px;
		height:33px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0 0 0 116px;
		padding:0;
		background:url(../_images/graphics/menu_portfolio_selected.png) no-repeat;
	}
	
	
	#menu_contact a{
		width:108px;
		height:26px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0 0 2px 128px;
		padding:0;
		background:url(../_images/graphics/menu_contact.png) no-repeat;
	}
	
	#menu_contact a:hover{
		background:url(../_images/graphics/menu_contact_hover.png) no-repeat;
	}

	#menu_contact_selected{
		width:109px;
		height:26px;
		float:right;
		display:block;
		list-style-type:none;
		margin:0 0 2px 127px;
		padding:0;
		background:url(../_images/graphics/menu_contact_selected.png) no-repeat;
	}
	
	#copyright{
		width:149px;
		height:19px;
		padding:0 0 0 87px;
		clear:both;
		margin-right:40px;
	}
	
/* right */

	#about_me{
		width:580px;
		height:74px;
		margin-bottom:40px;
	}
	
	#about_me_2{
		width:580px;
		height:118px;
		margin-bottom:40px;
	}
	
	
	#about_details{
		width:580px;
		height:150px;
	}
	
	#overview{
		width:270px;
		height:150px;
		float:left;
	}
	
	#technical{
		width:270px;
		height:150px;
		float:right;
	}
	
	#thumbnail{
		padding:10px;
		background:url(../_images/portfolio/thumb_bg.png) repeat;
		width:160px;
		height:160px;
		float:left;
		margin:0 40px 0 0;
	}