@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;
	}

ul {
   	margin: 0;
  	padding: 0;
  	list-style: none;
	}



a {
	color:#ee9523;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a img {
	border:0px;
	}




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

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


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

#fadeContentContainer {
         position:absolute;
         left:0px;
	top:77px;
	border-top:2px solid #666666;
         width:900px;
	height:550px;
	z-index:100;
	}


#mainImageContainer {
         border:0px solid #0f0;
	height:565px;
	width:363px;
         position:absolute;
	top:30px;
	right:0px;
	}

#slideshow {
         width: 565px;
         height: 363px;
         position: absolute;
         top: 0px;
         right:0px;
         display:block;
         }

div.imageCenter {
         width:565px;
         height:363px;
         top:0px;
         position:absolute;
         left:0px;
         border:0px solid #f0f;


	}






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










#projectSectionList {
         position:absolute;
	left:142px;
	width:165px;
         border:0px solid #f00;
	border-right:0px solid #999;
         height:363px;
	top:30px;
         z-index:300;


	}
#rolloverListNav {
         position:absolute;
	top:-6px;
         right:0px;
	}
li.projectSectionElement {
	color:#404040;
	font-size:12pt;
	font-family:Century Gothic;
	padding-bottom:31px;
	text-align:right;
	margin-right:3px;
	text-decoration:none;
	font-weight:normal;
	}
li.projectSectionElement:hover {
	color:#ee9523;
         text-decoration:underline;
	cursor:pointer;
	}


#sec1 {color:#a82b12;}
img.slideImage {
         border:1px solid #ccc;


	}
#sec1:hover {color:#E63411;}






#gridContainer {
	position:absolute;
	top:50px;
	left:3px;
	border:0px solid #f00;
	height:345px;
	width:900px;
         z-index:300;

	}
.gridElement {
         position:absolute;
	border:0px;
         background-image: url('../images/slideshowProjects/GridNav.png');

	height:161px;
	}
.gridElement:hover {
	cursor:pointer;
	}

#grid1 {
         width:218px;
	left:0px;
         top:0px;
	background-position:0px 0px;
	}
#grid2 {
         width:218px;
         top:0px;
	left:226px;
	background-position:673px 0px;
	border:0px solid #f00;
	}
#grid3 {
         width:218px;
         top:0px;
	left:452px;
	background-position:439px 0px;
	}
#grid4 {
         width:218px;
         top:0px;
	left:673px;
	background-position:218px 0px;
	}

#grid5 {
         width:218px;
         top:180px;
	left:0px;
	background-position:0px 161px;
	}
#grid6 {
         width:218px;
         top:180px;
         left:226px;
         background-position:673px 161px;
	}
#grid7 {
         width:218px;
         top:180px;
	left:452px;
	background-position:439px 161px;
	}
#grid8 {
         width:218px;
         top:180px;
	left:673px;
	background-position:218px 161px;
	}