body {background:#644b3c url(../images/bg.png); color:#3a4c5f;margin:0;padding:0;font-size:12px;font-family:ProximaNova, sans-serif;color:white;}
h1, h2, h3, h4, h5, h6, p, form, fieldset {margin:0;padding:0;border-width:0;}
ol, ul {margin-top: 0; margin-bottom: 0;}
input, select, textarea {font-family:CourierRegular, arial, sans-serif;font-size:12px;color:#3a3a3a;resize:none}
input:focus, select:focus, textarea:focus {outline-width: 0;}
input[type=text], input[type=password], textarea { -webkit-appearance: none; opacity: 1;}
input[type=button] { transition: color 0.4s linear; -o-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -ms-transition: color 0.4s linear; -webkit-transition: color 0.4s linear;transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -webkit-transition: opacity 0.4s linear;  }
img {vertical-align:bottom;}
a img {border-width:0;}
a { color:#49372b; text-decoration:none; opacity: 1; transition: color 0.4s linear; -o-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -ms-transition: color 0.4s linear; -webkit-transition: color 0.4s linear;transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -webkit-transition: opacity 0.4s linear;}
a:hover {text-decoration: underline; }
.none {display:none;}
.columns {width:100%;overflow:hidden;}
.clear {clear: both;}

#bg { background: #f6f6f6 url(../images/bgtop.png); }

#header { width: 960px; margin: 0 auto; position: relative; background: transparent url(../images/bgtop1.jpg) no-repeat center top; }
.not-ready #header {background: transparent; text-align: center;}
#header h1 { height: 110px; margin: 0; padding-top: 64px; }
#tools { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; }
#tools li { float: left; background-color: white; border-radius: 0 0 2px 2px; padding: 5px 11px; margin-left: 3px; }
#tools li a { display: block; line-height: 23px;}
#tools li a.login { padding-left: 35px; background: transparent url(../images/loginicon.png) no-repeat 0 50%; font-size: 18px; }

#menu { background: transparent url(../images/menu.png) no-repeat center top; }
#menu ul { width: 996px; margin: 0 auto; list-style-type: none; padding: 0; height: 51px; position: relative; }
#menu li { float: left; line-height: 44px; padding-left: 4px;}
#menu li:first-child { padding-left: 0; }
#menu li a { font-size: 18px; padding: 3px 18px 0 18px; display: block; }
#menu li a:hover { text-decoration: none; color: #746153; border-bottom: 5px solid #e37e1b; }
#menu li.selected a { font-weight: bold; border-bottom: 5px solid #e37e1b; }
#menu li.to-right { float: right; }
#menu li.to-right a { font-weight: bold; text-shadow: 1px 1px 0 #f1b551 }

#content { width: 960px; margin: 0 auto; position: relative; padding-bottom: 65px; padding-top: 37px; }

#main h2 {  font-size: 53px; font-weight: 100; color: #684f40; text-align: center; background: transparent url(../images/line1.png) no-repeat 49% 100%; padding-bottom: 10px; }
#main h2 em { font-weight: 600; font-style: normal; }
#main h2 strong { font-weight: bold; text-transform: uppercase;  }

#banner { position: relative; padding-bottom: 53px; margin-bottom: 20px; background: transparent url(../images/mainbanner.png) no-repeat 0 54px; padding-top: 54px; height: 272px; }
#banner .signup { margin: 0; top: 282px; left: 300px; position: absolute;  }
#banner .signup a { text-transform: uppercase; font-weight: 600; font-size: 36px; display: block; color: white; margin:0 auto; text-shadow: 0 -1px 0 #d25e12; background: transparent url(../images/bigbutton.png) no-repeat; width: 346px; height: 80px; line-height: 76px; text-align: center;  }
#banner .signup a:hover { text-decoration: none; background-position: left bottom; }
#banner .navigator { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 17px; top: 226px; }
#banner .navigator li { padding-bottom: 4px; }
#banner .panels { position: relative; list-style-type: none; margin: 0; padding: 0; }
#banner .panels li { position: absolute; left: 0; top: 0; width: 100%; }
#banner .panels li h3 { padding-left: 120px; margin: 0; padding-top: 25px; padding-bottom: 10px; line-height: 36px; color: #463529; font-size: 36px; font-weight: 100 }
#banner .panels li h3 strong { text-transform: uppercase; }
#banner .panels li .why { position: absolute; margin: 0; top: 29px; left: 9px; }
#banner .panels li .text { overflow: hidden; font-size: 14px; line-height: 18px; color: #463529; width: 400px; padding-left: 120px; font-family: arial, sans-serif; height: 95px; }
#banner .panels li .photo { margin: 0; position: absolute; top: -46px; right: -92px; }
#banner .panels li .more { font-size: 18px; margin: 0; padding-left: 120px; margin-top: 26px; }
#banner .panels li .more a { color: #e37e1b; }


#box-why h2 { font-weight: 100; font-size: 48px; color: #684f40; background: transparent url(../images/line.png) no-repeat left center; text-align: center; }
#box-why h2 span { background: transparent url(../images/line.png) no-repeat right center; display: block;  }
#box-why ul { list-style-type: none; margin: 0; padding: 0; height: 314px; }
#box-why ul li { float: left; font-size: 24px; width: 220px; padding: 0 10px; text-align: center; position: relative; }
#box-why ul li a { display: block; padding-top: 240px; }
#box-why ul li:hover a { color: #e37e1b; }
#box-why ul li a:hover { text-decoration: none; }
#box-why ul li:hover p { display: block; }

#box-why ul li.icon1 a { background: transparent url(../images/why1.png) no-repeat 50% 30px; }
#box-why ul li.icon2 a { background: transparent url(../images/why2.png) no-repeat 50% 20px; }
#box-why ul li.icon3 a { background: transparent url(../images/why3.png) no-repeat 50% 0px; }
#box-why ul li.icon4 a { background: transparent url(../images/why4.png) no-repeat 50% 10px; }
#box-why ul li p { display: none; text-align: left; bottom: 245px; position: absolute; font-family: arial, sans-serif; font-size: 12px; color: #463529; padding: 18px; width: 184px; line-height: 18px; margin: 0; background-color: white; border-radius: 10px; border: 1px solid #aaaaaa; box-shadow: 0 0 4px; }
#box-why ul li p:after { width: 22px; position: absolute; height: 15px; background: transparent url(../images/bubble.png) no-repeat; content:" "; bottom: -15px; left: 102px; }

#main-columns { overflow: hidden; color: #463529; padding-top: 30px; }
#main-columns .main-left { float: left; width: 460px; }
#main-columns .main-right { float: right; width: 460px; }
#main-columns h2 { text-shadow: 1px 1px white; font-weight: 100; font-size: 26px; letter-spacing: -1px; color: #684f40; background: transparent url(../images/line.png) no-repeat left center; text-align: center; margin-bottom: 20px; }
#main-columns h2 span { background: transparent url(../images/line.png) no-repeat right center; display: block;  }
#main-columns ol { list-style-type: none; margin: 0; padding: 0; }
#main-columns ol li { font-family: arial, sans-serif; margin-bottom: 17px; }
#main-columns ol li .date { color: #99857a; font-size: 12px; }
#main-columns ol li h3 { font-size: 14px; font-weight: bold; margin: -2px 0 11px 0; }
#main-columns ol li .summary { font-size: 14px; line-height: 18px; }

#text-page { color: #684f40; }
#text-page h2 { font-size: 53px; margin: 0 0 40px 0; padding-left: 10px; }
#text-page h2.small { font-size: 36px; }
#text-page h2 em { font-style: normal; font-weight: 100; }
#text-page h2 span { font-size: 18px; border-left: 1px solid #c1ac9f; padding-left: 18px; margin-left: 18px; font-weight: normal; }
#text-page h2 span a { color: #e37e1b; }
#text-page .main-text { overflow: hidden; padding-bottom: 40px; padding-top: 16px; margin-top: -16px; }
#text-page .main-text .text-left { float: left; width: 610px; line-height: 20px; font-size: 16px; font-family: arial, sans-serif; padding-left: 10px; }
#text-page .main-text .text-left p { margin-top: 0; }
#text-page .main-text .text-right { float: right; width: 316px; position: relative; }
#text-page .main-text .text-right h3 { width: 262px; line-height: 46px; padding: 0 24px; font-size: 24px; margin: 0; background: transparent url(../images/header.png) no-repeat; position: absolute; top: -16px; }
#text-page .main-text .text-right ul { font-size: 16px; list-style-type: none; margin: 0 0 0 6px; padding: 43px 5px 13px 5px; background-color: #e3e1e0; }
#text-page .main-text .text-right ul a { display: block; padding: 3px 10px 4px 35px; background: transparent url(../images/point.png) no-repeat 15px 13px; line-height: 23px; font-size: 18px; }
#text-page .main-text .text-right ul .selected a { font-weight: bold; background-color: #f1f0f0;}
#text-page .main-text .text-right ul a:hover { color: #d86b00; text-decoration: none; }


#text-page .article-left { padding-left: 120px; padding-right: 225px; width: 542px; background: transparent url(../images/boxleft.png) no-repeat; margin-left: 10px; height: 231px; position: relative; margin-bottom: 15px; }
#text-page .article-left h3 { font-size: 30px; margin: 0 0 17px 0; padding-top: 29px; }
#text-page .article-left p { font-family: arial, sans-serif; font-size: 16px; line-height: 20px; }
#text-page .article-left p.photo { position: absolute; right: -30px; top: 0;  }
#text-page .article-right { padding-right: 120px; padding-left: 225px; width: 542px; background: transparent url(../images/boxright.png) no-repeat right top; margin-left: 10px; height: 231px; position: relative; margin-bottom: 15px; }
#text-page .article-right h3 { font-size: 30px; margin: 0 0 17px 0; padding-top: 29px; }
#text-page .article-right p { font-family: arial, sans-serif; font-size: 16px; line-height: 20px; }
#text-page .article-right p.photo { position: absolute; left: -30px; top: 0;  }
#text-page .article-right p.photo .padding { padding: 20px 0 0 50px; }
#text-page .signup { margin: 0; padding: 20px 0 0 0;  }
#text-page .signup a { text-transform: uppercase; font-weight: 600; font-size: 36px; display: block; color: white; margin:0 auto; text-shadow: 0 -1px 0 #d25e12; background: transparent url(../images/bigbutton.png) no-repeat; width: 346px; height: 80px; line-height: 76px; text-align: center;  }
#text-page .signup a:hover { text-decoration: none; background-position: left bottom; }
.not-ready #text-page .article-right { padding-right: 160px; width: 482px; padding-left: 245px;  }
.not-ready #text-page .article-right p.summary {font-size: 20px; line-height: 24px; padding:50px 0 30px 0;}

#faq-columns { overflow: hidden; padding: 0 0 10px 10px; }
#faq-columns .faq-content { float: left; width: 700px; box-shadow: 4px 4px #e4e2e1, -4px 4px #e4e2e1; background-color: white; padding-bottom: 10px; }
#faq-columns .search-form { padding: 19px 30px 0 30px; }
#faq-columns .search-form fieldset { background: #fae2b2 url(../images/pattern.png) no-repeat; padding: 13px 25px 32px 25px; }
#faq-columns .search-form label { font-size: 18px; display: block; line-height: 28px; }
#faq-columns .search-form .input { border: 1px solid #b8b8b8; box-shadow: inset 0 4px #f1f1f1; width: 424px; height: 20px; padding: 4px 10px; font-size: 16px; vertical-align: bottom; }
#faq-columns .search-form .button { border: 1px solid #b8b8b8; background: #ececec url(../images/button.png) repeat-x; font-family: arial, sans-serif; font-size: 12px; vertical-align: bottom; color: black; height: 30px; cursor:pointer; width: 128px; padding: 0 0 2px 0; font-weight: bold; }
#faq-columns .search-form .button:hover { opacity: 0.8; text-decoration: none; background-position: left bottom; }

#faq-columns .box-faq h3 {  font-size: 24px;margin: 10px 30px 6px 30px; padding: 16px 0 0 30px; border-top: 1px solid #f0edec; text-transform: uppercase;  }
#faq-columns .box-faq ul { list-style-type: none; margin: 0; padding: 0 30px; }
#faq-columns .box-faq ul a { display: block; padding: 7px 15px 7px 35px; color: #4b8360; line-height: 18px; font-size: 14px; font-family: arial, sans-serif; background: transparent url(../images/help1.png) no-repeat 7px 10px; }
#faq-columns .box-faq ul a:hover { background-color: #fef8eb; background-image: url(../images/help2.png); color: #e37e1b; text-decoration: none; }
#faq-columns .article-faq h3 {  font-size: 24px;margin: 10px 30px 6px 30px; padding: 16px 0 7px 30px; border-top: 1px solid #f0edec; text-transform: uppercase;  }
#faq-columns .article-faq .article { line-height: 18px; font-size: 14px; font-family: arial, sans-serif; padding: 0 60px; }
#faq-columns .article-faq .article ul { list-style-type: none; margin: 1em 0; padding: 0; }
#faq-columns .article-faq .article ul li { padding: 3px 0 3px 25px; background: transparent url(../images/tik.png) no-repeat 0 6px; }
#faq-columns .article-faq .article-tools { list-style-type: none; margin: 10px 60px; padding: 3px 0; line-height: 18px; border-top: 1px solid #f0edec; overflow: hidden; font-size: 12px; font-family: arial, sans-serif; }
#faq-columns .article-faq .article-tools a { font-size: 12px; color: #e37e1b; }
#faq-columns .article-faq .article-tools .prev { float: left; }
#faq-columns .article-faq .article-tools .print { float: right; }

#form-columns { overflow: hidden; padding: 0 0 10px 10px; }
#form-columns .form-content { float: left; width: 700px; box-shadow: 4px 4px #e4e2e1, -4px 4px #e4e2e1; background-color: white; padding-bottom: 10px; }
.form { padding: 20px 60px; }
.form .summary { padding: 13px 0; line-height: 18px;font-size: 14px; font-family: arial, sans-serif; margin: 0; }
.form .border-top { border-top: 1px solid #f0edec; padding-top: 15px; }
.form .input-line { min-height: 40px; padding-left: 192px; position: relative; }
.form .input-line label { position: absolute; left: -60px; width: 240px; text-align: right; font-family: arial, sans-serif; font-size: 14px; line-height: 32px; }
.form .input-line label.required { font-weight: bold; }
.form .input-line label span { position: absolute; color: #e37e1b; right: -10px; top: 0;  }
.form .input-line .input { margin-left: 6px; border: 1px solid #b8b8b8; box-shadow: inset 0 4px #f1f1f1; width: 166px; float: left; height: 20px; padding: 4px 10px; font-size: 16px; vertical-align: bottom;  }
.form .error-line .input { background-color: #ffcaca; border: 1px solid #ff0000; border-radius: 3px;  box-shadow: inset 0 4px #d1a6a6, 0 0 0 2px #ff0000;  }
.form .input-line .input:focus { background-color: #fff1d8; border: 1px solid #f2b854; border-radius: 3px;  box-shadow: inset 0 4px #d1c6b1, 0 0 0 2px #f2b854;  }
.select-focus div { background-color: #fff1d8; border: 1px solid #f2b854; border-radius: 3px;  box-shadow: inset 0 4px #d1c6b1, 0 0 0 2px #f2b854;  }
.form .input-line .small-input { width:70px; }
.form .input-line .big-input { width: 356px; }
.form .input-line .info { float: left; color: #a49b95; font-size: 11px; line-height: 32px; padding-left: 10px; width: 175px; font-family: arial, sans-serif; font-style: normal; height: 32px; }
.form .input-line .more-lines { line-height: 15px; }
.form .input-line .group-inputs { padding-top: 4px; clear: both; }
.form .input-line .group-inputs .input { float: none; margin-bottom: 4px; }
.form .input-line.inline-input {padding-left: 0; }
.form .input-line.inline-input label {display: none;}
.form .input-line.inline-input .input {margin: 0 5px 0 0; width: 170px; }
.form .input-line.inline-input .button { float: right; border: 1px solid #b8b8b8; background: #ececec url(../images/button.png) repeat-x; font-family: arial, sans-serif; font-size: 12px; vertical-align: bottom; color: black; height: 30px; cursor:pointer; width: 90px; padding: 0 0 2px 0; font-weight: bold; }
.not-ready .form .input-line label {font-size: 20px; line-height: 38px;}
.not-ready .form .input-line .input {font-size: 20px; width: 200px; height: 26px;  }
.form .checkbox-group .label { font-family: arial, sans-serif; font-size: 14px; line-height: 32px; display: block; }
.form .checkbox-group .label.required { font-weight: bold; }
.form .checkbox-group .label span { color: #e37e1b; }
.form .checkbox-group label { float: left; width: 160px; font-size: 14px; font-family: arial, sans-serif; padding-bottom: 10px; }
.form .textarea-line label { display: none; }
.form .textarea-line .input { border: 1px solid #b8b8b8; box-shadow: inset 0 4px #f1f1f1; width: 480px; height: 160px; padding: 4px 10px; font-size: 16px; vertical-align: bottom;  }
.form .textarea-line .input:focus { background-color: #fff1d8; border: 1px solid #f2b854; border-radius: 3px;  box-shadow: inset 0 4px #d1c6b1, 0 0 0 2px #f2b854;  }
.form .checkbox-line { min-height: 40px; padding-left: 192px; position: relative; }
.form .checkbox-line .checkbox { position: absolute; left: 192px; }
.form .checkbox-line label { font-family: arial, sans-serif; line-height: 17px; font-size: 14px; margin-left: 25px;display: block; padding-top: 1px; }
.form .checkbox-line label a { color: #e37e1b; }
.form .token-line { margin-top: 8px; background: transparent url(../images/type.png) no-repeat 395px 10px; border-top: 1px solid #f0edec; padding-top: 6px; min-height: 40px; padding-left: 192px; position: relative; }
.form .token-line label { position: absolute; left: -60px; width: 240px; text-align: right; font-family: arial, sans-serif; font-size: 14px; line-height: 16px; }
.form .token-line .input { margin-left: 6px; border: 1px solid #b8b8b8; box-shadow: inset 0 4px #f1f1f1; width: 166px; height: 20px; padding: 4px 10px; font-size: 16px; vertical-align: bottom;  }
.form .token-line .token { overflow: hidden; padding: 4px 0 10px 5px; }
.form .token-line .token .token-img { float: left; margin-right: 10px; }
.form .token-line .token p { margin: 0; padding-top: 46px; line-height: 14px; color: #a49b95; font-size: 11px; font-family: arial, sans-serif; }
.form .token-line .token p a { color: #e37e1b; }
.form em.error { font-style: normal; display: block; clear: both; color: #b30000; font-weight: bold; padding: 7px 0 7px 35px; background: transparent url(../images/errorsmall.png) no-repeat 7px 50%; }
.form .button { text-align: center; margin: 0; padding-top: 25px; }
.form .button input { text-transform: uppercase; font-weight: 600; border-width: 0; cursor:pointer; font-size: 24px; color: white; margin:0 auto; text-shadow: 0 -1px 0 #d25e12; background: transparent url(../images/bigbutton1.png) no-repeat; width: 346px; height: 60px; line-height: 76px; text-align: center; text-transform: uppercase; }
.form .button input.big {background-image: url(../images/bigbutton.png); height: 80px; font-size: 36px; font-weight: bold; }
.form .button input:hover {  background-position: left bottom; }

.info-box { font-family: tahoma, sans-serif; margin: 5px 0 20px 0; padding: 16px 20px 16px 75px; background: #e6fbee url(../images/infoicon.png) no-repeat 15px 6px; border: 2px solid #62816a; font-weight: bold; font-size: 12px; color: #62816a; }
.error-box { font-family: tahoma, sans-serif; margin: 5px 0 20px 0; padding: 16px 20px 16px 75px; background: #ffcaca url(../images/error1.png) no-repeat 15px 6px; border: 2px solid #b30000; font-weight: bold; font-size: 12px; color: #b30000; }


.col-right { padding-top: 5px; float: right; width: 230px; font-family: arial, sans-serif; }
.col-right h3 { margin: 0; }
.col-right p { text-align: center; font-size: 14px; font-weight: bold; padding: 8px 0 11px 0; }
.col-right ul { list-style-type: none; margin: 0; padding: 0; }
.col-right li { padding-left: 22px; background: transparent url(../images/tik.png) no-repeat 4px 5px; padding-bottom: 11px; line-height: 16px; font-size:14px; }
.col-right li a { color: #e37e1b; text-decoration: underline; }
.col-right li a:hover { text-decoration: none; }
 
#contact-columns { overflow: hidden; padding: 0 10px 10px 10px; }
#contact-columns .form-content { float: right; width: 630px; box-shadow: 4px 4px #e4e2e1, -4px 4px #e4e2e1; background-color: white; padding-bottom: 10px; }
#contact-columns .col-left { float: left; width: 292px; }
#contact-columns .col-left dl { margin: 0; font-family: arial, sans-serif; font-size: 16px; color: #684f40; line-height: 19px; }
#contact-columns .col-left dt { padding-left: 28px; float: left; font-weight: bold; padding-bottom: 10px; padding-right: 4px;}
#contact-columns .col-left dt.icon1 { background: transparent url(../images/contacticon1.png) no-repeat 0 3px; }
#contact-columns .col-left dt.icon2 { background: transparent url(../images/contacticon2.png) no-repeat 0 3px; }
#contact-columns .col-left dt.icon3 { background: transparent url(../images/contacticon3.png) no-repeat 0 3px; }
#contact-columns .col-left dt.icon4 { background: transparent url(../images/contacticon4.png) no-repeat 0 3px; }
#contact-columns .col-left dt.icon5 { background: transparent url(../images/contacticon5.png) no-repeat 0 3px; }
#contact-columns .col-left dd { clear: both; margin: 0; padding-left: 28px; padding-bottom: 13px; }
#contact-columns .col-left dd a { color: #cd6b0b; }
#contact-columns .col-left dd.inline {  clear: none; }
#contact-columns .col-left p { margin: 0 0 14px 28px; line-height: 16px; font-size: 14px; font-family: arial, sans-serif; }
#contact-columns .col-left dd p {margin: 0; padding-top: 10px;}
#contact-columns .form .input-line { padding-left: 135px; }
#contact-columns .form .input-line label { text-align: left; padding-left: 62px; width: 130px; margin-right: 10px; }
#contact-columns .form .input-line label.required span { display: inline; position: static; }
#contact-columns .form .button { text-align: left; }
#contact-columns .form .button input { font-weight: 600; border-width: 0; cursor:pointer; font-size: 22px; color: white; text-shadow: 0 -1px 0 #d25e12; background: transparent url(../images/bigbutton2.png) no-repeat; width: 246px; height: 60px; line-height: 60px; text-align: center; text-transform: uppercase; }
#contact-columns .form .button input:hover {  background-position: left bottom; }

#sign-up { background: transparent url(../images/shadow.png); padding: 27px 0; color: #5b4437; }
#sign-up .container { overflow: hidden; width: 960px; margin: 0 auto; }
#sign-up p.small-text { float: left; font-size: 18px; line-height: 21px; width: 610px; margin: 0; }
#sign-up p.more { float: right; margin: 0; }
#sign-up p.more a.button { font-weight: 600; display: block; border-width: 0; cursor:pointer; font-size: 22px; color: white; text-shadow: 0 -1px 0 #d25e12; background: transparent url(../images/bigbutton2.png) no-repeat; width: 246px; text-align: center; height: 60px; line-height: 60px; text-align: center; text-transform: uppercase;  }
#sign-up p.more a.button:hover { text-decoration: none; background-position: left bottom; }

#news-page { border-top: 1px solid #d6d1ce; margin-top: -27px; padding-top: 27px; }
.news-list { list-style-type: none; margin: 0; padding: 0; }
.news-list li { overflow: hidden; padding: 15px 5px;}
.news-list .photo { float: left; background-color: white; padding: 5px; border: 1px solid #d6d6d6; box-shadow: 0 0 5px #98908b; margin: 0; }
.news-list .date { margin-top: -3px; display: block; padding-left: 250px; font-family: arial, sans-serif; font-size: 14px; color: #ab978b; font-style: normal; }
.news-list h3 { margin: -1px 0 0 250px; color: #5b4437; font-size: 24px; }
.news-list p { font-size: 16px; line-height: 18px; margin: 11px 0 0 250px; font-family: arial, sans-serif; }
.news-list p a { color: #db720a; }
#news-page .more-news { height: 30px; border-bottom: 1px solid #d9d4d1; text-align: center; } 
#news-page .more-news a { display: inline-block; margin: 0 auto; border: 1px solid #b8b8b8; position: relative; top: 15px; background: #ececec url(../images/button.png) repeat-x; font-family: arial, sans-serif; font-size: 12px; color: black; height: 28px; line-height: 28px; padding: 0 37px 0 37px; font-weight: bold; }
#news-page .more-news a:hover { text-decoration: none; }

#article-page { border-top: 1px solid #d6d1ce; margin-top: -27px; padding-top: 27px; }
.article-list { list-style-type: none; margin: 0; padding: 0; }
.article-list li { clear :both; padding: 15px 0;}
.article-list .photo { position: relative; float: left; background-color: white; padding: 5px; border: 1px solid #d6d6d6; box-shadow: 0 0 5px #98908b; margin: 5px 0 0 0; }
.article-list .date { margin-top: -3px; display: block; font-family: arial, sans-serif; font-size: 14px; color: #ab978b; font-style: normal; }
.article-list h3 { margin: -1px 0 10px 0; color: #5b4437; font-size: 24px; }
.article-list p { font-size: 16px; line-height: 18px; margin: 11px 0 0 195px; font-family: arial, sans-serif; }
.article-list p a { color: #db720a; }
#article-page .more-news { height: 30px; border-bottom: 1px solid #d9d4d1; text-align: center; } 
#article-page .more-news a { display: inline-block; margin: 0 auto; border: 1px solid #b8b8b8; position: relative; top: 15px; background: #ececec url(../images/button.png) repeat-x; font-family: arial, sans-serif; font-size: 12px; color: black; height: 28px; line-height: 28px; padding: 0 37px 0 37px; font-weight: bold; }
#article-page .more-news a:hover { text-decoration: none; }

.subpage-navigator { height: 30px; border-bottom: 1px solid #d9d4d1; text-align: center; font-size: 14px; } 
.subpage-navigator ul { list-style-type: none; margin: 0; padding: 0; }
.subpage-navigator ul li { display: inline; }
.subpage-navigator ul a { display: inline-block; margin: 0 auto; border: 1px solid #b8b8b8; position: relative; top: 15px; background: #ececec url(../images/button.png) repeat-x; font-family: arial, sans-serif; font-size: 12px; color: black; height: 28px; line-height: 28px; padding: 0 10px 0 10px; font-weight: bold; }
.subpage-navigator ul .prev a { width: 60px; text-align: center;}
.subpage-navigator ul .next a { width: 60px; text-align: center;}
.subpage-navigator ul a:hover { text-decoration: none; }

.text-content-page { padding: 0 10px; }
.text-content-page .date { font-size: 20px; color: #ab978b; font-family: arial, sans-serif; margin: 0; }
.text-content-page .back { float: left; margin: 10px 0 0 0; }
.text-content-page .back a { display: inline-block; margin: 0 auto; border: 1px solid #b8b8b8; background: #ececec url(../images/button.png) repeat-x; font-family: arial, sans-serif; font-size: 12px; color: black; height: 28px; line-height: 28px; padding: 0 13px 0 13px; font-weight: bold;  }
.text-content-page .back a:hover { text-decoration: none; opacity: 0.7; }
.text-content-page .text { padding: 10px 5px 5px 5px; margin-left: 155px; font-size: 16px; font-family: arial, sans-serif; line-height: 20px; width: 625px; overflow: hidden; }
.text-content-page .text p { margin: 0 0 20px 0 }
.text-content-page .text h3 { margin: 30px 0 20px 0; color: #5b4437; line-height: 1.1em; font-size: 28px; font-weight: 100; text-transform: uppercase; }
.text-content-page .text h4 { margin: 30px 0 10px 0; color: #5b4437; line-height: 1.1em; font-size: 20px; font-weight: 100; text-transform: uppercase;  }
.text-content-page .text ul { margin-bottom: 20px; }
.text-content-page .text ul li {margin-bottom: 10px; }
.text-content-page .text a {color: #db720a;  }
.text-content-page .text .photo { text-align: center; margin: 20px 0; }
.text-content-page .text .photo img { background-color: white; padding: 5px; border: 1px solid #d6d6d6; box-shadow: 0 0 5px #98908b;  }

#ranking-page { overflow: hidden; padding: 0 0 10px 10px; background: transparent url(../images/cup.png) no-repeat right top;}
#ranking-page .ranking-content { width: 580px; box-shadow: 4px 4px #e4e2e1, -4px 4px #e4e2e1; background-color: white; padding: 30px 60px 30px 60px; }
#ranking-page .main-ranking-text { font-size: 14px; line-height: 17px; font-family: arial, sans-serif; margin-bottom: 1em; }
#ranking-page .navigator { overflow: hidden; line-height: 27px; font-size: 18px; padding-bottom: 15px; }
#ranking-page .navigator p { float: left; font-weight: bold; padding-right: 10px; }
#ranking-page .navigator ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#ranking-page .navigator ul li { float: left; padding: 0 1px 0 2px; background: transparent url(../images/line3.png) no-repeat 0 50%; }
#ranking-page .navigator ul li a { float: left; color: #e37e1b; font-weight: 100; padding: 0 10px; }
#ranking-page .navigator ul li.selected a { font-weight: bold; color: #684f40; background-color: #f0f0ef}
#ranking-page table { width: 100%; }
#ranking-page th { padding: 0 0 0 10px; text-align: left; font-weight: normal; background: #f0f0ef url(../images/th.png); border-top: 1px solid #e2e0dd; border-bottom: 1px solid #e2e0dd; height: 50px; font-family: arial, sans-serif; font-size: 14px; }
#ranking-page .to-center { text-align: center; }
#ranking-page .to-left { text-align: left; }
#ranking-page td { padding: 0 10px; text-align: right; border-bottom: 1px solid #f0edec; height: 39px; font-family: arial, sans-serif; font-size: 14px; }

#error-page { overflow: hidden; padding: 30px 0 20px 380px; background: transparent url(../images/error.png) no-repeat left top;}
#error-page.error404 { min-height: 405px; background: transparent url(../images/error404.png) no-repeat 60px 0; }
#error-page.error-critical { min-height: 405px; background: transparent url(../images/errorcritical.png) no-repeat 0 0; }
#error-page h2 { font-size: 72px; margin: 0 0 10px 0; color: #684f40; text-transform: uppercase; }
#error-page .error-content { width: 484px; box-shadow: 4px 4px #e4e2e1, -4px 4px #e4e2e1; background-color: white; color: #684f40; padding: 10px 35px 0 35px; }
#error-page .error-content h3 {font-size: 48px; color: #684f40; font-weight: 100; margin: 0; padding: 15px 0 20px 0; }
#error-page .error-content .form { padding: 0; text-align: center; }
#error-page.error404 .error-content { background: transparent; box-shadow: none; padding: 0; width: 554px; }
#error-page.error404 .error-content h3 { font-size: 48px; color: #e89748; line-height: 48px; margin-top: -14px; }
#error-page.error404 .error-content p { line-height: 29px; font-size: 24px; }
#error-page.error404 .error-content p a { color: #e37e1b; }
#error-page.error-critical .error-content { background: transparent; box-shadow: none; padding: 0; width: 554px; }
#error-page.error-critical .error-content h3 { font-size: 48px; color: #e89748; line-height: 48px; margin-top: -14px; }
#error-page.error-critical .error-content p { line-height: 29px; font-size: 24px; }
#error-page.error-critical .error-content p a { color: #e37e1b; }

.signup-button { position: relative; top: 10px; font-size: 30px; font-weight: 100; margin: 0; text-align: center; border-top: 1px solid #f0edec; padding-top: 20px; }
.signup-button a.button { position: relative; top: 10px; font-weight: 600; display: block; margin: 5px auto 0 auto; border-width: 0; cursor:pointer; font-size: 22px; color: white; text-shadow: 0 -1px 0 #d25e12; background: transparent url(../images/bigbutton2.png) no-repeat; width: 246px; text-align: center; height: 60px; line-height: 60px; text-align: center; text-transform: uppercase;  }
.signup-button a.button:hover { text-decoration: none; background-position: left bottom; }


footer { background: transparent url(../images/bottom.jpg) no-repeat center top; display: block; }
#footer { width: 960px; margin: 0 auto; min-height: 150px; }
.not-ready #footer { padding: 15px 0; }
#footer .links { float: left; list-style-type: none; margin: 0; padding: 16px 0 16px 15px; font-size: 18px; color: white; }
#footer .links li { display: inline; padding: 0 15px 0 13px; border-left: 1px solid #a58774;}
#footer .links li:first-child { border-left-width: 0; padding-left: 0; }
#footer .links li a { color: white; }
#footer .social { float: right; list-style-type: none; margin: -4px 0 0 0; padding: 0; }
#footer .social li { display: inline; }
#footer .social li a:hover { opacity: 0.8 }
#footer p { margin: 0; font-size: 14px; color: #a58774; clear: both; padding-left: 15px;}
