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

body {margin:0; color:#000000; background-color:#343434; background:url(../images/bg/bg-fancy.jpg) top left repeat;}

div#main {margin:0 auto; width:878px; height:900px; background:url(../img/main-bg.png) top left repeat-x;}
	div#inner-wrapper {margin:0 0 0 239px;}
	
div#logo {margin:0 0 78px 37px; padding-top:72px;}

div#mid-box {margin:0; background:url(../img/hp-mid.png) top left no-repeat; height:409px; width:408px;}

div#quick-links {margin:0 0 0 298px;}
	div#quick-links img {padding-right:5px; vertical-align:middle;}
	
div#color-square {width:298px; height:297px; margin:27px 0 0 50px;}
	div#color-square div {float:left;}
	
	div#color-square div#sq-about-me {background:url(../img/hp-squares/about-me.png) top left no-repeat; width:97px; height:98px;}
		div#color-square div#sq-about-me:hover {background-position:0 -98px;}
			div#sq-about-me a {display:block; width:97px; height:98px; text-indent:-99999px;}
		
	div#color-square div#sq-web-development {background:url(../img/hp-squares/web-development.png) top left no-repeat; width:101px; height:98px;}
		div#color-square div#sq-web-development:hover {background-position:0 -98px;}
			div#sq-web-development a {display:block; width:101px; height:98px; text-indent:-99999px;}
		
	div#color-square div#sq-digital-art {background:url(../img/hp-squares/digital-art.png) top left no-repeat; width:100px; height:98px; text-indent:-9999px;}
		div#color-square div#sq-digital-art:hover {background-position:0 -98px;}
			div#sq-digital-art a {display:block; width:100px; height:98px; text-indent:-99999px;}
	
	div#color-square div#sq-acting {background:url(../img/hp-squares/acting.png) top left no-repeat; width:97px; height:100px; text-indent:-9999px;}
		div#color-square div#sq-acting:hover {background-position:0 -100px;}
			div#sq-acting a {display:block; width:97px; height:100px; text-indent:-99999px;}
		
	div#color-square div#sq-photography {background:url(../img/hp-squares/photography.png) top left no-repeat; width:101px; height:100px; text-indent:-9999px;}
		div#color-square div#sq-photography:hover {background-position:0 -100px;}
			div#sq-photography a {display:block; width:101px; height:100px; text-indent:-99999px;}
		
	div#color-square div#sq-music {background:url(../img/hp-squares/music.png) top left no-repeat; width:100px; height:100px; text-indent:-9999px;}
		div#color-square div#sq-music:hover {background-position:0 -100px;}
			div#sq-music a {display:block; width:100px; height:100px; text-indent:-99999px;}
	
	div#color-square div#sq-company {background:url(../img/hp-squares/company.png) top left no-repeat; width:97px; height:99px; text-indent:-9999px;}
		div#color-square div#sq-company:hover {background-position:0 -99px;}
			div#sq-company a {display:block; width:97px; height:99px; text-indent:-99999px;}
		
	div#color-square div#sq-resume {background:url(../img/hp-squares/resume.png) top left no-repeat; width:101px; height:99px; text-indent:-9999px;}
		div#color-square div#sq-resume:hover {background-position:0 -99px;}
			div#sq-resume a {display:block; width:101px; height:99px; text-indent:-99999px;}
		
	div#color-square div#sq-contact {background:url(../img/hp-squares/contact.png) top left no-repeat; width:100px; height:99px; text-indent:-9999px;}	
		div#color-square div#sq-contact:hover {background-position:0 -99px;}
			div#sq-contact a {display:block; width:100px; height:99px; text-indent:-99999px;}
	
div#footer {margin:15px 0 0 0; text-align:center; width:408px;}	
	div#footer p#footer-links {color:#6b6b6b; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}	
	div#footer p#copy {color:#c1c1c1; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}	
	
	div#footer a, div#footer a:visited {color:#6b6b6b; text-decoration:underline;}
	div#footer a:hover {color:#6b6b6b; text-decoration:none;}
	
	
/* Inside pages */

div#inner-wrapper-inside {margin:0 0 0 37px;}	
div#logo-inside {margin:0 0 17px 239px; padding-top:72px;}

div#quick-links-inside {margin:0 0 0 710px;}
	div#quick-links-inside img {padding-right:5px; vertical-align:middle;}

div#mid-box-about {margin:0; background:url(../img/inside-about.png) center top repeat-y; width:803px;}
div#mid-box-web {margin:0; background:url(../img/inside-web.png) center top repeat-y; width:803px;}
div#mid-box-art {margin:0; background:url(../img/inside-art.png) center top repeat-y; width:803px;}
div#mid-box-acting {margin:0; background:url(../img/inside-acting.png) center top repeat-y; width:803px;}
div#mid-box-photo {margin:0; background:url(../img/inside-photo.png) center top repeat-y; width:803px;}
div#mid-box-music {margin:0; background:url(../img/inside-music.png) center top repeat-y; width:803px;}
div#mid-box-comp {margin:0; background:url(../img/inside-comp.png) center top repeat-y; width:803px;}
div#mid-box-res {margin:0; background:url(../img/inside-res.png) center top repeat-y; width:803px;}
div#mid-box-contact {margin:0; background:url(../img/inside-contact.png) center top repeat-y; width:803px;}

	
div#mid-box-about h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/about.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-about h3 {margin:14px 0 0 28px; color:#a0d2a0; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-about p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-about a, div#mid-box-about a:visited {color:#309930; text-decoration:underline;}
div#mid-box-about a:hover {color:#309930; text-decoration:none;}

div#mid-box-web h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/web.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-web h3 {margin:14px 0 0 28px; color:#e4a0a0; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-web p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-web a, div#mid-box-web a:visited {color:#BA3232; text-decoration:underline;}
div#mid-box-web a:hover {color:#BA3232; text-decoration:none;}

div#mid-box-art h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/art.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-art h3 {margin:14px 0 0 28px; color:#D4D4A0; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-art p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-art a, div#mid-box-art a:visited {color:#999900; text-decoration:underline;}
div#mid-box-art a:hover {color:#999900; text-decoration:none;}
div#mid-box-art p.gallery img {border:2px solid #000;}
div#mid-box-art p.gallery img:hover {border:2px solid #fff;}

div#mid-box-acting h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/acting.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-acting p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}

div#mid-box-photo h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/photo.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-photo p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}

div#mid-box-music h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/music.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-music h3 {margin:14px 0 0 28px; color:#E4D4A0; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-music p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-art a, div#mid-box-art a:visited {color:#CC9900; text-decoration:underline;}
div#mid-box-art a:hover {color:#CC9900; text-decoration:none;}

div#mid-box-comp h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/comp.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-comp h3 {margin:14px 0 0 28px; color:#a0c3d4; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-comp p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-comp a, div#mid-box-comp a:visited {color:#2F7294; text-decoration:underline;}
div#mid-box-comp a:hover {color:#2F7294; text-decoration:none;}

div#mid-box-res h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/res.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-res h3 {margin:14px 0 0 28px; color:#d4c3f5; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-res p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-res a, div#mid-box-res a:visited {color:#9877DB; text-decoration:underline;}
div#mid-box-res a:hover {color:#9877DB; text-decoration:none;}

div#mid-box-contact h2 {width:803px; height:69px; margin:8px 0 0 0; background:url(../img/h2/contact.png) top left no-repeat; text-indent:-9999px;}
div#mid-box-contact h3 {margin:14px 0 0 28px; color:#e4b2d4; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#mid-box-contact p {margin:20px 30px 0 28px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
div#mid-box-contact a, div#mid-box-contact a:visited {color:#B75195; text-decoration:underline;}
div#mid-box-contact a:hover {color:#B75195; text-decoration:none;}

div#bottom-nav {width:803px; height:105px; margin:0;}
	div#bottom-nav div {float:left; margin-top:34px;}
	div#bottom-nav div.active {background-position:0 -71px!important;}
	div.about-nav {background:url(../img/bottom-nav/about.png) top left no-repeat;}
	div.web-nav {background:url(../img/bottom-nav/web.png) top left no-repeat;}
	div.art-nav {background:url(../img/bottom-nav/art.png) top left no-repeat;}
	div.acting-nav {background:url(../img/bottom-nav/acting.png) top left no-repeat;}
	div.photo-nav {background:url(../img/bottom-nav/photo.png) top left no-repeat;}
	div.music-nav {background:url(../img/bottom-nav/music.png) top left no-repeat;}
	div.comp-nav {background:url(../img/bottom-nav/comp.png) top left no-repeat;}
	div.res-nav {background:url(../img/bottom-nav/res.png) top left no-repeat;}
	div.contact-nav {background:url(../img/bottom-nav/contact.png) top left no-repeat;}
	
	div#bottom-nav div#dt-about-me {background:url(../img/bottom-nav/about-dot.png) top left no-repeat; width:61px; height:71px; text-indent:-99999px;}
		div#bottom-nav div#dt-about-me:hover {background-position:0 -71px;}
			div#dt-about-me a {display:block; width:61px; height:71px; text-indent:-9999px;}
		
	div#bottom-nav div#dt-web-development {background:url(../img/bottom-nav/web-dot.png) top left no-repeat; width:63px; height:71px; text-indent:-99999px;}
		div#bottom-nav div#dt-web-development:hover {background-position:0 -71px;}
			div#dt-web-development a {display:block; width:63px; height:71px; text-indent:-9999px;}
		
	div#bottom-nav div#dt-digital-art {background:url(../img/bottom-nav/art-dot.png) top left no-repeat; width:62px; height:71px; text-indent:-9999px;}
		div#bottom-nav div#dt-digital-art:hover {background-position:0 -71px;}
			div#dt-digital-art a {display:block; width:62px; height:71px; text-indent:-99999px;}
	
	div#bottom-nav div#dt-acting {background:url(../img/bottom-nav/acting-dot.png) top left no-repeat; width:61px; height:71px; text-indent:-9999px;}
		div#bottom-nav div#dt-acting:hover {background-position:0 -71px;}
			div#dt-acting a {display:block; width:61px; height:71px; text-indent:-99999px;}
		
	div#bottom-nav div#dt-photography {background:url(../img/bottom-nav/photography-dot.png) top left no-repeat; width:61px; height:71px; text-indent:-9999px;}
		div#bottom-nav div#dt-photography:hover {background-position:0 -71px;}
			div#dt-photography a {display:block; width:61px; height:71px; text-indent:-99999px;}
		
	div#bottom-nav div#dt-music {background:url(../img/bottom-nav/music-dot.png) top left no-repeat; width:63px; height:71px; text-indent:-9999px;}
		div#bottom-nav div#dt-music:hover {background-position:0 -71px;}
			div#dt-music a {display:block; width:63px; height:71px; text-indent:-99999px;}
	
	div#bottom-nav div#dt-company {background:url(../img/bottom-nav/company-dot.png) top left no-repeat; width:61px; height:71px; text-indent:-9999px;}
		div#bottom-nav div#dt-company:hover {background-position:0 -71px;}
			div#dt-company a {display:block; width:61px; height:71px; text-indent:-99999px;}
		
	div#bottom-nav div#dt-resume {background:url(../img/bottom-nav/resume-dot.png) top left no-repeat; width:61px; height:71px; text-indent:-9999px;}
		div#bottom-nav div#dt-resume:hover {background-position:0 -71px;}
			div#dt-resume a {display:block; width:61px; height:71px; text-indent:-99999px;}
		
	div#bottom-nav div#dt-contact {background:url(../img/bottom-nav/contact-dot.png) top left no-repeat; width:62px; height:71px; text-indent:-9999px;}	
		div#bottom-nav div#dt-contact:hover {background-position:0 -71px;}
			div#dt-contact a {display:block; width:62px; height:71px; text-indent:-99999px;}


/* Audio player */

div#mid-box-music table {margin:0 0 0 28px; background-color:#E4D4A0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;}
div#mid-box-music table tr#music-head {background-color:#CC9900; font-weight:bold; color:#FFFFFF;}
div#mid-box-music table td {padding:5px;}


div#footer-inside {margin:15px 0 0 0; text-align:center; width:803px;}	
	div#footer-inside p#footer-links-inside {color:#6b6b6b; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}	
	div#footer-inside p#copy-inside {color:#c1c1c1; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}	
	
	div#footer-inside a, div#footer-inside a:visited {color:#6b6b6b; text-decoration:underline;}
	div#footer-inside a:hover {color:#6b6b6b; text-decoration:none;}