html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
h1, h2, h3, h4, h5, h6{margin:0 0 0.5em 0; font-weight:normal; color:#444; font-family: 'Snippet',Helvetica, Arial, Tahoma}
h1, h2{color: #002147}
h1{margin-bottom: 20px; font-size: 64px;}
h2{font-size:1.5em}
h3{font-size:1.3em}
h4{font-size:1.2em}
h5{font-size:1.1em}
h6{font-size:1em;}
p{line-height:1.5em; text-align: left; margin: 0 20px 20px 0; }
a, a:link, a:active, a:visited,a:hover { text-decoration:none; color:#489BCF;}
/*----------------
     CLASSES
----------------*/
.clear{ clear: both; overflow:hidden;}
.float-right{position: relative; float: right;}
.float-left{position: relative; float: left;}
.separator{clear:both; height:1px; width:100%; border-bottom: 1px solid #ddd;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.vertical-align{vertical-align: middle;}

*{z-index:50}

body, html{
	color: #3D3A36;
	background: #F9F9F8 url('../img/bg.jpg') repeat top center fixed;
	font: 12px Helvetica, Arial, Tahoma;
}
/*----------------
     MAIN
----------------*/
#wrapper{
    width: 800px;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.portfolio li{
    float: left;
}
.portfolio li a{
    color: #666;
    text-align: center;
    display: block;
    width: 180px;
    background: #eee;
    height: 60px;
    box-shadow: 1px 1px 1px #888888;
    margin: 10px;
    border-radius: 2px;
    font-weight: bold;
}
.portfolio li a span{
    display: block;
    padding: 10px 20px;
}