/* Resets
--------------------------------------------------------------------------------*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
fieldset, input {
margin: 0;
padding: 0;
}
a img {
border: 0;
}
a {
text-decoration: none;
color: fff;
}
/* General Styling and Structure
--------------------------------------------------------------------------------*/
body {
font-family: 'verdana', serif;
font-size: 13px;
background: url("background.jpg") no-repeat fixed center top transparent;
color: #9e8f7d;
margin: auto;
}
#wrapper_main {
background: url("wrapper_bg.png?49369") repeat-x scroll 0 0 transparent;
margin: 0 auto;
width: 1012px;
}
#wrapper {
/*background: url(container-bg.png) repeat center left;
margin: 0px auto;
width: 952px;
-webkit-box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.28);
box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.28);*/
background: none repeat scroll 0 0 transparent;
margin: 0 auto;
width: 982px;
}
#top-wrap{
height:151px !important;
}
.container {
background: none repeat scroll 0 0 transparent;
width: 970px;
}
#content{
background: none repeat scroll 0 0 transparent;
height: auto !important;
min-height: 400px;
padding: 20px 34px 40px;
width: 902px;
margin-top: 40px;
}
#content .paragraph {
background: url("container_bg.png");
padding: 13px;
color:#fff !important;
font-family:verdana !important;
line-height:1.5 !important;
}
blockquote {border-left-color:#cdc9bf !important;}
#header-wrap,
#banner-wrap,
#nav-wrap,
#main-wrap,
#footer-wrap,
#top-wrap
{
width:100%;
}
h3 {
font-size: 30px;
padding: .5em 0 .2em 0;
line-height: 1.2;
font-family: verdana;
font-weight: normal;
color: #fff !important;
}
a {border:none; color: #fff}
p a, h2 a, blockquote a {
color: #fff;
border-bottom:1px dashed #fff;
}
p a:hover, h2 a:hover, blockquote a:hover,
p a:active, h2 a:active {
color: #fff;
border-bottom:1px dashed #634e36;
}
h2 {
/*font-size: 36px;
padding: .5em 0 .2em 0;
line-height: 1.2;
font-family: verdana;
font-weight: normal;
color: #9e8f7d;*/
color: #FFFFFF;
font-size: 21px;
line-height: 1.5;
padding: 0.5em 0 0.2em;
}
p {
font-size: 13px;
line-height: 1.9;
padding: 0.5em 0;
color: #fff;
}
div#content {min-height:400px;}
.blog-header a {border:none!important;}
/* Top
--------------------------------------------------------------------------------*/
#top-wrap .container {
height: 211px;
margin: 0 auto;
padding-top: 19px;
vertical-align: middle;
width: 957px;
}
#header-right {text-align:right; display:inline-block; float:right;margin-top:-235px;}
/* Header: Phone Number
--------------------------------------------------------------------------------*/
#header-right .phone-number .wsite-text {
display: block;
white-space: nowrap;
color:#fff;
line-height:40px;
font-size: 20px;
font-family: verdana;
}
/* Header: Social
--------------------------------------------------------------------------------*/
#header-right .wsite-social {margin-left:10px;}
.wsite-social-item {
width: 23px;
height: 23px;
margin: 8px 0 8px 3px;
background-image:url(social-lightgold.png);
border:none !important;
}
.wsite-social-facebook {background-position:0 0;}
.wsite-social-facebook:hover {background-position:0 -23px;}
.wsite-social-facebook:active {background-position:0 -46px;}
.wsite-social-pinterest {background-position:-23px 0;}
.wsite-social-pinterest:hover {background-position:-23px -23px;}
.wsite-social-pinterest:active {background-position:-23px -46px;}
.wsite-social-twitter {background-position:-46px 0;}
.wsite-social-twitter:hover {background-position:-46px -23px;}
.wsite-social-twitter:active {background-position:-46px -46px;}
.wsite-social-linkedin {background-position:-69px 0;}
.wsite-social-linkedin:hover {background-position:-69px -23px;}
.wsite-social-linkedin:active {background-position:-69px -46px;}
.wsite-social-mail {background-position:-92px 0;}
.wsite-social-mail:hover {background-position:-92px -23px;}
.wsite-social-mail:active {background-position:-92px -46px;}
.wsite-social-rss {background-position:-115px 0;}
.wsite-social-rss:hover {background-position:-115px -23px;}
.wsite-social-rss:active {background-position:-115px -46px;}
.wsite-social-flickr {background-position:-138px 0;}
.wsite-social-flickr:hover {background-position:-138px -23px;}
.wsite-social-flickr:active {background-position:-138px -46px;}
.wsite-social-plus {background-position:-161px 0;}
.wsite-social-plus:hover {background-position:-161px -23px;}
.wsite-social-plus:active {background-position:-161px -46px;}
.wsite-social-vimeo {background-position:-184px 0;}
.wsite-social-vimeo:hover {background-position:-184px -23px;}
.wsite-social-vimeo:active {background-position:-184px -46px;}
.wsite-social-yahoo {background-position:-207px 0;}
.wsite-social-yahoo:hover {background-position:-207px -23px;}
.wsite-social-yahoo:active {background-position:-207px -46px;}
.wsite-social-youtube {background-position:-230px 0;}
.wsite-social-youtube:hover {background-position:-230px -23px;}
.wsite-social-youtube:active {background-position:-230px -46px;}
/* Header: Search Box
--------------------------------------------------------------------------------*/
#header-right .wsite-search {
margin:5px 0px 5px 15px ;
vertical-align: middle;
float:right;
}
.wsite-search-input {
/*width: 153px;
height: 22px;
border: 0;
font-family: 'Open Sans', sans-serif;
color: #999999;
font-size: 12px;
background:#F4F2ED;
box-shadow:0 1px 5px rgba(0,0,0,0.2)*/
width: 153px;
height: 22px;
border: 0;
font-family: 'verdana', sans-serif;
color: #999999;
font-size: 12px;
background:transparent;
}
.wsite-search-button {
position: relative;
width: 25px;
height: 25px;
right:24px;
padding: 4px 0px;
background: url(search-icon-red-md.png) no-repeat center right;
}
/* Header
--------------------------------------------------------------------------------*/
#header-wrap {
/*padding: 27px 0 20px 0;*/
}
#logo, #logo a,
#logo a:hover {
color: #fff;
font-family: 'verdana';
font-size: 36px;
max-width: 400px;
border:none;
}
#header {
border-collapse: collapse;
border-spacing: 0;
width:100%;
}
#header td {
vertical-align: middle;
text-align: left;
}
/* Navigation
--------------------------------------------------------------------------------*/
#header-wrap table {
width:100%;
border-collapse: collapse;
border-spacing: 0;
height: 139px;
}
#header-wrap td {
vertical-align:top;
text-align: left;
}
#header-wrap .container {
/*clear: both;*/
overflow: hidden;
/* position: relative;*/
}
#nav {
font-family: 'verdana', cursive;
clear: both;
overflow: hidden;
position: relative;
padding-top:69px;
}
#nav ul {
list-style: none;
float: right;
}
#nav ul li {
list-style: none;
float: left;
margin-left:30px;
display:inline-block;
}
#nav ul li a {
color: #fff;
border: 0;
outline: 0;
font-size: 17px;
font-weight: normal;
font-family: verdana;
padding-bottom: 49px;
}
#nav ul li#active a,
#nav ul li a:hover {
color: #fff;
border: 0;
background:url(hover.png) no-repeat center bottom;
height:53px;
width:78px;
}
/* Navigation Submenu's
--------------------------------------------------------------------------------*/
#wsite-menus .wsite-menu li a {
font-family: 'verdana', cursive;
font-size: 24px;
color: #a6998a;
border: 0;
}
#wsite-menus .wsite-menu li a:hover {
color: #fff;
background: #fff;
}
/* Universal banner
--------------------------------------------------------------------------------*/
#banner-wrap .top-divider {
/*background: url(divider.png) no-repeat center left;*/
padding: 15px 0 0;
}
#banner-wrap .bottom-divider {
background: url(divider.png) no-repeat center left;
padding: 0 0 15px;
}
#banner {
margin: 43px 0;
}
/* Page type: Tall header
--------------------------------------------------------------------------------*/
.tall-header-page #banner {
background: url(banner-tall-bg.png) no-repeat center top;
height: 278px;
width:961px;
position: relative;
left: -40px;
padding:10px 0;
border-radius:0 0 5px 5px;
}
.tall-header-page .banner-corner-left {
background:url(banner-tall-shadow-left.png) no-repeat;
width:15px;
height:288px;
position:absolute;
left:0px;
top:0px;
border-radius:0 0 0 5px;
}
.tall-header-page .banner-corner-right {
background:url(banner-tall-shadow-right.png) no-repeat;
width:15px;
height:288px;
position:absolute;
right:0px;
top:0px;
border-radius:0 0 5px 0;
}
.tall-header-page .wsite-header {
width: 960px;
height: 278px;
background: url(banner-tall.jpg) no-repeat;
border-radius:0 0 5px 5px;
}
/* Page type: Short header
--------------------------------------------------------------------------------*/
.short-header-page #banner {
background: url(banner-short-bg.png) no-repeat center top;
height: 161px;
width:961px;
padding:10px 0;
position: relative;
left: -40px;
}
.short-header-page .banner-corner-left {
background:url(banner-short-shadow-left.png) no-repeat;
width:15px;
height:171px;
position:absolute;
left:0px;
top:0px;
border-radius:0 0 0 5px;
}
.short-header-page .banner-corner-right {
background:url(banner-short-shadow-right.png) no-repeat;
width:15px;
height:171px;
position:absolute;
right:1px;
top:0px;
border-radius:0 0 5px 0;
}
.short-header-page .wsite-header {
width: 960px;
height: 161px;
background: url(banner-short.jpg) no-repeat;
border-radius:0 0 5px 5px;
}
/* Page type: No header
--------------------------------------------------------------------------------*/
.no-header-page .wsite-header {
display:none;
}
.no-header-page #banner {
margin:0px;
}
.no-header-page #main-wrap .container {padding-top:20px;}
/* Page type: Landing page
--------------------------------------------------------------------------------*/
.landing-page #banner {
background: none;
padding: 0;
}
#bannerleft {
float: left;
width: 433px;
background: url(banner-landing-bg.png) no-repeat;
height: 297px;
position: relative;
left: -50px;
}
.landing-page .wsite-header {
width: 415px;
height:278px;
margin: 10px 0px 0px 9px;
float:left;
border-radius:0 0 0 5px;
background: url(banner-landing.jpg) no-repeat;
}
.landing-page .banner-shadow {
background:url(banner-landing-shadow.png) no-repeat;
position:absolute;
width:15px;
height:288px;
top:1px;
left:9px;
border-radius:0 0 0 5px;
}
.landing-page .banner-corners {
background:url(banner-landing-corners.png) no-repeat;
position:absolute;
width:65px;
height:100%;
top:0px;
right:0px;
}
.landing-banner-outer {
display: table;
#position: relative;
overflow: hidden;
}
.landing-banner-mid {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
.landing-banner-inner {
#position: relative;
#top: -50%;
}
#bannerright {
float: right;
width: 400px;
height: 298px;
padding: 0px 45px 0px 0px;
}
#bannerright h2 {
color: #9e8f7d;
font-size: 40px;
font-family: 'verdana', cursive;
padding: 0px;
line-height: 40px;
}
#bannerright p {
color: #9e8f7d;
font-size: 13px;
font-family: 'verdana', serif;
padding: 10px 0px 20px 0px;
line-height: 140%;
}
#bannerright .wsite-button {
margin: 0px;
}
/* Main Content
--------------------------------------------------------------------------------*/
#main-wrap .container blockquote {
font-size:13px;
font-family: 'verdana', serif;
font-style:italic;
color: #9e8f7d;
padding: 0px 30px;
margin:20px 0px;
}
/* Footer
--------------------------------------------------------------------------------*/
#footer-wrap {
/* text-align:right;*/
/*overflow:hidden;*/
/*margin-bottom:80px;*/
}
#footer-wrap .top-divider {
/*background: url(footer-divider.png) no-repeat center;*/
padding : 50px 0px 30px;
}
#footer-wrap .bottom-divider {
/*background: url(footer-bottom.png) no-repeat center bottom;*/
padding : 30px 0px;
margin:20px 0px;
width:100%;
}
#footer-wrap h2 {font-size:28px;}
#footer-wrap .container a {
color: #2F2519;
border-bottom:none !important;
}
#footer-wrap .container a:hover {
color: #fff;
border-bottom:none !important;
}
#footer-wrap .wsite-form-container {
text-align:left;
/*margin-top:0 !important;*/
}
/* Form Customization
--------------------------------------------------------------------------------*/
.wsite-form-label {
color: #fff;
display: inline-block;
font-family: verdana;
font-size: 13px;
font-weight: normal;
margin: 15px 0 5px;
}
.wsite-form-sublabel{
color: #fff !important;
}
.form-radio-container {
color: #9e8f7d;
font-size: 13px;
font-family: 'verdana', serif;
}
.wsite-form-input, .wsite-search-element-input {
font-family: 'verdana', serif;
font-size: 13px;
background: #fdfbf9;
border: 1px solid #d3cdc6;
padding: 5px !important;
}
.form-select {
color: #7f6e5a;
border: 1px solid #d3cdc6;
font-size: 13px;
font-family: 'verdana', serif;
padding: 7px;
width: 385px;
height: 35px !important;
background: url(form-input-bg.png) repeat-x center left;
}
/* Buttons
--------------------------------------------------------------------------------*/
/* Small structure & regular style */
.wsite-button {
height: 34px;
display: inline-block;
padding: 0 16px 0 0;
background: url(button.png) no-repeat 100% -105px;
border:none !important;
}
.wsite-button:hover {
background-position: 100% -140px;
}
.wsite-button:active {
background-position: 100% -175px;
}
.wsite-button-inner {
color: #6b5e50 !important;
font-family: 'verdana', serif;
height: 34px;
line-height: 36px;
display: block;
font-size: 15px;
font-weight: bold;
text-decoration: none;
padding: 0 0 0 16px;
background: url(button.png) no-repeat 0px 0px;
}
.wsite-button:hover .wsite-button-inner {
background-position: 0px -35px;
}
.wsite-button:active .wsite-button-inner {
background-position: 0px -70px;
}
/* Large structure & regular style */
.wsite-button-large {
color: #6b5e50 !important;
height: 44px;
background: url(button_large.png) no-repeat 100% -135px;
padding: 0 16px 0 0;
}
.wsite-button-large:hover {
background-position: 100% -180px;
}
.wsite-button-large:active {
background-position: 100% -225px;
}
.wsite-button-large .wsite-button-inner {
height: 44px;
line-height: 47px;
padding: 0 0 0 16px;
background: url(button_large.png) no-repeat 0px 0px;
}
.wsite-button-large:hover .wsite-button-inner {
background-position: 0px -45px;
}
.wsite-button-large:active .wsite-button-inner {
background-position: 0px -90px;
}
/* Highlighted styles */
.wsite-button-highlight {
background-image: url(button_highlight.png);
}
.wsite-button-highlight .wsite-button-inner {
background-image: url(button_highlight.png);
}
.wsite-button-large.wsite-button-highlight {
background-image: url(button_large_highlight.png);
}
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
background-image: url(button_large_highlight.png);
}
#sub_bg{
background:url(text_bg.png) repeat-x;
width: 525px;
height:76px;
position: relative;
}
#sub_txt{
background: url(text.png) no-repeat scroll 0 0 transparent;
height: 39px;
left: 5px;
margin-top: 21px;
position: absolute;
width: 275px;
}
.subscribe {
padding-top: 21px;
position: absolute;
right: 41px;
width: 231px;
}
.subscribe-form {
position: relative;
}
#sub_bg input::-moz-placeholder{
color:#2F2519 !important;
}
.subscribe-input {
background: url(email_bg.png?491603) no-repeat scroll 0 0 transparent;
border: medium none;
color: #2F2519 !important;
font-family: 'verdana',Tahoma,Verdana,sans-serif;
font-size: 15px;
height: 35px;
padding-left: 10px;
width: 258px;
}
.subscribe-input:focus {
outline: 0;
}
.subscribe-submit {
display: block;
position: absolute;
top: 15px;
right: 15px;
padding-left: 15px;
height: 35px;
width: 60px;
background: #60e160;
border: 1px solid;
border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a;
border-radius: 0 20px 20px 0;
cursor: pointer;
font: 0/0 serif;
text-shadow: none;
color: transparent;
}
.commentAreaTitle{color: #fff !important;}