/* global styles */

body {
	font-family: Tahoma, verdana, Geneva, Helvetica, sans-serif;
	background-color:#444444;
	}
	
a:link {
	color: #cc3333;
	text-decoration: none;
	}

a:visited {
	color: #cc3333;
	text-decoration: none;
	}
	
a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
.linksTopOn {
	color: #cc3333;
}

.linksTopOnOrg {
	color: #ffcc33;
}

.smText {
	font-size: 75%;
}

/****** LAYOUT **********/

#pageContainer {
	position: absolute;
	left:0px;
	top:0px;
	width:828px;
	height:550px;
	vertical-align: middle;
}

#mainDate {
	position:absolute;
	text-align: right;
	top:57px;
	width:817px;
	height:16px;
}

#body_spacerL {
	position:absolute;
	left:0px;
	top:50px;
	width:50px;
	height:466px;
}

#bodyContainer {
	position: absolute;
	left:50px;
	top:50px;
	width:572px;
	height:466px;
}

.homeImage {
	background-image: url(../images/homepage_body.jpg);
}
 
.pixelsImage {
	background-image: url(../images/pxiels_content_imageB.jpg);
}

.pixelsprojImage {
	background-image: url(../images/pixels_content_image_lt.jpg);
}

.printImage {
	background-image: url(../images/print_content_image.jpg);
}

.playImage {
	background-image: url(../images/play_content_image.jpg);
}

.bioImage {
	background-image: url(../images/bio_content_image.jpg);
}

#homepage_content {
	position: absolute;
	padding: 18px;
	left:50px;
	top:324px;
	width:537px;
	height: 122px;
}

#pixels_content {
	position: absolute;
	padding-top: 10px;
	padding-left: 16px;
	left:50px;
	top:86px;
	width:540px;
	height: 400px;
}

#pixels_content img {
	border: 4px solid #ffffff;
	vertical-align: top;
}

#pixels_content img.noBorder {
	border: none;
}

#pixels_content img.withLink {
	border: 4px solid #4692BB;
}

#bio_contentL {
	position: absolute;
	padding-top: 8px;
	padding-left: 16px;
	left:50px;
	top:86px;
	width:250px;
	height: 400px;
}

#bio_contentR{
	position: absolute;
	padding-top: 8px;
	padding-left: 16px;
	left:330px;
	top:86px;
	width: 267px;
	height: 400px;
}

#print_content {
	position: absolute;
	padding-top: 14px;
	padding-left: 16px;
	left:50px;
	top:86px;
	width:540px;
	height: 400px;
}

#print_content img {
	border: 4px solid #cccccc;
}

#body_spacer {
	position: absolute;
	left:622px;
	top:50px;
	width:10px;
	height:466px;
}

#sidebarContainer {
	position: absolute;
	left:632px;
	top:50px;
	width:196px;
	height:466px;
}

.homeSideImage {
	background-image: url(../images/homepage_sidebar.jpg);
}

.pixelsSideImage {
	background-image: url(../images/pixels_side_imageB.jpg);
}

.printSideImage {
	background-image: url(../images/print_side_image.jpg);
}

.playSideImage {
	background-image: url(../images/play_side_image.jpg);
}

.bioSideImage {
	background-image: url(../images/bio_side_image.jpg);
}

#page_footer {
	position: absolute;
	left:50px;
	top:516px;
	width:572px;
	height:24px;
}

/********* homepage buttons************/

#home-btn-pixels {
	position:absolute;
	left:163px;
	top:209px;
	width:104px;
	height:104px;
}

#home-btn-print {
	position:absolute;
	left:287px;
	top:209px;
	width:104px;
	height:104px;
}

#home-btn-play {
	position:absolute;
	left:410px;
	top:209px;
	width:104px;
	height:104px;
}

/*************** pixels buttons ***********/

/*#pixels-buttons-Slice {
	position:absolute;
	left:0px;
	top:0px;
	width:837px;
	height:209px;
}*/

#pixels-btn-print {
	position:absolute;
	left:307px;
	top:235px;
	width:78px;
	height:78px;
}

#print-btn-pixels {
	position:absolute;
	left:176px;
	top:235px;
	width:78px;
	height:78px;
}

#pixels-btn-play {
	position:absolute;
	left:423px;
	top:235px;
	width:78px;
	height:78px;
}

#pixels-connectors {
	position:absolute;
	left:163px;
	top:313px;
	width:338px;
	height:50px;
}

#print-connectors {
	position:absolute;
	left:287px;
	top:313px;
	width:338px;
	height:50px;
}

#pixels-btn-UI {
	position:absolute;
	left:174px;
	top:363px;
	width:78px;
	height:78px;
}

#pixels-btn-sites {
	position:absolute;
	left:288px;
	top:363px;
	width:78px;
	height:78px;
}

#pixels-btn-interactive {
	position:absolute;
	left:432px;
	top:363px;
	width:78px;
	height:78px;
}

#print-btn-link1 {
	position:absolute;
	left:330px;
	top:363px;
}

#print-btn-link2 {
	position:absolute;
	left:414px;
	top:363px;
}

#print-btn-link3{
	position:absolute;
	left:522px;
	top:363px;
}

/********** HEADER STYLES ************/
h3 {
	font-size: 90%;
	color: #cc3333;
}

h4 {
	font-size: 80%;
}

.pagetitle {
	color:#333333;
	font-size: 1.2em;
	padding-bottom: 4px;
}

.pagetitlePrint {
	color: #333333;
	font-size: 14pt;
	padding-bottom: 4px;
	}

/*.pagetitleBio {
	color:#006699;
	font-size: 14pt;
}*/

/*********** home sidenav ***************/

#home_sidebar_icon_contact {
	position:absolute;
	left:718px;
	top:106px;
	width:110px;
	height:16px;
}

#home_sidebar_icon_bio {
	position:absolute;
	left:718px;
	top:126px;
	width:110px;
	height:16px;
}

#home_sidebar_logo {
	position:absolute;
	left:638px;
	top:390px;
	width:184px;
	height:50px;
}

a.sidenav:link {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #555555;
	font-size: 9pt;
	text-decoration: none;
	}

a.sidenav:visited {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #555555;
	font-size: 9pt;
	text-decoration: none;
	}
	
a.sidenav:hover {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #cc3333;
	font-size: 9pt;
	text-decoration: underline;
	}
	
/************* home top links ************/

#contentTopLinks {
	position: absolute;
	left:56px;
	top:56px;
	padding: 6px;
	width: 554px;
	color:#666666;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	border-bottom: 1px solid #ffffff;
}

#mainLinksLeft {
	float: left;
	width: 170px;
	padding-top: 2px;
	padding-left: 4px;
	/*color:#666666;*/
	font-size: 9pt;
	text-align: left;
	vertical-align: middle;
}

#mainLinksRight {
	float: right;
	padding-right: 8px;
	width: 370px;
	font-size: 10pt;
	text-align: right;
}

#mainLinksRight.pixels {
	color: #CC3333;
	/*color:#027ABB;*/
}

.bioBlue {
	color:#027ABB;
}

.white {
	color:#FFFFFF;
	}

a.pixels:link {
	color:#cc3333;
	font-size: 10pt;
	text-decoration: underline;
	}

a.pixels:visited {
	color:#cc3333;
	font-size: 10pt;
	text-decoration: underline;
	}
	
a.pixels:hover {
	color: #555555;
	font-size: 10pt;
	text-decoration: none;
	}
	

a.topnav:link {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #555555;
	font-size: 9pt;
	text-decoration: none;
	}

a.topnav:visited {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #555555;
	font-size: 9pt;
	text-decoration: none;
	}
	
a.topnav:hover {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #cc3333;
	font-size: 9pt;
	text-decoration: underline;
	}
	
a.topnavPlay:link {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #ffcc33;
	font-size: 9pt;
	text-decoration: none;
	}

a.topnavPlay:visited {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #ffcc33;
	font-size: 9pt;
	text-decoration: none;
	}
	
a.topnavPlay:hover {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #cc3333;
	font-size: 9pt;
	text-decoration: underline;
	}
	

/************* 3rd level sidenav************/

#sidenavTopLinks {
	position: absolute;
	left:638px;
	top:56px;
	width: 184px;
	border-bottom: 1px solid #ffffff;
}

.sidenavTopLInks {
	padding: 4px;
	color:#FFFFFF;
	text-align: right;
	vertical-align: middle;
}
	

#sidenavLinks {
	position: absolute;
	top: 100px;
	left: 646px;
	width: 166px;
}

.level1Item {
	padding-top: 0px;
	left: 0px;
	height: 20px;
	color: #444444;
	font-size: 8pt;
	/*background : url(../images/nav_arrow_lg.gif) no-repeat 0px 0px;*/
	min-height: 20px;
	}

.level2Item {
	padding: 0px 20px;
	left: 0px;
	height: 20px;
	color: #555555;
	font-size: 9pt;
	background : url(../images/nav_arrow_lg.gif) no-repeat 0px 0px;
	min-height: 20px;
	}

.level3Item {
	position: relative;
	padding: 0px 16px;
	left: 16px;
	background : url(../images/nav_arrow.gif) no-repeat 0px 0px;
	background-position: left;
	vertical-align: middle;
	min-height: 16px;
	}
	
.downloadItem {
	padding: 0px 20px;
	left: 0px;
	height: 20px;
	color: #555555;
	font-size: 9pt;
	background : url(../images/nav_arrow_down.gif) no-repeat 0px 0px;
	min-height: 20px;
	}
	
#sidebar_logo_sm {
	position: absolute;
	left:638px;
	top:412px;
	width:184px;
	height:50px;
	/*border-top: 1px solid #ffffff;*/
}

/********* DIV STYLES *************/
.content {
	font-size: .8em;
	color: #444444;
}

.date {
	padding-right: 12px;
	font-size: 70%;
	color: #e6e6e6;
}

.copyright {
	padding-top: 8px;
	font-size: 68%;
	color: #999999;
	text-align: center;
	}
	
/************ gallery slides and movie clips ***********/

 #loadText {
	 color: #ffffff;
	 font-size: 12pt;
	 text-align : right;
	 POSITION: absolute;
	 /*LEFT: 140px;*/
	 TOP: 150px;
	 width: 332px;
	 Z-INDEX: 14;
	 }
 
 #picText {
	 color: #ffffff;
	 font-style : italic;
	 POSITION: absolute;
	 LEFT: 245px;
	 TOP: 295px;
	 Z-INDEX: 14;
	 }
 
 #clipFrame {
	 POSITION: absolute;
	 LEFT: 0px;
	 TOP: 0px;
	 width: 366px;
	 height: 316px;
	 Z-INDEX: 10;
	 }
	 
.clipFrameImage {
	 background-image: url(../play/clips/images/tvinterface.gif);
}
	 
#movieWindow {
	 POSITION: absolute;
	 LEFT: 22px;
	 TOP: 22px;
	 Z-INDEX: 5;
	 background-color: #000000;
	 }
 
#clipTitle {
	 POSITION: absolute;
	 color: #ffffff;
	 font-size: 10pt;
	 LEFT: 22px;
	 TOP: 288px;
	 Z-INDEX: 12;
	 }

#movieClipList{
	 color: #666666;
	 font-size: 10pt;
	 POSITION: absolute;
	 LEFT: 22px;
	 TOP: 332px;
	 Z-INDEX: 10;
	 }
	 
li.clips {
	list-style-image: url(../play/clips/images/nav_arrow.gif);
	vertical-align: middle;
	list-style-position: inside;
}

#clipFooter{
     POSITION: absolute;
	 padding: 6px 0px 6px 0px;
	 background-color:#999999;
     left: 0px;
     TOP: 480px;
	 width: 366px;
	 font-size: 10pt;
	 border-top: 1px solid #ffffff;
     Z-INDEX: 4;
     }

#galleryFooter{
     POSITION: absolute;
	 padding: 10px;
	 font-size: 12px;
	 border-top: 2px solid #ffffff;
	 width: 426px;
     left: 0px;
     TOP: 380px;
     Z-INDEX: 4;
     background-color:#666666;
     }
	 
.slides {
     color:#666666;
     font-size: 9pt;
     font-family: font-family: Tahoma, Geneva, Verdana, sans-serif;
     /*font-weight: bold;*/
     }
	 
.smSlidesText {
     color:#ffffff;
     font-size: 8pt;
     font-family: font-family: Tahoma, verdana, helvetica, sans-serif, Geneva;
     }
	 
/*slides link styles*/
     A.slides:link {
	 color: #666666;
     text-decoration:none;
     }
     
     A.slides:visited {
     color:#666666;
     text-decoration:none;
     }
     
     A.slides:hover {
     color:#ffffff;
     text-decoration:underline;
     }
	 
	 A.slidesClose:link {
	 color: #ffffff;
     text-decoration:none;
     }
     
     A.slidesClose:visited {
     color:#ffffff;
     text-decoration:none;
     }
     
     A.slidesClose:hover {
     color:#ffcc33;
     text-decoration:underline;
     }
	 
/* large 2nd level links*/
a.largeLink {
	font-size: 14pt;
}

a.largeLink:link {
	color:#ffffff;
	text-decoration: underline;
	}

a.largeLink:visited {
	color:#ffffff;
	text-decoration: underline;
	}
	
a.largeLink:hover {
	color: #027ABB;
	text-decoration: none;
	}
	
/* body links*/
.bodyLink { 
	color:#027ABB;
	}
	
a.bodyLink:link {
	color:#027ABB;
	text-decoration: underline;
	}

a.bodyLink:visited {
	color:#027ABB;
	text-decoration: underline;
	}
	
a.bodyLink:hover {
	color: #cc3333;
	text-decoration: none;
	}
ß