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

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #181818;
}

a{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}


a:link{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

a:visited{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
}

a:hover{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ed008c;
	text-decoration: none;
}

a:active{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}


.naviTxt{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.naviTxt_select{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ed008c;
	text-decoration: none;
}

.naviTxt:link{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.naviTxt:visited{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
}

.naviTxt:hover{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ed008c;
	text-decoration: none;
}

.naviTxt:active{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.selectDateTxt{
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #747474;
	text-decoration: none;
}



#container{
	width: 900px;
	height: 100%;
	float: left;
	margin: auto;
	padding: 40px 10px 10px 10px;
}

#wrapper{
	width: 900px;
	height: auto; 
	float: left;	
	margin: auto;
}

#hedder{
	width: 870px;
	height: 90px;
	float: left;
	margin: auto;
	padding: 0px 0px 0px 30px;
}

#logoArea{
	width: 250px;
	height: 90px;
	float: left;
	margin: auto;
	text-align: left;
}

#naviArea{
	width: 110px;
	height: 90px;
	float: left;
	margin: auto;
	padding: 0px 0px 0px 20px;
	border-left: 1px solid #ed008c;
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}

#selectedWorkArea{
	width: 485px;
	height: 90px;
	float: right;
	margin: auto;
	text-align: left;
}

#selectedWorkTitle{
	width: 485px;
	height: 15px;
	float: left;
	margin: auto;
	text-align: left;
}

#selectedWorkTxt{
	width: 485px;
	float: left;
	margin: auto;
	text-align: left;
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}

#ContactTxt{
	width: 485px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px dashed #464646;
	text-align: left;
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}


#contentContainer{
	width: 900px;
	height: 620px;
	float: left;
	margin: 20px 0px 0px 0px;
	border-top: 1px dashed #464646;
}

#projectDiscrip{
	width: 900px;
	height: 30px;
	float: left;
	margin: 10px 0px 10px 0px;
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
}

#projectImage{
	width: 900px;
	height: 570px;
	float: left;
	margin: auto;
	background-color: #464646;
}


#footer{
	width: 900px;
	float: left;
	margin: 20px 0px 5px 0px;
	border-top: 1px solid #464646;
	padding: 5px 0px 0px 0px;
	text-align: left;
	font-family:  Calibri, Tahoma, Arial, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #464646;
}