/* Inspired Network Stylesheet */
* {margin: 0; padding: 0;} html, body {height: 100%;} label, span {display: none;}
body {font-family: Helvetica; color: #333; background: #fff;} form, fieldset {border: none;}
p {margin: 0 0 20px 0;}
/* Wraps */
#wrap {text-align: center;}
#container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px; text-align: left;}
/* Header and Elements */
#logo {width: 311px; height: 80px; background: url('inspired-network.gif'); display: block; margin: 0 20px; float: left; outline: none;}
#header {width: 100%; height: 80px; background: #1c1c1c;} #header div {width: 960px;}
#header form {margin: 25px 0 0 0; float: right;} .user, .pass {width: 170px; border: 1px solid #ccc; padding: 7px;}
#rememberMe {width: 100%; text-align: right; color: #fff; font-size: 10px; display: block; margin: 3px 0 0 0; text-transform: uppercase;}
#rememberMe a {color: #fff; text-decoration: none;} #rememberMe a:hover {text-decoration: underline;}
#loginButton {width: 70px;background: #fff;color: #000;font-weight: bold;border: 1px solid #ccc; padding: 7px; text-transform: uppercase;}
#header ul {list-style: none; height: 40px; float: right; margin: 20px 0;}
#header ul li {float: left; font-weight: bold; text-align: center;}
#header ul li a {display: block; width: 100px; padding: 20px 0; text-transform: uppercase; color: #fff; font-size: 10px; text-decoration: none;} #header ul li a:hover {color: #cf1;}
/* Splash page content */
#splashBanner {background: url('splash-bg.jpg') repeat-x; width: 100%; height: 300px;}
#splashBanner div {background: url('splash-banner.jpg'); width: 955px; height: 300px;}
#splashBanner div ul {list-style: none; padding: 230px 0 0 0;} #splashBanner div ul li {float: left;}
#splashBanner div ul li a {height: 50px; display: block;}

#connectLink {background: url(01-connect.gif) 0px 0px; width: 240px; margin: 0 1px 0 0;}
#howLink {background: url(02-how.gif) 0px 0px; width: 240px; margin: 0 1px 0 0;}
#blogLink {background: url(03-blog.gif) 0px 0px; width: 240px; margin: 0 1px 0 0;}
#searchLink {background: url(04-search.gif) 0px 0px; width: 230px;}
#connectLink:hover, #howLink:hover, #blogLink:hover, #searchLink:hover {background-position: 0px 50px;}

#splash {line-height: 18px; padding: 20px;}
#splashIntro {background: url('splash-network.jpg'); width: 500px; height: 300px; display: block; float: left;}
#signUpForm {width: 300px; float: left; margin: 0 0 0 70px;}
#signUpForm input {width: 280px; padding: 7px; border: 1px solid #ccc; margin: 7px 0;}
#signUpForm select {margin: 5px 0;}
#signUpForm a {background: url(create-button.gif) 0px 0px; width: 220px; height: 50px; display: block; margin: 12px 0;}
#signUpForm a:hover {background-position: 0px 50px;}

/* Logged in Content */
#content {padding: 20px;} #content h1 {font-size: 18px; color: #451d00; font-weight: normal;}

/* Website Footer */
#push {height: 70px; clear: both;}
#footer {background: url('footer.gif'); width: 100%; height: 70px; font-style: normal; font-size: 10px; color: #777; text-transform: capitalize;} #footer div {padding: 40px 20px 0 20px; width: 955px;} #footer div b {font-weight: normal; float: left;}
#footer a {color: #777; text-decoration: none;} #footer div ul {float: right; list-style: none;} #footer div ul li {float: left; margin: 0 30px 0 0;}