/*CSS*/

@font-face{
	font-family: century_gothic;
	src: url('custom_fonts/GOTHIC.TTF'),url('custom_fonts/GOTHICB.TTF'),url('custom_fonts/GOTHICBI.TTF'),url('custom_fonts/GOTHICI.TTF');
}

body{
	margin: 0px;
	padding: 0px;
	font-family: century_gothic, arial;
}

a{color:#333333;}

h1, h2, h3{color: #6A7180;}

.fullWidth{
	width: 100%;
}

.centerWidth{
	width: 80%;
	padding:-10px;
	margin:auto;
}

.headerbanner{height:250px; overflow:hidden;}

.centeralign{text-align:center;}
.contact{background:#141414; text-align:left; color:#fff; font-size:16px; padding:7px 12px;}
.contact a{color:#fff; text-decoration:none;}

.logo{float:left; width:20%; height:74px; padding:0px; background-image:url('../_images/logo.png'); background-size:100% 100%;}

/*==================== NAVIGATION  ====================*/
#navigation{
	float:right;
	width: 75%;
	text-align:right;
	padding:0px;
}

#navigation ul{
	list-style: none;
	float: right;
	padding:6px;
}

#navigation ul li{
	display: inline-block;
	padding: 0px 4px;
	/*transform:skewX(-7deg);
	border-right: 1px solid #fff;*/
}

#navigation ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	padding: 12px;
	/*border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	transition:.42s;
}

#navigation ul li a:hover{
	background: #fff;
	color: #000;
	
}

/*==================== SLIDESHOW  ====================*/
#banner{
	display: block;
	height: 492px;
	margin: auto;
	overflow: hidden;
}

#bannerContainer{
	display: block;
	width: 100%;
	float: left;
	height: 492px;
}

#prev{
	background-image: url(../_images/left.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: left;
	height: 492px;
	width: 100px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}

#next{
	background-image: url(../_images/right.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;
	height: 492px;
	width: 100px;
	position: relative;
	z-index: 99;
	cursor: pointer;
}

#slider{
	display: block;
	float: left;
	height: 492px;
	width: 100%;
	overflow: hidden;
	position: absolute;
}


#indexInfo{
	padding: 24px;
}
#indexInfo ul{
	list-style: none;
}
#indexInfo ul li{
	width: 40%;
	text-align: left;
	padding: 10px 24px;
}


/*===================== FOOTER ==================*/
#siteFooter{
	padding: 42px 0px;
	background: #141414;
	text-align:center;
	color: #fff;
}
#siteFooter div{padding:24px 0px;}


.setLine{
	background: #6A7180;
	padding: 0px 124px;
}

.setText{
	width: 290px;
	height: 32px;
	padding: 2px;
	font-size: 16px;
}

.projectImgSize{
	height: 180px;
	padding: 10px;
}