@import url(reset.css);
html {background: #cce8f8;}
body {font-size: 62.5%; font-family: Arial, sans-serif; color: #000;}
a {outline: 0;}
h1, h2, h3, h4 {font-family: Georgia;}
/* Layout */
.wrapper {width: 100%; float: left;}
#wrapper {width: 914px; margin: 25px auto 0 auto;}
#header, #content, #footer  {float: left; width: 100%;}
/**************************************/
/*              HEADER                */
/**************************************/
#header {position: relative; background: url(../img/header_bg.gif) repeat-x; border: 1px solid #c1c1c1; border-bottom: none; height: 90px; width: 912px;}
#brand a {position: absolute; display:block;}
#brand a.logo {background: url(../img/logo.png) no-repeat; height: 63px; width: 221px; top: 18px; left: 20px;}
#header p {position: absolute; color: #fff; font-size: 4.95em; right: 4px; bottom: 0;}
#header p a {color: #FFFFFF; text-decoration:none;}
/**************************************/
/*              CONTENT               */
/**************************************/
#content {background: #fff url(../img/brand.jpg) center 9px no-repeat; width: 912px; border: 1px solid #c1c1c1; border-top: none; padding: 185px 0 35px 0;}
#content h1 {font-family: Arial; font-size: 2.4em; font-weight: bold; padding-bottom: 10px;}
#content h2 {position: relative; background: #000; color: #fff; font-size: 1.2em; font-weight: bold; font-family: Arial; padding: 8px 0 6px 7px;}
#content p {font-size: 1.2em; line-height: 180%;}
#content .col {float: left;}
.rounded {position: absolute; background: url(../img/rounded.gif) no-repeat; width: 5px; height: 5px;}
.rounded.l {background-position: 0 0; top: 0; left:0;}
.rounded.r {background-position: 100% 0; top: 0; right: 0;}
.myriad {font-family: Myriad Pro;}
/* Left Column */
#content .col.left {width: 680px; padding: 0 10px 0 15px;}
#content .col.left h2 {width: 310px; padding-left: 15px; float: left;}
#content .col.left h3 {float: left; width: 640px; padding: 8px 0 7px 12px; font-family: Arial; font-size: 1.4em; color: #000; background: #cce8f8; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9;}
#content .col.left form {margin-top: 30px;}
#content .col.left form p {line-height: 140%;}
#content ul.form {float: left; background: #f2f2f2; border: 1px solid #e2e2e2; border-top: 3px solid #000; padding-bottom: 25px; margin-bottom: 30px;}
#content ul.form li {float: left; margin: 13px 15px 0 10px;}
#content ul.form label {font-size: 1.2em; font-weight: bold; display: block;}
#content ul.form.checks {margin-bottom: 20px;}
#content ul.form.checks label {display: inline-block; font-weight: normal;}
#content ul.form.checks li.first {width: 225px;}
#content ul.form.checks li.second {width: 195px;}
#content ul.form.checks li.third {width: 180px;}
#content p.actions {float: left;}
#content input.submit {font-size: 1.1em; background: url(../img/submit_bg.gif) repeat-x; color: #fff; font-weight: bold; border: none; padding: 0 10px; font-weight: bold;}
#content ul.form input.text,
#content ul.form textarea{font-size: 1.2em; padding: 4px 0 4px 4px; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #909090; border-left: 1px solid #cecece; border-right: 1px solid #cecece;}
input#name, input#company-name, input#email-address, input#phone {width: 308px;}
input#company-url, input#address, textarea#overview {width: 647px;}
input#city, input#state, input#zip {width: 138px;}
input#country {width: 140px;}
textarea {height: 100px;}
input.client {width: 138px;}
input.checkbox {margin-right: 15px;}
/* Right Column */
#content .col.right {width: 200px;}
#content .col.right h2 {font-size: 1.3em;}
#content .col.right dl {width: 188px; background: #ffffe1; border: 1px solid #c9c9c9; float: left; padding: 0 5px 10px 5px;}
#content .col.right dl dt , #content .col.right dl dd {float: left;}
#content .col.right dl dt {font-size: 1.1em; font-weight: bold; width: 15px;}
#content .col.right dl .first-child {padding-top: 10px;}
#content .col.right dl dd {font-size: 1em; width: 170px; line-height:155%;}
/**************************************/
/*              FOOTER                */
/**************************************/
/*
#footer {float:left; background: url(../img/footer_bg.gif) repeat-x; text-align: center; margin-top: 1px;}
#footer p.nav {color: #fff; padding: 10px 0 5px 0;}
#footer p.nav  a {font-size: 1.2em; color: #fff; padding:5px; text-decoration:none;}
#footer p.copy {font-size: 1.2em; margin: 3px 0 10px 0; color: #fff;}
*/
#footer {margin: 0 auto;padding-bottom: 40px;font-size: 1.1em;}
#footer_menu {height: 54px;background: transparent url('../img/bg-sprites-home.png') repeat-x 0 -158px; padding: 15px 0 0 0;margin-bottom: 15px; text-align: center;border-top: 3px solid #0652aa;}

#footer_menu ul {margin-top: 3px;width:100%;border:0px solid #ff0000;}
#footer_menu a {color: #fff;}
#footer_menu .meta {float: left; width:100%;}
#footer_menu dl {float: left; margin: 0 20px; width: 160px;}
#footer_menu dl.about {float: left; margin: 0 10px; width: 130px;}
#footer_menu dt {text-align: left; font-size: 1.6em; font-family: Georgia; color: #fff; border-bottom: 2px solid #a6cdf0; padding-bottom: 5px; margin-bottom: 5px;}
#footer_menu dd {text-align: center; line-height: 180%; padding-top:3px;}
#footer_menu dd.last-child {border: none;}
#footer_menu span.select {color: #000; display:inline-block; background: #fff url(../img/select_shadow.png) 135px 100% no-repeat; cursor: pointer; padding: 0 35px 0 5px; width:120px; border: 1px solid #104677;}

#footer_menu ul.selectr {display: none; position: absolute; margin-top: 0; left: 0;bottom: 22px; background: #297AC2 url(../img/select_shadow_hover.png) 0 0 repeat-x; width: 660px; border: 1px solid #0652AA; z-index: 200;text-align:left;}
#footer_menu ul.selectr li.first-child {padding-top: 10px;}
#footer_menu ul.selectr li.last-child {border: none;}
.footer_menu_list ul.selectr li {border-bottom: 1px dotted #94c9f9; display:inline-block; margin:1px 20px 3px 10px; width:187px;}

#footer_menu ul.select {display: none; position: absolute; margin-top: 0; left: 0;top: 17px; background: url(../img/select_shadow.png) right top repeat-x; width: 207px; height: 242px;}
.footer_menu_list li {border-bottom: 1px dotted #94c9f9; display:inline-block; margin:1px 20px 3px 10px; width:175px;}
#footer_menu ul.select li.first-child {padding-top: 10px;}
#footer_menu ul.select li.last-child {border: none;}
.footer_menu_list {border: none; position: relative;}
.footer_menu_list:hover ul{display: block !important;}
#copyright {float: left;margin: 0 5px 5px 5px;}
#copyright p, #copyright ul {float: left;}
#copyright li {display: inline;}
#copyright a {padding: 0 10px 0 5px;}
#terms_of_use a {background: transparent url('../img/bg-sprites-home.png') no-repeat 100% -139px;}
#footer p.note {line-height:150%; display: block; float: none !important;}
