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

* {
	padding: 0px;
	margin: 0px;
}
body {
	font: 100% "verdana";
	background: #FFFFFF;
	margin-top: 30px;
}
#container {
	width: 810px;
	margin: 0 auto;
	background: #FBFCFA;
	border: 1px solid #9CCEF6;
}

/*--------------------------------------------------begin header-----------------------------------------*/

#topheader {
	width: 810px;
	height: 54px;
}
#topheader h1 {
	display: none;
}
#bottomheader {
	width: 810px;
	height: 162px;
}
/*--------------------------------------------------end header-----------------------------------------*/





/*--------------------------------------------------begin nav-----------------------------------------*/
#nav {
	width: 810px;
}
#nav ul {
	width: 810px;
	height: 37px;
	background: url(images/spritenav.jpg) no-repeat
}
#nav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}
#nav ul li a {
	display: block;
	height: 37px;
}
#nav ul li#nhome a {
	width: 176px;
}
#nav ul li#portfolio a {
	width: 226px;
}
#nav ul li#resume a {
	width: 201px;
}
#nav ul li#contact a {
	width: 207px;
}
#nav ul li a span {
	display: none;
}
#nav ul li#nhome a:hover, #nav ul li#nhome a:active {
	background: url(images/spritenav.jpg) 0 -37px;
}
#nav ul li#portfolio a:hover, #nav ul li#portfolio a:active {
	background: url(images/spritenav.jpg) -176px -37px;
}
#nav ul li#resume a:hover, #nav ul li#resume a:active {
	background: url(images/spritenav.jpg) -402px -37px;
}
#nav ul li#contact a:hover, #nav ul li#contact a:active {
	background: url(images/spritenav.jpg) -603px -37px;
}
#home #nav ul li#nhome a:hover, #home #nav ul li#nhome a:link, #home #nav ul li#nhome a:active, #home #nav ul li#nhome a:visited {
	background: url(images/spritenav.jpg) 0 -37px;
}
#bportfolio #nav ul li#portfolio a:hover, #bportfolio #nav ul li#portfolio a:link, #bportfolio #nav ul li#portfolio a:active, #bportfolio #nav ul li#portfolio a:visited {
	background: url(images/spritenav.jpg) -176px -37px;
}
#web #nav ul li#portfolio a:hover, #web #nav ul li#portfolio a:link, #web #nav ul li#portfolio a:active, #web #nav ul li#portfolio a:visited {
	background: url(images/spritenav.jpg) -176px -37px;
}
#video #nav ul li#portfolio a:hover, #video #nav ul li#portfolio a:link, #video #nav ul li#portfolio a:active, #video #nav ul li#portfolio a:visited {
	background: url(images/spritenav.jpg) -176px -37px;
}
#animation #nav ul li#portfolio a:hover, #animation #nav ul li#portfolio a:link, #animation #nav ul li#portfolio a:active, #animation #nav ul li#portfolio a:visited {
	background: url(images/spritenav.jpg) -176px -37px;
}
#graphic #nav ul li#portfolio a:hover, #graphic #nav ul li#portfolio a:link, #graphic #nav ul li#portfolio a:active, #graphic #nav ul li#portfolio a:visited {
	background: url(images/spritenav.jpg) -176px -37px;
}
#arts #nav ul li#portfolio a:hover, #arts #nav ul li#portfolio a:link, #arts #nav ul li#portfolio a:active, #arts #nav ul li#portfolio a:visited {
	background: url(images/spritenav.jpg) -176px -37px;
}
#bresume #nav ul li#resume a:hover, #bresume #nav ul li#resume a:link, #bresume #nav ul li#resume a:active, #bresume #nav ul li#resume a:visited {
	background: url(images/spritenav.jpg) -402px -37px;
}
#bresume h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 35px;
	padding-bottom: 20px;
}
#bresume h5 a:link, #bresume h5 a:visited {
	color: #6699FF;
	text-decoration: none;
	
}
#bresume h5 a:hover, #bresume h5 a:active {
	color: #666666;
}

#bcontact #nav ul li#contact a:hover, #bcontact #nav ul li#contact a:link, #bcontact #nav ul li#contact a:active, #bcontact #nav ul li#contact a:visited {
	background: url(images/spritenav.jpg) -603px -37px;
}

/*--------------------------------------------------end nav-----------------------------------------*/





/*--------------------------------------------------begin content-----------------------------------------*/
#left {
	width: 240px;
	height: 235px;
	float: left;
}
#right {
	background: #FBFCFA url(images/grad_add.gif) repeat-y 0 50px;
	margin-left: 245px;
}

#right p {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #666666;
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
}
#gradient {
	background: url(images/grad2.jpg) no-repeat 0 40px;
	height: 168px;
	width: 5px;
	float: left;
	background-color: #FBFCFA;
}

h2.welcome {
	height: 53px;
	width: 550px;
	background: #FBFCFA url(images/h1.gif) no-repeat 145px;
}
h2.welcome span {
	display: none;
}

h2.portfolio {
	background-color: #FBFCFA;
	background-image: url(images/h1portfolio.gif);
	background-repeat: no-repeat;
	background-position: 12px;
	height: 53px;
	width: 550px;
}
h2.portfolio span {
	display: none;
}
h2.contact {
	background-color: #FBFCFA;
	background-image: url(images/h1contact.gif);
	background-repeat: no-repeat;
	background-position: 12px;
	height: 53px;
	width: 550px;
}
h2.contact span {
	display: none;
}
h2.resume {
	background-color: #FBFCFA;
	background-image: url(images/h1resume.gif);
	background-repeat: no-repeat;
	background-position: 12px;
	height: 53px;
	width: 550px;
}
h2.resume span {
	display: none;
}
h2.sitemap {
	background-color: #FBFCFA;
	background-image: url(images/h1sitemap.gif);
	background-repeat: no-repeat;
	background-position: 12px;
	height: 53px;
	width: 550px;
}
h2.sitemap span {
	display: none;
}

/*--------------------------------------------------end content-----------------------------------------*/




/*--------------------------------------------------begin footer-----------------------------------------*/
#footer {
	clear: both;
	background: url(images/footer_slice.gif) repeat-x;
	height: 20px;
	width: 786px;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 11px;
}
#footer p {
	padding-top: 5px;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
#footer a:link, a:visited {
	color: #6699FF;
	text-decoration: none;
	
}
#footer a:hover, a:active {
	color: #666666;
	text-decoration: underline;
	
}
/*--------------------------------------------------end footer-----------------------------------------*/



/*--------------------------------------------------begin resume-----------------------------------------*/
.description p {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 100px;
	margin-top: 7px;
	color: #666666;
}
.description ul {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 130px;
	margin-top: 12px;
	color: #666666;
}
.description li {
	list-style-type: none;
}

.objective {
	width: 90px;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 14px;
	padding-left: 30px;
	color: #0099CC;
}
/*--------------------------------------------------end resume-----------------------------------------*/





/*--------------------------------------------------begin contact-----------------------------------------*/
#bcontact h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #66CCFF;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: right;
	margin-right: 30px;
}

#bcontact #form1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 120px;
}
.tabletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: right;
	vertical-align: top;
}
.tableinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #666666;
}
/*--------------------------------------------------end contact-----------------------------------------*/



#bportfolio #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
}
#bportfolio #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#bportfolio #right ul li a:link, #bportfolio #right ul li a:visited {
	color: #6699FF;
	text-decoration: none;
}
#bportfolio #right ul li a:hover, #bportfolio #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}



#web #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
	float: left;
}

#web #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#web #right ul li a:link, #web #right ul li a:visited {
	color: #6699FF;
	text-decoration: none;
}
#web #right ul li a:hover, #web #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}
#web #right ul li#nweb a:hover, #web #right ul li#nweb a:link, #web #right ul li#nweb a:active, #web #right ul li#nweb a:visited {
	color: #666666;
	text-decoration: underline;
}
#web  #gallery {
	padding-left: 210px;
	padding-top: 20px;
}
#web  #gallery a img{
	border: none;
}



#video #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
	float: left;
}
#video #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#video #right ul li a:link, #video #right ul li a:visited {
	color: #6699FF;
	text-decoration: none;
}
#video #right ul li a:hover, #video #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}
#video #right ul li#nvideo a:hover, #video #right ul li#nvideo a:link, #video #right ul li#nvideo a:active, #video #right ul li#nvideo a:visited {
	color: #666666;
	text-decoration: underline;
}
#video  #gallery {
	padding-left: 210px;
	padding-top: 20px;
}
#video  p {
	padding-bottom: 20px;
	padding-top: 10px;
}
#video h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-bottom: 5px;
}
#animation #gallery p {
	padding-top: 10px;
	padding-bottom: 20px;
}
#animation #gallery h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-bottom: 5px;
}





#animation #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
	float: left;
}
#animation #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#animation #right ul li a:link, #animation #right ul li a:visited {
	color: #6699FF;
	text-decoration: none;
}
#animation #right ul li a:hover, #animation #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}
#animation #right ul li#n3d a:hover, #animation #right ul li#n3d a:link, #animation #right ul li#n3d a:active, #animation #right ul li#n3d a:visited {
	color: #666666;
	text-decoration: underline;
}
#animation  #gallery {
	padding-left: 210px;
	padding-top: 20px;
}
#sitemap #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
}
#sitemap #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#sitemap #right ul li a:link {
	color: #6699FF;
	text-decoration: none;
}
#sitemap #right ul li a:visited {
	color: #3333FF;

} 

#sitemap #right ul li a:hover, #sitemap #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}
.sub {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-left: 20px;
	color: #6699FF;
}


#graphic #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
	float: left;
}
#graphic #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#graphic #right ul li a:link, #graphic #right ul li a:visited {
	color: #6699FF;
	text-decoration: none;
}
#graphic #right ul li a:hover, #graphic #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}
#graphic #right ul li#ngraphic a:hover, #graphic #right ul li#ngraphic a:link, #graphic #right ul li#ngraphic a:active, #graphic #right ul li#ngraphic a:visited {
	color: #666666;
	text-decoration: underline;
}
#graphic  #gallery {
	padding-left: 210px;
	padding-top: 20px;
}
#graphic  #gallery a img{
	border: none;
}


#arts #right ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-left: 30px;
	color: #6699FF;
	float: left;
}
#arts #right ul li{
	list-style-type: none;
	color: #6699FF;
}
#arts #right ul li a:link, #arts #right ul li a:visited {
	color: #6699FF;
	text-decoration: none;
}
#arts #right ul li a:hover, #arts #right ul li a:active {
	color: #666666;
	text-decoration: underline;
}
#arts #right ul li#narts a:hover, #arts #right ul li#narts a:link, #arts #right ul li#narts a:active, #arts #right ul li#narts a:visited {
	color: #666666;
	text-decoration: underline;
}
#arts  #gallery {
	padding-left: 210px;
	padding-top: 20px;
}
#arts  #gallery a img{
	border: none;
}
#formparse #response {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
	padding-left: 50px;
	text-align: justify;
	padding-right: 30px;
}