html {
    
background: transparent url(../images/background.png) repeat;

}


body {
    
background-color: #ececec;
    
padding: 130px 0 0 0;

}



/* form controls */
input {
    
color: #555;

}


input[type=text]:focus {

border-color: rgba(82,168,236,.8);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

}



label, input, button, select, textarea {

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input, textarea {

box-shadow: inset 0 1px 1px rgba(0,0,0,.075)

}



input:-moz-placeholder{color:#aaa}


input::-moz-placeholder{
color:#aaa
}


input:-ms-input-placeholder{
color:#aaa !important;
}


input::-webkit-input-placeholder{
color:#aaa
}



textarea:-moz-placeholder{
color:#aaa
}


textarea::-moz-placeholder{
color:#aaa
}


textarea:-ms-input-placeholder{color:#aaa !important;
}


textarea::-webkit-input-placeholder{color:#aaa
}



.btn {

border: 1px solid #d5d5d5;

text-shadow: 0 1px 1px rgba(255,255,255,.75);

color: #333;

background-clip: padding-box;

background-color: rgba(255,255,255,0.9);

background-image: -webkit-linear-gradient(bottom,rgba(140,140,140,.5) 0%,rgba(204,204,204,.5) 100%);

background-image: -ms-linear-gradient(bottom, rgba(140,140,140,.5) 0%,rgba(204,204,204,.5) 100%);

background-image: -moz-linear-gradient(bottom,rgba(140,140,140,.5) 0%,rgba(204,204,204,.5) 100%);

background-image: -o-linear-gradient(bottom,rgba(140,140,140,.5) 0%,rgba(204,204,204,.5) 100%);

background-image: linear-gradient(to top, rgba(140,140,140,.5) 0%,rgba(204,204,204,.5) 100%);
}
.btn:hover 
{
    

background-color: #e6e6e6;

}



/* Links */
a:link {
    
font-weight: bold;

color: #f04f23;

text-decoration: none;

}



a:visited {
    
color: #f04f23;

text-decoration: none;
}



a:hover {

color: #106872;

text-decoration: none;

}



a:active {

color: #f04f23;

text-decoration: none;

}



/* Headers */
h1, h2 {
    
font-family: "museo-sans", Verdana, Arial, sans-serif;

font-weight: 900;

letter-spacing: -1.44px;

}


h3, h4 {

font-family: "museo-sans", Verdana, Arial, sans-serif;

font-weight: 700;

letter-spacing: -0.8px;

}



h1.title {

background: url(../images/title.png) repeat-x 50% 50%;

line-height: 0px;

font-size: 36px;

margin: 0 auto;

text-shadow: 0 1px 0 rgba(255,255,255,.75);


}


h1.title b {

font-weight: 900;

color: #106872;
display: inline-block;

padding: 0 10px;

background: url(../images/background.png) repeat;

}

.navbar {
    
-webkit-box-shadow: black 0 3px 19px -7px !important;

box-shadow: black 0 3px 19px -7px !important;

background: url(../images/navbar.png) repeat-x 0 0;

background-size: auto 264px;

border: 0;

}


.navbar-header {
    display: block;

}


.navbar .container {


}


.navbar .container a.navbar-brand {
background: url(../images/banner.png) no-repeat;

background-size: auto 106px;
background-position: 15px 4px;

width: 404px;
height: 116px;
padding: 0;

margin: 0 auto;

float: none;
display: block;

}


@media (min-width: 768px) {

.navbar {

background: url(../images/navbar.png) repeat-x;
background-size: auto 340px;
}
    

.navbar-header {
width: 100%;
}

.navbar .container {
height: 131px;
}


.navbar .container a.navbar-brand {
width: 451px;
height: 131px;

background-position: center center;
background-size: auto 100%;
margin: 0 auto;
}


body {

padding-top: 8px;

}
    

.search-box {

margin-top: 20px !important;

}
}




.container.content {

padding-bottom: 80px;

}



.page-header {
border: 0;

}



.search-padding {
padding: 0 20px 20px 20px;

margin: 0;

}


.search-box {

position: relative;
max-width: 500px;
margin: 15px auto 0 auto;

}


.search-box input[type=text] {

width: 100%;
padding: 10px;

font-size: 18px;

box-sizing: border-box;

display: inline-block;
height: 42px;

line-height: 20px;

color: #555;

border-radius: 3px;

box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

background: #fff;

border: 1px solid #ccc;

transition: border linear .2s,box-shadow linear .2s;

}


.search-box .btn {
position: absolute;

left: auto;

top: 0;

right: 0;

border-radius: 0 3px 3px 0;

padding: 10px 15px;
box-shadow: 0 0 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.75);

border: 1px solid #a5a5a5;

font-weight: bold;

color: #333;

font-size: 16px;
height: 42px;
box-sizing: border-box;

text-shadow: 0 1px 1px rgba(255,255,255,.75);

}


.search-box .btn:hover {
    
cursor: pointer;

}



.reply {

border: 1px solid #b8b8b8;

padding: 0;
margin: 0 auto;

border-radius: 4px;
width: auto;

}


.reply header {
background: #f3f3f4;
border-bottom: 1px solid #b8b8b8;

padding: 0 20px;
border-radius: 4px 4px 0 0;
position: relative;

}



.reply header h2 {

font-size: 14px;
height: 46px;

line-height: 46px;

margin: 0;

font-weight: bold;

color: #555;
letter-spacing: -0.56px;

}


.reply header i {
position: absolute;

width: 18px;

height: 14px;
display: block;

top: 50%;

margin-top: -7px;

right: 18px;

background: url(../images/reply-icon.png) no-repeat;

}


.reply p {
width: 100%;

border: 0;

margin: 0;

padding: 20px;

height: 130px;

line-height: 24px;

font-size: 14px;

color: #333;

border-radius: 0 0 4px 4px;

resize: none;

box-sizing: border-box;

background: #fff;

}


.reply .results {

background: #fff;
border-radius: 0 0 4px 4px;

padding: 20px;
min-height: 100px;

box-sizing: border-box;

width: 100%;

margin: 0;

}



/** Footer **/
footer {

background: url(../images/footer-background.png) repeat;

}


footer div.contents {
    
padding-bottom: 40px;

}


footer h3 {

color: #fff;
    margin: 15px 0 10px 0;

font-size: 20px;

line-height: 40px;

letter-spacing: 0;

}


footer ul {

background: url(../images/footer-list-border.png) repeat-x left bottom;

padding: 0;

margin: 0;

}


footer ul li {

font-size: 12px;

list-style: none;

color: #a5a5a5;

text-shadow: 0 -1px 0 black;

background: url(../images/footer-list-border.png) repeat-x 0 0;

}


footer ul li a {

display: block;

line-height: 30px;

height: 30px;

}


footer a:hover {

color: #106872;

}



footer .subscribe h4 {

color: #fff;

padding: 15px 0 10px 0;

font-weight: bold;
line-height: 40px;

margin: 0 0 10px 0;

}


footer .subscribe .form-container-top {

padding-top: 15px;

background: url(../images/footer-list-border.png) repeat-x 0 0;

}


footer .subscribe .form-container-bottom {

padding-bottom: 15px;

background: url(../images/footer-list-border.png) repeat-x 0 100%;

}


footer .subscribe form {
position: relative;

background-color: rgba(0, 0, 0, 0.5);

margin: 0;

padding: 3px;

font-size: 12px;

border-radius: 4px;

color: gray; /* todo - change to hex */
    box-shadow: 0 1px 0 rgba(255,255,255,.1);

}


footer .subscribe input[type=text] {
    
margin: 0;

border: 1px solid #000;

background-clip: padding-box;

background: #ddd;

border-radius: 3px;

height: 30px;

width: 100%;
padding: 4px 6px;

border: 0;

line-height: 1.0;

vertical-align: middle;
outline: 0;

color: #555;

box-shadow: inset 0 1px 0 #fff;

}



footer .subscribe input[type=submit] {
  position: absolute;
right: 3px;top: 3px;height: 30px;
border: 0;
box-sizing: border-box;
line-height: 22px;
padding: 4px 10px;
font-size: 14px;

border-radius: 0 3px 3px 0;

font-weight: bold;

text-shadow: none;
box-shadow: 0 0 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.75);

border: 1px solid #a5a5a5;

font-weight: bold;

color: #333;

box-sizing: border-box;

border-top: 0;

border-bottom: 0;

border-right: 0;

text-shadow: 0 1px 1px rgba(255,255,255,.75);

}


footer .subscribe input[type=submit]:hover {

background-color: #e6e6e6;

color: #333;

cursor: pointer;

}


footer .subscribe input[type=submit]:active, footer .subscribe input[type=submit]:focus {
background-color: #e6e6e6;
    color: #333;

}



footer .disclaimer {
font-size: 11px;

display: block;
line-height: 26px;

padding: 10px 0;
margin: 0;
color: #eeeeee;
background: url(../images/disclaimer-background.png) repeat-x;

}


footer .disclaimer p {

margin: 0;

}


footer .disclaimer a {


}


footer .disclaimer a:hover {
}