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

article, aside, figure, footer, header, nav, section {
	display: block;
}
body {
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFF;
	padding: 0;
	margin: 0;
	background-color:#000;
	}

h1 {
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: bold;
	text-transform: uppercase;
}

p {
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	}
	
LI {
	margin-left:10px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	}
.container {
	width: 1024px;
	background: #000;
	margin: 0 auto; 
	}
.header {
	background-image:url(../images/headerbg.jpg);
	height:243px;
	}
.logo {
	margin-left:54px;
	padding-top:123px;
	display:block;
	float: left;
	}
.nav {
	display:block;
	padding-left:276px;
	padding-top:219px;
	}
#ProjLayer{
	position:absolute;
	padding: 0px;
	margin:	0px;
	top:176px;
	width:148px;
	z-index:1000;
	display: block;
	line-height:0;
	margin-left:665px;
	visibility: hidden;
}
#ProjRef{
	position:absolute;
	padding: 0px;
	margin:	0px;
	top:133px;
	width:148px;
	z-index:1000;
	display: block;
	line-height:0;
	margin-left:813px;
	visibility: hidden;
}
#productL1 {
	position:absolute;
	padding: 0px;
	margin:	0px;
	top:50px;
	width:513px;
	z-index:1000;
	display: block;
	line-height:0;
	margin-left:133px;
	visibility: hidden;
}
#productL2a {
	position:absolute;
	padding: 0px;
	margin:	0px;
	top:50px;
	width:184px;
	z-index:1000;
	display: block;
	line-height:0;
	margin-left:646px;
	visibility: hidden;
}
#productL2b {
	position:absolute;
	padding: 0px;
	margin:	0px;
	top:155px;
	width:273px;
	z-index:1000;
	display: block;
	line-height:0;
	margin-left:646px;
	visibility: hidden;
}

#productL3a {
	position:absolute;
	padding: 0px;
	margin:	0px;
	top:50px;
	width:177px;
	z-index:1000;
	display: block;
	line-height:0;
	margin-left:829px;
	visibility: hidden;
}
.content {
	width: 1024px;
	height:326px;
	background-image:url(../images/contentbg.jpg);
	}

.content p a:link, a:visited, a:hover, a:active {
	color: #FFF;
	text-decoration: none;	
}

.sidephoto {
	width:318px;
	padding-left:48px;	
	padding-top:20px;
	float: left;
}
.contentword {
	padding-top:3px;
	padding-left:400px;
	padding-right:80px;
}

/*   aboutus, contact us */
.aboutusword {
	padding-top:3px;
	padding-left:400px;
	padding-right:80px;
}

.aboutusword p{
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	
	text-decoration: none;
}
.aboutusword h1{
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: bold;
	text-transform: uppercase;
}

.aboutusword a:link, a:visited, a:hover, a:active {
	color: #FFF;
	text-decoration: none;	
}

/* product */
.productcontent {
	margin-top:15px;
	padding-left:400px;
	margin-right:80px;
	width:555px;
	height:286px;
	overflow-y:auto;
	overflow-x: hidden;
	display:block;
	scrollbar-base-color: #2f2f2f;
	scrollbar-arrow-color: #aeaeae;
	position:absolute;

}
.prodname {
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:25px;
	float:left;
	text-transform: uppercase;
	}
	
.productcontent p{
	font-family: Helvetica, sans-serif;
	font-size:12px;
	padding-right:80px;
}

.productcontent p a:link, a:visited, a:hover, a:active {
	color: #FFF;
	text-decoration: none;	
}

.downloadbtn {
	padding-right:10px;
	float:right;
}
/* project */
.projectrefcontent {
	width:1024px;
	height:300px;
	padding-left:68px;	
	padding-left:68px;	
	padding-top:0px;
	float: left;
}

.refname {
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:25px;
	float:left;
	padding-top:15px;
	
}
.refselect {
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	padding-top:35px;
	padding-right:140px;
	display:block;
	color: #b9060d;
	}

.refselectc {
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
}

.refselect a:link, a:visited, a:hover, a:active {
	color: #FFF;
	text-decoration: none;	
	}
	
.reftitle {
	width:874px;
	height:20px;
	font-family:"Trebuchet MS";
	font-size:14px;
	background-color: #b9060d;
	display:block;
	padding-left:10px;
	margin-top:50px;
}

.refcontent {
	font-family:"Trebuchet MS";
	font-size:11px;
	text-transform: uppercase;
	padding: 5px 0 5px 10px;
	width:874px;
	height:200px;
	overflow-y:scroll;
	overflow-x: hidden; 
	display:block;
	scrollbar-base-color: #2f2f2f; 
	scrollbar-arrow-color: #aeaeae;

}

.refcontentcenter {
	text-align: center;
}
#photocontent {
	padding-left:70px;
	width: 1024px;
	height:286px;
	font-family:"Quattrocento", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	text-decoration: none;
	display:block;
	position:absolute;
	float:left;
}
.photogallery {
	width: 900px;
	height:260px;
	overflow-y:auto;
	overflow-x: hidden;
	scrollbar-base-color: #2f2f2f;
	scrollbar-arrow-color: #aeaeae;
	display:block;
	position:absolute;
	float:left;
}
.photodetail {
	display:block;
	width:98px;
	height:145px;
	float:left;
	line-height:11px;
	font-family:"Trebuchet MS";
	font-size:x-small;
	text-align: center;
	text-decoration: none;
	padding-right:0px;

}

.photothn {
	padding-right:10px;
	padding-left:15px;
}

.photoword1 {
	display:block;
	position:absolute;
	width: 1024px;
	padding-left:55px;
	left: 2px;
	top: 148px;
	line-height:13px;
}

.photoword2 {
	display:block;
	position:absolute;
	width: 1024px;
	padding-left:55px;
	left: 2px;
	top: 280px;
	line-height:13px;
}
.photodesc {
	width:101px;
	font-family:"Trebuchet MS";
	font-size:x-small;
	text-transform: none;
	padding-left:0px;
	padding-right:28x;
	float:left;
	text-align: center;
}


.footer {
	width: 1024px;
	height:60px;
	background-image:url(../images/footerbg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color: #ffffff;
	/* color: #a3a3a4; */
	padding-left:48px;
	background-repeat: no-repeat;
	}