body {
	background-image: url(../images/bg.jpg);	background-position: center top;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
}

.title {
	margin-left: 60px;
	margin-right: 60px;
	text-shadow: 1px 1px 0px #acb3bd;
	color: #080a10;
	font-size: 30px;
	font-family: "Myriad Pro", Helvetica;
}

.title2 {
	margin-left: 60px;
	margin-right: 60px;
	text-shadow: 1px 1px 0px #a5acb5;
	color: #080a10;
	font-size: 20px;
	font-family: "Myriad Pro", Helvetica;
}

.title3 {
	margin-left: 60px;
	margin-right: 60px;
	text-shadow: 1px 1px 0px #000000;
	color: #3f84e6;
	font-size: 20px;
	font-family: "Myriad Pro", Helvetica;
}

.text {
	margin-bottom: 10px;
	margin-left: 60px;
	margin-right: 60px;
	color: #e1e1e1;
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica;
}

.text a {
	font-style: italic;
	text-shadow: 0px 0px 0px;
	text-decoration: none;
	color: white;
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica;
}

.text a:hover {
	text-shadow: 1px 1px 1px #0f141c;
	text-decoration: none;
	color: #f0f8ff;
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica;
}

.text2 {
	margin-bottom: 10px;
	margin-left: 60px;
	margin-right: 60px;
	color: #cccccc;
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica;
}

.date {
	margin-top: 10px;
	margin-left: 38px;
	text-shadow: 1px 1px 0px #222c44;
	color: #d5dce4;
	font-weight: 500;
	font-size: 15px;
	font-family: "Myriad Pro", Helvetica;
}

.porttitle {
	margin-top: 40px;
	margin-left: 25px;
	text-shadow: 1px 1px 0px #acb3bd;
	color: #080a10;
	font-size: 30px;
	font-family: "Myriad Pro", Helvetica;
}

.porttitle2 {
	margin-top: 40px;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	color: #f0f8ff;
	font-size: 40px;
	font-family: "Myriad Pro", Helvetica;
}

.porttitle3 {
	margin-top: -27px;
	text-align: left;
	margin-left: 45px;
	text-shadow: 1px 1px 0px #acb3bd;
	color: #080a10;
	font-size: 30px;
	font-family: "Myriad Pro", Helvetica;
}

.porttitle3 span {
	margin-top: -27px;
	text-align: left;
	margin-left: 2px;
	text-shadow: 1px 1px 0px #acb3bd;
	color: #080a10;
	font-size: 20px;
	font-family: "Myriad Pro", Helvetica;
}

.porttext {
	margin-top: 5px;
	margin-left: 25px;
	margin-right: 50px;
	color: #dedede;
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica;
}

.porttext2 {
	text-align: right;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 50px;
	color: #dedede;
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica;
}



.ccmain {
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
	color: #3c434f;
	font-size: 15px;
	font-family: "Myriad Pro", Helvetica;
}

.abouttext {
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	margin-right:0px;
	margin-left: 0px;
	color: #353c48;
	font-size: 15px;
	font-family: "Myriad Pro", Helvetica;
}

.menu1 {
		position:relative;
		display:block;
		height: 58px;
		width: 86px;
		background:url(../images/menuoff_01.jpg) 0 0 no-repeat;
		}
.menu1 * { display: none;}
.menu1 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 58px;
		width: 86px;
		background:url(../images/menuon_01.jpg) 0 0px no-repeat;
}

.menu2 {
		position:relative;
		display:block;
		height: 58px;
		width: 90px;
		background:url(../images/menuoff_02.jpg) 0 0 no-repeat;
		}
.menu2 * { display: none;}
.menu2 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 58px;
		width: 90px;
		background:url(../images/menuon_02.jpg) 0 0px no-repeat;
}

.menu3 {
		position:relative;
		display:block;
		height: 58px;
		width: 102px;
		background:url(../images/menuoff_03.jpg) 0 0 no-repeat;
		}
.menu3 * { display: none;}
.menu3 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 58px;
		width: 102px;
		background:url(../images/menuon_03.jpg) 0 0px no-repeat;
}

.menu4 {
		position:relative;
		display:block;
		height: 58px;
		width: 103px;
		background:url(../images/menuoff_04.jpg) 0 0 no-repeat;
		}
.menu4 * { display: none;}
.menu4 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 58px;
		width: 103px;
		background:url(../images/menuon_04.jpg) 0 0px no-repeat;
}

.menu6 {
		position:relative;
		display:block;
		height: 58px;
		width: 105px;
		background:url(../images/menuoff_06.jpg) 0 0 no-repeat;
		}
.menu6 * { display: none;}
.menu6 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 58px;
		width: 105px;
		background:url(../images/menuon_06.jpg) 0 0px no-repeat;
}

.menu7 {
		position:relative;
		display:block;
		height: 38px;
		width: 342px;
		background:url(../images/infos2.png) 0 0 no-repeat;
		}
.menu7 * { display: none;}
.menu7 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 38px;
		width: 342px;
		background:url(../images/infos2b.png) 0 0px no-repeat;
}

.menu8 {
		position:relative;
		display:block;
		height: 42px;
		width: 342px;
		background:url(../images/infos3.png) 0 0 no-repeat;
		}
.menu8 * { display: none;}
.menu8 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 42px;
		width: 342px;
		background:url(../images/infos3b.png) 0 0px no-repeat;
}

.menu9 {
		position:relative;
		display:block;
		height: 41px;
		width: 342px;
		background:url(../images/infos4.png) 0 0 no-repeat;
		}
.menu9 * { display: none;}
.menu9 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 41px;
		width: 342px;
		background:url(../images/infos4b.png) 0 0px no-repeat;
}

.menu10 {
		position:relative;
		display:block;
		height: 551px;
		width: 334px;
		background:url(../images/cbg2.png) 0 0 no-repeat;
		}
.menu10 * { display: none;}
.menu10 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 551px;
		width: 334px;
		background:url(../images/cbg2b.png) 0 0px no-repeat;
}

.menu11 {
		position:relative;
		display:block;
		height: 77px;
		width: 229px;
		background:url(../images/portmenu_02.png) 0 0 no-repeat;
		}
.menu11 * { display: none;}
.menu11 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 77px;
		width: 229px;
		background:url(../images/portmenu_02b.png) 0 0px no-repeat;
}

.menu12 {
		position:relative;
		display:block;
		height: 77px;
		width: 231px;
		background:url(../images/portmenu_03.png) 0 0 no-repeat;
		}
.menu12 * { display: none;}
.menu12 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 77px;
		width: 231px;
		background:url(../images/portmenu_03b.png) 0 0px no-repeat;
}

.menu13 {
		position:relative;
		display:block;
		height: 77px;
		width: 239px;
		background:url(../images/portmenu_04.png) 0 0 no-repeat;
		}
.menu13 * { display: none;}
.menu13 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 77px;
		width: 239px;
		background:url(../images/portmenu_04b.png) 0 0px no-repeat;
}

#search {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	border: 0px;
}

#search input {
	text-shadow: 1px 1px 0px #dedede;
	margin-top: 7px;
	word-wrap: normal;
	word-break: normal;
	padding-right: 15px;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 20px;
	font-family: Helvetica;
	background:transparent url(../images/searchbg2.jpg) no-repeat scroll left top;
	border:none;
	font-size: 18px;
	color: #121826;
	width:526px;
	height:50px;
	float:left;
}

#search button {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../images/gobutton.jpg) no-repeat scroll 0px 0px;
	border:none;
	margin-top: 7px;
	font-size:0.1em;
	color:#000000;
	padding:0px;
	height:50px;
	width:47px;
	float:left;
}

#contact {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	border: 0px;
}

#contact input {
	text-shadow: 1px 1px 0px #dedede;
	margin-top: 2px;
	margin-left: 65px;
	word-wrap: normal;
	word-break: normal;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 20px;
	font-family: Helvetica;
	background:transparent url(../images/contactformbg.jpg) no-repeat scroll left top;
	border:none;
	font-size: 18px;
	color: #121826;
	width:582px;
	height:50px;
	float:left;
}

#contact textarea {
	text-shadow: 1px 1px 0px #dedede;
	margin-top: 2px;
	margin-left: 65px;
	word-wrap: normal;
	word-break: normal;
	padding-right: 15px;
	padding-left: 12px;
	padding-top: 13px;
	font-family: Helvetica;
	background:transparent url(../images/contacttextarea.jpg) no-repeat scroll left top;
	border:none;
	font-size: 18px;
	color: #121826;
	width:582px;
	height:136px;
	float:left;
}

#contact button {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../images/contactformbutton.jpg) no-repeat scroll 0px 0px;
	border:none;
	margin-left: 65px;
	margin-top: 10px;
	font-size:0.1em;
	color:#000000;
	padding:0px;
	height:42px;
	width:580px;
	float:left;
}

#page {
	margin:0 auto;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 12px;
}

.project-grid {
	position:relative;
	left: -24px;
	margin:0;
	width:925px;
}

.project-grid li {
	padding: 5px;
	float:left;
	margin:0 0 20px 30px;
	background:#0d111a;
	list-style:none;
}

.project-grid li a {
	position:relative;
	overflow:hidden;
	display:block;
	width:265px;
	height:140px;
	text-decoration:none;
}

.project-grid li a img {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	opacity:0.3;
}

.project-grid li a:hover img,
.project-grid li a:focus img {
	opacity:1;
}

.project-grid li a em {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	overflow:hidden;
	display:block;
	width:91px;
	height:91px;
	background:url(../images/new.png) 0 0 no-repeat;
	text-indent:-9999px;
}

.project-grid li a span {
	position:absolute;
	z-index:2;
	bottom:-500px;
	display:block;
	padding:10px;
	width:265px;
	background:#0c0f17;
	color:#aeb4be;
	opacity:0.8;
}

.project-grid li a:hover span,
.project-grid li a:focus span {
	bottom:0;
}

.project-grid li a span strong {
	display:block;
	color:#ffffff;
}

.column {
	position:relative;
	overflow:visible;
	z-index:2;
	float:left;
	margin-left:50px;
	padding-top:15px;
}