@charset "UTF-8";
/* CSS Document */

html, body {
	/* establish page height and background color, position, add left gray bar */
	height: 100%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-image: url(../images/bkg_gray.gif);
	background-repeat: repeat-y;
}
#bkgtop {
	/* set the top gray bar */
	position: absolute;
	margin: 0;
	width: 100%;
	height: 115px;
	z-index: 1;
	background-color: #666666;
	background-image: url(../images/bkg1.gif);
	background-repeat: no-repeat;
}
#bkgside {
	/* and the one on the side, overlapped and nestled to the top to avoid scroll bars when not needed */
	position:absolute;
	margin: 0;
	width:130px;
	min-height: 100%;
	height: auto; /* for FF/Moz/Safari */ /*auto*/
	_height: 100%; /* for IE */
	z-index:2;
	background-color: #666666;
	background-image: url(../images/bkg2.gif);
	background-repeat: no-repeat;
}

#header {
	position:absolute;
	left:434px;
	top:130px;
	width:450px;
	z-index:3;
}
#logo {
	position:absolute;
	left:178px;
	top:200px;
	width:88px;
	height:16px;
	z-index:3;
}
#leftnav {
	position:absolute;
	left:288px;
	top:220px;
	width:100px;
	z-index:3;
}
#leftnav2 {
	position:absolute;
	left:434px;
	top:220px;
	width:100px;
	z-index:3;
}
#leftnav3 {
	position:absolute;
	left:582px;
	top:220px;
	width:100px;
	z-index:3;
}
#leftnav4 {
	position:absolute;
	left:730px;
	top:220px;
	width:100px;
	z-index:3;
}

#galleryText {
	position:absolute;
	left:762px;
	top:220px;
	width:301px;
	z-index:3;
}

#moreProjects {
	position:absolute;
	left:762px;
	top:380px;
	width:301px;
	z-index:3;
}

#content {
	position:absolute;
	left:434px;
	top:380px;
	width:570px;
}
#contentText {
	min-height: 367px;
}

#footer {	
	width:550px;
	height:40px;
}