body {
	width: 100%;
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
html, body {
height: 100%;
}
#container { /* this is the div you want to fill the window */
min-height: 100%;
}
img#bg {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
} 
* html #container {
height:100%
}

.maincontainer {
	text-align: center;
	position: relative;
	width: 970px;
}
.itnbanner {
	margin: 0px;
	width: 960px;
	text-align: center;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;
	height: 250px;
	position: relative;
}
.itnbanner2 {
	margin: 0px;
	width: 960px;
	text-align: center;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;
	height: 250px;
	background-image: url(banner.jpg);
	background-position: 0px 0px;
	position: relative;
}
.bannermidpics {
	position: absolute;
	height: 157px;
	width: 445px;
	top: 41px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	left: 371px;
	left: 370px\9;
}
.bannercertimages {
	position: absolute;
	height: 100px;
	width: 139px;
	top: 0px;
	right: 0px;
}


.leftmenu {
	text-align: left;
	width: 267px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	position: relative;
	top: 0px;
	left: 0px;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	float: left;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 2;
	height: 370px;
	
}

.sidebarmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 13px Verdana;
	width: 267px; /* Main Menu Item widths */
	border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color: #666666; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}
.maincontainer .leftmenu .sidebarmenu #sidebarmenu1 .current {
	color: #990000;
}


/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 184px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


.midcontent {
	width: 504px;
	height: 364px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	z-index: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
overflow-x: hidden; 
overflow-y: auto;
}
.rightcontent {
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: 370px;
	width: 139px;
	float: left;
	left: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.footer {
	clear: both;
	width: 952px;
	padding: 4px;
	height: 5px;
	border-top-width: 2px;
	border-right-width: 5px;
	border-bottom-width: 10px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 333333;
	background-color: #CCCCCC;
	font-size: 12px;
	letter-spacing: 0px;
	
}


.contact{
	background-color: #666666;
	padding: 5px;
	margin: 0px;
	width: 960px;
	text-align: center;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	padding: 0px;
	margin: 0px;
}
.maincontainer .midcontent a {
	color: #990000;
	text-decoration: none;
}
.maincontainer .midcontent ul {
	list-style-type: square;
	list-style-position: outside;
}
.midrowcontainer {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	float: left;
	}
.filmlink {
	position: relative;
	top: 20px;
	height: 100px;
	width: 180px;
	margin: auto;
}
.projectcontainer {
	margin: 0px;
	padding: 0px;
	height: 350px;
	width: 504px;
	position: relative;
}
.breadcrumbs {
}
.bigimage {
	height: 250px;
	width: 335px;
	text-align: center;
}
.textandbig {
	float: left;
	height: 340px;
	width: 335px;
	margin-top: 4px;
	text-align: center;
	position: relative;
}
.projtext {
	height: 60px;
	width: 335px;
	text-align: center;
	position: absolute;
	left: 2px;
	top: 252px;
}

.maincontainer #midcontent .projectcontainer .thumbnails img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
	float: none;
	clear: left;
}

.thumbnails {
	float: left;
	height: 340px;
	width: 170px;
	margin-top: 4px;
	margin-right: 0px;
	right: -2px;
	position: absolute;
	text-align: right;
}
.enlarge {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 168px;
	top: 240px;
	float: right;
	z-index: 888;
	display: block;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	text-align: right;
}