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

body {
	text-align: center;
	background: none;
	background-color: black;
	background-position: top;
	font-family: "Courier New", Courier, monospace;
}
body#indexpage {
	text-align: center;
	background: none;
	background-color: white;
	background-position: top;
	font-family: "Courier New", Courier, monospace;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
}
#container {
	margin: 0 auto;
	width: 950px;
	height: 600px;
	text-align: left;
	
}
#navigation li a {
	display: block;
	float: left;
}
#navigation li {
	display: inline;
}
#navigation {
	padding-top: 10px;
}
#navigation2 {
	padding-top: 210px;
}
#navigation2 li a {
	display: block;
	float: left;
}
#navigation2 li {
	display: inline;
}
#push {
	height: 700px;
}

/* navigation */

#banner {
	background: url(images/navigation.jpg) -135px 0px;
	height: 69px;
	width: 285px;
}
#work {
	background: url(images/navigation.jpg) -370px 0px;
	height: 69px;
	width: 160px;
}
#work:hover {
	background: url(images/navigation.jpg) -370px -69px;
	height: 69px;
	width: 160px;
}
#about {
	background: url(images/navigation.jpg) -500px 0px;
	height: 69px;
	width: 160px;
}
#about:hover {
	background: url(images/navigation.jpg) -500px -69px;
	height: 69px;
	width: 160px;
}
#contact {
	background: url(images/navigation.jpg) -645px 0px;
	height: 69px;
	width: 160px;
}
#contact:hover {
	background: url(images/navigation.jpg) -645px -69px;
	height: 69px;
	width: 160px;
}
#links {
	background: url(images/navigation.jpg) -800px 0px;
	height: 69px;
	width: 160px;
}
#links:hover {
	background: url(images/navigation.jpg) -800px -69px;
	height: 69px;
	width: 160px;
}
#workpage {
	background-image: /*url(background2.jpg);*/
	background-color: white;
}
body#workpage a#work {
	background: url(images/navigation.jpg) -360px -69px;
	height: 69px;
	width: 160px;
}
#aboutpage {
	background-image: /*url(background2.jpg);*/
	background-color: white;
}
body#aboutpage a#about {
	 background: url(images/navigation.jpg) -500px -69px;
	height: 69px;
	width: 160px;
}
#contactpage {
	background-image: /*url(background2.jpg);*/
	background-color: white;
}
body#contactpage a#contact {
	background: url(images/navigation.jpg) -645px -69px;
	height: 69px;
	width: 160px;
}
#linkspage {
	background-image: /*url(background2.jpg);*/
	background-color: white;
}
body#linkspage a#links {
	background: url(images/navigation.jpg) -800px -69px;
	height: 69px;
	width: 160px;
}
/* navigation end */

#content {
	width: 925px;
	margin-top: 120px;
	clear: both;
}
#content2 {
	width: 925px;
	padding-top: 70px;
	clear: both;
}
#content3 {
	width: 925px;
	padding-top: 50px;
	clear: both;
}
#columnleft {
	width: 300px;
	float: left;
	text-align: right;
	padding-top: 20px;
}
#columnleft h4 {
	padding-right: 78px;
	font-size: 80%;
	color: #CCCCCC;
}
#columnleft p {
	padding-right: 78px;
	padding-top: 1em;
	font-size: 75%;
	color: #999999;
}
#columnright {
	width: 620px;
	float: left;
}
#columnright2 {
	width: 925px;
	float: left;
	padding-bottom: 120px;
}
#columnright p {
	font-size: 75%;
	color: #666666;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 60px;
}
#columnright li {
	display: inline;
}
#columnright2 li {
	display: inline;
}
#link {
	float: left;
	padding-left: 50px;
	padding-top: 20px;
}
#link p {
	font-size: 75%;
	color: #666666;
}
#link li {
	display: block;
}
#link a {
	font-size: 75%;
	display: block;
	color:#666666;
}
#link li a {
	font-size: 75%;
	display: block;
	color: #CCCCCC;
}
#columnright li a {
	float: left;
}
#columnright li a img {
	padding: 5px;
	border: #666666 solid 1px;
	margin: 5px;
}
#columnright li a img:hover {
	padding: 5px;
	border: white solid 1px;
	margin: 5px;
}
#columnright img {
	padding: 5px;
	border: #999999 solid 1px;
	margin: 5px;
}
#columnright2 li a {
	float: left;
}
#columnright2 li a img {
	padding: 5px;
	border: #000 solid 1px;
	margin: 5px;
	opacity: 0.8;
}
#columnright2 li a img:hover {
	padding: 5px;
	border: #000 solid 1px;
	margin: 5px;
	opacity: 1;
}
#columnright2 img {
	padding: 5px;
	border: #999999 solid 1px;
	margin: 5px;
}