/* default */
body{
    margin:0;
    color:#fff;
    font:14px/16px Arial, Helvetica, sans-serif;
    background:#d5d3d4;
    min-width:1120px;
}

body.staging, body.development{
  border-top: 20px solid red;
}

img{border-style:none;} 
a{
    color:#ffd203;
    text-decoration:none;
}
a:hover{text-decoration:underline;}
h2 {
    text-transform: lowercase;
}
input, textarea, select{
    font:100% arial,sans-serif;
    vertical-align:middle;
}
form, fieldset{
    margin:0;
    padding:0;
    border-style:none;
}
/* wrapper */
.w1{
    position:relative;
    left:50%;
    width:1230px;
}
.w2{
    position:relative;
    left:-50%;
    float:left;
}
/* header */
#header {
    width:100%;
    position:relative;
    overflow:hidden;
    background:#292828 url(../images/bg-header.gif) repeat-x;
}
.header-holder {
    width:1122px;
    padding:20px 54px 0;
    overflow:hidden;
}
/* header menu */
.menu {
    list-style:none;
    padding:0;
    margin:0 15px 51px 0;
    float:right;
    display:inline;
    font-size:17px;
    overflow:hidden;
}
.menu li {
    float:left;
    background:url(../images/sep-menu.gif) no-repeat 100% 5px;
    padding:0 11px 0 0;
    margin:0 -1px 0 10px;
}
.menu a {
    color:#e2e2e2;
    text-decoration:none;
}
.menu a:hover {color:#ffd204;}
/* logo */
#header .logo {
    float:left;
    overflow:hidden;
    width:212px;
    margin:23px 0 0;
    padding:0 0 10px;
}
#header .logo img {
    display:block;
    border:0;
}
/* navigation */
#nav {
    list-style:none;
    padding:0 54px 0 30px;
    margin:0 -55px 0 0;
    position:relative;
    overflow:hidden;
    width:726px;
    height:82px;
    float:left;
    background: url(../images/bg-nav.jpg) no-repeat;
    font-size:28px;
    border-collapse:collapse;
    text-transform: lowercase;
}
#nav li {
    display:table-cell;
    vertical-align:bottom;
    height:82px;
    overflow:hidden;
    background: url(../images/sep-nav.gif) no-repeat;
    padding:0 20px 0;
}
#nav li:first-child{background:none;}
* html #nav li {float:left;}
* +html #nav li {float:left;}
#nav a {
    display:block;
    color:#ffd204;
    text-decoration:none;
    padding:0 0 12px;
}
#nav li.active a,
#nav a:hover {color:#fff;}
/* main */
.main {
    width:100%;
    position:relative;
    overflow:hidden;
    background:url(../images/bg-main-inner.gif) repeat-x;
}
.main-area {
    width:1122px;
    padding:7px 54px 0;
    overflow:hidden;
    background:url(../images/bg-inner-center.jpg) no-repeat 50% 0;
    min-height:265px;
}
* html .main-area {
    height:265px;
    overflow:visible;
}
.bottom {
    width:1230px;
    background:url(../images/shadow-bottom.png) no-repeat;
    height:12px;
    position:relative;
    margin:-12px 0 0;
    overflow:hidden;
    font-size:0;
    line-height:0;
}
/* content */
.content {
    float:right;
    width:897px;
    overflow:hidden;
}
.content .img {
    padding:21px 0 0;
    margin:0 0 26px;
    width:100%;
    overflow:hidden;
}
/* two-columns */
.two-columns {
    width:100%;
    overflow:hidden;
    background:url(../images/bg-two-columns.gif) repeat-y;
}
.two-columns .column {
    width:490px;
    float:left;
    background:url(../images/bg-column-gradient.gif) repeat-x;
    padding:35px 20px 20px 30px;
    border-top:4px solid #FFE051;
    font-size:14px;
    line-height:20px;
}
.two-columns .column p {
    color:#fff;
    margin:0 0 19px;
}
/* green block */
.two-columns .block {
    width:290px;
    float:right;
    border-top:4px solid #FFE051;
    background:#7F7028 url(../images/bg-block.png) repeat-x;
    padding:35px 30px 10px;
}
* html .two-columns .block {padding:30px 30px 10px;}
.two-columns .block p {
    color:#ffd204;
    margin:0 0 18px;
    font-size:14px;
    line-height:20px;
}
/* background for home page */
.home{background:url(../images/bg-home-main.gif) repeat-x}
.home .main-area{
    background:url(../images/bg-main-center.jpg) no-repeat 50% 0;
    padding:28px 54px 0;
}
/* home page images */
.home .main-area .img {
    width:100%;
    overflow:hidden;
    padding:0 0 29px;
}
.alignleft {float:left;}
.alignright{float:right;}
/* home content */
.home .content {
    background:url(../images/bg-column.gif) repeat;
    width:764px;
    float:left;
    margin:0 6px 0 0;
    overflow:hidden;
}
/* home column */
.home .column, .home .single-column {
    border-top:4px solid #FFE051;
    float:left;
    width:399px;
    padding:35px 30px 13px;
    background:url(../images/bg-column-gradient.gif) repeat-x;
}
.home .single-column {
    width: 764px;
    padding: 0 0 13px 0;
}
* html .home .column {padding:30px 30px 13px;}
.column h2 {
    font-size:24px;
    color:#fff;
    margin:0;
}
.home .column p {
    margin:0;
    color:#ffd204;
    font-size:14px;
    line-height:20px;
}
/* button 'follow us on twitter' */
.link-btn {
    height:1%;
    position:relative;
    overflow:hidden;
}
.home .column .link-btn {
    margin:0 -20px 0 0;
    padding:10px 0 0;
}
.two-columns .column .link-btn {margin:0 -10px 0 0;}
.two-columns .block  .link-btn {margin:-10px -20px 0 0;}
.link-btn a {
    float:right;
    color:#000;
    font-size:14px;
    overflow:hidden;
    text-decoration:none;
}
.link-btn a:hover{text-decoration:none;}
.link-btn a span {
    float:left;
    background:url(../images/bg-btn.png) no-repeat;
    padding:13px 0 11px 35px;
    height:24px;
    cursor:pointer;
}
.two-columns .column .link-btn a span {padding:13px 10px 11px 45px;}
.two-columns .block  .link-btn a span {padding:15px 0 11px 35px;}
.home .column .link-btn a span {padding:15px 0 11px 35px;}
.link-btn a .right{
    float:left;
    width:32px;
    height:47px;
    background:url(../images/btn-right.png) no-repeat;
    padding:0 !important;
    font-size:0;
    line-height:0;
}
.link-btn a:hover span {background:url(../images/bg-btn-hover.png) no-repeat;}
.link-btn a:hover .right {background:url(../images/right-btn-hover.png) no-repeat;} 
/* green block */
.home .block {
    width:218px;
    float:right;
    border-top:4px solid #FFE051;
    background:#7F7028 url(../images/bg-block.png) repeat-x;
    padding:35px 50px 30px 30px;
}
* html .home .block {padding:30px 50px 30px 30px;}
.block h2{
    color:#fff;
    font-size:24px;
    margin:0;
}
.home .block p {
    margin:0;
    font-size:14px;
    line-height:20px;
    color:#fff;
}
.block p a {color:#ffd204;}
/* content right image */
.img-r {
    padding-top: 4px;
    float:right;
    width:351px;
    overflow:hidden;
}
.img-r div {
    width: 351px;
}
.img-r img {display:block;}
/* container */
.container {
    background:url(../images/bg-inner.gif) repeat-y 225px 0;
    width:100%;
    overflow:hidden;
    padding:0 0 20px;
}
.main.home .container {
    background: none;
    padding: 0;
    margin: 0;
}
/* title */
.ttl {
    background:#171717;
    height:1%;
    overflow:hidden;
    padding:30px 28px 4px;
    border-bottom:1px solid #757575;
}
.ttl h2 {
    margin:0;
    color:#fff;
    font-size:24px;
}
/* text */
.text {
    height:1%;
    overflow:hidden;
    padding:0 21px 0 28px;
    background:url(../images/bg-column-gradient.gif) repeat-x;
}
/* post */
.post {
    width:100%;
    overflow:hidden;
    border-top:1px solid #757575;
    padding:6px 0 0;
    margin:-1px 0 10px;
    font-size:14px;
    line-height:20px;
}
.post .img-right{
    float:right;
    margin:0 0 0 25px;
}
.post .img-right img {display:block;}
.post h3{
    margin:0;
    color:#fff;
    font-size:14px;
    line-height:16px;
}
.post h4 {
    display:block;
    color:#fff;
    font-size:14px;
    line-height:16px;
    margin:0 0 10px;
    font-style: italic;
    font-weight: normal;
}
/* txt-area */
.txt-area {
    height:1%;
    padding:12px 0 0;
    overflow:hidden;
}
.post p {
    margin:0 0 10px;
}
.post p span{
  color: #fff !important;
}

/* sidebar */
.sidebar {
    width:191px;
    overflow:hidden;
    float:left;
    background:#FFA309;
    border-bottom:5px solid #fff;
    padding:29px 0 24px 26px;
}
/* sub navigation */
.sub-nav {
    list-style:none;
    padding:0;
    margin:0;
    width:191px;
    font-size:24px;
    line-height:29px;
    overflow:hidden;
    text-transform: lowercase;
}
.sub-nav li {
    width:177px;
    padding:0 0 0 14px;
    overflow:hidden;
    float:left;
    margin:0 0 12px;
}
* html .sub-nav li {margin:0 0 7px;}
* +html .sub-nav li {margin:0 0 8px;}
.sub-nav li a {
    color:#000;
    display:block;
}
.sub-nav li a:hover,
.sub-nav li.active a, .sub-nav li a.active {
    color:#fff;
    text-decoration:none;
    background:url(../images/divider-sub-nav.gif) no-repeat 100% 100%;
}
/* footer */
#footer {
    width:100%;
    position:relative;
    overflow:hidden;
}
.footer-area {
    width:1122px;
    padding:0 54px 15px;
    overflow:hidden;
}
/* info */
.info {
    float:left;
    overflow:hidden;
    width:802px;
}
.info p.logged-in-as {
    color: #7e7c7d;
    font-weight: bold;
    padding: 15px 5px 0px 192px;
}

.info p.logged-in-as a {
    color: #76a32e;
    font-weight: bold;
}
/* footer logo */
#footer .logo {
    float:left;
    display:inline;
    width:172px;
    height:37px;
    text-indent:-9999px;
    background:url(../images/logo-footer.gif) no-repeat;
    overflow:hidden;
    margin:15px 0 0;
}
#footer .logo:hover{background:url(../images/logo-footer-hover.gif) no-repeat;}
/* login form */
.login-form {
    float:left;
    overflow:hidden;
    width:610px;
    padding:0 0 0 18px;
}
.login-form fieldset{
    width:610px;
    overflow:hidden;
    padding:14px 0 0;
}
.login-form .row {
    float:left;
    padding:8px 0 0;
    overflow:hidden;
}
/* username text field */
.login-form .login-txt{
    float:left;
    display:inline;
    width:138px;
    background:#dfdedb;
    border:1px solid #9c9a9b;
    margin:0 10px 0 0;
    padding:6px 5px 5px;
}
.login-form .login-txt input{
    border:0;
    padding:0;
    margin:0;
    background:none;
    width:138px;
    font-size:14px;
}
.login-form label {
    float:left;
    display:inline;
    color:#7f7d7e;
    font-size:14px;
    line-height:18px;
    margin:5px 19px 0 0;
}
/* password text field */
.login-form .password-txt{
    float:left;
    display:inline;
    width:120px;
    background:#dfdedb;
    border:1px solid #9c9a9b;
    margin:0 10px 0 0;
    padding:6px 5px 5px;
}
.login-form .password-txt input{
    border:0;
    padding:0;
    margin:0;
    background:none;
    width:120px;
    font-size:14px;
}
/* login button */
.login-btn {
    border:0;
    margin:0 2px 0 0;
    float:left;
    width:99px;
    background:url(../images/bg-login-btn.gif) no-repeat;
    padding:14px 10px 15px;
    font-size:14px;
    line-height:14px;
    color:#fff;
    cursor:pointer;
}
.login-btn:hover,
.login-btn.hover {background:url(../images/bg-login-btn-hover.gif) no-repeat;}
/* create account link */
.account {
    float:left;
    color:#78a22f;
    font-size:12px;
    line-height:14px;
    padding:10px 0 0;
}
/* copyright */
.copyright {
    clear:both;
    margin:-5px 0 0;
    font-size:11px;
    line-height:14px;
    color:#6a696a;
    position:relative;
}
.copyright a {
    color:#6a696a;
    background:url(../images/sep-link.gif) no-repeat 0 50%;
    padding:0 0 0 8px;
    margin:0 0 0 5px;
}
.copyright a:first-child {
    color:#6a696a;
    background: inherit;
    padding:0;
    margin:0;
}
/* icons button */
.icons {
    float:right;
    width:310px;
    padding:3px 0 0;
    overflow:hidden;
    position:relative;
}
.icons .list {
    width:330px;
    overflow:hidden;
    list-style:none;
    position:relative;
    padding:0;
    margin:0 0 0 -15px;
}
.list li {
    float:left;
    background:url(../images/sep-list-icons.gif) no-repeat 0 50%;
    padding:6px 0 0 10px;
    margin:0 5px 0 0;
    overflow:hidden;
    height:63px;
}
.list a {
    float:left;
    height:63px;
    overflow:hidden;
    text-indent:-9999px;
}
/* ico-call */
.list .ico-call,
.list .ico-call:hover {
    width:60px;
    background:url(../images/icons.gif) no-repeat;
}
.list .ico-call:hover {background-position:0 -63px;}
/* ico-1 */
.list .ico-1,
.list .ico-1:hover {
    width:58px;
    background:url(../images/icons.gif) no-repeat -60px 0;
}
.list .ico-1:hover {background-position:-60px -63px;}
/* ico-2 */
.list .ico-2,
.list .ico-2:hover {
    width:62px;
    background:url(../images/icons.gif) no-repeat -118px 0;
}
.list .ico-2:hover {background-position:-118px -63px;}
/* ico-twitter */
.list .ico-twitter,
.list .ico-twitter:hover {
    width:60px;
    background:url(../images/icons.gif) no-repeat -180px 0;
}
.list .ico-twitter:hover {background-position:-180px -63px;}
/* ico-facebook */
.list .ico-facebook,
.list .ico-facebook:hover {
    width:59px;
    background:url(../images/icons.gif) no-repeat -240px 0;
}
.list .ico-facebook:hover {background-position:-240px -63px;}

/* green buttons */
button.green-button {
  position: relative;
  border: 0;
  padding: 0;
  height: 31px;
  cursor: pointer;
  overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
  border: none;  /* overrides extra padding in Firefox */
}

button.green-button span {
  position: relative;
  display: block;
  white-space: nowrap;
}

button.green-button {
  padding: 0 19px 0 0;
  margin-right:5px;
  font-size:14px;
  text-align: center;
  background: transparent url(../images/button-sprite.png) no-repeat right -32px;
}

button.green-button span {
  padding: 0 0 0 19px;
  height:31px;
  line-height: 31px;
  background: transparent url(../images/button-sprite.png) no-repeat left top;
  color:#fff;
}

button.green-button:hover, button.green-buttonHover { /* the redundant class is used to apply the hover state with a script */
  background-position: right -96px;
}

button.green-button:hover span, button.green-buttonHover span {
  background-position: 0 -64px;
}

/* orange buttons */
button.orange-button {
  position: relative;
  border: 0;
  padding: 0;
  height: 31px;
  cursor: pointer;
  overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
  border: none;  /* overrides extra padding in Firefox */
}

button.orange-button span {
  position: relative;
  display: block;
  white-space: nowrap;
}

button.orange-button {
  padding: 0 19px 0 0;
  margin-right:5px;
  font-size:14px;
  text-align: center;
  background: transparent url(../images/orange-button-sprite.png) no-repeat right -32px;
}

button.orange-button span {
  padding: 0 0 0 19px;
  height:31px;
  line-height: 31px;
  background: transparent url(../images/orange-button-sprite.png) no-repeat left top;
  color:#7F6902;
}

button.orange-button:hover, button.orange-buttonHover { /* the redundant class is used to apply the hover state with a script */
  background-position: right -96px;
}

button.orange-button:hover span, button.orange-buttonHover span {
  background-position: 0 -64px;
}

div.block-form label {
    margin: 5px 0;
    display: block;
}
div.block-form div.input {
    margin-bottom: 15px;
}

div.block-form div.select {
    margin-bottom: 15px;
}

div.input {
    display: block;
    width:138px;
    background:#dfdedb;
    border:1px solid #9c9a9b;
    margin:0;
    padding:6px 5px 5px;
}
div.input input{
    border:0;
    padding:0;
    margin:0;
    background:none;
    width:138px;
    font-size:14px;
}
div.input.wide {
    width: 365px;
}
div.input.wide input {
    width: 365px;
}