/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.35; padding : 0px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
html { height : 100.2%; }


/* general */

body { background: #1C4378 url('/_images/design/body-bg.png') repeat-x center top; font-family: Arial,sans-serif; color: #3f3f3f; }
a { text-decoration: underline; color: #24B2E4; outline: none; }
a:hover { text-decoration: none; }

#whiteWrap { height: 500px; margin: 30px auto 0; width: 980px; }
#headerWrap { padding: 20px 20px 0; background: url('/_images/design/white-header-bg.png') no-repeat; height: 120px; overflow: hidden; } 
#headerWrap #header {  }
#headerWrap #header #logo { float: left; padding: 10px 0 0 0; }
#headerWrap #header #headerDesc { float: right; color: #999; padding: 60px 10px 0 0; font-weight: bold; }


#contentWrap { background: url('/_images/design/white-bg.png') repeat-y center; padding: 0 20px; overflow: hidden; }
#contentWrap #ollie { width: 320px; float: right; position: absolute; margin-left: 630px; }
#contentWrap #content { float: left; width: 640px; padding: 0 0 0 10px; }
#contentWrap #content h1 { font-size: 1.6em; color: #24B2E4; padding: 20px 0 5px; }
#contentWrap #content h2 { font-size: 1.2em; color: #666; padding: 10px 0 10px; line-height: 150%; }
#contentWrap #content form { padding: 40px 0 10px; }
#contentWrap #content form label { display: none; }
#contentWrap #content form input { float: left; }
#contentWrap #content form input#alertEmail { width: 452px; border: 0; background: url('/_images/design/alert-email-bg.png') no-repeat; padding: 10px 10px; height: 26px; padding-top: 10px; font-size: 1.2em; color: #999; }
#contentWrap #content form input#alertSubmit { width: 140px; height: 60px; background: url('/_images/design/alert-submit-bg.png') no-repeat; border: 0; margin-left: 10px; cursor: pointer; outline: none; }
#contentWrap #content p#formStatus { padding: 0 0 20px 0; font-size: 1.2em; height: 20px; }
#contentWrap #content .good { color: #009900; }
#contentWrap #content .bad { color: #ff0000; }
#contentWrap #content p.freelanceBlog { color: #999; padding: 0 0 20px 0; font-size: 1.2em; }

#bottomWrap { background: url('/_images/design/white-footer-bg.png'); height: 20px; }

#footerWrap { width: 980px; margin: 10px auto; padding: 10px 0 0 0; overflow: hidden; }
#footerWrap #twitterMsg { float: left; padding: 10px 10px 10px 20px; overflow: hidden; }
#footerWrap #twitterMsg #twitterBird { float: left; }
#footerWrap #twitterMsg #latestTweet { float: left; background: url('/_images/design/twitter-box-bg.png'); width: 500px; height: 65px; padding: 5px 20px 0 40px; }
#footerWrap #socialIcons { float: right; width: 330px; padding: 20px 0 0 0; }
#footerWrap #socialIcons ul { float: left; }
/* when there are 4 icons: #footerWrap #socialIcons ul li { list-style: none; float: left; padding: 0 14px; } */
#footerWrap #socialIcons ul li { list-style: none; float: left; padding: 0 28px; }