/* Base Styles */
body,div,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote, td, th	{ 
	font-family:"Century Gothic", "trebuchet ms", "verdana", sans serif ;
}

body {
	background: #2C778C url(/images/2010/site_bkd01.gif) left top repeat-x;
	font-size:.75em;
}

h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.3em;
}
.link{
	cursor:pointer;
	width:18px;
	height:18px;
	
}
.linkActive{
	cursor:pointer;
	width:22px;
	height:22px;
	}
	
	#resImage.link{
	cursor:pointer;
	width:19px;
	height:19px;
	
}
#resImage.linkActive{
	cursor:pointer;
	width:25px;
	height:25px;
	}

ul li span {
	color:#EFD38F;
	padding:0px 2px;
}
.callout{
	margin:7px;
	font-size: .9em;
	line-height: 1.2em;
}
/* Content areas */
	#pageContent {
		overflow:visible;
		width:1075px;
		margin: auto;height:100%;
	}
	/* group1 is the left content area */
		.group1 {
			position:absolute;
			top:0px;
			width:700px;
		}
			.group1 h3 {
			color:#CF7328;
			position: absolute;
			}
			#profileText {
				color:#fff;
				margin:10px 0px 10px 80px;
				padding:20px;
			}
				#profileText span {
					_xtext-transform:uppercase;
					font-size: 1.5em;
					font-variant:small-caps;
				}
				#logo {
					float: right;
					padding-top:5px;
				}
				
			#titleBar {
				color:#152B3E;
				background: #85A3C2;
				font-size:1.5em;
				height:40px;
				line-height: 40px;
				margin-left:80px;
				text-align: center;
			}
				#titleBar span{
					font-weight:bold;
					padding:0px 10px;
				}
			
			#portfolio {
				background:#fff;
				padding:10px;
				overflow: auto;
				
			}
				#thumbox {
					min-height:350px;
				}
			
				#portfolio h1 {
					color:#85A3C2;
					position: absolute;
				}

				#portfolioinstructions {
			        color:#153D3E;
			      	width:580px;
			   		font-size: 10px;
			   		text-align: right;
			    	position: absolute;
			    }
				#portfolioinstructions span {
				 white-space: nowrap;
				 display: block;
				}
    
				#portfolioTabs {
					font-size: 11px;
				   	position: absolute;
				   	z-index: 2;
				   	margin-left:100px;
				   	height:30px;
				   	padding-top: 5px;
				}
				#portfolioTabs a:link,#portfolioTabs a:visited {
					color: #F47000;/*6E9F9A*/
					text-decoration: none;
					padding:0px 4px;
					outline-style: none;
				}
				
				#portfolioTabs a:hover,#portfolioTabs a:active{
					color: #15E5D0;
					background: #000;
					outline-style: none;
				}
		/* group2 is the right content area */
		.group2 {
			height:100%;
			width:375px;
			float: right;
		}
		
			#toolbox {
				background:#CF7328;
				color:#EFD38F;
				position:absolute;
				top:0px;
				width:215px;height:100%;
				overflow:visible;
			}
				#toolbox h1{
					padding:10px 0 0 10px;
				}
				#toolbox h2{
					padding:5px 10px;
				}
				#toolbox ul {
					list-style: none;
				 	margin-left:10px;
				 	padding-left:14px;
				 	border-left:1px solid #EFD38F;
				}
					#toolbox li{
						color:#ffffff;
					}
				
			.group2 .right {
				position: relative;
				top:50px;
				float:right;
				height:300px;
				width: 160px;
			}
				.contact {
					background: #FFA22E;
					border:1px solid #FFA22E;
					float:left;
					height:188px;
					position: relative;
					text-align: center;
					width: 32px;
					position: relative;
					top:0px;
				}
				
				.contactActive {
					background: #FFD731;
					border:1px solid #CF7328;
					float:left;
					height:188px;
					position: relative;
					text-align: center;
					width: 42px;
					position: relative;
				}
				
				#contact img,
				#resume img {
					padding:5px 5px 0px 5px;
					position: relative;
					vertical-align: bottom;
					;
				}
				#contact h1 img,
				#resume h1 img {
					padding:30px 0 10px 0;
				}
				.resume {
					background: #ACB076;
					border:1px solid #ACB076;
					float:left;
					height:148px;
					position: relative;
					top:40px;
					text-align: center;
					width: 32px;
				}
				.resumeActive {
					background: #FFD731;
					border:1px solid #CF7328;
					float:left;
					height:148px;
					position: relative;
					top:40px;
					text-align: center;
					width: 42px;
				}
				#resume h1 img {
					padding:40px 0 8px 0;
				}
				
				#websites {
					clear:both;
					overflow:hidden;
					width:160px;
				}
				
				.websites {
					background:#2A5657;
					color:#85C2B4;
					height:220px;
				}
				.websitesActive {
					background:#173E56;
					color:#78CFF4;
					height:260px;
				}
					#websites h1{
						padding:5px 0 0 15px;
					}
						#websites a:link, #websites a:visited {
						color:#53B3A8;
						text-decoration:none;
						display: block;
						outline-style: none;
						padding-left:15px;
					}
					#websites a:hover, 
					#websites a:active {
						background:#000000 none repeat scroll 0 0;
						color:#15E5D0;
						outline-style: none;
					}
/* toolbox paragraphs */
#toolbox .callout {
	height:12px;
	overflow:hidden;
}
#toolbox .callout a{
	display:block;
	cursor:pointer;
}
#toolbox .callout a:hover{
color:#FFD731;}

#toolbox .callout.active a{
	display:none;
	cursor:pointer;
}

#toolbox .callout.active{
	cursor:pointer;
}