body { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0; margin:0; }
a img { border:0; }

#wrapper { width:716px; margin: 0px; }
#maincontent { width:716px; float:left; }

#pimage { height:303px; float:left; }
#pimage img{ float:left; }

#scroller {
	width:5012px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	visibility: visible;
}
#scroller img { float:left; }

#ppx { position: relative; left: 0px; top: 0px; width:716px; height:300px; padding: 0px; overflow: hidden; float:left; }

#subnav { float:left; width:0px; padding:0px 0px 0 0; clear:left; height: 0px; }
#subsubnav { float:left; width:0px; padding:0px 0px 0 0; text-align:right; clear:left; }

#thumbholder { height:61px; margin:9px 0 0 0; float:left; padding:0; }
#thumbholder img{ width:60px; height:60px; }
#thumbholder a { border:solid 1px #3f3832; float:left; margin:0 4px 0 0; }
#thumbholder a:hover { border:1px solid #cc0033; }

#subnav ul{ padding:0; margin:0; list-style:none; }
#subnav ul span{ font-size:11px; }
#subnav ul span li{ color:#666666; }
#subnav ul li{ padding:0 0 6px 0; margin:0; color:#FFFFFF; }
#subnav ul li span{ color:#999999; }
#subnav ul li a{ color:#FFFFFF; text-decoration:none; }
#subnav ul li a:hover{ color:#cc0033; }

#projectinfo { color:#ffffff; width:716px; float:left; }
#projectinfo p{ clear:left; margin:0 0 20px 0; }

/* Bubble pop-up */
.bubbleInfo { position: relative; width:60px; height:60px; float:left; margin:0 9px 0 0; }
.trigger { width:60px; height:60px; }
.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}
#dpop { padding:3px 3px 0 4px; height:27px; background-image:url(../fotopix/images/tab.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:11px; line-height:11px; }
#dpop72 { padding:3px 3px 0 4px; width: 72px; height:27px; background-image:url(../fotopix/images/tab.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:11px; line-height:11px; }
#dpop80 { padding:3px 3px 0 4px; width: 80px; height:27px; background-image:url(../fotopix/images/tab.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:11px; line-height:11px; }

.boxgrid { width: 359px; height: 207px; float:left; background:#161613; overflow: hidden; position: relative; margin:0 15px 0 0; }
.boxgrid img{ position: absolute; left: 0; border: 0; }
.boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.captionfull .boxcaption { top: 260; left: 0; }
.caption .boxcaption { top: 208px; left: 0; }

.boxcaption h3 { padding:0; margin:3px 0 0 0;}
.boxcaption h3 a { padding:10px; margin:0; color:#FFF; text-decoration:none; font-size:15px; font-family: "Lucida Grande", Arial, sans-serif; font-weight:normal; float:left;} 
.boxcaption h3 a:hover {color:#FFF;}

.boxcaption2 h3  { padding:0; margin:3px 0 0 0;}	
.boxcaption2 h3 a { padding:10px; margin:0; color:#FFF; text-decoration:none; font-size:15px; font-family: "Lucida Grande", Arial, sans-serif; font-weight:normal;float:left;} 

.boxcaption3 h3  { padding:0; margin:3px 0 0 0;}	
.boxcaption3 h3 a { padding:10px; margin:0; color:#FFF; text-decoration:none; font-size:15px; font-family: "Lucida Grande", Arial, sans-serif; font-weight:normal;float:left;}

.boxcaption4 h3  { padding:0; margin:3px 0 0 0;}	
.boxcaption4 h3 a { padding:10px; margin:0; color:#FFF; text-decoration:none; font-size:15px; font-family: "Lucida Grande", Arial, sans-serif; font-weight:normal;float:left;}
			
			
.cover boxcaption h3 a:hover { color:#FFF;}
.cover boxcaption2 h3 a:hover { color:#FFF;}
.cover boxcaption3 h3 a:hover { color:#FFF;}
.cover boxcaption4 h3 a:hover { color:#FFF;}

.boxgrid2 { width: 480px; height: 207px; float:left; background:#161613; overflow: hidden; position: relative; margin:0; }
.boxgrid2 img{ position: absolute; left: 0; border: 0; }
.boxcaption2{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

.captionfull .boxcaption2 { top: 260; left: 0; }
.caption .boxcaption2 { top: 207px; left: 0; }

.boxgrid3{ width: 217px; height: 162px; float:left; background:#000; overflow: hidden; position: relative; margin:0 15px 0 0; }
.boxgrid3 img{ position: absolute; left: 0; border: 0; }
.boxcaption3{ float: left; position: absolute; background: #E35702; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption3 { top: 162; left: 0; }
.caption .boxcaption3 { top: 162px; left: 0; margin:0; padding:0; }

.boxgrid4 { width: 445px; height: 162px; float:left; background:#161613; overflow: hidden; position: relative; margin:0 15px 0 0; }
.boxgrid4 img{ position: absolute; left: 0; border: 0; }
.boxcaption4{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption4 { top: 162; left: 0; }
.caption .boxcaption4 { top: 162px; left: 0; margin:0; padding:0; }


.boxgrid5{ width: 162px; height: 162px; float:left; background:#161613; overflow: hidden; position: relative; margin:0;}
.boxgrid5 img{position: absolute;left: 0;border: 0;}


#subnav ul.menu, ul.menu ul {list-style-type:none; margin: 0;  padding: 0;}
#subnav ul.menu a {display: block;  text-decoration: none;}
#subnav ul.menu li {}
#subnav ul.menu li a {}
#subnav ul.menu li a:hover {}
#subnav ul.menu li ul li a {color:#cc0033;}
#subnav ul.menu li ul li a:hover {}