body { font-family: Verdana, sans-serif; margin: 0; padding: 0; text-align: center; background-color: #FFFFFF; font-size: 10px; }

a {text-decoration: none; outline: none; color: #000;}

.website {
	background: #FFFFFF; 
	width: 1168px;
	height: 540px;
    top: 100px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	padding: 0px;
	position: relative;
	border: none;
	text-align: left;
	color: #f00;
}

li { list-style-type: square; }

.indeximage {position:absolute; left: 0px; top: 54px; z-index: 20;}

/* Basic standard elements */

.logo { position: absolute; top: -10px; right: 0px; }

.block_menu { width: 292px; height: 430px; position: absolute; top: 54px; left: 0px; background: #000000; font-size: 0; }
.block_background { width: 876px; height: 430px; position: absolute; top: 54px; left: 292px; background: #FFFFFF; font-size: 0; }

.footer_text { top: 494px; left: 0px; position: absolute; font-size: 9px; font-family: "Verdana", sans-serif; color: #BBBBBB; font-weight: normal; line-height: auto; }

.contacttext { top: 494px; right: 0px; position: absolute; font-size: 12px; font-family: "Verdana", sans-serif; color: #000000; font-weight: normal; line-height: auto; text-align: right; }

.contacttext a:hover { color: #888888; }

.hometext { position: absolute; top: 70px; width: 252px; left: 20px; color: #FFF; font-size: 14px; font-style: normal; z-index: 30; }

.main_image { position: absolute; top: 54px; right: 0px; }

/* Top Menu */
.topmenu {position: absolute; font-size: 18px; top: 14px; font-family: "Verdana", sans-serif; color: #000000;}

div.topmenu a {color: #888888; font-weight: normal; text-decoration: none;}
div.topmenu a:hover {color: #000000; font-weight: normal;}

#top_home {left: 0px;}
#top_proj {left: 110px;}
#top_prac {left: 260px;}




/* Main Menu */

.mainmenu {position: absolute; top: 70px; left: 20px; color: #ffffff; font-size: 14px; font-weight: bold; width: 292px; line-height: 170%;text-decoration: none; }

div.mainmenu a {position: absolute; color: #888888; font-size: 14px; font-weight: bold; width: 292px; line-height: 170%;}
div.mainmenu a:hover {color: #ffffff;}

/* Project Menu */

.introimage {position:absolute; right: 0px; top: 54px; z-index: 20;}
.introtext { position: absolute; top: 70px; width: 252px; left: 312px; color: #000; font-size: 14px; font-style: normal;  z-index: 35; }
.introtext1 { position: absolute; top: 70px; width: 252px; left: 312px; color: #b2d354; font-size: 14px; font-style: normal;  z-index: 35; }
.introtext2 { position: absolute; top: 70px; width: 252px; left: 312px; color: #FFF; font-size: 14px; font-style: normal;  z-index: 35; }
.introbox { position: absolute; width: 292px; height: 430px; left: 292px; top: 54px; z-index:29; background: #000; opacity: 0.7; }

.introtext a:hover { color: #888888; }

.introtext2 a { color: #FFFFFF; }
.introtext2 a:hover { color: #888888; }

.awardtext { position: absolute; top: 70px; width: 544px; left: 312px; color: #000; font-size: 12px; font-style: normal;  z-index: 35; }

.awardtext a { color: #000; }
.awardtext a:hover { color: #888; }

/* Project Page */

.projtitle {position:absolute; left: 300px; top: 70px; }

.projimage {position:absolute; right: 0px; top: 54px; z-index: 20;}

.arrow {position:absolute; width: 36px; height: 36px; top: 251px; z-index: 21; border: 0; }
.arrow b {width: 36px; height: 36px; }
em#arrowleft  { left: 383px; background: url('images/arrowl_off.png'); cursor: pointer; }
em#arrowleft:hover  { background: url('images/arrowl_on.png'); }
em#arrowright  { right: 18px; background: url('images/arrowr_off.png'); cursor: pointer; }
em#arrowright:hover  { background: url('images/arrowr_on.png'); }



#infotab { top: 54px; left: 292px; position: absolute; z-index: 25; }

.info_text { width: 73px; height: 430px; cursor: pointer; z-index:29; float: left; text-decoration: none; margin: 0 0; display: block; background: #000; opacity: 0.7; }

#infotab a { color: #fff; }
#infotab a:hover { color: #888; }

.info_text span {width: 36px; height: 36px; position: absolute; left: 18px; top: 197px; display: block; z-index:31; background: url('images/info_tab.png');}

.info_text:hover span, #infotab:hover span { display: none; }

#infotab em.txt, .info_text u { display: none; }

#infotab:hover u { display: block; position: absolute; top: 0px; left: 73px; width: 219px; background: #000; height: 430px; }

#infotab:hover em.txt { display: block; position: absolute; top: 16px; width: 252px; left: 20px; color: #FFF; margin: 0; font-size: 14px; font-style: normal; cursor: pointer; }