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

body {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width: 810px;
	height: 670px;
	margin: 0 auto 0 auto;
	padding: 0;
}
/*#left {
	width: 15px;
	height: 100%;
	background-image: url(images/graphics/sideShadow.png);
	background-repeat: repeat-y;
	margin-left: -20px;
	float: left;
}
#right {
	background-image: url(images/graphics/sideShadowR.png);
	background-repeat: repeat-y;
}*/
#header {
	background-image: url(images/graphics/header.png);
	width: 354px;
	height: 118px;
	float: left;
	margin: 0px;
}

/*  NAVIGATION  */
#nav {
	margin: 84px -3px 0 0;
	padding: 0px;
	width: 350px;
	height: 29px;
	float: right;
}
#nav ul {
	margin: 0px;		
}
#nav ul li {
	display: inline;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav a {
	height: 29px;
	display: inline-block;
}
#nav ul li.menu1 a {
	background-image: url(images/graphics/web.png);
	width: 56px;
	height: 29px;
}
#nav ul li.menu2 a {
	background-image: url(images/graphics/motion.png);
	width: 81px;
	height: 29px;
}
#nav ul li.menu3 a {
	background-image: url(images/graphics/photo.png);
	width: 69px;
	height: 29px;
	
}
#nav ul li.menu4 a {
	background-image: url(images/graphics/design.png);
	width: 87px;
	height: 29px;
}
#nav ul li.menu1 a:hover,
#nav ul li.menu2 a:hover,
#nav ul li.menu3 a:hover,
#nav ul li.menu4 a:hover {
	background-position: 0 -30px;
}
body#index a#photoA {
	background-image: url(images/graphics/photo.png);
	background-position: 0 -30px;
	width: 69px;
	height: 29px;		
}
body#motion a#motionA {
	background-image: url(images/graphics/motion.png);
	background-position: 0 -30px;
	width: 81px;
	height: 29px;
}
body#web a#webA {
	background-image: url(images/graphics/web.png);
	background-position: 0 -30px;
	width: 56px;
	height: 29px;
}
body#design a#designA {
	background-image: url(images/graphics/design.png);
	background-position: 0 -30px;
	width: 87px;
	height: 29px;
}
#tline {
	float: left;
	margin-top: -10px;
	padding: 0px;
}
#name {
	background-image: url(images/graphics/name.png);
	width: 273px;
	height: 42px;
	float: left;
}
#content {
	width: 810px;
	float: left;
	margin-top: 20px;
	
}
#plabel {
	background-image: url(images/graphics/plabel.gif);
	width: 50px;
	height: 19px;
	float: left;
	margin-top: 9px;
}
#mlabel {
	background-image: url(images/graphics/mlabel.gif);
	width: 50px;
	height: 19px;
	float: left;
	margin-top: 9px;
}
#wlabel {
	background-image: url(images/graphics/wlabel.gif);
	width: 50px;
	height: 19px;
	float: left;
	margin-top: 9px;
}
#dlabel {
	background-image: url(images/graphics/dlabel.gif);
	width: 50px;
	height: 19px;
	float: left;
	margin-top: 9px;
}
#numbut {
	float:left;
	width: 125px;
	margin: 13px 0 0 10px;
}
#numbut a:link {
	text-decoration: none;
	font-family: helvetica;
	font-size: 10px;
	font-weight: lighter;
	color: #000000;
}
#numbut a:hover {
	text-decoration: none;
	font-family: helvetica;
	font-size: 10px;
	font-weight: lighter;
	color: #888888;
}
#imageBox {
	width: 600px;
	float: left;
	margin-left: 5px;
}
#vidBox {
	width: 600px;
	height: 420px;
	float: left;
	margin: 12px 0 10px 5px;
}
#main {
	margin-left: -5px;
}
.web1 {
	width: 289px;
	float: left;
	margin: 0 8px 10px 0;
}
a.weblink, .webdesc span {
	font-size: 18px;
	color: #777777;
	text-decoration: none;
}
a.weblink:hover {
	color: #aaaaaa;
}
p.webdesc {
	font-size: 12px;
}
#contact {
	height: 7px;
	float: left;
	margin:35px 0 0 0;
}
#contact p {
font-size: 12px;
margin:0;
}
#contact ul li {
	display: inline;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#contact a {
	height: 15px;
	display: block;
	color: #666666;
	text-decoration: none;
}
#contact a:hover {
	color: #999999;
	border-top: 1px solid #999999;
	padding-bottom: 3px;
}
#contact ul li.contactLink a {
	background-image: url(images/graphics/contact.png);
	width: 62px;
	height: 15px;
	float: left;
}
#contact ul li.contactLink a:hover {
	background-position: 0 -13px;
}
#cbox {
	margin: -27px 0 0 140px;
}
#textarea {
	margin: -10px 0 0 0;
}
#bline {
	float: left;
	margin-top: 4px;
	padding: 0px;
}
#gif {
	position: absolute;
	top: 45px;
	left:590px;
	z-index: 1;
}
#email a {
	text-decoration: none;
	color:#888888;
}
#email a:hover {
	color: #000000;
}
#resume {
	float: left;
}
#resume a {
	text-decoration: none;
	color:#888888;
}
#resume a:hover {
	text-decoration: none;
	color:#000000;
}
#form1 {
	margin-top: 22px;
}
img#chair {
	float: right;
	margin:15px -20px 10px 0;
	padding: 0;
}
#footer {
	float: right;
}
#footer span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-right: 21px;
}