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

body {
	width:100%;
	margin:0 auto;
}


/*MAIN CONTENT DIVS*/
#header{
	background:#222;
	width:100%;
	height:50px;
	position:fixed;
	top:0;
	right:0;
	left:0;
	border-bottom:5px #eee solid;
}
#headerlogo{
	background:url(../images/resume/headerlogo.jpg) no-repeat;
	width:150px;
	height:50px;
	float:left;
}
#portcontainer{
	padding:50px 0 0 0;
	margin:0 auto;
}
#container{
	margin:0 auto;
}
#contact{
	width:426px;
	margin:0 auto;
}
#indexbox{
	width:426px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#indexboxtop{
	background:url(../images/resume/index_head.jpg) top left no-repeat;
	width:100%;
	height:180px;
}
#indexboxbottom{
	background:#e3f0f9;
	width:100%;
	height:290px;
}
#mainlinks{
	text-align:center;
	padding:50px 0 0 0;
}
#footer{
	clear:both;
	margin:0 auto;
}
#content{
	width:1024px;
	margin:0 auto;
}
.left{
	width:23%;
	float:left;
	text-align:right;
	padding:0 0 30px 0 ;
}
.right{
	width:75%;
	float:right;
	padding:0 0 30px 0 ;
}
.main{
	width:75%;
	margin:0 auto;
	padding:0 0 40px 0;
}
.clear{
	clear:both;
}
.float{
	float:left;
	width:244px;
}

/*CONTENT STYLING*/
hr{
	height:1px;
	background:#ddd repeat-x;
	color:#ddd;
	border:none;
}
h1{
	padding:20px 0 0 0;
	font-family:Arial;
	font-size:40px;
	color:#333;
	font-weight:normal;
	letter-spacing:-2px;
}
h2{
	font-size:13px;
	font-family:Helvetica;
	color:#777;
	font-stretch:condensed;
	font-weight:bold;
	}
.left p{
	font-family:Helvetica;
	font-size:11px;
	color:#777;
	line-height:15px;
	font-weight:normal;
}
.left a{
	text-decoration:none;
	font-family:Helvetica;
	font-size:11px;
	color:#aaa;
	font-weight:lighter;
}
.left a:hover{
	color:#000;
}
.right p.quote, .main p.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#666;
	font-style:italic;
	line-height:28px;
}
.right p.profile {
	font-family:Georgia;
	font-size:20px;
	color:#666;
	font-style:italic;
	line-height:28px;
}
.right p, .float .pfix, .main p{
	font-family:Arial;
	font-size:16px;
	color:#555;
	font-style:normal;
}
.right p a, .main p a{
	font-family:Arial;
	font-size:16px;
	color:#555;
	font-style:normal;
	text-decoration:none;
}
#contact p{
	font-family:Verdana;
	font-size:12px;
	color:#ececec;
	text-align:right;
}
#contact a{
	font-family:Verdana;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:.1em;
}
#contact a:hover{
	color:#333;
}
#mainlinks img {
	border:none;
	margin:20px 0 0 0;
}
.right img, .main img{
	border:none;
	float:left;
}
#header ul{
	text-align:right;
}
#header ul li{
	list-style:none;
	padding:0 20px 0 0;
	display:inline;
}
#header ul li a{
	text-decoration:none;
	font-size:14px;
	font-family:Arial;
	color:#ccc;
	font-weight:bold;
}
#header ul li a:hover{
	color:#eee;
}
.right ul, .main ul{
	text-align:left;
	margin:0 auto;
	padding:40px 0 0 0;
}

.right ul li, .main ul li{
	list-style:none;
	padding:0 20px 0 0;	
	display:inline;
	border:none;
}
.float h2{
	font-size:16px;
	font-weight:normal;
}
.float p, .right .small{
	font-size:14px;
	line-height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-style:italic;
}

.float ul{
	padding:0;
}
.float ul li{
	list-style:none;
	padding:0 0 10px 0;
	display:list-item;
	font-family:Helvetica;
	font-size:14px;
	color:#777;
	line-height:15px;
	font-weight:normal;
	
}
#footer ul{
	text-align:center;
	padding:40px 0 0 0;
}

#footer ul li{
	list-style:none;
	padding:0 10px 0 10px;	
	display:inline;
	border:none;
}

li.copyright{
	list-style:none;
	padding:0 10px 0 10px;	
	display:inline;
	font-size:10px;
	font-family:Verdana;
	color:#444;
	border-right:1px #333 solid;
}
#footer ul li a, .right ul li a, .main ul li a{
	text-decoration:none;
	font-family:Verdana;
	font-size:10px;
	color:#444;
	font-weight:bold;
}
#footer ul li a:hover, .right ul li a:hover, .main ul li a:hover{
	color:#000;
}

/* POPUP */
		.black_overlay{
			clear:both;
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width:100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: fixed;
			margin:0 auto;
			top:0;
			width:100%;
			z-index:1002;
		}
		.white_content img{
		}