* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

html {
	overflow-y: scroll;
}

body {
	font: 62.5% "Georgia", Garamond, Times New Roman, serif;
}

ul {
	list-style: none inside;
}

p {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 1.2em;
}

a {
	outline: none;
}

a img {
	border: none;
}

#wrap {
	width: 730px;
	margin: 0 auto;
/* ---------- GRID GUIDE BKGD IMAGE
		background-image: url(../img/grid-layout.gif);
		background-position: top center;
		background-repeat: repeat-y;  
---------------  END GRID GUIDE BKGD IMAGE */
}

#header {
	}
	#preheader {
		height: 15px;
		position:absolute; 
		background-color: #000000;
		}
		#language {
			font-family: Helvetica, Verdana, Tahoma, sans-serif;
			font-weight: bold;
			width: 130px;
			margin-left: 600px;
		}
		#language ul {
			height: 15px;
		}
		#language li {
			display: inline;
			width: 50px;
			padding: 2px 10px;
		}
		#language a {
			text-decoration: none;
			color: #ffffff;
		}
		#language a:hover, #language a.active {
			color: #ffe343;
		}
	#masthead {
		height: 60px;
		}
		#logo {
			display: block;
			float: left;
			margin: 22px 0 0 10px;
			width: 230px;
			height: 38px;
		}
	#global-nav {
		height: 50px;
		border-bottom: solid 4px #000000; 
		font-size: 170%;
		}
		#nav-items {
			display: block;
			padding: 0.8em 1em;
		}
		#nav-items li {
			margin: 0 1em;	
			display: inline;
		}
		#nav-items a {
			text-decoration: none;	
			color: #9b9b9b;
		}
		#nav-items a:hover, #nav-items a.active {
			color: #b02326;
			text-decoration: underline;
		}
	#level2 {
		background: #e8e8e8;
		height: 50px;
		font-size: 120%;
		}
		#level2-nav {
			margin-left: 85px;
			display: block;
			padding: 1.5em 2em;
		}
		#level2-nav li {
			margin: 0 1em;	
			display: inline;
		}
		#level2-nav a {
			text-decoration: none;	
			color: gray;
		}
		#level2-nav a:hover, #level2-nav a.active {
			color: #b02326;
			font-weight: bold;
		}

#content{
	}
	#main-home {
		width: 490px;
		float: left;
		}
		#home-imgs {
			margin: 5px;
		}
		a.gallery {
			display:inline;
			color:#000; 
			float: left;
			text-decoration:none; 
			margin:5px 5px; 
			position:relative; 
			}
			#home-portfolio{
				width: 230px;
				height: 170px;
				background: url(../img/home-portfolio.jpg) 0 top;
				}
				#home-portfolio:hover{
					background-position: 0 bottom;
				}
			#home-resume{
				width: 230px;
				height: 170px;
				background: url(../img/home-resume.jpg) 0 top;
				}
				#home-resume:hover{
					background-position: 0 bottom;
				}
			#home-writing{
				width: 230px;
				height: 170px;
				background: url(../img/home-writing.jpg) 0 top;
				}
				#home-writing:hover{
					background-position: 0 bottom;
				}
			#home-me{
				width: 230px;
				height: 170px;
				background: url(../img/home-me.jpg) 0 top;
				}
				#home-me:hover{
					background-position: 0 bottom;
				}
			#home-imgs_esp {
			margin: 5px;
				}
			#home-portfolio_esp{
				width: 230px;
				height: 170px;
				background: url(../img/home-portfolio_sp.jpg) 0 top;
				}
				#home-portfolio_esp:hover{
					background-position: 0 bottom;
				}
			#home-resume_esp{
				width: 230px;
				height: 170px;
				background: url(../img/home-resume_sp.jpg) 0 top;
				}
				#home-resume_esp:hover{
					background-position: 0 bottom;
				}
			#home-writing_esp{
				width: 230px;
				height: 170px;
				background: url(../img/home-writing_sp.jpg) 0 top;
				}
				#home-writing_esp:hover{
					background-position: 0 bottom;
				}
			#home-me_esp{
				width: 230px;
				height: 170px;
				background: url(../img/home-me_sp.jpg) 0 top;
				}
				#home-me_esp:hover{
					background-position: 0 bottom;
				}
		
	#main {
		}
		#main-content {
			padding: 5px;
			margin: 5px;
			}
			#main-content h1 {
				font-size: 250%;
				color: #979797;
			}
			#main-content h2 {
				font-size: 180%;
				padding: 0 0 0 0.3em;
			background-color:#dedede;
			}
			#main-content p {
					font-size: 170%;
					padding: 0.3em;
			}
		#main-resume {
			background-color: #eee;
			padding: 10px;
			}
			#main-resume h2 {
				color: #aaa;
				padding: 0 0 10px 0;
				font-size: 190%;
			}
			#main-resume p {
				font-family: Verdana, arial, tahoma, sans-serf;
				font-size: 120%;
				}
			#main-resume ul {
				font-family: Verdana, arial, tahoma, sans-serf;
				padding: 0 1em 2em 2em;
				font-size: 120%;
				list-style: square outside;
			}
		#contact-style {
			width: 450px;
			margin: 0 0 0 60px;
			padding: 10px;
			background-color: #eee;	
			}
			#contact-style p {
				font-size: 1.2em;
				font-weight: bold;
				color: #9c9c9c;
			}
			#contact-style .field{
				font-size: 20px;
				font-family: Georgia, Garamond, Times, Times New Roman, serif;
				padding: 0 0 0 1em;
			}
			#contact-style .message {
				font-size: 15px;
				padding: 0 0 0 1em;
			}
			#contact-style .button {
				float:left; 
				width:7.0em; 
				margin-right: 60px; 
				padding:1px; 
				border:solid 1px #a7a6aa;
				background:#ffffff; 	
				text-align:center; 
				font-family:garamond, georgia, serif;
				font-size:110%;
			}
			#contact-style .button:hover {
				cursor: pointer; 
				border:solid 1px #c0c0c0; 
				background-color: #000; 
				color: #fff;
			}
			#contact-style span {
				color: #C60000;
				font-weight: normal;
			}

.description{
	width: 660px;
	height: 130px;
	margin-bottom: 10px;
	padding: 10px 0 0 50px;
	position: relative;
	border-bottom: 2px solid #c0c0c0;
	font-size: 0.7em;
	}
	.description p{
		font-family: verdana, sans-serif;
		width: 280px;
		margin: 0 0 0 9px;
		float: left;
	}
	
	#angf-img, #searchbanner-img , #customizeusecase-img, #usabilitytest-img, #appflow-img, #ceviche-img, #communicationbus-img, #ugly-img, #princesses-img{
		width: 230px;
		height: 110px;
		margin: 0 0 0 10px;
		border: solid 1px #c0c0c0;
		float: left;
		}
		#angf-img{
			background: url(../img/angf-img.jpg) 0 top;	
		}
		#angf-img:hover{
			background-position: 0 bottom;
		}
		#searchbanner-img {
			background: url(../img/searchbanner-img.jpg) 0 top;	
		}
		#searchbanner-img:hover{
			background-position: 0 bottom;
		}
		#customizeusecase-img {
			background: url(../img/customizeusecase-img.jpg) 0 top;	
		}
		#customizeusecase-img:hover{
			background-position: 0 bottom;
		}
		#usabilitytest-img {
			background: url(../img/usabilitytest-img.jpg) 0 top;	
		}
		#usabilitytest-img:hover{
			background-position: 0 bottom;
		}
		#appflow-img {
			background: url(../img/appflow-img.jpg) 0 top;	
		}
		#appflow-img:hover{
			background-position: 0 bottom;
		}
		#ceviche-img {
			background: url(../img/ceviche-img.jpg) 0 top;	
		}
		#ceviche-img:hover{
			background-position: 0 bottom;
		}
		#communicationbus-img {
			background: url(../img/communicationbus-img.jpg) 0 top;	
		}
		#communicationbus-img:hover{
			background-position: 0 bottom;
		}
		#ugly-img {
			background: url(../img/ugly-img.jpg) 0 top;	
		}
		#ugly-img:hover{
			background-position: 0 bottom;
		}
		#princesses-img {
			background: url(../img/princesses-img.jpg) 0 top;	
		}
		#princesses-img:hover{
			background-position: 0 bottom;
		}
	
	#seemore {
		width: 110px;
		height:37px;
		margin: 40px 0 5px 3px;
		float: right;
		background: url(../img/seemore_button.gif) 0 top;
	}
	#seemore:hover {
		background-position: 0 bottom;
	}

.overview a{
	text-decoration: none;
	color: #c0c0c0;
	}
	.overview a:hover{
	color: #000;
	border-bottom: 2px #c0c0c0 solid;
	}

#thumbnail-gallery {
	width: 810px;
	}
	.thumbnail {
		width: 110px;
		height: 80px;
		float: left;
		padding: 0 10px 10px 0;
	}
	
		#sidebar {
		width: 240px;
		float: right;
		}
		#sidebar-content {
			width: 225px;
			margin: 15px 5px 5px 5px;
			}
			#sidebar-content h1 {
				font-size: 250%;
				color: #979797;
				padding: 0 0 10px 0;
			}
			#sidebar-content p {
				font-size: 165%;
				font-style: italic;
			}			
img.Floatright {
	float: right;
	border: 2px solid #c0c0c0;
	margin: 1px;
	padding: 4px;
}

#bullet-list {
	width: 600px;
	padding: 0 0 20px 60px;
	font-size: 1.7em;
	}
	#bullet-list li {
		display:list-item; 
		list-style:disc url(bullet.gif) outside;
		font-family: garamond, georgia, serif;
	}

#footer {
	margin-top: 5px;
	height: 50px;
	background-color: #c0c0c0;
	}
	#footer p {
		padding: 10px;
		color: #000;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 90%;
	}
	#footer a {
		text-decoration: none;
		color: #000;
		}
		#footer a:hover, #footer a:visited {
			text-decoration: underline;
		}