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

html {
	overflow-y: scroll;
}

body {
	background: #106b36;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 20px;
}

	#whitebg {
		background: #FFFFFF;
		background-image: url('logo.png');
		background-repeat: no-repeat;
		background-position: center bottom;
		height: 130px;
	}
	
	#vided {
		padding-bottom: 0px;
		background: #106b36;
		background-image: url('vided.png');
		background-repeat: no-repeat;
		background-position: right top;
		height: 32px;
		width: 800px;
		margin: 0px auto;
	}
	
	#navbar {
		width: 800px;
		margin: 0px auto;
	}

		#navbar ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
			line-height: 30px;
		}
		
			#navbar li {
				float: left;
				font-size: 24px;
			}
				
				#navbar li.c-reel {
					width: 18%;
					background-color: white;
					font-weight: bold;
					-moz-border-radius-topleft: 8px;
					border-top-left-radius: 8px;
				}
				
				#navbar li.nc-reel {
						width: 18%;
						background-color: #106b36;
						color: white;
					}
				
						#navbar a.c-reel {
							display: block;
							text-decoration: none;
							padding: 10px 20px 10px 20px;
							color: black;
						}
						
						#navbar a.c-reel:hover {
							background-color: white;
							text-decoration: none;
							color: black;
							-moz-border-radius-topleft: 8px;
							border-top-left-radius: 8px;
						}
						
								#navbar a.nc-reel {
									display: block;
									text-decoration: none;
									padding: 10px 20px 10px 20px;
									color: white;
								}
						
								#navbar a.nc-reel:hover {
									background-color: white;
									text-decoration: none;
									color: black;
									-moz-border-radius-topleft: 8px;
									border-top-left-radius: 8px;
								}

				#navbar li.c-projects {
					width: 18%;
					background-color: white;
					font-weight: bold;
				}
				
				#navbar li.nc-projects {
						width: 18%;
						background-color: #106b36;
						color: white;
					}
				
						#navbar a.c-projects {
							display: block;
							text-decoration: none;
							padding: 10px 20px 10px 20px;
							color: black;
						}
				
						#navbar a.c-projects:hover {
							background-color: white;
							text-decoration: none;
							color: black;
						}

								#navbar a.nc-projects {
									display: block;
									text-decoration: none;
									padding: 10px 20px 10px 20px;
									color: white;
								}
						
								#navbar a.nc-projects:hover {
									background-color: white;
									text-decoration: none;
									color: black;
								}

				#navbar li.c-resume {
					width: 18%;
					background-color: white;
					font-weight: bold;
				}
				
				#navbar li.nc-resume {
						width: 18%;
						background-color: #106b36;
						color: white;
					}
				
						#navbar a.c-resume {
							display: block;
							text-decoration: none;
							padding: 10px 20px 10px 20px;
							color: black;
						}
				
						#navbar a.c-resume:hover {
							background-color: white;
							text-decoration: none;
							color: black;
						}

								#navbar a.nc-resume {
									display: block;
									text-decoration: none;
									padding: 10px 20px 10px 20px;
									color: white;
								}
						
								#navbar a.nc-resume:hover {
									background-color: white;
									text-decoration: none;
									color: black;
								}

				#navbar li.c-contact {
					width: 18%;
					background-color: white;
					font-weight: bold;
					-moz-border-radius-topright: 8px;
					border-top-right-radius: 8px;
				}
				
				#navbar li.nc-contact {
						width: 18%;
						background-color: #106b36;
						color: white;
					}
				
						#navbar a.c-contact {
							display: block;
							text-decoration: none;
							padding: 10px 20px 10px 20px;
							color: black;
						}
				
						#navbar a.c-contact:hover {
							background-color: white;
							text-decoration: none;
							color: black;
							-moz-border-radius-topright: 8px;
							border-top-right-radius: 8px;
						}

								#navbar a.nc-contact {
									display: block;
									text-decoration: none;
									padding: 10px 20px 10px 20px;
									color: white;
								}
						
								#navbar a.nc-contact:hover {
									background-color: white;
									text-decoration: none;
									color: black;
									-moz-border-radius-topright: 8px;
									border-top-right-radius: 8px;
								}

			#navbar a {
				display: block;
				text-decoration: none;
				padding: 10px 20px 10px 20px;
				color: black;
			}

				#navbar a:hover {
					background-color: white;
					text-decoration: none;
					color: black;
				}
				
				#navbar a:visited {
				
				}

		#navbar-padding {
			padding-bottom: 20px;
		}

#container {
	width: 800px;
	margin: 0px auto 0px auto;
	text-align: left;
	padding-bottom: 40px;
	background: #ffffff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-border-radius-topleft: 0px 0px;
	border-top-left-radius: 0px 0px;
}

		h1 {
			font-size: 28px;
			font-weight: bold;
			padding: 20px 40px 0px 40px;
		}
		
			h1.projects {
				font-size: 28px;
				font-weight: bold;
				padding: 20px 40px 0px 40px;
			}
		
		h2 {
			font-size: 28px;
			font-weight: bold;
			padding: 40px 40px 0px 40px;
		}
		
		h3 {
			
		}
		
		p {
			padding: 20px 40px 0px 40px;
		}
		
			p.footer {
				margin: 0px auto;
				width: 800px;
				color: white;
				text-align: center;
			}
		
			a.footer {
				text-decoration: none;
				color: white;
			}
		
				a.footer:hover {
					text-decoration: underline;
					color: white;
				}
			
				a.footer:visited {
				
				}
		
		a {
			text-decoration: underline;
			color: black;
		}
		
			a:hover {
				text-decoration: none;
				color: black;
			}
			
			a:visited {
				
			}
			
#resume {
	width: 800px;
	margin: 0px auto;
}

	#resume ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
	}
		
		#resume li {
				float: left;
				font-size: 20px;
				width: 33%;
				background-color: white;
				color: black;
				-moz-border-radius: 8px;
				border-radius: 8px;
		}
		
		#resume a {
				display: inline;
				text-decoration: underline;
				padding: 10px;
				color: black;
				background-color: white;
				-moz-border-radius: 8px;
				border-radius: 8px;
			}

				#resume a:hover {
					background-color: #106b36;
					text-decoration: none;
					color: white;
					-moz-border-radius: 8px;
					border-radius: 8px;
				}

#greenbar {
	width: 760px;
	margin: 0px auto 30px auto;
	background-color: #106b36;
	height: 10px;
}

#resumecontainer {
	background: #FFFFFF;
	font-family: 'Calibri', Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 22px;
	padding-top: 25px;
}

		h1.resume {
			font-size: 36px;
			font-weight: bold;
			padding: 0px 0px 20px 20px;
		}
		
			h2.resume {
				font-size: 28px;
				font-weight: bold;
				padding: 0px 0px 20px 20px;
				float: left;
			}
		
		ul.resume {
			list-style-type: disc;
			list-style-position: outside;
			margin-left: 55px;
			text-indent: 0px;
			padding: 0px 20px 20px 0px;
		}
		
			li.resume {
				padding-left: 18px;
			}
		
		p.resume {
			margin-left: 73px;
			padding: 0px 0px 20px 0px;
		}
		
			p.info {
				float: right; 
				text-align: right;
				line-height: auto;
				margin-right: -20px;
				margin-top: -25px;
			}
		
			p.dates {
				text-align: right;
				color: gray;
				margin-top: -20px;
				padding-bottom: 40px;
				float: right;
			}
		
			#resumepage a {
				text-decoration: underline;
				color: black;
			}
		
				#resumepage a:hover {
					text-decoration: none;
					color: black;
				}
			
			#resumepage a:visited {
				
			}