/**** Reset *****/
* {
	margin: 0;
	padding: 0;
}
.clear{
	clear:both;
}
.hidden{
	display: none;
}
/**********************************
 * 
 *  Core
 *  
 ********************************/
html {
	background: #fff;
}
	body {
		color: #333;
	 	font-size: 62.5%; 
	 	margin: 0 0 0 0;
		font-family: Lucida, sans-serif; 
	}
/**********************************
 * 
 *  Containers 
 *  
 ********************************/
#globalContainer { /*contains everything */
	width: 4620px;
	padding: 0 0 0 0;
	background: #fff url(../images/mir) repeat-y;
}
.container { /*contains everything except footer */
	width: 740px;
	float: left;
	margin-left: 140px;
	}	
#screenFade{
	width:100%;
	height: 100%;
	position: fixed;
	margin: 0 0 0 870px;
	background: url(../images/MIR_screen_fade.png) repeat-y top left;
	background-position: 0% 0%;
	background-attachment: scroll;
	z-index: 2;
}
#endBuffer{
	width: 2000px;
}
/**********************************
 * 
 *  Navbar
 *  
 ********************************/
.navbar {
	width: 740px;
	margin: 30px 0 0 0;
	padding-top: 5px;
	overflow: hidden;
}
.navbar a.home{ 
	 	width: 144px; 
		height: 30px;
		overflow: hidden;
		display:block;
		background: url(../images/MIR_logo.png) no-repeat top left;
		float:left;	
		margin-left: -4px;
	}
	.navbar a.home span { 
			display:none;
		}
	.navbar ul { 
	 	float: right; 
		margin-top: 14px;
		}
		.navbar ul li { 
		 	list-style: none; 
			margin: 0 2px; 
			float: left;
			display: block;
			}
		.navbar ul li a { 
			float: left;
			text-decoration: none;
			display: block; 
			font-size: 1.2em; 
			padding: 0 10px;
			color: #666;
		
			}	
		.navbar ul li a:hover{
			color: #aaa;
		}
		.navbar ul li a.current { 
			color: #57ae01;
		}	
/**********************************
 * 
 *  Layout Wrappers
 *  
 ********************************/

.layout {	/* contains sidebar & content */
	width: 740px;
	clear: both;
	overflow: hidden;
	margin: 50px auto 20px auto;
	background: #FFFFFF;
}
.contentLeft,
.contentRight {
	width: 260px;
	height: 410px;
	float:left; 	
	text-align: left;
}
.contentRight {
	width: 380px;
	margin: 0 0 0 88px;
}
/**********************************
 * 
 *  Footer
 *  
 ********************************/
.footer { 
 	clear: both;  
	width: 740px; 
	height: 35px; 
	text-align: center; 
	}
  	.footer p { 
		color: #666;
		font-size: 0.9em;
		text-align: left;
		padding: 10px 0 0 0;
	}
  	.footer a { 
	   	color: #000; 
	   	text-decoration: none;
		}
		.footer a:hover {
			color: #555;
			text-decoration: underline;
		}
/**********************************
 * 
 *  Home page
 *  
 ********************************/
#home div.intro{
	margin-top: 120px;
}
#home a#homeLinkResume,
#home a#homeLinkPortfolio{
 	position:absolute;
	top: 510px;
	font-size: 1.2em;
	color: #57ae01;
	letter-spacing:2px;
} 
#home a#homeLinkResume{
	left: 705px;
} 
#home a#homeLinkPortfolio{
	left: 795px;
}
/**********************************
 * 
 *  About page
 *  
 ********************************/
 #about a#hobbiesLink{
	width: 380px;
	position:absolute;
	top: 510px;
	font-size: 1.2em;
	color: #57ae01;
	letter-spacing:2px;
	text-align: right;
 }
 
/**********************************
 * 
 *  Portfolio page
 *  
 ********************************/
#portfolio div{
	background: #fff;
}
	#portfolio div img{
		border: none;
	}
 #portfolio .contentLeft ul{
 	list-style:none;
	margin: 0 0 20px 0;
 }
	 #portfolio .contentLeft ul li{
	 	font-size: 1.2em;
		margin: 0;
	 }
		  #portfolio .contentLeft ul li a{
		 	display: block;
			padding: 5px 0;
		 }
		 #portfolio .contentLeft ul li a.current{
			color: #57ae01;
		 }	 
#portfolio p.launch{
	text-align: right;
	font-size: 1.2em;
	padding-top: 5px;
}	
#portfolio h3.description{
	margin-top: 20px;
	padding-bottom: 5px;
}			 
#portfolio .contentRight div{
	display: none;
}
/**********************************
 * 
 *  Contact page
 *  
 ********************************/
#contact p.text {
	margin: 30px 0 0 0;
}
#contact table {
	margin: 50px 0 0 0;
	padding: 0;
	width: 250px;
}
#contact table a,
#contact table h3{
	margin: 0;
	padding: 0;
}