/* Reset Styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; outline:none; list-style-type:none;}

/* Custom Styles */

body {font-family:Georgia, Times New Roman, Times, serif; font-size:12px; text-align:center; background:url(../images/wrapper-bg.png) top left repeat; margin:0;}

#wrapper {background:url(../images/bg.png) top left repeat-x; text-align:left;}

#container {position:relative; margin:0 auto; width:1004px;}
#masthead {width:1004px; height:183px; background:url(../images/masthead-bg.jpg) top left no-repeat;}
#masthead .logo {display:block; float:left; margin:66px 0 0 29px; text-indent:-9999px; width:349px; height:54px; background:url(../images/logo.png) top left no-repeat;}
#masthead .login {width:352px; height:50px; float:right; background:url(../images/login-bg.png) top left no-repeat; color:#ffffff; padding:0 0 0 10px;}
#masthead .login label {float:left; margin:10px 4px 0 0;}
#masthead .login .usr {float:left; margin:7px 4px 0 0; width:109px; height:18px; padding:2px 5px 2px 5px; border:0; font-family:Georgia; color:#666666; font-size:12px;}
#masthead .login p {text-align:right; float:left; margin:3px 4px 0 0; width:295px; height:18px; padding:1px 5px 2px 5px; border:0; font-family:Georgia; color:#ffffff; font-size:10px;}
#masthead .login a {color:#ffffff; text-decoration:none;}
#masthead .login .pass {float:left; margin:7px 4px 0 0; width:109px; height:18px; padding:2px 5px 2px 5px; border:0; font-family:Georgia; color:#666666; font-size:12px;}
#masthead .login .submit {float:left; margin:8px 4px 0 0;width:37px; height:20px; background:url(../images/login-go.png) top left no-repeat; border:0;}


/*login ok*/
#masthead .login-ok {width:352px; height:35px; float:right; background:url(../images/login_ok.png) top left no-repeat; color:#ffffff; padding:0 0 0 10px;}
#masthead .login-ok #box {float:left; margin:10px 4px 0 0; width:115px;}
#masthead .login-ok #box .hello{color:#688794;}

#masthead .login-ok .edit-profile {display:block; /*border:1px solid red;*/ width: 49px; height:10px; margin-left: 6px; float:left; margin-top: 11px;  }
#masthead .login-ok .logout {display:block; /*border:1px solid red;*/ width: 35px; height:10px; margin-left: 10px; float:left; margin-top: 11px;  }

/* end */

#content-shadow {width:1004px; background:url(../images/content-shadow-bg.png) top center repeat-y; margin:0 0 15px 0;}
#content {position: relative; margin:0 12px 0 12px; background:url(../images/content-bg.jpg) top left repeat; padding:15px; text-align:left;}



#content-footer {clear:both; background:url(../images/content-footer-bg.jpg) bottom center no-repeat; height:45px;}

#footer {clear:both; text-align:center; width:100%; background:#301e10; border-top:1px solid #583e29; padding:20px 0 20px 0; color:#ebebe9;}
#footer a {padding:0 10px 0 10px; color:#ebebe9; font-size:12px;}
#footer span {padding:0 10px 0 10px; color:#ebebe9;}
#footer p {padding:15px 0 15px 0; font-size:11px; line-height:18px;}




/* Universal Elements */
.clear {clear:both;}
#preload {position:absolute; top:0; left:-10000px; }
#preload li {position:absolute; top:0; }