@font-face {
    font-family: 'PeignotLTStdDemi';
    src: url('peignotltstd-demi-webfont.eot');
    src: url('peignotltstd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('peignotltstd-demi-webfont.woff') format('woff'),
         url('peignotltstd-demi-webfont.ttf') format('truetype'),
         url('peignotltstd-demi-webfont.svg#PeignotLTStdDemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, ul, li, a, p, img{
    padding:0px;
    margin:0px;
    list-style:none;
    border:none;
    outline:none;
}

body{
    background: url('../images/home_bg.jpg') no-repeat center 0 #FFF;
}

.container{
    width:600px;
    margin:0 auto;
}

#menu{
	margin: 0px 65px;
    margin-top:100px;
}

#menu li a{
    position:relative;
    display:block;
    height:30px;
    float:left;
    -webkit-transition: all 0.2s ease-in;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s ease-in;  /* FF4+ */
      -ms-transition: all 0.2s ease-in;  /* IE10? */
       -o-transition: all 0.2s ease-in;  /* Opera 10.5+ */
          transition: all 0.2s ease-in;
}

#menu li a:hover{
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

#about a{
    background:url('../images/home_about.png') no-repeat center;
    width:90px;
    background-position:0px 0px;
}

#about a:hover{
    background-position:0px -29px;
}

#preview a{
    background:url('../images/home_preview.png') no-repeat center;
    width:160px;
    background-position:0px 0px;
}

#preview a:hover{
    background-position:0px -29px;
}

#support a{
    background:url('../images/home_support.png') no-repeat center;
    width:120px;
    background-position:0px 0px;
}

#support a:hover{
    background-position:0px -29px;
}

#resources a{
    background:url('../images/home_resources.png') no-repeat center;
    width:100px;
    background-position:0px 0px;
}

#resources a:hover{
    background-position:0px -29px;
}

#contact a{
    background:url('../images/home_contact.png') no-repeat center;
    width:120px;
    background-position:0px 0px;
}

#contact a:hover{
    background-position:0px -29px;
}

#main{
    clear:both;
    width:600px;
    margin:0 auto;
    padding-top:80px;
    text-align:center;
}

#main li{
    display:none;
}

#main li:hover{
    opacity:0.6;
}

#main li p{
    font-family:PeignotLTStdDemi, calibri, sans-serif;
    font-size:20px;
    color:#14a83c;
}


#footer{
    clear:both;
    text-align:center;
    width:600px;
    margin:0 auto;
	margin-top: 50px;
    display: none;
}

#footer li{
    display:inline-block;
    padding:5px;
}

#footer p{
    font-family:calibri, arial;
    font-size:11px;
    font-weight:bold;
    color:#777;
}

#footer a{
    color:#333;
    text-decoration:none;
}

#footer a:hover{
    color:#aaa;
}