@charset "utf-8";
/* CSS Document */

*{
	border:none;
}

body{
	background:#000 url(images/bgStatic.jpg) repeat 0 0;
	margin:0;
	padding:0;
	color:#fff;
}

a{font-family:helvetica, arial,sans-serif;}
a:link{ color: #999; font-weight: bold;}
a:visited{ color: black; background-color: white;}
a:hover{ color:#fff; text-decoration: line-through;}


#wrapper{
	width:960px;
	margin:0 auto;
	height:800px;

}

	#header{
		height:300px;
		width:960px;
		background:url('') no-repeat top left;
		position:relative;
		overflow:hidden;
	}
	
		#header .foreground{
			position:absolute;
			top:350px;
			z-index:100;
		}
		
		#sliders{
			overflow:hidden;
		}
		
		#sliders>*{
			display:none;
		}
		
		#introMessage{
			position:relative;
			z-index:0;
			top:100px;
			text-align:center;
			width:500px;
			margin-left: auto;
			margin-right: auto;
		}
		
			#introMessage h1{
				font-family:helvetica, arial,sans-serif;
				color:#fff;
				background: #000;
				padding:10px;
				font-size:70px;
				letter-spacing:-2px;
			}
		
		.speechBox{
			position:absolute;
			top:366px;
			z-index:90;
			height:255px;
			width:598px;
			background:url('images/speechBox.png') no-repeat top center;
		}
		
			.speechBox-pad{
				padding:12px 55px 12px 36px;
			}
			
			.speechBox-pad p{
				font-family:"hevetica", arial, sans-serif;
				font-size:25px;
				margin-top: 0;
				margin-left: 2px;
				margin: 0 0 12px 2px;
			}
			
			.speechBox-pad h2{
				color:#FFF;
				font-family:helvetica, arial, sans-serif;
				font-size:90px;
				margin:0;
				padding:0;
				margin-left: -3px;
			}
			
			.speechBox-pad ul li{
				list-style: square outside;
				color: #fff;
				margin-left: -40px;
			}
			
		.mePopup{
			position:absolute;
			top:500px;
			left:550px;
			z-index:90;
			height:907px;
			width:400px;
			background:url('images/mePopup.png') no-repeat bottom center;
			padding:20px;
		}
		
		#menu{
			text-align:left;
			background-color: #000;
			padding:0;
			margin:0;
		}
		
		
			
		#content h2, #content p{
			margin:0 0 12px 0;
					
		}

		#content ul{
			font-family: helvetica, arial, sans-serif;
			font-size: 15px;
			list-style: square outside;
		}
		#content ul li{
			margin-bottom: 12px;
		}

		#contentWrap{
			text-align:left;
			background-color: #000;
			padding:1px 45px 12px 38px;
		}
		
			#contentWrap h2{
				color:#FFF;
				font-family: helvetica, arial, sans-serif;
				font-size:26px;
				letter-spacing:-1px;
				margin-bottom:3px;
				
			}
			
			#contentWrap p{
				color:#FFF;
				font-family: "helvetica", arial, sans-serif;
				font-size:15px;
			}

	
/*
#nav {
	list-style: none;
	padding: 0;
	margin: 10px 0 20px 0;
	background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	padding: 10px 20px;
	color: white;
	text-decoration: none;
}
#nav li a:hover {
	background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}

*/

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}


.italic{font-style: italic;}

#nav { list-style: none; padding: 0; margin:0;}
#nav li { float: left; margin: 0;}
#nav a * { display: none;}
#nav a {display: none;}
#nav a, #nav a .hover { height: 80px; position: relative; display: block; background: url(images/nav.png) 0 0 no-repeat; }

#nav a.home 	{background-position: 0 0; width: 160px; }
#nav a.portfolio{background-position: -160px 0px; width: 240px; }
#nav a.resume	{background-position: -400px 0px; width: 186px; }
#nav a.contact 	{background-position: -586px 0px; width: 210px; }
#nav a.blog 	{background-position: -796px 0px; width: 154px; }

/* .highlight will be remove if JS is enabled */
#nav .highlight a.home:hover, #nav a.home .hover 			{background-position: 0 -80px; width: 160px; }
#nav .highlight a.portfolio:hover, #nav a.portfolio .hover 	{background-position: -160px -80px; width: 240px; }
#nav .highlight a.resume:hover, #nav a.resume .hover 		{background-position: -400px -80px; width: 186px; }
#nav .highlight a.contact:hover, #nav a.contact .hover 		{background-position: -586px -80px; width: 210px; }
#nav .highlight a.blog:hover, #nav a.blog .hover 			{background-position: -796px -80px; width: 154px; }

.italic{font-style: italic;}
.smallExplain{font-size: 8px; font-style: italic;}
.clear { clear: both; }
.displayInline{display:inline;}










  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.center {margin-left: auto; margin-right: auto;}

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->