@import url("ddMenu.css");

body {
  	padding: 0;
  	margin: 0;
  	width: 100%;
  	height: 100%;
  	font-family:arial, century gothic, "lucida console", sans-serif;
         font-size:8pt;
	color:#404040;
	}

a {
	color:#ee9523;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a img {
	border:0px;
	}
h1 {
	font-size:12pt;
	font-weight: 400;
	}





#projectStats {
         width:182px;
         padding:0px;
	margin-left:11px;
	margin-bottom:20px;
	}
#projectStats li {

         width:182px;
	}

.statTitle {
	color:#666666;
         text-transform: capitalize;
	}
.statData {
         position:absolute;
 	right:0px;
	color:#666666;
	}


div#mainBodyContainer {
  	position:relative;
  	margin-left:auto;
  	margin-right:auto;
  	top:38px;
  	width:900px;
  	border:0px solid #aaa;
  	}

div#header {
  	width:900px;
  	height:118px;
  	}


img#titleLogo {
  	position:absolute;
  	top:-32px;
  	left:-4px;
	}







#content {
   	z-index:1;
	position:absolute;

	left:684px;
	top:10px;
    	height:477px;
	width:216px;
	border-left:1px solid #999999;
	padding-left:0px;
	padding-top:13px;
	font-size:8pt;
	font-weight:normal;
	color:#666666;
	display:block;

	}




#showProjectText {
    	z-index:1;
	position:absolute;
         right:-3px;
	top:6px;
         height:20px;
	width:66px;
         background-image:url('../images/nav/ShowProjectTextSpriteNew.png');
	background-position:0px 0px;
         display:none;

	}
#showProjectText:hover {
	background-position:0px 19px;
	cursor:pointer;
	}




#hideText {
    	z-index:100;
	position:absolute;
         right:202px;
	top:6px;
         height:19px;
	width:43px;
	border:0px solid #f0f;
         display:block;
	background-image:url('../images/nav/HideTextSpriteNew.png');
	background-position:0px 0px;

	}
#hideText:hover {
	background-position:0px 19px;
	cursor:pointer;
	}
#slideshow {
	width: 900px;
         height: 447px;
         position: absolute;
         top: 30px;
         left:0px;
	visibility:hidden;
	}

div.imageCenter {
  	width:900px;
	height:447px;
	margin-top:0px;
	position:absolute;
	margin-left:0px;
         border:0px solid #f0f;


	}
#slideshowr {
         width: 670px;
         height: 447px;
         position: absolute;
         top: 30px;
         left:0px;
         visibility:hidden;
         }
div.imageCenterr {
         width:670px;
         height:447px;
         margin-top:0px;
         position:absolute;
         margin-left:0px;
         border:0px solid #f0f;
	}
#imageNavContainer {
         width: 900px;
	height: 90px;
	position: absolute;
	top:537px;
	border-top:1px solid #999;
         border-bottom:0px solid #f00;
	padding-top:10px;
	}
#onBar {
         position: absolute;
	width:140px;
	height:4px;
	top:0px;
	background-color:#999;
	left:0px;
	}



div.imageNav {
         position:absolute;
	width:140px;
	height:90px;
	cursor: pointer;
	}

#s1 {
         left:0px;
         background-image:url('../images/frontRotation/1s.png');
	}
#s2 {
         left:190px;
         background-image:url('../images/frontRotation/2s.png');
	}
#s3 {
         left:380px;
         background-image:url('../images/frontRotation/3s.png');
	}
#s4 {
         left:570px;
         background-image:url('../images/frontRotation/4s.png');
	}
#s5 {
         left:760px;
         background-image:url('../images/frontRotation/5s.png');
	}





#projectTitle {
         position:absolute;
	top:-32px;
         color:#404040;
	font-family:Century Gothic;
	}


#fadeContentContainer {
         position:absolute;
	top:65px;
	border-top:2px solid #666666;
         width:900px;
	height:477;
	z-index:300;
	}
#whiteSheetForIE {
         position:absolute;
	top:47px;
	border:0px solid #f0f;
	width:900px;
	height:700px;
         z-index:200;
	background-color:#fff;
         /* for IE */
  	filter:alpha(opacity=0);
  	/* CSS3 standard */
         opacity:0;
	}



#textNav {
         position:absolute;
	height:19px;
         width:193px;
	bottom:0px;
	right:0px;
	border:0px solid #0ff;
         display:block;
	}
#prevTextSlide {
	position:absolute;
	left:0px;
	bottom:-6px;
         width:49px;
	height:16px;
	border:0px solid #f0f;
	background-image: url('../images/nav/Prev.png');
	background-position: 0px 0px;
         z-index:300;
	}
#prevTextSlide:hover {
	background-position: 0px 16px;
         }


#nextTextSlide {
	position:absolute;
	right:0px;
	bottom:-4px;
         width:47px;
	height:16px;
	border:0px solid #f0f;
	background-image: url('../images/nav/Next.png');
	background-position: 0px 0px;
	}
#nextTextSlide:hover {
	background-position: 0px 16px;
         }




#projectInfoText {
         margin-top:0px;
	margin-left:10px;
         line-height:15px;
	}




#infoContentPane {
	border:0px solid #00f;
         position:absolute;
         left: 0px;
         top: 29px;
	width: 213px;
	height: 461px;
	}


#scrollPane {
         top:0px;
	width: 213px;
         height: 461px;
         border:0px solid #f0a;
         }



.jScrollPaneTrack {
         background-image:url('../images/lineSide.png');
         background-repeat:repeat-y;
	left:-1px;
	right:auto;
	}
.jScrollPaneDrag {
         background-color:#999;
	}
.jScrollPaneDrag:hover {
         background-color:#999;
	}


#nextProject {
         width:66px;
	height:17px;
	right:-4px;
	top:-19px;
         position:absolute;
	background-image: url('../images/nav/nextPrevProject.png');
         background-position:66px 0px;
          border:0px solid green;
	}

#dividePrevNext {
         width:1px;
	height:19px;
	right:67px;
	top:-19px;
	position:absolute;
         background-image: url('../images/nav/nextPrevProject.png');
         background-position:71px 0px;
         border:0px solid green;
	}

#prevProject {
         width:70px;
	height:17px;
	right:70px;
	top:-19px;
	position:absolute;
	background-image: url('../images/nav/nextPrevProject.png');
         background-position:0px 0px;
         border:0px solid green;
	}
#prevProject:hover {
         background-position: 0px 23px;
	}
#nextProject:hover {
         background-position: 66px 23px;
	}