/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}

hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}

hr.space {
background: #fff;
color:# fff;
}

.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}

.clearfix, .container {
display: block;
}

.clear {
clear: both;
}

/* layout */

body {
background-color: #eeeeee;
color: #222222;
}

#container {
width: 870px;
margin:36px auto;
padding:36px 40px;
background-color: #ffffff;
}

#header {
}

#main {
}

/* navigation */

#nav {
width: 100%;
margin: 0;
padding: 0;}

#nav ul {
width: 870px;
height: 32px;
background-color: #dddddd;
line-height: 24px;
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
}

#nav ul li {
width: 145px;
height: 24px;
float: left;
background: #ffffff;
text-align: center;
margin: 4px 0;
padding: 0;
}

#nav ul li a {
width: 225px;
}

#content {
padding: 1em 0 0 0;
}

#footer {
}