html, body {
height: 100%;  /*for mozilla*/
}

body {
color: #000000;
margin: 0;
padding: 0;
font-size: 100%;
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

a {
text-decoration: none;
}

img { border: 0; }

#mainHolder {
width: 716px;
padding: 0;
margin: 0 auto 0 auto;
position: relative;
font-size: 0.7em;
background-image: url(../images/mainHolder_bg.gif);
background-repeat: repeat-y;
background-position: center;
height:100%;
min-height:100%;  /*for mozilla*/
}

html>body #mainHolder {
height: auto;  /*for mozilla*/
}

#mainHolder h1 {
color: #000000;
font-size: 5em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 5px;
margin: 17px 35px 0 0;
text-align: right;
/* background-image: url(../images/H1_title.gif); */
background-image: url(../images/mask-ban.png);
background-position: center;
background-repeat: no-repeat;
}

#mainHolder h1 span{
	visibility: hidden;
}

/* Start of Nav CSS */
#navHolder {
background-image: url(../images/navHolder_bg.gif);
background-repeat: no-repeat;
background-position: center;
width: 716px;
height: 36px;
padding: 0;
margin: 0;
position: relative;
}

#navHolder ul {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 11px;
left: 10px;
}

#navHolder li {
display: inline;
height: 24px;
margin: 0;
padding: 0;
}

#navHolder li a {
width: 115px;
height: 24px;
margin: 0 0 0 1px;
padding: 0;
float: left;
text-align: center;
line-height: 22px;
color: #959595;
letter-spacing: 2px;
}

#navHolder li a.selected { /*indicates current page*/
background-color: #ECE6DE;
}

#navHolder li a:hover {
background-color: #bbefFF;
/* background-color: #E4F0E6; */
}
/* End of Nav CSS */

#pageContent {
width: 716px;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
background-position: bottom right;
background-repeat: no-repeat;
position: relative;
}

*>#pageContent {
padding-top: 280px;
min-height: 1px;
}

* html #pageContent {
/* IE5Mac filter \*/
height: 280px;
/* end filter */
}

#pageContent h2 {
/* color: #EBEBEB; */
color: #33bbff;
margin: 20px 10px -22px 18px;
padding: 0;
font-size: 2.2em;
Width: 290px;
}

*>#pageContent h2 {margin-top: -260px;}

#pageContent h3 {
color: #666666;
margin: 10px 10px 0 25px;
padding: 0;
font-size: 1.1em;
Width: 290px;
}

#pageContent p {
margin: 10px 10px 0 32px;
padding: 0;
width: 480px;
line-height: 1.5em;
}

#pageContent dl {
margin-left: 32px;
padding: 0;
width: 280px;
line-height: 1.5em;
}

#pageContent dt {
font-weight: bold;
border-bottom: 1px solid #dddddd;
}

#pageContent dd {
margin-left: 10px;
margin-bottom: 15px;
}

#pageContent a {
color: #000099;
font-weight: bold; 
}

#pageContent a:hover {
text-decoration: underline;
font-style: italic;
}

#pageContent address {
margin: 10px 10px 0 32px;
}

#contactForm {
margin-left: 32px;
margin-top: 20px;
margin-bottom: 15px;
padding: 0;
width: 280px;
line-height: 1.5em;
}

#contactForm fieldset {
border: 1px solid #EBEBEB;
}

#contactForm legend {
color: #A4A4A4;
}

#contactForm div.formRow{
margin: 0 0 5px 0;
padding: 0 10px 0 10px;
text-align: center;
}

#contactForm span {
float: left;
width: 65px;
text-align: left;
margin: 0 0 0 18px;
padding: 0;
}

#contactForm input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#contactForm textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
width: 220px;
}

#footerHolder {
background-image: url(../images/footerHolder_bg.gif);
background-repeat: no-repeat;
background-position: top left;
width: 716px;
padding: 3px 0 0 0;
margin: 0;
position: relative;
}

#footerHolder p {
color: #A4A4A4;
margin: 0;
padding: 0;
}

#footerHolder p.subFooter {
color: #BBBBBB;
font-size: 0.9em;
letter-spacing: 0.2em;
margin: 20px 0 10px 0;
}

#footerHolder a {
color: #959595;
}

#footerHolder a:hover {
text-decoration: underline;
}

.projects {
background-image: url(../images/projects.png);
}

.contact {
background-image: url(../images/contact.png);
}

.downloads {
background-image: url(../images/downloads.png);
}

.home {
background-image: url(../images/home.png);
}

.liens {
background-image: url(../images/tutorials.png);
}

#infoBox a {
color: #666699;
font-weight: bold;
}

#infoBox a:hover {
text-decoration: underline;
}

.infoBoxClear {
border-left: #959595 1px dashed;
border-right: #959595 1px dashed;
border-top: #959595 1px dashed;
border-bottom: #959595 1px dashed;
margin-top: -260px;
margin-right: 40px;
float: right;
width: 200px;
text-align: left;
}