body {
	text-align: center;
	font: Arial, Helvetica, sans-serif;
}
#mainContainer {
	margin: 0 auto;
	width: 609px;
	text-align: left;
}
#copyright {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	position: absolute;
	top: 560px;
	margin: 0 auto;
	width: 609px;
}
a {
	color: #006600;
}

/* home */
#home {
	background-image: url(images/bg_home.jpg); 
	height: 481px;
	width: 609px;
	position: absolute;
}
#menu {
	height: 110px;
	width: 350px;
	position: absolute;
	left: 40px;
	top: 237px;
	z-index:100;
}
#background {
	height: 167px;
	width: 279px;
	position: absolute;
	left: 40px;
	top: 275px;
}
#content {
	height: 60px;
	width: 233px;
	position: absolute;
	left: 40px;
	top: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 78px;
	margin-left: 21px;
	text-align: justify;
}

/* materials */
#materials {
	background-image: url(images/bg_materials.jpg);
	height: 481px;
	width: 609px;
	position: absolute;
}
#mmenu {
	height: 110px;
	width: 350px;
	position: absolute;
	left: 40px;
	top: 228px;
	z-index: 100;
}
#mbackground {
	height: 147px;
	width: 279px;
	position: absolute;
	left: 40px;
	top: 266px;
}
#mcontent {
	height: 60px;
	width: 233px;
	position: absolute;
	left: 40px;
	top: 246px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 78px;
	margin-left: 21px;
	text-align: justify;
}

/* our work */
#ourwork {
	background-image: url(images/bg_ourwork.jpg);
	height: 481px;
	width: 609px;
	position: absolute;
}
#omenu {
	height: 110px;
	width: 350px;
	position: absolute;
	left: 40px;
	top: 0px;
	z-index: 100;
}
#obackground {
	height: 147px;
	width: 279px;
	position: absolute;
	left: 40px;
	top: 38px;
}
#ocontent {
	height: 345px;
	width: 527px;
	position: absolute;
	left: 40px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 78px;
	margin-left: 0px;
	text-align: justify;
}
#oworklink {
	height: 60px;
	width: 100px;
	position: absolute;
	left: 40px;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	margin-top: 40px;
	margin-left: 406px;
	text-align:right
}

/* about us */
#aboutus {
	background-image: url(images/bg_aboutus.jpg);
	height: 481px;
	width: 609px;
	position: absolute;
}
#amenu {
	height: 110px;
	width: 350px;
	position: absolute;
	left: 40px;
	top: 93px;
	z-index: 100;
}
#abackground {
	height: 147px;
	width: 520px;
	position: absolute;
	left: 40px;
	top: 131px;
}
#acontent {
	height: 60px;
	width: 480px;
	position: absolute;
	left: 40px;
	top: 135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 58px;
	margin-left: 21px;
}

/* bio */
#bio {
	height: 481px;
	width: 609px;
	position: absolute;
}
#bmenu {
	height: 110px;
	width: 350px;
	position: absolute;
	left: 40px;
	top: 0px;
	z-index: 100;
}
#bbackground {
	width: 485px;
	position: absolute;
	left: 40px;
	top: 38px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#bcontent {
	height: 60px;
	width: 500px;
	position: absolute;
	left: 40px;
	top: 135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 78px;
	margin-left: 21px;
}

/* contact us */
#contactus {
	background-image: url(images/bg_contactus.jpg);
	height: 481px;
	width: 609px;
	position: absolute;
}
#cmenu {
	height: 110px;
	width: 350px;
	position: absolute;
	left: 40px;
	top: 217px;
	z-index: 100;
}
#cbackground {
	height: 147px;
	width: 279px;
	position: absolute;
	left: 40px;
	top: 255px;
}
#ccontent {
	height: 60px;
	width: 233px;
	position: absolute;
	left: 40px;
	top: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 78px;
	margin-left: 21px;
	text-align: justify;
}

/* menu */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	position: relative;
}

.subnav{
	display: none;
	width: 10em;
	position: absolute;
	top: 36px;
	left: 0;
}

.subnav li{
	width: 10em;
}

.subnav li a{
	padding-left: 10px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}