/* CSS by Sebastien Van Loock - last update 7/05/2008 */

html, body {
height: 100%;
}


body 
{
background-color: #000000;
margin: 0 ;
text-align:center;
font-family: 'Trebuchet MS' , Trebuchet, arial, sans-serif;
color:#ffffff;
}

#wrap {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
width:900px;
min-height:100%;
position:relative;
   }

#header {
	text-align: center;
	width: 900px;
	height: 20px;
	background-color:#000000; }

#menu {
height:120px;
color:#686868;
}

#menu ul.menu {
list-style:none;
}


#col1 {
width:225px;
float: left;
padding-top:70px;
}
#illustration {
float:left;
width:450px;
}
#col2 {
float:left;
width:225px;
padding-top:70px;
text-align:left;
}
ul.menu li {
	text-align:center;
	float:left;
	display:block;
	margin:0 5px 0 0;
	padding:0 0 0 0;
	height:120px;
	width:120px;
}

ul.menu li:hover {
background: url(/beta/img/flechita.gif) top center no-repeat;
color:#ffffff;
}

ul.menu li.current {
background: url(/beta/img/flechita.gif) top center no-repeat;
color:#ffffff;
}

ul.menu li a.current {
color:#ffffff;
}

ul.menu li a {
color:#686868;
text-decoration:none;
display:block;
height:30px;
padding-top:85px;
}

ul.menu li a:hover {
color:#ffffff;
text-decoration:none;
}

#maincontent {
text-align:center;
margin-top:20px;
}

#footer{
margin-top:100px;
    color:grey;
	text-align: center;
	height: 40px;
	padding: 5px 0 0 0;
    width: 900px;
    background-color: #000000;
display:block;
}

h1 {
font-family: 'Trebuchet MS' , Trebuchet, arial, sans-serif;
color:#ffffff;
font-size:24px;
margin-top:40px;
}

h2 {
font-family: 'Trebuchet MS' , Trebuchet, arial, sans-serif;
color:#FFFFFF;
font-size:20px;
}


#footer a, #footer a:visited {
color:#666666;
}

#footer a:hover, #footer a:visited:hover {
color:#FFFFFF;
}

/* Navigation CSS*/

#container-nav {
	background: transparent;
	width: 470px;
	height: 29px;
	float:right;
	padding: 75px 0 0 0;
	}
#nav {
	float:right;
	background: url("images/nav_main_bg.gif") repeat-x center;
	line-height:normal;
	height:100%;
	}
#nav ul {
	margin:0;
	padding:0 0 0;
	list-style:none;
}
#nav li {
	text-align:center;
	float:left;
	display:block;
	margin:0 5px 0 0;
	padding:0;
	height:29px;
	width:88px;
	overflow:hidden;
	}
#nav a 
{
    font-size: 70%;
    font-family: 'Trebuchet MS' , Trebuchet, arial, sans-serif;
	text-align:center;
	background:url("images/nav_bg_tab.gif") no-repeat left top;
	float:left;
	display:block;
	margin: 3px 0 0 0;
	padding:5px 0px 5px 0px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	height:inherit;
}

/* Commented Backslash Hack\*/

#nav a {float:none;color:#333333;}

/* End IE5-Mac hack */



#nav a:hover {

	color:#333333;

	margin: 0;

    background:url("images/nav_bg_tab.gif") no-repeat left top;

}



#nav #current {
margin:0 5px 0 0;
background:url("images/nav_bg_select.gif") no-repeat left top;
color:#333333;
}



#nav #current a 

{

    margin: 0;

    background:url("images/nav_bg_select.gif") no-repeat left top;

	color:#333333;

}

#left-menu {
text-align:left;
margin-left:15px;
}

ul.left-menu {
color:#FFFFFF;
font-size:12px;
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
background-color: #ffffff;
}

ul.left-menu li {
float:left;
list-style-type: none;
display: inline;
}

/* gallery */

#gallery {
padding: 10px 0 0 0;
text-align:center;
margin:0 0 0 0;
width:895px;
display:block;
}

div.project {
height:130px;
display:inline;
}

div#gallery a {
display: inline;
margin-right: 0px;
margin-bottom: 0px;
text-decoration:none;
}

div#gallery img {
margin:10px;
border: 0;
}

div#gallery a:hover {
position: relative;
top: 2px; left: -1px;
}
div.project-desc {float: left;display: block;width:300px;height:120px;margin-bottom:15px;}


span.project-title {
font-weight:bold;
float:left;
color:#ffffff;
display:block;
width:200px;
}

span.project-date {
font-size:10px;
float:right;
}
.clearer{clear:both;}
span.project-description {
font-size:11px;
float:left;
display:block;
margin-top:10px;
}

span.project-link {
margin-top: 10px;
float:left;
font-size:11px;
}

span.project-link a {
color: #666666;
}
span.project-link a:hover {
color: #ffffff;
}
div#gallery span.project-link a:hover {
position: relative;
top: 0px; left: 0px;
}

/* news */

.date {
color:#ffffff;
font-size:12px;
}
.author {
color:#666666;
margin-left:10px;
font-size:12px;
}

.news-footer {
border-top:1px solid #6d6d6d;
margin-top:10px;
padding-top:10px;
}
.news-see-all {
color: #666666;
font-size:12px;
float:left;
margin-left:185px;
margin-right:220px;
}

.news-see-all a, .news-see-all a:visited {
color: #666666;
font-size:12px;
}

.news-see-all a:hover, .news-see-all a:visited:hover {
color: #666666;
font-size:12px;
}

.news-next {
float:left;
}


.news-prev {
float:left;
margin-left:19px;
}

.news-next, .news-prev {
color:#666666;
font-size:16px;
}

.news-next a, .news-prev a {
color:#666666;
font-size:16px;
text-decoration:none;
}

.news-next a img, .news-prev a img {
border:0;
}

.news-btn-text-prev {
margin-top:6px;
position:absolute;
}
.news-btn-text-next {
margin-top:6px;
margin-left:-31px;
position:absolute;
}
.container-left-bottom {
position:relative;
float:left;
display:block;
height: 90px;
width:200px;
}

.visu_right {
float:right;
margin-right:150px;
height:400px;
}

.visu_left {
float:left;
margin-right:20px;
margin-left:65px;
}

.links {
height:300px;
float:left;
padding-top:100px;
margin-left:65px;
text-align:left;
color:#ffffff;
font-weight:bold;
}
.links a {
color:#ffffff;
text-decoration:none;

}


/* biography */

.bio {
text-align:left;
font-size:12px;
width:450px;
float:left;
margin-left:30px;
}

textarea {
color:#FFFFFF;
background-color:#000000;
border:none;
width:400px;
height:300px;
font-family: 'Trebuchet MS' , Trebuchet, arial, sans-serif;
font-size:13px;        
}

.titles_album {
color: grey;
text-align: left;
line-height: 20px;
font-size: 14px;
padding-left: 30px;
float:left;
}