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

html { 
	background: url(../hkdi-img/hkdiback.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body{
}


#hkdititle{
	position:relative;
	top:130px;
	left:86px;
}

#sidebar-wrapper {
	position:relative;
	width:2085px;
	height:3800px;
	margin-top:200px;
	margin-left:85px;
	margin-right:85px;

}

#container{
	
}

.projecttitles1{
	background:#0CF;
	color:#FFF;
}

.projecttitles2{
	background:#FF0;
	color:#F00;
}

.projects{
	color:#333;
	line-height:20px;
	text-decoration:none;
}

/*.projects:hover{
	text-decoration:underline;
} */

.projects4{
	color:#00F
}

h3    {
	padding-top:3px;
	margin-left:4px;
	color:#FFF;
	opacity:0.9;
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:800;
	letter-spacing:1px;
}

p {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	font-family: Times, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	line-height:19px;
	word-spacing:3px;
}

/*/////////IMAGES//////////*/

.leftimg {
	padding-top:6px;
	padding-left:6px;
	width:inherit;
	height:inherit;
}

.dwgimg {
	margin-top:50px;
	padding-left:6px;
	width: 428px;
	height: 306px;
}

.dwg-ele1 {
	margin-top:20px;
	padding-left:6px;
	width: 428px;
	height: 306px;
}

.dwg-ele2 {
	margin-top:-10px;
	padding-left:6px;
	width: 428px;
	height: 306px;
}

#dwgimg2 {
	margin-top:80px;
	padding-left:6px;
	width: 428px;
	height: 306px;
}
	
.dwg-sec {
	margin-top:12px;
	margin-left:6px;
	margin-bottom:20px;
	width: 428px;
	height: 363px;
}

.dwg-plan {
	margin-top:40px;
	margin-left:6px;
	width: 428px;
	height: 393px;	
}

.dwg-plan1 {
	margin-top:40px;
	margin-left:6px;
	margin-bottom:30px;
	width: 428px;
	height: 393px;	
}

.midimg {
	padding-top:6px;
	padding-left:6px;
	width: 288px;
	height: 244px;
}


/*/////SUBTITLES//////*/

#hkdistitle{
	position:absolute;
	top:5px;
	left:4px
}




/*///////COLUMN BARS/////////*/

#sidebar {
	background:url(../hkdi-img/diagonal-noise.7.png);
	position:absolute;
	float: left;
	width: 600px;
	padding-bottom:6px;
	-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.2);
}

.sidetitle {
	position:relative;
	margin-left:1px;
	margin-top:1px;
	padding-left:4px;
	padding-top:5px;
	width: 594px;
	height: 24px;
	background: url(../hkdi-img/dn_dark.7.png);
}
	
	

#sidebar1 {
	background:url(../hkdi-img/diagonal-noise.7.png);
	position:absolute;
	margin-left:614px;
	width: 440px;
	-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.2);
}

.sidetitle1{
	position:relative;
	margin-left:1px;
	margin-top:1px;
	padding-left:4px;
	padding-top:5px;
	width: 434px;
	height: 24px;
	background: url(../hkdi-img/dn_dark.7.png);
}


#sidebar2 {
	background:url(../hkdi-img/diagonal-noise.7.png);
	position:absolute;
	font-size: -2;
	left:1068px;
	width: 300px;
    -moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.2);
}

.sidetitle-2-3{
	margin-left:1px;
	margin-top:1px;
	padding-left:4px;
	padding-top:5px;
	width: 294px;
	height: 20px;
	background: url(../hkdi-img/dn_dark.7.png);
}


#sidebar3 {
	background:url(../hkdi-img/diagonal-noise.7.png);
	position:absolute;
	font-size: -2;
	left:1382px;
	width: 300px; 
    -moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.2);
}

#sidebar4 {
	background:url(../hkdi-img/diagonal-noise.7.png);
	position:absolute;
	font-size: -2;
	left:1696px;
	width:300px;
	margin-right:40px;
	-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.2);
}