@charset "UTF-8";
/* CSS Document */
/*
-----------------------------------------------
Psilo Design
version:  2008.12.04
by: Mark Schindler
markschindler.net
----------------------------------------------- */

/*************** Defaults *******************/

*{ 
margin: 0; 
padding: 0; 
border: 0; 
}

body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color:#999999;
background-image:url(images/background.jpg);
}

p {
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 10px;
color:#333333;
}

h1 {
margin: 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
display:block;
}

h2 {
margin: 7px 0px 3px 25px;
padding: 0px;
width: 175px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#666666;
display:block;
}

h3 {
padding: 0px 0px 0px 0px;
margin: 0px;
display:block;
}

img {
margin: 0px;
padding: 0px;
border:none;
}	

/*************** Default Links *******************/

a	{
color: #999999;
text-decoration: none;
}

a:link	{
color: #666666;
text-decoration: none;
} 

a:visited	{
color: #666666;
text-decoration: none;
} 

a:active	{ 
color:#999999;
text-decoration: none;
} 

a:hover		{ 
color:#999999;
text-decoration:none; 
} 


h2 a	{
color: #000000;
text-decoration: none;
}

h2 a:link	{
color: #000000;
text-decoration: none;
} 

h2 a:visited	{
color: #000000;
text-decoration: none;
} 

h2 a:active	{ 
color:#000000;
text-decoration: none;
} 

h2 a:hover		{ 
color:#666666;
text-decoration:none; 
} 

/*************** Containers *******************/

#wrapalt {
margin: 27px 0px 0px 50px;
padding: 0px;
background-color:#FFFFFF;
width: 800px;
height: 600px;
}


#wrap {
margin: 27px 0px 0px 50px;
padding: 0px;
background-image:url(images/skin.jpg);
background-repeat: no-repeat;
width: 800px;
height: 600px;
}

#header {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 800px;
height: 27px;
}

#sidebar {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 200px;
height: 553px;
float: left;
}

#main {
margin: 40px 0px 0px 0px;
padding: 0px;
width:500px;
height: 570px;
float:left;
}

#address {
margin: 0px;
padding: 0px 0px 3px 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#999999;
}

#proj-image{
margin: 0px 0px 0px 0px;
padding: 0px;
clear: right;
}

#photoshow{
margin: 0px;
padding: 0px;
width:500px;
clear: right;
}

#text{
margin: 0px;
padding: 10px 0px 0px 0px;
width: 420px;
}


/************ Navigation Containers*****************/

#main-nav {
margin: 0px 0px 10px 25px;
_margin: 0px 0px 10px 13px;
padding: 0px;
width: 175px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
list-style-type: none;
float:left;
}

#main-nav li{
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 1.2em;
display:block;
list-style-type: none;
}

/************ Photoblog Navigation*****************/

#photonav {
margin: 5px 0px 0px 0px;
padding: 0px;
width: 42px;
height: 20px;
}

#photonav li {
margin: 0px;
padding: 0px;
width: 20px;
height: 20px;
display:block;
float:left;
list-style-type:none;
}	

#back a {
margin: 0px;
padding: 0px;
background-image: url(images/bn-back.jpg);
width: 20px;
height: 20px;
display:block;
}
#back a:hover{
background-position:0 -20px;
}


#next a {
margin: 0px;
padding: 0px;
background-image: url(images/bn-forward.jpg);
width: 20px;
height: 20px;
display:block;
}
#next a:hover{
background-position:0 -20px;
}	


/************ Index Page*****************/

#index-header {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 800px;
height: 27px;
background-image:url(images/headerhome.jpg);
background-repeat:no-repeat;
}

#index-sidebar {
margin: 60px 0px 0px 14px;
_margin: 60px 0px 0px 7px;
padding: 0px 0px 0px 0px;
width: 262px;
height: 281px;
float: left;
background-image:url(images/titlehome.gif);
background-repeat:no-repeat;
}

#index-main {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 504px;
height: 512px;
display:block;
float:right;
}

#clickhere {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 141px;
height: 10px;
display:block;
background-image:url(images/click-to-begin.gif);
background-repeat:no-repeat;
float:left;
}

/************ Project Navigation *****************/
#detail-nav {
margin: 5px 0px 0px 0px;
padding: 0px;
width: 500px;
height: 60px;
display:block;
}

#detail-nav li {
margin: 0px 10px 0px 0px;
padding: 0px;
width: 60px;
height: 60px;
display:block;
float:left;
list-style-type:none;
}
	
#detail-nav li a {
margin: 0px;
padding: 0px;
width: 60px;
height: 60px;
display:block
}

#boxrocks1 a {
background-image: url(images/projnav/bn-boxrocks1.jpg);
}
#boxrocks1 a:hover{
background-position:0 -60px;
}
#boxrocks2 a {
background-image: url(images/projnav/bn-boxrocks2.jpg);
}
#boxrocks2 a:hover{
background-position:0 -60px;
}
#boxrocks3 a {
background-image: url(images/projnav/bn-boxrocks3.jpg);
}
#boxrocks3 a:hover{
background-position:0 -60px;
}
#boxrocks4 a {
background-image: url(images/projnav/bn-boxrocks4.jpg);
}
#boxrocks4 a:hover{
background-position:0 -60px;
}

#christmas1 a {
background-image: url(images/projnav/bn-christmascarol1.jpg);
}
#christmas1 a:hover{
background-position:0 -60px;
}
#christmas2 a {
background-image: url(images/projnav/bn-christmascarol2.jpg);
}
#christmas2 a:hover{
background-position:0 -60px;
}
#christmas3 a {
background-image: url(images/projnav/bn-christmascarol3.jpg);
}
#christmas3 a:hover{
background-position:0 -60px;
}
#christmas4 a {
background-image: url(images/projnav/bn-christmascarol4.jpg);
}
#christmas4 a:hover{
background-position:0 -60px;
}

#cityclub1 a {
background-image: url(images/projnav/bn-cityclub1.jpg);
}
#cityclub1 a:hover{
background-position:0 -60px;
}
#cityclub2 a {
background-image: url(images/projnav/bn-cityclub2.jpg);
}
#cityclub2 a:hover{
background-position:0 -60px;
}
#cityclub3 a {
background-image: url(images/projnav/bn-cityclub3.jpg);
}
#cityclub3 a:hover{
background-position:0 -60px;
}
#cityclub4 a {
background-image: url(images/projnav/bn-cityclub4.jpg);
}
#cityclub4 a:hover{
background-position:0 -60px;
}

#designinnov1 a {
background-image: url(images/projnav/bn-designinnov1.jpg);
}
#designinnov1 a:hover{
background-position:0 -60px;
}
#designinnov2 a {
background-image: url(images/projnav/bn-designinnov2.jpg);
}
#designinnov2 a:hover{
background-position:0 -60px;
}
#designinnov3 a {
background-image: url(images/projnav/bn-designinnov3.jpg);
}
#designinnov3 a:hover{
background-position:0 -60px;
}
#designinnov4 a {
background-image: url(images/projnav/bn-designinnov4.jpg);
}
#designinnov4 a:hover{
background-position:0 -60px;
}
#designinnov4 a {
background-image: url(images/projnav/bn-designinnov4.jpg);
}
#designinnov4 a:hover{
background-position:0 -60px;
}
#designinnov5 a {
background-image: url(images/projnav/bn-designinnov5.jpg);
}
#designinnov5 a:hover{
background-position:0 -60px;
}
#designinnov6 a {
background-image: url(images/projnav/bn-designinnov6.jpg);
}
#designinnov6 a:hover{
background-position:0 -60px;
}

#firstact1 a {
background-image: url(images/projnav/bn-firstact.jpg);
}
#firstact1 a:hover{
background-position:0 -60px;
}
#firstact2 a {
background-image: url(images/projnav/bn-firstact2.jpg);
}
#firstact2 a:hover{
background-position:0 -60px;
}

#jabberwocky1 a {
background-image: url(images/projnav/bn-jabberwocky1.jpg);
}
#jabberwocky1 a:hover{
background-position:0 -60px;
}
#jabberwocky2 a {
background-image: url(images/projnav/bn-jabberwocky2.jpg);
}
#jabberwocky2 a:hover{
background-position:0 -60px;
}
#jabberwocky3 a {
background-image: url(images/projnav/bn-jabberwocky3.jpg);
}
#jabberwocky3 a:hover{
background-position:0 -60px;
}
#jabberwocky4 a {
background-image: url(images/projnav/bn-jabberwocky4.jpg);
}
#jabberwocky4 a:hover{
background-position:0 -60px;
}
#jabberwocky5 a {
background-image: url(images/projnav/bn-jabberwocky5.jpg);
}
#jabberwocky5 a:hover{
background-position:0 -60px;
}
#jabberwocky6 a {
background-image: url(images/projnav/bn-jabberwocky6.jpg);
}
#jabberwocky6 a:hover{
background-position:0 -60px;
}

#jdsamson1 a {
background-image: url(images/projnav/bn-jdsamson1.jpg);
}
#jdsamson1 a:hover{
background-position:0 -60px;
}
#jdsamson2 a {
background-image: url(images/projnav/bn-jdsamson2.jpg);
}
#jdsamson2 a:hover{
background-position:0 -60px;
}
#jdsamson3 a {
background-image: url(images/projnav/bn-jdsamson3.jpg);
}
#jdsamson3 a:hover{
background-position:0 -60px;
}
#jdsamson4 a {
background-image: url(images/projnav/bn-jdsamson4.jpg);
}
#jdsamson4 a:hover{
background-position:0 -60px;
}
#jdsamson5 a {
background-image: url(images/projnav/bn-jdsamson5.jpg);
}
#jdsamson5 a:hover{
background-position:0 -60px;
}

#lovewinter1 a {
background-image: url(images/projnav/bn-lovewinter1.jpg);
}
#lovewinter1 a:hover{
background-position:0 -60px;
}
#lovewinter2 a {
background-image: url(images/projnav/bn-lovewinter2.jpg);
}
#lovewinter2 a:hover{
background-position:0 -60px;
}
#lovewinter3 a {
background-image: url(images/projnav/bn-lovewinter3.jpg);
}
#lovewinter3 a:hover{
background-position:0 -60px;
}
#lovewinter4 a {
background-image: url(images/projnav/bn-lovewinter4.jpg);
}
#lovewinter4 a:hover{
background-position:0 -60px;
}

#microcosm1 a {
background-image: url(images/projnav/bn-microcosm1.jpg);
}
#microcosm1 a:hover{
background-position:0 -60px;
}
#microcosm2 a {
background-image: url(images/projnav/bn-microcosm2.jpg);
}
#microcosm2 a:hover{
background-position:0 -60px;
}
#microcosm3 a {
background-image: url(images/projnav/bn-microcosm3.jpg);
}
#microcosm3 a:hover{
background-position:0 -60px;
}
#microcosm4 a {
background-image: url(images/projnav/bn-microcosm4.jpg);
}
#microcosm4 a:hover{
background-position:0 -60px;
}

#nikebball1 a {
background-image: url(images/projnav/bn-nikebball1.jpg);
}
#nikebball1 a:hover{
background-position:0 -60px;
}
#nikebball2 a {
background-image: url(images/projnav/bn-nikebball2.jpg);
}
#nikebball2 a:hover{
background-position:0 -60px;
}
#nikebball3 a {
background-image: url(images/projnav/bn-nikebball3.jpg);
}
#nikebball3 a:hover{
background-position:0 -60px;
}
#nikebball4 a {
background-image: url(images/projnav/bn-nikebball4.jpg);
}
#nikebball4 a:hover{
background-position:0 -60px;
}

#plazm29-1 a {
background-image: url(images/projnav/bn-plazm29-1.jpg);
}
#plazm29-1 a:hover{
background-position:0 -60px;
}
#plazm29-2 a {
background-image: url(images/projnav/bn-plazm29-2.jpg);
}
#plazm29-2 a:hover{
background-position:0 -60px;
}
#plazm29-3 a {
background-image: url(images/projnav/bn-plazm29-3.jpg);
}
#plazm29-3 a:hover{
background-position:0 -60px;
}

#portlandfunbook21 a {
background-image: url(images/projnav/bn-portlandfunbook21.jpg);
}
#portlandfunbook21 a:hover{
background-position:0 -60px;
}
#portlandfunbook22 a {
background-image: url(images/projnav/bn-portlandfunbook22.jpg);
}
#portlandfunbook22 a:hover{
background-position:0 -60px;
}
#portlandfunbook23 a {
background-image: url(images/projnav/bn-portlandfunbook23.jpg);
}
#portlandfunbook23 a:hover{
background-position:0 -60px;
}
#portlandfunbook24 a {
background-image: url(images/projnav/bn-portlandfunbook24.jpg);
}
#portlandfunbook24 a:hover{
background-position:0 -60px;
}
#portlandfunbook25 a {
background-image: url(images/projnav/bn-portlandfunbook25.jpg);
}
#portlandfunbook25 a:hover{
background-position:0 -60px;
}
#portlandfunbook26 a {
background-image: url(images/projnav/bn-portlandfunbook26.jpg);
}
#portlandfunbook26 a:hover{
background-position:0 -60px;
}
#portlandfunbook31 a {
background-image: url(images/projnav/bn-portlandfunbook31.jpg);
}
#portlandfunbook31 a:hover{
background-position:0 -60px;
}

#redbulltheater1 a {
background-image: url(images/projnav/bn-redbulltheater1.jpg);
}
#redbulltheater1 a:hover{
background-position:0 -60px;
}
#redbulltheater2 a {
background-image: url(images/projnav/bn-redbulltheater2.jpg);
}
#redbulltheater2 a:hover{
background-position:0 -60px;
}
#redbulltheater3 a {
background-image: url(images/projnav/bn-redbulltheater3.jpg);
}
#redbulltheater3 a:hover{
background-position:0 -60px;
}
#redbulltheater4 a {
background-image: url(images/projnav/bn-redbulltheater4.jpg);
}
#redbulltheater4 a:hover{
background-position:0 -60px;
}

#spore1 a {
background-image: url(images/projnav/bn-spore.jpg);
}
#spore1 a:hover{
background-position:0 -60px;
}
#spore2 a {
background-image: url(images/projnav/bn-spore2.jpg);
}
#spore2 a:hover{
background-position:0 -60px;
}
#spore3 a {
background-image: url(images/projnav/bn-spore3.jpg);
}
#spore3 a:hover{
background-position:0 -60px;
}

#trinityper1 a {
background-image: url(images/projnav/bn-trinityper.jpg);
}
#trinityper1 a:hover{
background-position:0 -60px;
}
#trinityper2 a {
background-image: url(images/projnav/bn-trinityper2.jpg);
}
#trinityper2 a:hover{
background-position:0 -60px;
}
#trinityper3 a {
background-image: url(images/projnav/bn-trinityper3.jpg);
}
#trinityper3 a:hover{
background-position:0 -60px;
}
#trinityper4 a {
background-image: url(images/projnav/bn-trinityper4.jpg);
}
#trinityper4 a:hover{
background-position:0 -60px;
}

#typeplay1 a {
background-image: url(images/projnav/bn-typeplay.jpg);
}
#typeplay1 a:hover{
background-position:0 -60px;
}
#typeplay2 a {
background-image: url(images/projnav/bn-typeplay2.jpg);
}
#typeplay2 a:hover{
background-position:0 -60px;
}
#typeplay3 a {
background-image: url(images/projnav/bn-typeplay3.jpg);
}
#typeplay3 a:hover{
background-position:0 -60px;
}
#typeplay4 a {
background-image: url(images/projnav/bn-typeplay4.jpg);
}
#typeplay4 a:hover{
background-position:0 -60px;
}
#typeplay5 a {
background-image: url(images/projnav/bn-typeplay5.jpg);
}
#typeplay5 a:hover{
background-position:0 -60px;
}

#xxx1 a {
background-image: url(images/projnav/bn-xxx1.jpg);
}
#xxx1 a:hover{
background-position:0 -60px;
}
#xxx2 a {
background-image: url(images/projnav/bn-xxx2.jpg);
}
#xxx2 a:hover{
background-position:0 -60px;
}
#xxx3 a {
background-image: url(images/projnav/bn-xxx3.jpg);
}
#xxx3 a:hover{
background-position:0 -60px;
}
#xxx4 a {
background-image: url(images/projnav/bn-xxx-pdf.jpg);
}
#xxx4 a:hover{
background-position:0 -60px;
}


/************ Index Navigation *****************/
#bottom-left {
margin: 0px;
padding: 0px;
width: 336px;
height: 168px;
display:inline;
float:left;
}
#bottom-left li {
margin: 0px;
padding: 0px 2px 2px 0px;
width: 82px;
height: 82px;
display:inline;
float:left;
}
#bottom-left li a {
width: 82px;
height: 82px;
display:block;
}
#bottom-right {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 168px;
height: 168px;
display:block;
float:right;
}
#bottom-right li {
margin: 0px;
padding: 0px 2px 2px 0px;
width: 166px;
height: 166px;
display:inline;
float:right;
}

#index-nav {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 504px;
height: 336px;
display:inline;
float:right;
}

#index-nav li {
margin: 0px;
padding: 0px 2px 2px 0px;
width: 82px;
height: 82px;
display:inline;
float:left;
}
#index-nav li a {
width: 82px;
height: 82px;
display:block;
}

#index1 a {
background-image: url(images/indexnav/bn-stepoffice.jpg);
}
#index1 a:hover{
background-position:0 -82px;
}
#index2 a {
background-image: url(images/indexnav/bn-xxx.jpg);
}
#index2 a:hover{
background-position:0 -82px;
}
#index3 a {
background-image: url(images/indexnav/bn-design-innov2.jpg);
}
#index3 a:hover{
background-position:0 -82px;
}
#index4 a {
background-image: url(images/indexnav/bn-ashcroft.jpg);
}
#index4 a:hover{
background-position:0 -82px;
}
#index5 a {
background-image: url(images/indexnav/bn-microcosm.jpg);
}
#index5 a:hover{
background-position:0 -82px;
}
#index6 a {
background-image: url(images/indexnav/bn-contact1.jpg);
}
#index6 a:hover{
background-position:0 -82px;
}
#index7 a {
background-image: url(images/indexnav/bn-fwaf.jpg);
}
#index7 a:hover{
background-position:0 -82px;
}
#index8 a {
background-image: url(images/indexnav/bn-lucky.jpg);
}
#index8 a:hover{
background-position:0 -82px;
}
#index9 a {
background-image: url(images/indexnav/bn-timjones.jpg);
}
#index9 a:hover{
background-position:0 -82px;
}
#index10 a {
background-image: url(images/indexnav/bn-alpha2.jpg);
}
#index10 a:hover{
background-position:0 -82px;
}
#index11 a {
background-image: url(images/indexnav/bn-ridgefield.jpg);
}
#index11 a:hover{
background-position:0 -82px;
}
#index12 a {
background-image: url(images/indexnav/bn-contact.jpg);
}
#index12 a:hover{
background-position:0 -82px;
}
#index13 a {
background-image: url(images/indexnav/bn-plazm.jpg);
}
#index13 a:hover{
background-position:0 -82px;
}
#index14 a {
background-image: url(images/indexnav/bn-nike-bball1.jpg);
}
#index14 a:hover{
background-position:0 -82px;
}

#index15 a {
background-image: url(images/indexnav/bn-funbook3.jpg);
}
#index15 a:hover{
background-position:0 -82px;
}
#index16 a {
background-image: url(images/indexnav/bn-arc.jpg);
}
#index16 a:hover{
background-position:0 -82px;
}
#index17 a {
background-image: url(images/indexnav/bn-lovewinter4.jpg);
}
#index17 a:hover{
background-position:0 -82px;
}
#index18 a {
background-image: url(images/indexnav/bn-lovewinter1.jpg);
}
#index18 a:hover{
background-position:0 -82px;
}
#index19 a {
background-image: url(images/indexnav/bn-design-innov1.jpg);
}
#index19 a:hover{
background-position:0 -82px;
}
#index20 a {
background-image: url(images/indexnav/bn-boxrocks.jpg);
}
#index20 a:hover{
background-position:0 -82px;
}
#index21 a {
background-image: url(images/indexnav/bn-lovewinter3.jpg);
}
#index21 a:hover{
background-position:0 -82px;
}
#index22 a {
background-image: url(images/indexnav/bn-christmas.jpg);
}
#index22 a:hover{
background-position:0 -82px;
}
#index23 a {
background-image: url(images/indexnav/bn-jabberwocky.jpg);
}
#index23 a:hover{
background-position:0 -82px;
}
#index24 a {
background-image: url(images/indexnav/bn-redbull.jpg);
}
#index24 a:hover{
background-position:0 -82px;
}
#index25 a {
background-image: url(images/indexnav/bn-fortgeorge.jpg);
}
#index25 a:hover{
background-position:0 -82px;
}
#index26 a {
background-image: url(images/indexnav/bn-lovewinter2.jpg);
}
#index26 a:hover{
background-position:0 -82px;
}
#index27 a {
background-image: url(images/indexnav/bn-samson.jpg);
}
#index27 a:hover{
background-position:0 -82px;
}
#index28 a {
background-image: url(images/indexnav/bn-ashcroft2.jpg);
}
#index28 a:hover{
background-position:0 -82px;
}
#index29 a {
background-image: url(images/indexnav/bn-nike-bball3.jpg);
}
#index29 a:hover{
background-position:0 -82px;
}
#index30 a {
background-image: url(images/indexnav/bn-blocky.jpg);
}
#index30 a:hover{
background-position:0 -82px;
}
#index31 a {
background-image: url(images/indexnav/bn-plazm29.jpg);
}
#index31 a:hover{
background-position:0 -82px;
}
#index32 a {
background-image: url(images/indexnav/bn-alpha.jpg);
}
#index32 a:hover{
background-position:0 -82px;
}
#index33 a {
background-image: url(images/indexnav/bn-funbook2.jpg);
}
#index33 a:hover{
background-position:0 -82px;
}
#index34 a {
background-image: url(images/indexnav/bn-funbook1.jpg);
}
#index34 a:hover{
background-position:0 -82px;
}
#index35 a {
background-image: url(images/indexnav/bn-design-innov3.jpg);
}
#index35 a:hover{
background-position:0 -82px;
}
#index36 a {
background-image: url(images/indexnav/bn-girlsrock.jpg);
}
#index36 a:hover{
background-position:0 -82px;
}
#index37 a {
background-image: url(images/indexnav/bn-funbook3i.jpg);
width: 166px;
height: 166px;
display:block;
}
#index37 a:hover{
background-position:0 -166px;
}