/* GENERIC */
body {
	margin:0;
	padding:0;
	font-family:Arial, "Franklin Gothic Book", "Tahoma", Helvetica;
	font-weight:100;
	font-size:0.8em;
	background-color:#151618;
}
input, textarea {
	font-family:Arial, "Franklin Gothic Book", "Tahoma", Helvetica;
	font-weight:100;
	margin:0;
}
a {
	color:#00a5eb;
	cursor:pointer;
	text-decoration:none;
}
a img {
	border:none;
}
fieldset, ul, h1, h2, h3, h4, form {
	margin:0;
	padding:0;
	border:0;
}
.display_none {
	display:none;
}
div.page_item {
	float:left;
	position:relative;
	width:100%;
	background-color:#FFFFFF;
}
div.relative_wrapper {
	position:relative;
	width:955px;
	margin:0 auto;
}
div.error{
	margin:10px 0;
	padding:10px;
	width:260px;
	border:1px dotted #FF0000;
	background-color:#FFEBE8;
	color:#000;
}
div.success{
	margin:10px 0;
	padding:10px;
	width:260px;
	border:1px dotted #008000;
	background-color:#EFFFF9;
	color:#000;
}
/* /GENERIC */
/* HEADER */
div#header {
	float:left;
	width:100%;
	height:170px;
	overflow:hidden;
	position:relative;
}
div#header img.logo {
	float:left;
	display:block;
	margin:50px 0 0 0;
	width:310px;
	height:65px;
}
div#header div.middle_wrapper {
	float:left;
	margin:0 0 0 30px;
	width:425px;
	height:165px;
	overflow:hidden;
	z-index:100;
	background:url(../Img/Backgrounds/header_middle_wrapper.png) top left no-repeat;
}
div#header div.middle_wrapper img.visual{
	display:block;
	float:left;
	width:412px;
	height:113px;
	margin:0 0 0 5px;
}
div#header div.middle_wrapper h1.baseline{
	font-family:"Franklin Gothic Book", "Tahoma", Arial, Helvetica;
	color:#FFFFFF;
	font-weight:100;
	width:400px;
	float:left;
	margin:3px 0 0 12px;
	text-align:center;
	font-size:24px;
}
div#header div.middle_wrapper h1.img{
	font-family:"Franklin Gothic Book", "Tahoma", Arial, Helvetica;
	color:#0099ff;
	font-weight:100;
	width:340px;
	padding:10px 30px;
	height:93px;
	float:left;
	margin:0px 0 0 12px;
	text-align:center;
	font-size:2.7em;
}
div#header ul.global_menu {
	float:left;
	width:160px;
	margin:50px 0 0 30px;
}
div#header ul.global_menu li {
	display:block;
	list-style:none;
	width:160px;
	padding:0;
	margin:0;
	font-family:'arial black', Arial, Helvetica;
	font-weight:bolder;
	color:#3f3d40;
	font-size:1em;
	letter-spacing:-1px;
	text-transform:uppercase;
}
div#header ul.global_menu li a{
	color:#3f3d40;
	display:block;
	float:left;
	width:160px;
}
div#header ul.global_menu li a span.label {
	padding:3px 0px 7px 10px;
	display:block;
	float:left;
	text-align:left;
}
div#header ul.global_menu li a:hover,
div#header ul.global_menu li a.selected {
	color:#FFF;
	background-color:#00a7ed;
}
/* /HEADER */
/* CONTENT */
div#content {
	z-index:1;
	background:url(../Img/Backgrounds/content_band.png) top left repeat-x #FFF;
	padding-bottom:45px;
}
div#content_project div.project_wrapper {
	float:left;
	width:640px;
	height:320px;
	margin:0 0 0 157px;
}
div#content_project_foot div.arrow,
div#contact div.arrow,
div#skills div.arrow{
	display:block;
	width:34px;;
	height:25px;
	margin:-5px 0 0 273px;
	background:url(../Img/Backgrounds/header_arrow.png) top left no-repeat;
	position:absolute;
	z-index:10;
}
div#contact div.arrow,
div#skills div.arrow{ 
	margin:-5px 0 0 430px;
}
div#content_project_foot  div.arrow {
	margin:-245px 0 0 430px;
}
div#content_project_foot div.project_wrapper div.pictures_wrapper {
	/*float:left;*/
	position:absolute;
	z-index:2;
	margin:-230px 0 0 157px;
	width:605px;
	height:295px;
	overflow:hidden;
}
div#content_project_foot div.project_wrapper div.pictures_wrapper img.project{
	position:absolute;
	margin:0;
	width:605px;
}
div#content_project_foot div.project_wrapper div.blind {
	display:block;
	position:absolute;
	z-index:5;
	width:640px;
	/*height:320px;*/
	margin:-241px 0 0 147px;
	/*background:url(../Img/Backgrounds/blind_wrapper.png) top left no-repeat;*/
}
div#content_project_foot div.project_wrapper div.blind div.blind_0,
div#content_project_foot div.project_wrapper div.blind div.blind_1,
div#content_project_foot div.project_wrapper div.blind div.blind_2,
div#content_project_foot div.project_wrapper div.blind div.blind_3,
div#content_project_foot div.project_wrapper div.blind div.blind_4 {
	width:640px;
	float:left;
	background-position:top left;
	background-repeat:no-repeat;
}
div#content_project_foot div.project_wrapper div.blind div.blind_0 {
	height:133px;
	background-image:url(../Img/Backgrounds/blind_wrapper_0.png);
}
div#content_project_foot div.project_wrapper div.blind div.blind_1 {
	height:1px;
	background-image:url(../Img/Backgrounds/blind_wrapper_1.png);
}
div#content_project_foot div.project_wrapper div.blind div.blind_2 {
	height:60px;
	background-image:url(../Img/Backgrounds/blind_wrapper_2.png);
}
div#content_project_foot div.project_wrapper div.blind div.blind_3 {
	height:1px;
	background-image:url(../Img/Backgrounds/blind_wrapper_3.png);
}
div#content_project_foot div.project_wrapper div.blind div.blind_4 {
	height:126px;
	background-image:url(../Img/Backgrounds/blind_wrapper_4.png);
}
div#content_project_foot div.project_wrapper div.blind div.shadow {
	width:192px;
	position:absolute;
	overflow:hidden;
	height:295px;
	margin:11px 0 0 10px;
	background:url(../Img/Backgrounds/shadow_project.png) top left no-repeat;
}
div#content_project_foot div.project_wrapper div.blind div.shadow h1{
	font-family:'arial black', Arial, Helvetica;
	color:#FFF;
	width:170px;
	margin:10px 0 0 10px;
	text-transform:uppercase;
	font-size:1em;
}
div#content_project_foot div.project_wrapper div.blind div.shadow h2 {
	color:#00a5eb;
	font-size:0.8em;
	width:170px;
	margin:10px 0 0 10px;
	font-weight:100;
}
div#content_project_foot div.project_wrapper div.blind div.shadow p {
	color:#FFF;
	font-size:0.8em;
	width:170px;
	margin:10px 0 0 10px;
}
div#content_project_foot div.project_wrapper div.blind div.shadow a.see_ref {
	display:block;
	float:right;
	text-align:right;
	width:170px;
	outline:0;
	margin:10px 10px 0 0;
}
div#content_project_foot div.project_wrapper div.blind a.next_project,
div#content_project_foot div.project_wrapper div.blind a.next_project_no_hover {
	display:block;
	position:absolute;
	width:413px;
	height:295px;
	top:10px;
	left:200px;
	outline:0;
}
div#content_project_foot div.project_wrapper div.blind a.next_project span.arrow,
div#content_project_foot div.project_wrapper div.blind a.next_project_no_hover span.arrow {
	display:none;
	position:absolute;
	width:100px;
	height:100px;
	top:85px;
	left:55px;
	background:url(../Img/Backgrounds/blind_arrow.png) top left no-repeat;
}
div#content_project_foot div.project_wrapper div.blind a.next_project:hover span.arrow {
	display:block;
}
div#slide_projects {
	padding-bottom:30px;
}
div#slide_projects div.slider_wrapper {
	display:block;
	float:left;
	width:800px;
	height:130px;
	overflow:hidden;
	margin:90px 0 0 67px;
}
div#slide_projects div.slider_wrapper a.previous,
div#slide_projects div.slider_wrapper a.next {
	display:block;
	float:left;
	width:18px;
	outline:0;
	height:32px;
	margin:40px 35px 0 0;
}
div#slide_projects div.slider_wrapper a.next {
	margin:40px 0 0 25px;
}
div#slide_projects div.slider_wrapper div.overflow_float {
	display:block;
	float:left;
	width:700px;
	overflow:hidden;
	height:130px;
}
div#slide_projects div.slider_wrapper div.overflow_slider {
	display:block;
	position:absolute;
	width:700px;
	overflow:hidden;
	height:130px;
}
div#slide_projects div.slider_wrapper ul.slide {
	display:block;
	position:absolute;
	margin:0;
	width:30000px;
	height:130px;
}
div#slide_projects div.slider_wrapper ul.slide li {
	list-style:none;
	display:block;
	float:left;
	width:130px;
	height:130px;
	overflow:hidden;
	margin-right:10px;
}
div#slide_projects div.slider_wrapper ul.slide li a {
	display:block;
	float:left;
	width:130px;
	height:130px;
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
}
div#slide_projects div.slider_wrapper ul.slide li a span.label,
div#slide_projects div.slider_wrapper ul.slide li a.no_js span.label {
	display:block;
	opacity:0.7;
	width:130px;
	padding:10px 0;
	margin-top:-40px;
	background:url(../Img/Backgrounds/project_band.png) top left repeat;
}
div#slide_projects div.slider_wrapper ul.slide li a span.label span,
div#slide_projects div.slider_wrapper ul.slide li a.no_js span.label span{
	display:block;
	width:120px;
	margin:0px 5px;
	text-align:center;
}
div#slide_projects div.slider_wrapper ul.slide li a span.label span.title,
div#slide_projects div.slider_wrapper ul.slide li a.no_js span.label span.title {
	font-family:'arial black', Arial, Helvetica;
	font-weight:bolder;
	font-size:0.8em;
	color:#FFF;
	text-transform:uppercase;
}
div#slide_projects div.slider_wrapper ul.slide li a span.label span.desc,
div#slide_projects div.slider_wrapper ul.slide li a.no_js span.label span.desc {
	color:#00a5eb;
	font-size:0.8em;
}
div#slide_projects div.slider_wrapper ul.slide li a.no_js:hover span.label {
	margin-top:15px;
	opacity:1.0;
}
/* /CONTENT */
/* WRAPPERS HOME & CONTACT*/
div#contact_wrappers,
div#home_wrappers {
	padding-bottom:30px;
}
div#home_wrappers div.wrappers,
div#contact_wrappers div.wrappers {
	display:block;
	float:left;
	width:100%;
	margin:30px 0 0 0;
	padding-bottom:0px;
}
div#home_wrappers div.wrappers {
	margin-top:90px;
}
div#home_wrappers div.wrappers div,
div#contact_wrappers div.wrappers div{
	float:left;
	border:#9cb1ba 1px solid;
	padding-bottom:5px;
	background:#f2f5f7 url(../Img/Backgrounds/home_wrappers.png) top left repeat-x;
}
div#contact_wrappers div.wrappers div{
	border:none;
	background:none;
}
div#home_wrappers div.wrappers div h2,
div#contact_wrappers div.wrappers div h2 {
	font-family:'arial black', Arial, Helvetica;
	font-weight:bolder;
	font-size:1.5em;
	width:240px;
	padding:0 10px;
	margin:10px 2% 0 2%;
	letter-spacing:-2px;
	color:#00a7ed;
}
div#home_wrappers div.wrappers div p,
div#contact_wrappers div.wrappers div p {
	color:#3e3d40;
	width:240px;
	height:105px;
	overflow:hidden;
	margin:2px 2% 0 2%;
	padding:0 10px;
	font-size:0.8em;
	text-align:justify;
}
div#home_wrappers div.wrappers div.wrapper_1,
div#contact_wrappers div.wrappers div.wrapper_1 {
	width:270px;
}
div#home_wrappers div.wrappers div.wrapper_2,
div#contact_wrappers div.wrappers div.wrapper_2 {
	width:270px;
	margin-left:50px;
}
div#home_wrappers div.wrappers div.wrapper_3,
div#contact_wrappers div.wrappers div.wrapper_3 {
	width:270px;
	margin-left:50px;
}
/* /WRAPPERS HOME */
/* FOOTER */
div#footer {
	background:url(../Img/Backgrounds/footer.png) top left repeat-x #151618;
	height:40px;
}
div#footer div.label{
	display:block;
	float:left;
	color:#FFF;
	font-size:0.8em;
	padding:5px 0;
	width:30%;
	height:27px;
	text-transform:uppercase;
	font-family:'arial black', Arial, Helvetica;
}
div#footer ul.social{
	display:block;
	float:left;
	color:#FFF;
	font-size:0.8em;
	padding:5px 0;
	width:70%;
	height:27px;
	text-align:right;
	text-transform:uppercase;
	font-family:'arial black', Arial, Helvetica;
}
div#footer ul.social li{
	display:inline;	
}
div#footer ul.social li a img{
	width:24px;
	height:24px;
}
/* /FOOTER */
/* CONTACT */
div#contact {
	z-index:1;
	background:url(../Img/Backgrounds/contact_band_top.png) top left repeat-x #0084bc;
}
div#content_project {
	z-index:1;
	background:url(../Img/Backgrounds/content_project_band_top.png) top left repeat-x #0084bc;
	height:240px;
}
div#contact_foot,
div#content_project_foot {
	z-index:1;
	height:9px;
	background:url(../Img/Backgrounds/contact_band_foot.png) top left repeat-x #0084bc;
}
div#contact div.contact_wrapper{
	width:855px;
	float:left;
	margin:50px 0 0 50px;
}
div#contact div.contact_wrapper div.left,
div#contact div.contact_wrapper div.right{
	width:405px;
	float:left;
}
div#contact div.contact_wrapper div.right {
	width:420px;
}
div#contact div.contact_wrapper div.left h1 {
	text-transform:uppercase;
	font-family:'arial black', Arial, Helvetica;
	letter-spacing:-1px;
	color: #FFF;
	padding-right:70px;
	font-size:1.2em;
	font-weight:bolder;
}
div#contact div.contact_wrapper div.left p {
	padding-right:70px;
	color:#FFF;
	font-size:0.9em;
}
div#contact div.contact_wrapper div.right div.input,
div#contact div.contact_wrapper div.right div.text {
	display:block;
	float:left;
	height:38px;
	width:418px;
	background:url(../Img/Backgrounds/input.png) top left no-repeat;
	margin-top:5px;
}
div#contact div.contact_wrapper div.right div.input input,
div#contact div.contact_wrapper div.right div.text div.content textarea {
	display:block;
	float:left;
	color:#999ea5;
	font-family:'arial black', Arial, Helvetica;
	letter-spacing:-1px;
	font-weight:bolder;
	width:400px;
	height:30px;
	margin:5px 0 0 10px;
	border:0;
	background:none;
}
div#contact div.contact_wrapper div.right div.text div.content textarea {
	margin-top:0px;
	height:100px;
	font-size:1em;
}
div#contact div.contact_wrapper div.right div.text {
	height:auto;
	background:none;
}
div#contact div.contact_wrapper div.right div.text div.top,
div#contact div.contact_wrapper div.right div.text div.content,
div#contact div.contact_wrapper div.right div.text div.foot {
	display:block;
	float:left;
	width:418px;
}
div#contact div.contact_wrapper div.right div.text div.top {
	height:5px;
	background:url(../Img/Backgrounds/textarea_top.png) top left no-repeat;
}
div#contact div.contact_wrapper div.right div.text div.foot {
	height:10px;
	background:url(../Img/Backgrounds/textarea_foot.png) top left no-repeat;
}
div#contact div.contact_wrapper div.right div.text div.content {
	background:url(../Img/Backgrounds/textarea_content.png) top left repeat-y;
}
div#contact div.contact_wrapper div.right div.submit {
	display:block;
	float:right;
	margin:5px 2px 0 0;
}
div#contact div.contact_wrapper div.right div.submit input {
	width:115px;
	height:37px;
	display:block;
	float:left;
	color:#FFFFFF;
	font-family:'arial black', Arial, Helvetica;
	letter-spacing:-1px;
	font-weight:bolder;
	margin:5px 0 0 10px;
	border:0;
	cursor:pointer;
	background:url(../Img/Backgrounds/submit.png) top left no-repeat;
}
/* /CONTACT */
/* SKILLS */
div#skills {
	background-color:#FFF;
}
div#skills_band {
	z-index:1;
	background:url(../Img/Backgrounds/skills_band_top.png) top left repeat-x #0084bc;
	padding-bottom:10px;
}
div#skills div.left_skills {
	float:left;
	width:355px;
	margin:0 0 0 50px;
}
div#skills div.left_skills img {
	width:355px;
	height:195px;
}
div#skills div.right_skills {
	display:block;
	float:left;
	margin:30px 0 0 55px;
	width:490px;
	padding-bottom:25px;
	border:1px solid #b2c5cd;
	background-color:#f6f8f9;
	color:#0a9e00;
}
div#skills div.right_skills h1,
div#skills div.right_skills p {
	width:315px;
	margin:10px 0 0 40px;
}
div#skills div.right_skills h1 {
	margin-top:25px;
	font-size:1.4em;
}
div#skills div.right_skills p {
	font-size:0.8em;
}
div#skills div.right_skills div.visual {
	display:block;
	position:absolute;
	width:115px;
	height:170px;
	z-index:10;
	margin:-45px 0 0 360px;
	background:url(../Img/Visuals/skills_plant.png) top left no-repeat;
}
div#skills_band div.skills_wrapper {
	float:left;
	width:905px;
	margin:10px 0 0 50px;
}
div#skills_band div.skills_wrapper ul {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
div#skills_band div.skills_wrapper ul li {
	display:block;
	list-style:none;
	float:left;
	margin:10px 0 0 0;
}
div#skills_band div.skills_wrapper ul li span.left {
	display:block;
	float:left;
	width:347px;
	padding:15px 0;
	height:31px;
	background:url(../Img/Backgrounds/skills_li_bg.png) top left no-repeat;
	color:#FFF;
	font-size:1.6em;
	font-weight:bolder;
	cursor:pointer;
	text-align:center;
}
div#skills_band div.skills_wrapper ul li div.right {
	display:block;
	float:left;
	background-color:#e6f3f9;
	color:#333333;
	font-size:0.8em;
	width:558px;
	/*height:61px;*/
	cursor:pointer;
	overflow:hidden;
}
div#skills_band div.skills_wrapper ul li div.right p img{
	width:215px;
	float:right;
	margin-left:10px;
}
div#skills_band div.skills_wrapper ul li div.right p {
	float:right;
	width:548px;
	margin:0px 0px 5px 10px;
}
div#skills_band div.skills_wrapper ul li div.right p span.space{
	display:block;
	float:right;
	width:315px;
	padding-top:7px;
}
/* /SKILLS */