/* CSS Document */

/*------------------------------------------------------
G E N E R A L
------------------------------------------------------*/
body{
background-color: #717277;}

#container{
position: relative;
margin: 0 auto 0 auto;
width: 640px;
background-color:#FFFFFF;
font-family: "Tahoma", "Trebuchet MS",Verdana, Arial Helvetica, sans-serif;
font-size:11px;
text-align:left;
padding:0;
}

.p1{ font-family:"Tahoma", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 35px;
}

.p1 a{font-weight:bold;
color:#FF66CC;
text-decoration:none;
}

.p1 a:hover{color:#FF0066;
font-size:12px;
}

.p2{ font-family:"Georgia", "Times New Roman", Times, serif}

.p3{font-family:"Tahoma", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 2px 0 0 2px;
color:#3E4243;
}

.p3 span{
color:#EA0E8A;
font-weight:bold;
line-height:20px;}

.p4{font-family:"Tahoma", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 35px;
color:#3E4243;
}

.p5{font-family:"Tahoma", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 7px 0 4px 2px;
color:#3E4243;
}

.p6{
font-family:"Tahoma", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 10px 2px;
color:#3E4243;
font-size:16px;
font-weight:bold;
}

.p7{font-family:"Tahoma", "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin: 100px 0 0 35px;
color:#3E4243;
}

.p8 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:500px;
margin: 10px 0 0 35px;
color:#666666;
font-size:large;
line-height:30px;
}

.p8 span {
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:500px;
margin: 10px 0 0 50px;
color:#FF0099;
font-size:large;
}

/*------------------------------------------------------
H E A D E R
------------------------------------------------------*/

#head {
	background-image:url(../the_header.jpg);
	background-repeat:no-repeat;
	width: 640px;
	height: 147px;
	margin-top:0;
	padding:0;
}

/*------------------------------------------------------
F O O T E R 
------------------------------------------------------*/

#footer{
background-image:url(../the_footer.jpg);
background-repeat:no-repeat;
width: 640px;
height:87px;
margin: 0 0 0 0;
}

/*------------------------------------------------------
M E N U 
------------------------------------------------------*/

#linklist{
position: absolute;
width: 640px;
height: 23px;
margin-top: 0;
padding: 0;
}

#menubkg{
background-image:url(../menubkg.gif);
margin: 0 0 0 -40px;
padding: 0;
}

/*-----Mozilla Hack IE won't read it------ */
html>body #menubkg {margin: -16px 0 0 0;
height:20px; }

.menu {
	width: 640px;
	height: 23px;
}

#menu ul {
	width: 600px;
	height:10px;
	list-style-type: none;
	padding: 3px 0 5px 0;
}

div#menu ul li {
	width: 640px;
	padding: 0 7px 3px 7px;
	display:inline;
	border-right: 2px solid #3E4243;
	line-height:13px;
}

#menu ul li a{
	display:inline;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}

#menu ul li a:hover{
color: #3E4243;
}

/*------------------------------------------------------
P O R T F O L I O  S U B M E N U
------------------------------------------------------*/

#submenubkg{
margin: 0 0 0 0;
padding: 0;
}

#submenu ul {
	display:block;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 30px 0 15px 7px;
}

/*-----Mozilla Hack IE won't read it------ */
html>body div#submenu ul{
	display:block;
	margin: 30px 7px 15px 7px;
}

div#submenu li{
width: 70px;
padding: 0.5em 0 0 0.25em;
border-bottom: 1px solid #717277;
text-align:center;
}

#submenu a{
color:#3E4243;
text-decoration: none;
line-height:15px;
font-size:10px;
font-weight:bold;
}


#submenu a:hover{
color: #EA0E8A;
}

/*------------------------------------------------------
P A G E  C O N T E N T
------------------------------------------------------*/
/* --Hide header 3 text for image replacement-- */

#general h3 span{
display:none;
}

#generalfr h3 span{
display:none;
}

#generalcontact h3 span{
display:none;
}

#generallinks h3 span{
display:none;
}

#generalliens h3 span{
display:none;
}

#generalresume h3 span{
display:none;
}

#generalcv h3 span{
display:none;
}

#generalportfolio h3 span{
display:none;
}

/* -- Image replacement for each h3 subject-- */

#general h3{
background-image:url(../about.gif);
background-repeat:no-repeat;
background-position:left top;
height: 33px;
width: 98px;
margin:40px 0 0 30px;
}

#generalfr h3 {
background-image:url(../a_propos.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 125px;
margin:40px 0 0 30px;
}

#generalcontact h3{
background-image:url(../contact_en.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 109px;
margin:40px 0 0 30px;
}

#generallinks h3{
background-image:url(../links.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 91px;
margin:40px 0 0 30px;
}

#generalliens h3{
background-image:url(../liens.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 89px;
margin:40px 0 0 30px;
}

#generalresume h3{
background-image:url(../resume.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 112px;
margin:40px 0 0 30px;
}

#generalcv h3{
background-image:url(../cv.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 76px;
margin:40px 0 0 30px;
}


#generalportfolio h3{
background-image:url(../portfolio.gif);
background-repeat:no-repeat;
background-position:left top;
height: 31px;
width: 125px;
margin:40px 0 0 30px;
}

/*------------------------------------------------------
L I N K  L I S T
------------------------------------------------------*/

#sites ul {
	text-decoration: none;
	list-style-type: none;
	margin: 5px 0 0 70px;
	}
	
div#sites ul li {
	display:block;
	line-height:10px;
}

#sites ul li a{
	display:block;
	font-weight: bold;
	color:#3E4243;
	text-decoration: none;
}

#sites ul li a:hover{
color: #EA0E8A;
font-size:15px;
}

/*--Mozilla Hack IE won't read it-- */
html>body #sites ul {
margin: 0 0 0 70px;
}

html>body div#sites ul li {
	line-height:15px;
}

/*------------------------------------------------------
M U L T I M E D I A
------------------------------------------------------*/

#multimedia ul {
	text-decoration: none;
	list-style-type: none;
	margin: 50px 0 0 70px;
	}
	
div#multimedia ul li {
	display:block;
	line-height:15px;
}

#multimedia ul li a{
	display:block;
	font-weight: bold;
	color:#3E4243;
	text-decoration: none;
}

#multimedia ul li a:hover{
color: #EA0E8A;
font-size:15px;
}

/*--Mozilla Hack IE won't read it-- */
html>body #multimedia ul {
margin: 40px 0 0 70px;
}

html>body div#multimedia ul li {
	line-height:25px;
}