* { padding:0; margin:0}

.clear  { clear:both}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
}

img { border:0; outline:0}

#page-background {position:fixed; top:0; left:0; width:100%; height:100%; }

#content {position:relative; z-index:1; width:100% }

#left { display:block; float:left; width:25%; }

#right { display:block; float:left; width:75%; display:block}

.logo {
	margin-top: 75px;
	float: right;
	margin-right: 0%
}

#intro_txt {
	float: left;
	margin-top: 100px;
	color: #fff;
	background: #999;
	padding-left: 50px;
}

#intro_txt h1{
	font-size: 28px;
	color: #fff;
	width: 550px;
	background: #999;
}

#intro_txt p{ font-size:18px; color:#FFF}

.trans_bg { background:url(../images/trans_bg.png) repeat left top; padding:20px; }

.trans_bg1 { background:url(../images/menu_bg.png) repeat left top; padding:20px 20px 10px 20px; }




.mleft1 { margin:5px 10px;}



#navi{
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 10%
}






#navi ul{ display:block; }

#navi ul li{ list-style:none;width:220px; background:url(../images/menu_bg.png) repeat left top; padding:5px; margin:5px; color:#000;}

#navi ul li a{ text-decoration:none; font-size:20px; font-weight:bold; padding-left:25px; color:#FFF }

#content1 {position:relative; z-index:1; margin-left:5%; margin-right:5%; margin-top:275px; }

a.active { color:#000  }

#navi ul li:hover, #navi ul li a:hover { background:url(../images/menuh_bg.png) repeat left top; color:#000  }

#navi ul a:hover { background:url(../images/menuh_bg.png) repeat left top;  color:#000;}

.copy {  font-size:40px; color:#FFF; float:right; font-weight:bold; position:fixed; z-index:1; bottom:10%; right:9%}

.team_box { width:150px; display:block; float:left;  padding-top:75px;}

.team_box span{ color:#FFF; font-size:12px; text-align:left; line-height:13px; }

#spantxt{ font-size:18px; color:#FFF; margin-bottom:25px; margin-left:50px; width:100%}

.mleft { margin:0 15px 0 0px;}


@font-face {
				font-family:FuturaBook;
				src: url('fonts/futurabook.eot');
				src: url('fonts/futurabook.eot?#iefix') format('embedded-opentype'),
						 url('fonts/futurabook.woff') format('woff'),
						 url('fonts/futurabook.ttf') format('truetype'),
						 url('fonts/futurabook.svg#futurabook') format('svg');
				font-weight: normal;
				font-style: normal;
		}
#content #left table {
	color: #FFF;
}
#content #left table tr td {
	font-weight: bold;
}





#slider { width:740px; height:420px; display:block; float:left; border:1px solid #fff}

#my_slider {
    width:740px;
    height:420px;
    overflow: hidden;
    position:relative;
    list-style: none outside none;
    padding:0;
    margin:0;
}
#my_slider li {
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
}
#my_slider li:first-child {
    display:block;
}
#counter {
    text-align:right;
    font-size:16px;
    width:500px;
}
.President { width:164px; height:164px; display:block; text-indent:-9999px; color:#F00}

.President1{width:164px; height:164px; display:block; background:url(../images/harry_nocolor.jpg)  no-repeat left top; float:left; z-index:999999;  }
.President1:hover { width:164px; height:164px; display:block; background:url(../images/harry_color.jpg) no-repeat left top; float:left;}

.Director{width:164px; height:164px; display:block; background:url(../images/gary_nocolor.jpg)  no-repeat left top; float:left; z-index:999999;  }
.Director:hover {width:164px; height:164px; display:block; background:url(../images/gary_color.jpg) no-repeat left top; float:left;}

.Architect {width:164px; height:164px; display:block; background:url(../images/kevin_nocolor.jpg)  no-repeat left top; float:left; z-index:999999;  }
.Architect:hover { width:164px; height:164px; display:block; background:url(../images/kevin_color.jpg) no-repeat left top; float:left;}

.Accounting  {width:164px; height:164px; display:block; background:url(../images/cathy_nocolor.jpg)  no-repeat left top; float:left; z-index:999999;  }
.Accounting:hover { width:164px; height:164px;display:block; background:url(../images/cathy_color.jpg) no-repeat left top; float:left;}

.map1 { width:400px; height:249px; display:block; text-indent:-9999px; color:#F00; float:left; margin-left:20px;}

.map  {width:400px; height:249px;display:block; background:url(../images/greymap.jpg)  no-repeat left top; float:left; z-index:999999;  }
.map:hover {width:400px; height:249px; display:block; background:url(../images/map.jpg) no-repeat left top; float:left;}