/* CSS Document */

/*########### GENERAL ##########*/

*	{margin:0px; padding:0px;} /* Reset */
body	{margin:0px; padding:0px; background-color:#FFFFFF;}

/*###########  HEADER  ##########*/

#header	{
position:fixed;
top:0px;
left:0px;
width:100%;
height:140px;
background-image:url(images/stripes.gif);
background-repeat:repeat;
z-index:10;
}

#logo	{position:absolute; left:7px;}
#logo_text	{position:absolute; left: 250px; top: 25px;}

#menu	{
position:absolute;
top:100px;
left:250px;
}

#sub_menu	{
position:fixed;
top:118px;
left:374px;}
#sub_menu .active	{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;}
#sub_menu a	{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#80d8f6;
text-decoration:none;}
#sub_menu a:hover	{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;}

/*##########  PAGES ##########*/

#content	{
position:relative;
width:700px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin:auto;
padding-top:180px;
z-index:0;
}

.projects	{
margin-top:30px;
margin-bottom:30px;
}

.description	{
position:relative;
margin-left:550px;
top:-300px;}
.description p	{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;}

.top	{position:relative; margin-left:550px; top:-95px;}
.top a	{text-decoration:none;}
.top a:hover	{text-decoration:underline;}
.top a:visited	{color:#666666;}

#anchor	{position:absolute; margin-top:-180px;}

.image	{text-align:right; margin-right:200px;}
img	{border:0;}

/* PRESENTATION */

#presentation	{
position:relative;
width:700px;
height:100px;
margin:auto;
padding-top:200px;
z-index:2;}
#presentation p {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;}
#presentation a {
font-family:Arial, Helvetica, sans-serif;
color:#008aff;
font-size:12px;
text-decoration:none;}
#presentation a:hover {text-decoration:underline;}
#presentation .welcome {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:13px;}
#presentation .pink	{
font-family:Arial, Helvetica, sans-serif;
color:#008aff;
font-size:13px;}

/*///*/

.visit	{
width:100px;
height:10px;
position:relative;
top:100px;
left:550px;
color:#666666;}
.visit a	{color:#666666;}

.email	{position:absolute; bottom:3px; left:5px;}
.email a	{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.email a:hover	{text-decoration:underline;}

/*#########  BOTTOM  #########*/

#bottom	{
position:fixed;
bottom:0px;
left:0px;
width:100%;
height:100px;
background-image:url(images/fadeout.png);
background-repeat:repeat-x;
}

.compliant	{position:absolute; bottom:3px; right:5px;}
.compliant a,p{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; text-decoration:none;}
.compliant a:hover	{text-decoration:underline;}

/*#########  CONTACT  #########*/

#form	{
position:absolute;
right:0px;
width:49%;
}

#contact_info	{
position:absolute;
left:0px;
width:40%;
}

#contact_info p	{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;}

#contact_info h1	{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:13px;}