body {
margin: 0 auto;
padding: 0;
color: #000;
}
	#title  {
margin: 0px auto;
padding: 10px 0 10px 0;
text-align: center;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 50px;
background: #ffffff;
color: #000000;
}

a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(images/too_cool.gif) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
	
#navcontainer {
margin: 0 auto;
padding: 0 0 20px 0;
letter-spacing: -.05em;
background: #ffffff;
width: 100%;
}
	#navcontainer ul {
margin: 0 auto;
padding: 0 0;
white-space: nowrap;
text-align: center;
font-family: "Helvetica", Arial, sans-serif;
font-size: .95em;
list-style-type: none;
font-weight: bold;
}
	#navcontainer ul li {
display: inline;
font-family: "Helvetica", Arial, sans-serif;
}
	#navcontainer ul li a {
padding: 0 15px;
font-size: .95em;
color: #000000;
text-decoration: none;
font-family: "Helvetica", Arial, sans-serif;
}
	#navcontainer a:hover {
padding: 0 15px;
text-decoration: none;
color: #FF6633;
font-family: "Helvetica", Arial, sans-serif;
font-size: .95em;
text-decoration: none;
}

#navcontainer a:active {
padding: 0 15px;
text-decoration: none;
color: #FF6633;
font-family: "Helvetica", Arial, sans-serif;
font-size: .95em;
text-decoration: none;
text-shadow: 0.1em 0.1em 0.3em #BDBDBD;
}
	.current {
padding: 3px 13px;
color: #000000;
font-family: "Helvetica", Arial, sans-serif;
font-size: .95em;
text-decoration: none;
border: 2px solid #FF6633;
}

p.info {
text-indent: 1.5em;
text-align: justify;
color: #000000;
font-family: "Helvetica", Arial, sans-serif;
}

#picrt {
float: right;
margin: 0;
padding: 0 0 0 10px;
}

#copy {
margin: 0 auto;
padding: 10px 15px 0;
font-family: "Helvetica", Arial, sans-serif;
font-size: 0.8em;
}

#copy ul {
list-style-type: none;
}
	
a>img {
border: none;
}

img {
border: none;
}

#pictures {
margin: 0 auto;
display: block;
position: relative;
}

#caption {
text-align: center;
font-family: "Helvetica", Arial, sans-serif;
font-size: .80em;
font-weight: bold;
padding: 0;
}

#caption1 {
font-family: "Helvetica", Arial, sans-serif;
font-size: .90em;
padding: 0;
margin: 0 auto;
width: 550px;
}

#contact {
text-align:left;
margin: 0 auto;
font-size: 1em;
}

#info {
text-align: center;
padding: 0;
font-size: .8em;
font-family: "Helvetica", Arial, sans-serif;
}

#bio {
width: 500px;
margin: 0 auto;
}

#altbrowser {
font-family: "Helvetica", Arial, sans-serif;
font-size: .7em;
color: #000000;
font-weight: bold;
text-align: center;
width: 375px;
margin: 0 auto;
padding: 175px 5px 0 5px;
}

#footer {
font-family: "Helvetica", Arial, sans-serif;
font-size: .7em;
color: #939393;
text-align: center;
width: 375px;
margin: 0 auto;
padding: 10px 5px 0 5px;
}

#footer a:link {
  font-family: "Helvetica", Arial, sans-serif;
  color: #BCBCBC;
  text-decoration: underline;
}
	
#footer a:visited {
  font-family: "Helvetica", Arial, sans-serif;
  color: #BCBCBC;
  text-decoration: underline;
  }
  
#footer a:hover {
  font-family: "Helvetica", Arial, sans-serif;
  color: #FF6633;
  text-decoration: none;
  }

#footer a:active {
  font-family: "Helvetica", Arial, sans-serif;
  color: #CC0000;
  text-decoration: none;
  }	

h1 {
font-family: "Helvetica", Arial, sans-serif;
font-size: 24px;
color: #0000oo;
}

h2 {
font-family: "Helvetica", Arial, sans-serif;
color: #000000;
font-size: 16px;
letter-spacing: -.05em;
margin: 15px 0 10px 0;
padding-bottom: 2px;
font-weight: bold;
}
	h3 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color:#000000;
font-size: 16px;
margin: 5px 0 2px 0;
padding: 0 0 2px 0;
text-decoration:none;
letter-spacing: -.1em;
 }
	h5 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #000000;
font-size: 16px;
margin: 5px 0 2px 0;
padding: 0 0 2px 0;
text-decoration: none;
letter-spacing: -.1em;
}

.highlight {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #336699;
font-size: 12px;
font-weight: bold;
}

a:link {
  font-family: "Helvetica", Arial, sans-serif;
  color: #363636;
  text-decoration: underline;
}

a:visited {
  font-family: "Helvetica", Arial, sans-serif;
  color: #3C7AA9;
  text-decoration: underline;
  }

a:hover {
  font-family: "Helvetica", Arial, sans-serif;
  color: #FF6633;
  text-decoration: none;
  }
	a:active {
  font-family: "Helvetica", Arial, sans-serif;
  color: #CC0000;
  text-decoration: none;
  }	
#icontainer {
margin: 0 auto;
padding: 0;
width: 720px;
text-align: center;
}

  
/*-------------- Now Showing styles ------------------*/

#container {
position:relative;
width:700px; 
height:400px; 
margin:40px 0 0 50px;
background: url(images/showing/viewing_image1_gray.jpg) no-repeat;
border: 1px  solid #fff;
}

#container ul {
width:198px;
height:386px;
padding:0 0 0 5px;
margin: 0;
list-style-type:none;
float: left;
display: inline;
}

#container li {
float: left;
display: inline;
}

#container a.gallery, #container a.gallery:visited {
display:block; 
color:#fff; 
text-decoration:none; 
border:2px solid #fff; 
margin:3px; 
text-align: center; 
cursor:default;
}

#container a.slidea {background:url(images/showing/1.DREAM_button.jpg); height:60px; width:60px;}
#container a.slideb {background:url(images/showing/2.SEE_button.jpg); height:60px; width:60px;}
#container a.slidec {background:url(images/showing/3.BUBBLETEA_button.jpg); height:60px; width:60px;}
#container a.slided {background:url(images/showing/4.GUITAR_button.jpg); height:60px; width:60px;}
#container a.slidee {background:url(images/showing/5.WESTERN_button.jpg); height:60px; width:60px;}
#container a.slidef {background:url(images/showing/6.EMAILROBOT_button.jpg); height:60px; width:60px;}
#container a.slideg {background:url(images/showing/7.MRSHORT_button.jpg); height:60px; width:60px;}
#container a.slideh {background:url(images/showing/8.BECAREFUL_button.jpg); height:60px; width:60px;}
#container a.slidei {background:url(images/showing/9.JUNK_button.jpg); height:60px; width:60px;}
#container a.slidej {background:url(images/showing/10.REDROAD_button.jpg); height:60px; width:60px;}
#container a.slidek {background:url(images/showing/11.SEEDS_button.jpg); height:60px; width:60px;}
#container a.slidel {background:url(images/showing/12.SPECIAL_button.jpg); height:60px; width:60px;}
#container a.slidem {background:url(images/showing/); height:60px; width:60px;}
#container a.sliden {background:url(images/showing/); height:60px; width:60px;}
#container a.slideo {background:url(images/showing/); height:60px; width:60px;}
#container a.slidep {background:url(images/showing/); height:60px; width:60px;}
#container a.gallery span {position:absolute; width:0; height:0; top:0; left:-30px; background:#fff; overflow:hidden;}
#container a.gallery:hover {border:2px solid #FF6633; cursor: pointer;}

#container a.gallery:hover span {
position:absolute;
width:439px;
height:575px;
top:0; 
left:216px;
color:#000;
background:#fff;
}


/*-------------- Past Work styles ------------------*/

#pcontainer {
position:relative;
width:700px; 
height:400px; 
margin:40px 0 0 50px;
background: url(images/past/viewing_image2_gray.jpg) no-repeat;
border:1px  solid #fff;
}

#pcontainer ul {
width:198px;
height:386px;
padding:0 0 0 5px;
margin: 0;
list-style-type:none;
float: left;
display: inline;
}

#pcontainer li {
float: left;
display: inline;
}

#pcontainer a.gallery, #pcontainer a.gallery:visited {
display:block; 
color:#fff; 
text-decoration:none; 
border:2px solid #fff; 
margin:3px; 
text-align: center; 
cursor:default;
}

#pcontainer a.slideap {background:url(images/past/1.UNTITLED_button.jpg); height:60px; width:60px;}
#pcontainer a.slidebp {background:url(images/past/2.BLOCKS_button.jpg); height:60px; width:60px;}
#pcontainer a.slidecp {background:url(images/past/3.ONEWAY_button.jpg); height:60px; width:60px;}
#pcontainer a.slidedp {background:url(images/past/4.ICHIRO_button.jpg); height:60px; width:60px;}
#pcontainer a.slideep {background:url(images/past/5.UNTOLD_STORIES_button.jpg); height:60px; width:60px;}
#pcontainer a.slidefp {background:url(images/past/6.COMMUNICATE_button.jpg); height:60px; width:60px;}
#pcontainer a.slidegp {background:url(images/past/7.MEMORIES_button.jpg); height:60px; width:60px;}
#pcontainer a.slidehp {background:url(images/past/8.ONOFF_button.jpg); height:60px; width:60px;}
#pcontainer a.slideip {background:url(images/past/9.O-SoGood_button.jpg); height:60px; width:60px;}
#pcontainer a.slidejp {background:url(images/past/10.AllConnected_button.jpg); height:60px; width:60px;}
#pcontainer a.slidekp {background:url(images/past/5.MONDAY_button.jpg); height:60px; width:60px;}
#pcontainer a.slidelp {background:url(images/past/6.LUPINE_button.jpg); height:60px; width:60px;}
#pcontainer a.slidemp {background:url(images/past/); height:60px; width:60px;}
#pcontainer a.slidenp {background:url(images/past/); height:60px; width:60px;}
#pcontainer a.slideop {background:url(images/past/); height:60px; width:60px;}
#pcontainer a.slidepp {background:url(images/past/); height:60px; width:60px;}
#pcontainer a.gallery span {position:absolute; width:0; height:0; top:0; left:-30px; background:#fff; overflow:hidden;}
#pcontainer a.gallery:hover {border:2px solid #FF6633; cursor: pointer;}

#pcontainer a.gallery:hover span {
position:absolute;
width:439px;
height:575px;
top:0; 
left:216px;
color:#000;
background:#fff;
}