@import url(colors.css);
@import url(type.css);

/*normalizing layout*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, p, blockquote, th, td { margin: 0; padding: 0; }
h1 { margin-bottom: 25px; }
h2 { margin-top: 15px; margin-bottom: 2px; }
h3, h4, h5, h6 { padding-left: 25px; }
p, ul { margin-bottom: 7px; }
ul { padding-left: 15px; }
/*ol, ul { list-style: none; }*/
html { text-align: center; }
body { text-align: left; margin: 0 auto; }
table { border-collapse: collapse; }
fieldset, img { border: 0; }
caption, th { text-align: left; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
div { -moz-box-sizing: border-box; box-sizing: border-box; }

/*styles*/
body { position: relative; margin: 25px auto; width: 890px; min-height: 420px; padding: 40px;  }

input[type="text"], input[type="password"], select { width: 300px; }

p { margin-top: 7px; }

#logo { position: absolute; top: 40px; cursor: pointer; }

#menu { margin-bottom: 25px; height: 35px; }
#menu img { float: right; margin-top: 25px; }
#submenu { position: absolute; top: 100px; }
#submenu ul { list-style: none; }
#submenu li { position: relative; float: left; margin-right: 10px; padding-right: 10px; }
#submenu li a { outline: none; }
#content { position: relative; top: 40px; left: 40px; margin-bottom: 40px; min-height: 305px; width: 600px; }
#footer { position: relative; top: 55px; }
dl.faq { margin-bottom: 20px; }
dl.faq p { margin: 0 0 7px 0; }
dl.faq dt { cursor: pointer; padding: 2px 15px 4px 15px; }
dl.faq dd { display: none; padding: 0 15px 8px 35px; margin-bottom: 5px; }

div#menu select { position: absolute; width: 140px; left: 820px; top: 10px; }