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

* {
	margin:0px;
	padding:0px;
}

img { border-width:0px; }

body {
	background:#666666;
	font:12px/14px Georgia, "Times New Roman", Times, serif;
	color:#9d9fa2;
}

p, ul, ol { margin-bottom:14px; }
li { margin-bottom:7px; margin-left:22px; }

h1 {
	margin-bottom:7px;
	font-size:18px;
	text-transform:uppercase;
	color:#900;
	height:16px;
	overflow:hidden;
	letter-spacing:1px;
}

h2 {
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:14px;
}

	h1 + h2 { margin-top:-5px; }

a {
	text-decoration:none;
	color:inherit;
}

a:hover {
	color:#666666;
}

/* Site Layout */
#site {
	width:980px;
	height:687px;
	overflow:hidden;
	position:relative;
	background:white;
	margin:20px auto;
}

	#site_top, #site_btm {
		width:976px;
		border:2px solid #ccc;
		position:absolute;
	}

	#site_top {
		height:170px;
		top:0px;
		background:url(images/site_top_bg.jpg) no-repeat;
	}
	
		#logo {
			display:block;
			width:77px;
			height:111px;
			background:url(images/logo.png) no-repeat;
			position:absolute;
			top:30px;
			left:50%;
			margin-left:-38px;
			text-decoration:none;
		}
		
			* html #logo { background-image:url(images/logo.jpg); }
	
	#site_btm {
		height:24px;
		bottom:0px;
		background:url(images/site_btm_bg.jpg) no-repeat;
		font-size:8px;
		text-align:center;
		line-height:24px;
		text-transform:uppercase;
	}
	
	#site_nav {
		position:absolute;
		top:190px;
		right:20px;
		width:265px;
		height:456px;
		overflow:hidden;
	}
	
		#site_nav a {
			display:block;
			font-size:11px;
			line-height: 12px;
			color:#9d9fa2;
			padding-bottom:10px;
		}
		
			.h1 {
				font-size:20px;
				line-height:24px;
				color:black;
				text-transform:uppercase;
				display:inline-block;
				height:18px;
			}
			
			#site_nav a:hover { color:#666666; }
	
	#site_mid {
		width:658px;
		height:456px;
		border:2px solid #ccc;
		position:absolute;
		top:190px;
		left:20px;
		background:url(images/content_bg.jpg) no-repeat;
	}
	
		.content_btn {
			width:218px;
			height:38px;
			border-top:2px solid #ccc;
			display:inline-block;
			position:absolute;
			bottom:0px;
			background:url(images/btn_select.jpg) no-repeat;
			text-align:center;
			line-height:38px;
			color:#666;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			outline:none;
		}
		
			.content_btn.btn1 { left:0px; }
			.content_btn.btn2 { left:218px; border-left:2px solid #ccc; border-right:2px solid #ccc; }
			.content_btn.btn3 { right:0px; }
			
			.content_btn.selected, .content_btn.normal:hover { background-image:url(images/btn_selected.jpg); color:#ccc; }
			
		.content_box {
			position:absolute;
			right:20px;
			top:20px;
			width:410px;
			height:376px;
			overflow:hidden;
		}
		
		.content_nav {
			position:absolute;
			left:15px;
			top:70px;
			width:200px;
		}
		
			.content_nav a {
				display:block;
				font-size: 10px;
				text-transform:uppercase;
				font-weight:bold;
				color:#666666;
			}
			
				.content_nav a:hover { color:inherit; }
		
		.section, .content_box { display:none; }
		.box1, .sub1 { display:block; }
			

/* Home */
#home .content_box {
	right:92px;
	width:472px;
	height:auto;
	top:160px;
	font-size:11px;
}

	#home h1 {
		margin-bottom:8px;
		height:auto;
	}
	
	#home #logo.script_on { display:none; }
	

.images {
	text-align:center;
}

#portfoliosamples, #resumepdf, #resumeword {
	position: absolute;
	top: 300px;
}

#portfoliosamples {
	left: 50px;
}

#resumepdf {
	left: 269px;
}

#resumeword {
	left: 490px;
}