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

/* CONTENTS
==================================== 
== DEFAULT
== LAYOUT ELEMENTS
== LINKS AND NAVIGATION
== FORM ELEMENTS
== TYPOGRAPHY

#4cbba5 = teal
#a6a6a6 = dark gray
#c1c1c1 = lighter gray
#7c29a3 = purple

==================================== */


/* **************************************************** */
	/* DEFAULT */
/* **************************************************** */

html, body{ 
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
	background: #ffffff;
	color:#000;
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:1.2em;
 }

h1, h3, h4{
}

h2{
	display:inline;
	font:bold 2.5em Arial, Helvetica, sans-serif;
}

/* **************************************************** */
	/* LAYOUT ELEMENTS */
/* **************************************************** */

#container{
	width:100%;
	min-width:750px;
}

#wrapper{
	width:100%;
}
 
#header{
	background:#a6a6a6 url(../img/headerBG.gif) repeat-x;
	position:relative; 
	height:68px; 
	width:100%;
} 

	#logo{
		 position: absolute;
		 bottom: 0px;
		 left: 0px; 
	}

#mainColumn{
	display:inline; 
	width:100%;
	height:100%;
	background-color: #ffffff;
	float: right;
}

	#content{
		width:70%;
		margin: 30px auto auto auto;
		text-align:justify;
		min-height:200px;
		height:auto;
	}
	
	#bottomRight{
		float:right;
		bottom:0;
		right:0;
		padding-top:15px;
	}
	
	#content p{
		display:block;
	}

	.aboutme li{
		position:relative;
		left:20px;
		list-style-image: url(../img/bullet1.gif);
	}
	
	.resumeContent{
		padding-left:20px;
		line-height:1.4em;
	}
	
	.resumeHeaders{
		width:100%;
		background-color:#c1c1c1;
		text-align:right;
		font-size:1.8em;
		line-height:0.75em;
		font-weight:bold;
		color:#6d6e71;
		padding:10px 5px 0 0;
		margin:20px 0;
		clear:both;
	}
	
	#resumeList{
		width:70%;
		background-color:#fff;
		margin:0 auto;
		padding-bottom:40px;
	}
	.resumeList ul{
		width:70%;
		margin:0 auto;
		list-style-type:disc;
	}
	.resumeList li{
		float:left;
		width:50%;
	}
 
#footer{
	height:440px; 
	background-color:#a6a6a6;
	clear:both;
} 

	#footerBGstretch{
		position:absolute;
		z-index:0;
		width:100%;
	}

	#footerContent{
		position: absolute;
		margin-top: 1.5em;
		left: 2%;
		width: 94%;
	 } 
	 
	.twitterWidg{
	width: 62%;
	min-height: 361px;
	margin-left:1.3em;
	padding:0.5em;
	opacity:0.7;
	filter:alpha(opacity=70);
	}
	
	#contactBox{
		width: 32%;
		height: 336px;
		background-color: transparent;
		color: #000;
		position: relative;
		float: right;
		margin:.5em 0 1em 0;
		display:block;
	}
	
		#contactBox img{
			height:100%;
			width:100%;
		}
		
		#contactContent{
			width:90%;
			height:312px;
			position:absolute;
			left:0;
			top:0;
			margin-top:10px;
			margin-left:2%;
			padding:19px;
		}
		
			.contactContent{
				line-height:1.2em;
				margin:10px 0 0 5px;
				padding:19px;
			}
			
			.contactReq{
				color:#7c29a3;
				font-weight:bold;
			}
 
#stretch{
	width:100%;
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
	min-height:400px;
	clear:both;
}

#stretch img{
	width:100%;
	min-height:400px;
}


#leftFloat{
	float:left;
	min-height:400px;
	padding-right:2%;
}
#leftFloatnoheight{
	float:left;
	padding-right:2%;
}


/* **************************************************** */
	/* LINKS AND NAVIGATION */
/* **************************************************** */

a{
	color: #4cbba5;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;	
}

a.content:hover{
	color: #ffffff;
	background-color:#4cbba5;
}

#mainNav{
	width: 405px;
	height: 35px;
	position: absolute;
	bottom: -2px;
	right: 15px;
	color: #ffffff;
	font-size: 16px;
	padding-bottom:5px;
	margin:0;
}

	#mainNav li{
		height: 37px;
		display:inline;
		list-style:none;
		margin:0;
	}
	
	#mainNav li.current a{
		height: 37px;
		border-top: 0.4em solid white;
		background-color: #ffffff;
		color: #4cbba5;
	}
	
	#mainNav li a{
		height: 37px;
		text-decoration:none;
		display:inline;
		padding:0.4em;
		color:#ffffff;
	}
	
	#mainNav li a:hover{
		height: 37px;
		border-top: 0.4em solid white;
		background-color: #ffffff;
		color: #4cbba5;
	}


/* **************************************************** */
	/* FORM ELEMENTS */
/* **************************************************** */

#contactContent label{
	font-weight:bold;
}

#contactContent input, #contactContent textarea{
	color:#000;
	width: 90%;
	max-height:70px;
	margin-top:5px;
	border:1px solid #fff;
}

#contactContent textarea{
	width: 90%;
	border:1px solid #fff;
	scrollbar-arrow-color:#7c29a3;
	scrollbar-3dlight-color:#fff;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
}

#contactContent .submit{
	width:100px;
	height:26px;
	font-weight:bold;
	border:1px solid #7c29a3;
	background-color:#7c29a3;
	color:#fff;
	/*color:#4cbba5;*/
	margin:5px 0;
}

.contactPG label{
	font-weight:bold;
}

.contactPG input, .contactPG textarea{
	color:#000;
	width: 55%;
	margin-top:5px;
	border:1px solid #ccc;
}

.contactPG textarea{
	min-height: 70px;
	margin-top:5px;
	scrollbar-arrow-color:#4cbba5;
	scrollbar-3dlight-color:#fff;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
}

.contactPG .submit{
	width:100px;
	height:26px;
	font-weight:bold;
	border:1px solid #4cbba5;
	background-color:#4cbba5;
	color:#fff;
	margin:5px 0;
}


 
/* *** Float containers fix: *** */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */