/* IS reset */
html { height: 100%; margin: 0; padding: 0; }
body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #464646; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup,sub { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit }
a { text-decoration: none; }
.clear { clear: both; }
/* / IS reset */ 

#container { width: 960px; height: 100%; background: #02a894 url(../images/bg.jpg) 0 0 no-repeat; }
h1 { width: 93px; height: 134px; padding: 25px 0 0; text-indent: -9999px; background: url(../images/logo.gif) 0 25px no-repeat; }
h2 { width: 200px; margin: 0 0 15px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #27baaa; }
#container, h1, #content { margin: 0 auto; }

#content { width: 629px; height: 314px; padding: 50px 0 0 30px; background: url(../images/panel.jpg) 0 0 no-repeat; }
#content li { margin: 0 0 5px; }
#content a { color: #444; }
#content a:hover { color: #2d97e0; }

#footer { width: 100%; margin: 25px 0 0; display: inline; overflow: hidden; }
#footer, #footer ul, #footer li, #footer a { float: left; }
#footer, #footer ul, #footer li { position: relative; }
#footer, #footer a { font-size: 11px; color: #fff; }
#footer ul { left: 50%; }
#footer li { padding: 0 10px; display: inline; right: 50%; border-left: 1px solid #ddd; }
#footer li.first { border: none; }
#footer a:hover { text-decoration: underline; }