/* HOME PAGE SPECIFIC STYLES */

/* HEADER HOME */
div#header { width: 100%; height: 357px; background: url('../images/background-header.jpg') top center no-repeat; color: #262524; }

#header .form .form-row { display: inline; float:left; margin: 10px 0 0 50px; width: 230px; }
#header .form label  { display: inline; float: left; font: 16px/20px Arial,Helvetica,sans-serif; padding: 2px 0 0; }
#header .form .text-box { background: url('../images/input-text.png') no-repeat scroll 0 0 transparent; border: none; color: #89867C; display: inline; float: right; font: 12px/20px Arial,Helvetica,sans-serif; margin: 0 0 0 0; padding: 5px 6px; width: 136px; height: 16px; }
#header .form .login { display: inline; float: left; margin: 0px 0 0 82px; position: relative; }
#header .form a { width: 148px; text-align: center; color: #262524; display: inline; float: left; font: 10px/15px Arial,Helvetica,sans-serif; margin: 0 0 0 84px; text-decoration: none; }

/* MAIN CONTENT */
div#content { height: auto; }
p.text-top { font-size: 1.8em; line-height: 1.4em; text-align: center; margin: 40px 0 20px 0; padding: 0 95px; }

div.form { background: url('../images/background-form.png') no-repeat scroll 0 0 transparent; height: 233px; position: absolute; right: 0; top: 60px; width: 333px; }
p.form-title { width: 333px; color: #951100; font-size: 1.8em; text-align: center; margin: 30px 0 10px 0; }

#content .box { background: url('../images/content-box.png') no-repeat scroll 0 0 transparent; display: inline; float: left; height: 315px; margin: 10px 8px 0 0; width: 318px; }
#content .last { margin: 10px 0 0; }
#content .box p.title { width: 284px; height: 45px; line-height: 45px; color: #fff; font-size: 1.4em; font-weight: bold; text-align: center; text-shadow: #000 0px -1px 0px; margin: 16px 17px 0 17px; }
#content .box .box-content { position: relative; width: 280px; height: 204px; margin: 16px 19px 0 19px; }
#content .box .box-content p.text-bragging { color: #951100; font-size: 1.8em; line-height: 1.2em; text-align: center; margin: 20px 0; }
#content .box .box-content p.text-title { color: #951100; font-size: 1.8em; line-height: 1.2em; text-align: center; margin: 0 0 8px 0; }
#content .box .box-content p.text { font-size: 1.1em; line-height: 1.2em; text-align: center; margin: 0 10px 10px 10px; }
#content .box .box-content p.text-small { font-size: .95em; line-height: 1.2em; text-align: center; margin: 0 10px 10px 10px; }
#content .box .box-content p.text-xsmall { font-size: .75em; text-align: center; }
#content .box .box-content a.know { display: block; color: #262524; font-size: 1em; font-weight: bold; line-height: 1.2em; text-align: center; margin: 5px 0; text-decoration: underline; }
#content .box .box-content a.know:hover { color: #951100; }

#content .box .box-content ul { font-size: 1em; line-height: 1.2em; margin: 10px 10px 0 30px; }
#content .box .box-content ul li { list-style: circle outside none; margin: 0 0 8px 0; padding: 0; }

.button-container { position: absolute; width: 100%; bottom: -34px; text-align: center; }

#footer { margin-top: 20px; }
#footer p { text-align: center; }