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

@import url("css/reset.css");


/* -----------------------------------------------*/
/* ---------->>> GLOBAL <<<-----------------------*/
/* -----------------------------------------------*/

*{
	outline:none;
	}

body{
	background:#101926 url(images/bg-body-01.jpg) repeat top left;
	width:100%;
	height:100%;
	}
	
html{
	width:100%;
	height:100%;
	}
	

#container-all{
	background:url(images/bg-container-all.jpg) repeat-x top left;
	width:100%;
	height:100%;
	}
	
#container{
	width:960px;
	margin:0 auto;
	}
	
.clr{
	clear:both;
	}
	
a:link{
	color: #0099CC;
	text-decoration:underline;
	}
	
a:visited{
	color:#0099CC;
	}
	
a:hover{
	color:#00CCFF;
	}

/* -----------------------------------------------*/
/* ---------->>> HEADER <<<-----------------------*/
/* -----------------------------------------------*/

#header{
	height:103px;
	background:url(images/bg-header.jpg) no-repeat top left;
	}
	
#header h1{
	font:normal 30px "Times New Roman", Times, serif;
	color:#fff;
	padding:5px 0 0 15px;
	float:left;
	}
	
#header h1 span{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 132px;
	}
	
ul#navigation{
	float:right;
	margin:1px 0 0 0;
	}
	
ul#navigation li{
	float:left;
	}
	
ul#navigation li a:link, ul#navigation li a:visited{
	display:block;
	width:81px;
	height:75px;
	font:normal 22px "Times New Roman", Times, serif;
	color:#fff;
	padding:15px 10px 10px 10px;
	text-decoration:none;
	}

ul#navigation li a:link span, ul#navigation li a:visited span{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#bebfbf;
	margin:10px 0 0 0;
	display:block;
	}
	
ul#navigation li a:hover{
	background:url(images/bg-navigation.png) no-repeat top left;
	behavior: url(iepngfix.htc);
	} 

ul#navigation li.currentpage a{
	background:url(images/bg-navigation.png) no-repeat top left;
	behavior: url(iepngfix.htc);
	}
	
/* -----------------------------------------------*/
/* ---------->>> CONTENT <<<----------------------*/
/* -----------------------------------------------*/

#content{
	background:url(images/bg-content.png) no-repeat top left;
	padding:20px 0 0 0;
	behavior: url(iepngfix.htc);
	}


#content h2{
	height:59px;
	display:block;
	background:url(images/bg-titles.png) top left no-repeat;
	behavior: url(iepngfix.htc);
	font:normal 30px "Times New Roman", Times, serif;
	color:#fff;
	padding:10px;
	letter-spacing:2px;
	border-right:10px solid #000;
	margin:0;
	}

#content p{
	display:block;
	background:url(images/bg-titles.png) top left no-repeat;
	behavior: url(iepngfix.htc);
	padding:10px;
	border-right:10px solid #000;
	margin:10px 0 0 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ccc;
	letter-spacing:normal;
	}

#content h2.marg20{
	margin:20px 0 0 0;
	}
	
#content h2 span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ac9f0a;
	margin:0;
	display:block;
	letter-spacing:normal;
	}

/* ---------->>> CONTENT-LEFT <<<----------------------*/

#content-left{
	width:640px;
	float:left;
	}

#content-left img{
	display:block;
	margin:0px 0 0px 0;
	border:10px solid #000;
	}
/*>>> PROJECT DATA <<<*/	


ul.project-data, ul.personal-data, ul.photo-data{
	margin:0 0 20px 0;
	padding:10px;
	background:#000;/*url(images/bg-project-data.jpg) repeat-x top left*/;
	font-size:12px;
	}
	
ul.personal-data{float:left; width:473px;}
ul.photo-data{float:left; padding:5px;}
	
ul.project-data li, ul.personal-data li{
	color:#fff;
	padding:3px 3px 3px 5px;
	border-bottom:1px solid #333;
	}
	
ul.project-data li strong, ul.personal-data li strong{
	font:bold 14px "Times New Roman", Times, serif;
	color: #ffecbd;
	}
	
	

	
/*>>> WHAT i DO <<<*/

ul#what-i-do{
	margin:0;
	padding:0;
	}
	
ul#what-i-do li{
  float:left;
	padding:10px 9px 10px 10px;
	background:#000;
	width:621px;
	display:block;
	}
	
	
ul#what-i-do li.odd{
	background:#161616;
	}

ul#what-i-do li img{
	float:left;
	display:normal;
	padding:0;
	background:none;
	margin:0;
	border:none;
	}
	
ul#what-i-do li h3{
	display:block;
	color:#fff;
	font:normal 18px "Times New Roman", Times, serif;
	margin:0 0 0 10px;
	float:left;
	width:500px;
	}
	
ul#what-i-do li h3 span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ffecbd;
	
}
	
/*#content-left ul{
	background:url(images/bg-titles.png) top left no-repeat;
	margin:0;
	padding:20px 0;
	}
	
#content-left ul li{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#ac9f0a;
	padding:5px;
	margin:0;
	}
	
#content-left ul li span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	}
	
#content-left ul li.odd{
	background:#161616;
	}*/
	
/* ---------->>> CONTENT-RIGHT <<<----------------------*/

#content-right{
	width:299px;
	float:left;
	margin:0 0 0 20px;
	}
	
#content-right fieldset{
	border:none;
	background:#000;
	margin:0;
	color:#ffecbd;
	padding:10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
	

#content-right input, textarea, select{
	width:272px;
	margin:5px 0 10px 0;
	border:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #666;
	}
	
#content-right input, select{
	height:16px;
	padding:5px 0 4px 3px;
	}
	
#content-right input.gray, #content-right textarea.gray{
	background:#333;
	
	}
	

	
#content-right textarea{
	overflow:auto;
	height:135px;
	}
	
#content-right input.button{
	height:30px;
	width:100px;
	background:#333;
	border:1px solid #666;
	color:#fff;
	
	}
	

/* -----------------------------------------------*/
/* ---------->>> FOOTER <<<-----------------------*/
/* -----------------------------------------------*/

#footer{
	margin:0;
	padding:0;
	width:840px;
	float:left;
	}

ul#navigation-footer{
	margin:20px 0 0 0;
	padding:10px 0;
	font-size:12px;
	color:#fff;
	background:#000;
	}
	
ul#navigation-footer li{
	border-bottom:1px solid #333;
	padding:3px;
	}
	
ul#navigation-footer li a:link{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color: #bbf1ff;
	margin:0 0 0 20px;
	}
	
ul#navigation-footer li span a:link{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 10px;
	}
	
ul#navigation-footer li a:visited{
	color:#54dafb;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	margin:0 0 0 20px;
	}
	
ul#navigation-footer li span a:visited{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 10px;
	}
	
ul#navigation-footer li a:hover{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#54dafb;
	}
	
#fejs{
		float:left;
		margin:20px 0 0 0;
		padding:0;
  }