/* Reset */
@import 'reset.css'; /* Always First */

html,body { height:100%; margin: 0; padding :0; }
body { font:14px Arial, Helvetica, sans-serif; background: #fff; }

/******
GLOBAL STYLES
******/
#wrapper { width: 800px; margin: 0 auto; padding: 0; }
#header { width: 800px; height: 126px; float: left; }
#footer { width: 800px; clear: both; }
#footer p { margin: 0; padding: 18px 20px; clear: both; }

/******
HOME PAGE STYLES
******/
#logo { width: 262px; height: 49px; float: left; margin: 0; padding: 35px 0 42px 0; }
#find-out-more { height: 40px; float: left; margin: 0; padding: 0; }
#find-out-more ul { margin: 0; padding: 70px 0 0 390px; list-style-type: none; }
#find-out-more ul li { margin: 0; padding: 15px 0 0 54px; height: 25px; background: url(../images/email-icon.jpg) no-repeat; }
#login-panel { width: 800px; height: 247px; float: left; clear: both; background: url(../images/login-panel.jpg) no-repeat; }
#client-overlay { position: relative; top: -9px; left: 18px; }
#login-form { width: 100px; position: relative; top: 5px; left: 45px; }
.username, .password { width: 217px; height: 19px; background: #fff; border: 1px #350703 solid; margin: 0 0 15px 0; padding: 5px 10px 0 10px; }
#intro { width: 388px; position: relative; top: -150px; left: 370px; }

/******
LOGIN BUTTON STYLES
******/
.login-btn { display: block; width: 96px; height: 30px; background: url(../images/login-btn.jpg) no-repeat; position: relative; top: 20px; left: 120px; border: 0; cursor:pointer; }
.login-btn:hover { display: block; background: url(../images/login-btn.jpg) 0px -30px; cursor:pointer; }

/******
LOGIN FAILED STYLES
******/
#intro-fail { width: 388px; position: relative; top: -175px; left: 370px; }
#login-failed { width: 230px; position: relative; top: -12px; padding: 3px; background: #fff; border: 2px #ff0000 solid; color: #ff0000; font-weight: bold; font-size: 12px; }
.login-btn-fail { display: block; width: 96px; height: 30px; background: url(../images/login-btn.jpg) no-repeat; position: relative; top: -5px; left: 120px; border: 0; cursor:pointer; cursor:pointer; }
.login-btn-fail:hover { display: block; background: url(../images/login-btn.jpg) 0px -30px; }
/*\*/html*#footer-fail { width: 800px; clear: both; padding: 10px; } /*end*/

/******
LINK STYLES
******/
a:link,
a:visited,
a:active { color: #70130c; text-decoration: none; }
a:hover { color: #70130c; text-decoration: underline; }
#find-out-more ul li a:link { color: #000; }