/* box model yay! */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
/*zoom:1;*/
}


/* Eric Meyers Reset CSS rules */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: 'bolditalic', Georgia, serif;
font-weight: normal;
font-style: normal;
line-height: 125%;
font-size: 15px;
}
ul {
list-style:none;
}
.clearfix:after { 
content: "."; 
visibility: hidden; 
display: block; 
height: 0; 
clear: both;
}
html, body {
height: 100%;
color: #000;
background-color: #fff;
}
a:link,
a:visited {
color: #000;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
a:hover,
a:active {
color: #aaa;
}
/* Firefox Dotted Outline Fix */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
img { display: block; }
p {
text-align: center;
margin: 15px 0 40px 0;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

/*----------------------- wrapper -----------*/

#wrapper {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0 50px;
padding-top: 50px;
}

/*----------------------- nav -----------*/

#nav {
width: 1100px;
padding: 5px 0;
}
#nav ul {
width: 100%;
text-align: center;
}
#nav ul li {
display: inline-block;
padding: 0 22px;
}