@charset "UTF-8";
/* CSS Document */


/*
===========================================



© 2010 PAN Media

Table of Contents

    1. Reset - Reset of browser styles
    
    2. Site Layout
    
        2.1 Main Layout
        
        2.2 Homepage Specific
        
        2.3 Plan/Showhome Show
        
        2.4 Plans/Showhomes/Homepage Index
        
        2.5 Contact Page 
        
        2.6 Footer

        2.7 Fancybox Styles
                
    3. Site navigation
        
        3.1 Main Nav
            
    4. Formatting 
        
        4.1 Generic Styles
        
        4.2 Form Styles
        
    5.  Admin
        
        5.1 Admin generic styles 

===========================================
*/



/* 
    
    1. Reset

*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight: normal; font-style: normal; }
ul,ol {list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; vertical-align:top;}
table { border-collapse: collapse; border-spacing: 0; }
a{outline:none; text-decoration:none;color:#f3be39;}

html, body {height: 100%;}

body{
    font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#6f6f6f;
    font-size:62.5%;
    background:url(../images/layout/bg-grads.jpg) center -642px repeat-x #010101;
}

body.visor-on {
    background-position: center -601px;
}

body.cke_ltr {
    background: #666!important;
    width: auto;
    border: none!important;
    text-shadow: none;
}

body.wysiwyg-editor {
    background: none;
    height: auto;
}


/* 
    2. Site Layout
*/

/*
    ----------------------------
    2.1 Main Layout
    ----------------------------
*/

#wrapper, #header, #main { width: 980px; }


#wrapper {
    background: url(../images/layout/header-glow.jpg) top center no-repeat;
    margin: 0 auto;
    min-height: 100%;
}

#header {
    display: block;
    height: 70px;
    padding-bottom: 10px;
}

#main {
    display: inline-block;
    padding-top: 20px;
    z-index: 0;
    overflow:auto;
    padding-bottom: 264px;
}

#sub-feature {
    width: 961px;
    margin-top: 20px;
    height: 144px;
    padding: 17px 0 17px 18px;
    background: url(../images/layout/bg-grads.jpg) center -211px repeat-x;
}

#footer {
    background: url(../images/layout/bg-grads.jpg) center -388px repeat-x;
    min-width: 980px;
    position: relative;
    margin-top: -254px;
    height: 254px;
    clear:both;
}

#footer-logos, #footer-content, #footer-bottom {
    margin: 0 auto 0;
    width: 960px;
}

#footer-logos {
    height: 59px;
}

#footer-content {
    height: 159px;
    display: block;
}

#footer-content ul {
    margin-bottom: 0;
}

#footer-content li, #footer-content li a {
    z-index: 100;
}

.below-house, .below-house a{
    z-index: 0!important;
}

#footer-house {
    background: url(../images/layout/footer-house.png) bottom right no-repeat;
    bottom: 36px;
    float: right;
    height: 130px;
    position: absolute;
    z-index: 50!important;
    width: 30%;
    left: 70%;
    display: block;
}

#main-text, #sidebar  {
    margin: 25px 0 20px 17px;
    float: left;
}

#main-text {
    width: 600px;
    padding-right: 20px;
}

#sidebar {
    width: 300px;
    margin-bottom: 19px;
}

#searchbar, form {
    width: 290px;
    padding: 15px 17px;
}

#searchbar {
    height: 29px;
    margin-bottom: 20px;
    background: url(../images/layout/bg-grads.jpg) left -388px repeat-x;
}

form {
    background: url(../images/layout/sidebar.jpg) top left repeat-x #1c1c1c;
    border-bottom: 1px solid #323232;
}

#gh-logo {
    display: block;
    padding-top: 47px;
    margin: 20px 15px 0 10px;
    text-transform: uppercase;
    color: #f3be39;
    border-bottom: none;
    background: url(../images/layout/icons.png) top left no-repeat;
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
    width: 152px;
    float: left;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/*
    ----------------------------
    2.2 Homepage Specific
    ----------------------------
*/


#text-glow {
    background: url(../images/layout/overlays.png) right bottom no-repeat;
    position: absolute;
    top: 116px;
    left: 522px;
    width: 353px;
    opacity: 1;
    height: 186px;
    -webkit-animation-name: sh-textoverlay;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes sh-textoverlay {
    0% {
        left: 420px;
        opacity: 0.2;
        top: 86px;
    }
    100% {
        left: 522px;
        opacity: 1;
        top: 116px;
    }
}



#sub-feature li {
    display: block;
    width: 300px;
    height: 142px;
    -moz-box-shadow: 0 0 10px #000; 
    -webkit-box-shadow: 0 0 10px #000; 
    box-shadow: 0 0 10px #000; 
    background: url(../images/layout/bg-grads.jpg) left -69px repeat-x;
    float: left;
    margin-right: 19px;
}

#sub-feature li:hover, #sub-feature li.sfhover {
    background-position: left 104px;
}

#sub-feature a {
    display: block;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    padding: 116px 0 0 12px;
    position: relative;
    font-weight: bold;
    height: 24px;
    border: 1px solid #6b5227;
    color: #786841;
    text-shadow: #efddb2 1px 1px 2px;
    text-transform: uppercase;
}

#feat-why {
    background: url(../images/layout/home-feats.jpg) -298px top no-repeat;
}

#feat-plans {
    background: url("../images/layout/home-feats.jpg") -894px top no-repeat;
}

#feat-showhome {
    background: url(../images/layout/home-feats.jpg) -1490px top no-repeat;
}

#sub-feature li:hover a, #sub-feature li.sfhover a {
    background-position: left top;
    color: #fee4b4;
    text-shadow: #000 1px 1px 2px;
    padding: 0;
    height: 140px;
    border: 1px solid #FFF;
}

#feat-plans:hover {
    background-position: -596px top!important;
}

#feat-showhome:hover {
    background-position: -1192px top!important;
}

#sub-feature li:hover a canvas {
    margin-top: -1px;
    padding: 118px 23px 10px 12px;
}

#sub-feature li:hover a#feat-plans canvas {
    padding: 118px 179px 10px 12px;
}

#sub-feature li:hover a#feat-showhome canvas {
    padding: 118px 114px 10px 12px;
}

.search-btn, #gh-logo, #showview-sidebar a div, #nav a, .generic-btn div, #sub-feature a div, .generic-btn-min div, #plans-index a div, #showhomes-index a div, #feat-plans-next, #feat-plans-prev, #feat-showhomes-next, #feat-showhomes-prev, #footer-logos a, #fancybox-left:hover span, #fancybox-right:hover span {
    cursor: pointer;
    cursor: hand;
    height: 0;
    overflow: hidden;
}

.search-btn {
    padding-top: 25px;
    width: 26px;
    border: 1px solid #8d7753;
    float: left;
    border-bottom: 1px solid #7a7a7a;
    background: url(../images/layout/icons.png) -144px -216px no-repeat;
}

.search-btn:hover {
    background-position: -144px -256px;
}

/*
    ----------------------------
    2.3 Plan/Showhome Show
    ----------------------------
*/


#showview-top {
    background: url(../images/layout/glow-frame.jpg) top center no-repeat #222021;
    display: block;
    z-index: 0;
    padding:17px 0 17px 18px;
    position:relative;
    width:950px;
}

#showview-top img {
    /*border: 1px solid #674f24;
        -moz-box-shadow: 0 0 10px #000; 
        -webkit-box-shadow: 0 0 10px #000; 
        box-shadow: 0 0 10px #000; 
        width: 454px;
        height: 260px;
        margin-right: 15px;*/
}

#showview-sidebar a div, #plans-index a div, #showhomes-index a div {
    display: block;
    position: absolute;
    background: url(../images/layout/icons.png) -72px -330px no-repeat;
    bottom: 4px;
    margin: 10px 3px 3px 6px;
    padding-top: 16px;
    right: 4px;
    width: 9px;
}

#showview-sidebar a:hover div, #plans-index a:hover div, #showhomes-index a:hover div {
    background: url(../images/layout/icons.png) -72px -250px no-repeat;
}

#showview-sidebar {
    float: left;
    width: 262px;
    margin: 25px 0 35px 10px;
    padding: 18px 19px 0;
    background: url(../images/layout/sidebar.jpg) left top repeat-x #1c1c1c;
    border-bottom: 1px solid #323232;
}

#showview-sidebar li a span, #plans-index li a span, #showhomes-index li a span {
    width: 252px;
    display: block;
    height: 15px;
    padding: 4px 8px;
} 

#showview-sidebar li, #plans-index li, #showhomes-index li {
    height: 123px;
    -moz-box-shadow: 0 0 10px #000; 
    -webkit-box-shadow: 0 0 10px #000; 
    box-shadow: 0 0 10px #000; 
    margin-bottom: 19px;
    border: 1px solid #674F24;
    list-style: none;
    border-bottom: 1px solid #51401d;
}

#plans-index li, #showhomes-index li {
    float: left;
    margin-right: 20px;
    width: 262px;
    padding: 18px 19px;
    background: url(../images/layout/sidebar.jpg) left top repeat-x #1c1c1c;
    border: none;
    border-bottom: 1px solid #323232;
}

#plans-index li a, #showhomes-index li a {
    -moz-box-shadow: 0 0 10px #000; 
    -webkit-box-shadow: 0 0 10px #000; 
    box-shadow: 0 0 10px #000; 
    border: 1px solid #674F24;
    border-bottom: 1px solid #51401d;
}

.plan-specs {
    width: 100%;
}

.plan-specs dt {
    width: 100px;
    float: left;
    height: 20px;
    font-size: 1.1em;
}

.plan-specs dd {
    margin-left: 100px;
    height: 20px;
}

#showview-sidebar li:hover, #plans-index li a:hover, #showhomes-index li a:hover, #showview-sidebar li.sfhover, #plans-index li a.sfhover, #showhomes-index li a.sfhover {
    border: 1px solid #fff;
}

#showview-sidebar li a cufon, #plans-index li a cufon, #showhomes-index li a cufon {
    margin-top: -18px;
}

#showview-sidebar li a div cufon, #plans-index li a div cufon, #showhomes-index li a div cufon {
    margin-top: 0;
}

#showview-sidebar li a, #plans-index li a, #showhomes-index li a {
    height: 123px;
    width: 260px;
    display: block;
    background: url(../images/layout/bg-grads.jpg) left 36px repeat-x;
    color: #786841;
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: none;
    letter-spacing: 0.1em;
    position: relative;
    text-shadow: 1px 1px 2px #EFDDB2;
    text-transform: uppercase;
}

#showview-sidebar li a:hover, #plans-index li a:hover, #showhomes-index li a:hover {
    background: url(../images/layout/bg-grads.jpg) left 99px repeat-x;
}

#showview-sidebar img, #plans-index img, #showhomes-index img {
    width: 260px;
    padding-bottom:24px;
    height: 99px;
}

#showview-sidebar li a div.line, #plans-index li a div.line, #showhomes-index li a div.line {
    background: #FFF;
    position: absolute;
    height: 1px;
    bottom: 23px;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
}

#showview-sidebar li a:hover div.line, #plans-index li a:hover div.line, #showhomes-index li a:hover div.line {
    background: #6B5227;
}

#contact-dialog {
    display: none;
}

.ui-dialog div#contact-details h1 {
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif!important;
    font-size: 1.6em!important;
    letter-spacing: 0.16em!important;
    text-transform: uppercase!important;
    color: #f4be39!important;
    text-shadow: #000 0 0 3px!important;
    margin-bottom: 17px!important;
    font-weight: 200!important;
}

.ui-dialog div#contact-dialog label {
    text-transform: uppercase!important;
    color: #ffd996!important;
    text-shadow: #000 0 0 3px!important;
    letter-spacing: 0.1em!important;
    margin-bottom: 10px!important;
    display: block!important;
}

.ui-dialog div#contact-dialog select {
    background: #000;
    border-color: #444444 #000 #7B7B7B #343434;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    color: #737273;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    height:27px;
    padding:5px 4px 4px;
    -webkit-border-radius: 0px!important;
    scrollbar-arrow-color: #737273;
}

.plans-buttonwrapper {
    display: block;
    float: left;
    width: 560px;
}

/*
    ----------------------------
    2.4 Plans/Showhomes/Homepage Index
    ----------------------------
*/

#feat-plans-index, #feat-showhomes-index {
    width: 944px;
    padding: 17px 18px;
    position: relative;
    overflow: hidden;
    height: 346px;
    background: url(../images/layout/glow-frame.jpg) top center no-repeat #222021;
}

#feat-showhomes-index {
    height: 412px;
}

#feat-plans-wrapper, #feat-showhomes-wrapper {
    width: 941px;
    height: 346px;
    overflow: hidden;
    position: relative;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); 
    box-shadow: 0 0 15px rgba(0,0,0,0.6); 
    clear: both;
}

#feat-plans-wrapper li, #feat-showhomes-wrapper li {
    list-style: none;
}

#feat-plans-wrapper dl, #feat-showhomes-wrapper dl {
    margin-bottom: 0!important;
}

#feat-plans-index h1, #feat-showhomes-index h1 {
    color: #F4C44B;
    font-size: 4.6em;
    font-weight: 900;
    letter-spacing: 0.2em;
    margin-bottom: 0;
}

#feat-showhomes-index h1 {
    font-size: 4.6em;
    color: #f4c44b;
}

#feat-plans-index li, #feat-showhomes-index li {
    float: left;
    border: 1px solid #6d5126;
    position: relative;
    height: 344px;
}

.feat-showhomes-index-info span {
    font-size: 2.8em;
    color: #fff;
    font-weight: 300;
    margin: 0;
    display: block;
    letter-spacing: 0.16em;
}

#search_submit {
    float: right;
}

#feat-plans-index dt, #feat-plans-index dd {
    text-transform: uppercase;
    float: left;
    margin-right: 22px;
    color: #fff;
    font-size: 1.3em;
    margin-top: 3px;
    position: relative;
    vertical-align: text-bottom;
    letter-spacing: 0.08em;
    text-shadow: #000 0 0 3px;
}

#feat-plans-index dt {
    color: #fbd795;
    margin-right: 10px;
}

#feat-plans-index dl {
    margin: 2px 0 0 5px;
}

#feat-plans-index sup {
    font-size: 0.8em;
    position: absolute;
    margin-top: -3px;
}

#feat-plans-index-info, .feat-showhomes-index-info {
    position: absolute;
    bottom: 0;
    background: url(../images/layout/overlays.png) top left no-repeat;
    width: 910px;
    height: 94px;
    left:0;
    padding-top: 250px;
    padding-left: 20px;
    -webkit-animation-name: pl-overlay;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
}

.feat-showhomes-index-info {
    background: url(../images/layout/overlays.png) right -345px no-repeat;
    width: 939px;
    padding: 0;
    height: 344px;
    text-transform: uppercase;
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
    text-shadow: #000 0 0 7px;
    -webkit-animation-name: sh-overlay;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
}


#feat-showhomes-wrapper ul li {
    list-style: none;
}

@-webkit-keyframes sh-overlay {
    0% {
        padding-left: 250px;
        opacity: 0;
    }
    100% {
        padding-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes pl-overlay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#feat-showhomes-index-info-content {
    display: inline-block;
    position: absolute;
    bottom: 17px;
    right: 17px;
}

#feat-plans-index ul, #feat-showhomes-index ul {
    width: 100000px;
    height: 346px;
    display: block;
    position: absolute;
    clear: both;
}

ul#feat-showhomes-nav {
    margin: 10px -10px 0;
    width: 100000px;
    display: block;
    z-index: 200!important;
    height: 43px;
    position: absolute;
    left: 0;
}

#feat-showhomes-nav-wrapper {
    width: 941px;
    overflow: hidden;
    position: relative;
    height: 65px;
    margin: 10px 0 0;
}

ul#feat-showhomes-nav li {
    float: left;
    display: block;
    border: 1px solid #6b5124;
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); 
    box-shadow: 0 0 6px rgba(0,0,0,0.5); 
    margin: 0 10px;
    background: #fff;
    z-index: 200!important;
    height:41px;
    cursor: pointer;
    cursor: hand;
}

ul#feat-showhomes-nav li img {
    display: block;
    width: 115px;
    height: 41px;
    opacity: 1;
    z-index: 300!important;
    -webkit-box-shadow: inset 0 0 0 #fff; 
    -webkit-transition-property: -webkit-box-shadow, opacity;
    -webkit-transition-duration: 0.8s, 0.5s;
    -webkit-transition-timing-function: ease-out, linear;
}

ul#feat-showhomes-nav li:hover img, ul#feat-showhomes-nav li.sfhover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -moz-box-shadow: 0 0 10px #fff inset; 
    -webkit-box-shadow: inset 0 0 10px #fff; 
    box-shadow: 0 0 10px #fff inset; 
    -webkit-transition-property: -webkit-box-shadow, opacity;
    -webkit-transition-duration: 0.3s, 0.2s;
    -webkit-transition-timing-function: ease-out, linear;
}

#feat-plans-next, #feat-plans-prev, #feat-showhomes-next, #feat-showhomes-prev {
    width: 17px;
    position: absolute;
    bottom: 32px;
    right: 12px;
    padding-top: 74px;
    -moz-box-shadow: 0 0 9px #000; 
    -webkit-box-shadow: 0 0 9px #000; 
    box-shadow: 0 0 9px #000; 
    background: url(../images/layout/icons.png) no-repeat -216px -96px;
}

#feat-plans-prev {
    left: 12px;
    background: url(../images/layout/icons.png) no-repeat -216px -16px;
}

#feat-showhomes-next, #feat-showhomes-prev {
    padding-top: 17px;
    z-index: 500;
}

#feat-showhomes-next {
    background: url(../images/layout/icons.png) no-repeat -216px -125px;
}

#feat-showhomes-prev {
    left: 12px;
    background: url(../images/layout/icons.png) no-repeat -216px -45px;
}

#feat-plans-next:hover, #feat-plans-next.sfhover {
    background-position: -216px -256px;
}

#feat-plans-prev:hover, #feat-plans-prev.sfhover {
    background-position: -216px -176px;
}

#feat-showhomes-next:hover, #feat-showhomes-next.sfhover {
    background-position: -216px -285px;
}

#feat-showhomes-prev:hover, #feat-showhomes-prev.sfhover {
    background-position: -216px -205px;
}

#feat-showhomes-nav .disabled {
    display: none;
}

#plans-search-form {
    padding: 15px 18px;
    width: 907px;
    margin-bottom: 20px;
    position: relative;
}

#plans-search-form fieldset {
    display: inline;
}

#plans-search-form label {
    margin-bottom: 5px;
}

#plans-search-form select {
    margin-right: 20px;
    padding: 4px 10px 4px 4px;
    scrollbar-arrow-color: #737273;
}

#show-all-plans {
    display: inline-block;
    bottom:-11px;
    position: absolute;
}

#plans-index, #showhomes-index {
    width: 960px;
}

div.contact-dialog {
    background:url("../images/layout/sidebar.jpg") repeat-x scroll left top #1C1C1C!important;
    border: none!important;
    border-bottom:1px solid #323232!important;
    padding:15px 17px!important;
    -moz-box-shadow: 0 0 16px #000!important; 
    -webkit-box-shadow: 0 0 16px #000!important; 
    box-shadow: 0 0 16px #000!important; 
    width: 650px!important;
    -moz-border-radius: 0!important; 
    -webkit-border-radius: 0!important; 
    border-radius: 0!important; 
    float: left!important;
    
}

div.contact-dialog .ui-dialog-titlebar {
    background: none;
    border: none;
}

div.contact-dialog .ui-dialog-titlebar span {
    display: none!important;
    height: 0;
}

div.contact-dialog #new_contact_message label, .contact-dialog #contact-details dl dt {
    text-shadow: #000 0 0 2px;
    font-family: 'Century Gothic', "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: 200!important;
    font-size: 1em!important;
    letter-spacing: 0.02em!important;
}

div.contact-dialog #new_contact_message p {
    color: #FAEDD5!important;
    margin-top: 30px;
}

div.contact-dialog #contact-dialog {
    padding: 0;
    margin-bottom: 0;
    margin-top: -10px;
}

div.contact-dialog a.ui-corner-all {
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
    border-radius: 0; 
}

div.contact-dialog a.ui-dialog-titlebar-close {
    display: block;
    -moz-corner-radius: 0;
    width: 25px;
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 0;
    top: 0;
    margin: 0!important;
    cursor: hand;
    height: 25px!important;
    background:url("../images/layout/icons.png") no-repeat scroll -288px -96px transparent;
    border: none!important;
}

div.contact-dialog a.ui-dialog-titlebar-close:hover {
    
    background:url("../images/layout/icons.png") no-repeat scroll -288px -176px transparent;
}

div.contact-dialog #contact-dialog .input-text {
    background: #0C0C0C;
    border-color:#444444 #000 #7A7A7A #343434;
    border-style:solid none solid solid;
    border-width:1px medium 1px 1px;
    color:#C5B9A1;
    font-size:1.15em;
    letter-spacing:0.02em;
    margin-bottom:17px;
    padding:6px 7px;
    -webkit-box-shadow: none;
    -webkit-transition-property: -webkit-box-shadow;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
}

div.contact-dialog #contact-dialog select {
    width: 250px;
    float: none;
    margin-bottom: 15px;
}

div.contact-dialog form {
    float: left;
    display: block;
    background: none;
    border: none;
}

div.contact-dialog #contact-details {
    width: 300px;
    float: left;
}

div.contact-dialog #contact-details a {
    color: #f4be39!important;
}

div.contact-dialog #contact-details a:hover {
    border-bottom: 1px dotted #fff!important;
}

div.contact-dialog #contact-details dd, div.contact-dialog #contact-details dt {
    padding-left: 0!important;
    font-size: 1.1em!important;
}

div.contact-dialog .ui-dialog-buttonpane {
    background: none;
    border: none;
    padding-right:43px;
    position: absolute;
    right: 16px;
    bottom: 34px;
}

.ui-widget-overlay {
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top:0;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
}

div.contact-dialog #contact-dialog input.generic-btn, div.contact-dialog .ui-dialog-buttonpane .ui-button {
    background: url(../images/layout/bg-grads.jpg) left -146px repeat-x;
    color: #ffe0a9;
    border: 1px solid #6f6d6b;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    letter-spacing: 0.1em;
    position: relative;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    margin-top: -1px;
    text-shadow: #000 0 0 5px;
    display: block;
    height: 28px;
    padding: 5px 10px 10px 10px;
    cursor: pointer;
    cursor: hand;
    -moz-box-shadow: 0 0 4px #000; 
    -webkit-box-shadow: 0 0 4px #000; 
    box-shadow: 0 0 4px #000; 
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.6s, 0.6s;
    -webkit-transition-timing-function: ease-out, linear;

}

div.contact-dialog #contact-dialog input.generic-btn:hover, div.contact-dialog .ui-dialog-buttonpane .ui-button:hover {
    background-position: left -37px!important;
    border: 1px solid #666!important;
    color: #000!important;
    text-shadow: #f9eccc 1px 1px 2px!important;
    -moz-box-shadow: 0 0 9px #000!important; 
    -webkit-box-shadow: 0 0 9px #000!important; 
    box-shadow: 0 0 9px #000!important; 
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
}

div.contact-dialog .input-text:hover {
    border-bottom: 1px solid #949494!important;
    border-top: 1px solid #5e5e5e!important;
    border-left: 1px solid #4d4d4d!important;
    -moz-box-shadow: 0 0 9px #444!important; 
    -webkit-box-shadow: 0 0 9px #666!important; 
    box-shadow: 0 0 9px #444!important; 
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
}

div.contact-dialog .input-text:focus {
    color: #faedd5!important;
    border-bottom: 1px solid #7a7a7a!important;
    border-top: 1px solid #444444!important;
    background: #000!important;
    border-left: 1px solid #343434!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
}

#showview-top a {
    border: 1px solid #674f24;
    -moz-box-shadow: 0 0 10px #000; 
    -webkit-box-shadow: 0 0 10px #000; 
    box-shadow: 0 0 10px #000; 
    width: 454px;
    height: 260px;
    margin-right: 15px;
    display: inline-block;
    background: #FFF;
    position: relative;
    text-align: center;
}

#showview-top a:hover {
    border: 1px solid #fff;
}


/*
    ----------------------------
    2.5 Contact Page
    ----------------------------
*/

#contact-page {
    width: 927px;
    padding: 15px 18px;
    background: url(../images/layout/glow-frame.jpg) top left no-repeat #222021;
    border-bottom: 1px solid #323232;
    float: left;
}

#contact-page form {
    background: none;
    padding-left: 0;
    border: none;
}

#contact-form {
    position: relative;
}

#contact-right {
    float: left;
    padding-left: 18px;
    width: 442px;
}

.contact-map {
    width: 464px;
    position: relative;
    float: left;
    border: 1px solid #665a41;
    border-top: 1px solid #52514e;
    border-bottom: 1px solid #7e622e;
    height: 625px;
    background: url(../images/layout/map-bg.jpg) top left no-repeat;
}

.contact-map a {
    position: absolute;
    height: 20px;
    width: 7px;
    overflow: hidden;
    display: block;
    padding-left: 12px;
    text-transform: uppercase;
    z-index: 0;
    border-bottom: none!important;
    margin-right: -1000px;
    background: url(../images/layout/icons.png) -281px -12px no-repeat;
}

.contact-map a div {
    background: url(../images/layout/icons.png) left -376px no-repeat;
    height: 19px;
    display: inline-block;
    padding: 1px 8px 0 20px;
    font-size: 1.18em;
    letter-spacing: 0.07em;
    color: #fbd795;
    opacity: 0;
    border-right: 1px solid #fbd795;
}

.contact-map a:hover div {
    opacity: 1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
}

.contact-map a:hover {
    width: auto;
    overflow: visible;
    z-index: 100;
    background: url(../images/layout/icons.png) -283px -54px no-repeat;
}

.contact-map a.selected {
    background: url(../images/layout/icons.png) -283px -214px no-repeat;
}

#contact-right dt {
    color: #fbd795;
    text-shadow: #000 0 0 3px;
    font-size: 1.1em;
    margin-right: 20px;
    letter-spacing: 0.07em;
    margin-bottom: 4px;
}

#contact-right select, #sidebar select {
    margin-bottom: 14px;
    width: 200px;
}

#contact-right dd {
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-shadow: #000 0 0 3px;
}

.address, .message {
    white-space: pre-wrap;
}

.office-areas {
    font-style: italic;
    color: #F4BE39;
    margin-top: -13px;
}

/*
    ----------------------------
    2.6 Footer
    ----------------------------
*/


#footer a {
    border-bottom: none!important;    
}

#footer-content a {
    color: #624b23;
    text-shadow: 1px 1px 1px #faeac7;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    margin: 0 1px 1px 0;
    padding: 3px 0;
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
}

#footer-content > ul > li {
    display: block;
    width: 160px;
    float: left;
    margin-top: 15px;
    height: 140px;
    background: url(../images/layout/icons.png) 151px -136px no-repeat;
}

#footer-content ul li ul li {
    display: block;
    width: 140px;
    margin: 0;
    padding-top: 11px;
    height: auto;
    background: none;
    font-style: italic;
    font-size: 0.86em;
}

#footer-content li {
    list-style: none;
}

#footer-content ul li ul li a {
    padding-top: 10px;
}

#footer-content a.fnav-selected {
    color: #000!important;
}

#footer-content a:hover {
    color: #000;
    margin: 1px 0 0 1px;
    text-shadow: none;
}

#footer-logos span {
    background-image: url(../images/layout/logos.png);
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    margin-right: 151px;
}

#logo-zog {
    width: 57px;
    padding-top: 35px;
    background-position: 0 -8px;
    margin: 13px 151px 0 10px;
}

#logo-resene {
    background-position: -233px -8px;
    margin-top: 12px;
    padding-top: 34px;
    width: 96px;
}

#logo-axxis {
    background-position: -57px -8px;
    margin-top: 15px;
    padding-top: 27px;
    width: 61px;
}

#logo-goldseal {
    background-position: -181px 0;
    margin-top: 5px;
    padding-top: 49px;
    width: 51px;
}

#logo-erff {
    background-position: -118px 0;
    margin: 5px 0 0 0!important;
    padding-top: 45px;
    width: 61px;
}

#footer-bottom {
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.04em;
    padding-top: 9px;
    text-shadow: 0 0 4px #000;
    font-weight: 200;
}


#footer-bottom span {
    color: #ababab;
    margin-right: 220px;
}

#footer-bottom a {
    margin-right: 80px;
    color: #ffd996;
}

#footer-bottom a:hover {
    color: #fff;
}




/*
    ----------------------------
    2.7 Fancybox Styles
    ----------------------------
*/

#fancybox-outer {
    background: url("../images/layout/sidebar.jpg") repeat-x scroll left top #1C1C1C;
    -moz-box-shadow: 0 0 25px #000; 
    -webkit-box-shadow: 0 0 25px #000; 
    box-shadow: 0 0 25px #000; 
    border-bottom: 1px solid #3c3c3c;
    border-left: 1px solid #343434;
    border-right: 1px solid #343434;
}

#fancybox-inner {
    position: relative!important;
    border: 1px solid #674f24;
    top: 16px;
    left: 16px;
    -moz-box-shadow: 0 0 10px #000; 
    -webkit-box-shadow: 0 0 10px #000; 
    box-shadow: 0 0 10px #000; 
}

#fancybox-left:hover span, #fancybox-right:hover span {
    left: 8px;
    width: 17px;
    padding-top: 74px;
    -moz-box-shadow: 0 0 9px #000; 
    -webkit-box-shadow: 0 0 9px #000; 
    box-shadow: 0 0 9px #000; 
    background: url(../images/layout/icons.png) no-repeat -216px -16px;
}

#fancybox-right:hover span {
    right: 9px;
    left: auto;
    background: url(../images/layout/icons.png) no-repeat -216px -96px;
}

#fancybox-close {
    background: url(../images/layout/icons.png) no-repeat -288px -96px;
    width: 25px;
    height: 25px;
}

#fancybox-close:hover {
    background: url(../images/layout/icons.png) no-repeat -288px -176px;
}

#fancybox-title-wrap span {
    text-transform: uppercase;
    text-shadow: #000 0 0 4px;
    background: none;
    font-family: Avenir, "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.12em;
    font-weight: 200;
    height: 26px;
    font-size: 0.9em;
}

#fancybox-title-wrap {
    background: url(../images/layout/bg-grads.jpg) center -3px repeat-x;
    border: 1px solid #444;
    color: #fbd795!important;
    -moz-box-shadow: 0 0 9px #000; 
    -webkit-box-shadow: 0 0 9px #000; 
    box-shadow: 0 0 9px #000; 
}

#fancybox-outer a {
    border-bottom: none!important;
}



/* 
    
    3. Navigation

*/

/*
    ----------------------------
    3.1 Main Nav
    ----------------------------
*/


#nav, #nav ul {
    padding: 0;
    margin: 0;
}

#nav {
    float: left;
    padding: 8px 0 0 14px;
    position: relative;
}

#nav a {
    display: block;
    background: url(../images/layout/navigation.png) top center no-repeat;
    width: 129px;
    padding-top: 69px;
    color: #fbd795;
    text-shadow: #000 0 0 4px;
    z-index: 0;
    text-transform: uppercase;
    border-bottom: none!important;
}

#nav a:hover {
    z-index: 1000;
}

#nav li {
    float: left;
    width: 129px;
    margin-right: 1px;
    position: relative;
    z-index: 50;
    display: block;
    list-style: none;
}

#nav li ul {
    position: absolute;
    left: -999em; 
    color: #fff;
    z-index: 100!important;
    margin-top: -8px;
    opacity: 0.4;
    -webkit-transition-property: margin-top, opacity;
    -webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-timing-function: ease-out, ease-out;
}

#nav .dropdown-arrow {
    background: url(../images/layout/icons.png) -72px -416px no-repeat;
    width: 18px;
    height: 10px;
    top: 60px;
    z-index: 100;
    position: absolute;
    left:-999em;
    margin: -8px auto 0;
    opacity: 0.7;
    -webkit-transition-property: margin-top, opacity;
    -webkit-transition-duration: 0.4s, 0.4s;
    -webkit-transition-timing-function: ease-out, ease-out;
    z-index: 80;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    background: url(../images/layout/dropdown-bg.png) top center no-repeat;
    padding: 5px 0;
    color: #e4d9c4;
    letter-spacing: 0.015em;
    border: 1px solid #7c7768;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    z-index: 0;
    margin: 0 auto;
    opacity:1;
    z-index: 90!important;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    box-shadow: 0 0 10px rgba(0,0,0,0.6); 
}

#nav li:hover div.dropdown-arrow, #nav li.sfhover div.dropdown-arrow {
    left: 54px;
    margin-top: 0;
    z-index: 100!important;
    opacity: 1;
}

#nav li:hover ul li, #nav li.sfhover ul li {
    float: none;
    height: auto;
    font-size: 1.1em;
    width: auto;
    text-align: center;
    margin: 8px 0;
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
    background: none;
}

#nav li:hover ul li a, #nav li.sfhover ul li a {
    display: inline-block;
    float: none;
    height: auto;
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
    width: auto;
    text-align: center;
    height: 19px;
    font-size: 10px;
    background: none;
    padding: 8px 10px 0;
}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover {
    background: url(../images/layout/bg-grads.jpg) center -37px repeat-x;
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px; 
    color: #000;
    padding: 0 18px 0 0!important;
    height: 27px;
    text-shadow: none;
    -moz-box-shadow: 0 0 7px #000; 
    -webkit-box-shadow: 0 0 7px #000; 
    box-shadow: 0 0 7px #000; 
}


#nav a:hover canvas {
    padding: 8px 3px 6px 10px
}

.about-dd {
    width: 20.6em;
    margin-left: -5.5em!important;
}

.plans-dd {
    width: 16.3em;
    margin-left: -3.2em!important;
}

.showhomes-dd {
    margin-left:-1.7em !important;
    width:15em;
}

#nav li:hover, #nav li.sfhover {
    z-index: 1000;
}


/* ---default nav states--- */

a#nav-about {background-position: center -69px!important;}
a#nav-plans {background-position: center -138px!important;}
a#nav-showhomes {background-position: center -207px!important;}
a#nav-features {background-position: center -276px!important;}
a#nav-contact {background-position: center -345px!important;}


/* ---rollover nav states--- */

li:hover a#nav-home {background-position: right 0!important;}
li:hover a#nav-about {background-position: right -69px!important;}
li:hover a#nav-plans{background-position: right -138px!important;}
li:hover a#nav-showhomes {background-position: right -207px!important;}
li:hover a#nav-features {background-position: right -276px!important;}
li:hover a#nav-contact {background-position: right -345px!important;}

/* ---selected states--- */

a#nav-homeSelected {background-position: left top!important;}
a#nav-aboutSelected {background-position: left -69px!important;}
a#nav-plansSelected {background-position: left -138px!important;}
a#nav-showhomesSelected {background-position: left -207px!important;}
a#nav-featuresSelected {background-position: left -276px!important;}
a#nav-contactSelected {background-position: left -345px!important;}

/* 
    
    4. Formatting

*/

/*
    ----------------------------
    4.1 Generic Styles
    ----------------------------
*/


h1, h1.default {
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #f4be39;
    text-shadow: #000 0 0 3px;
    margin-bottom: 17px;
    font-weight: 200;
}

a, a.default {
    color: #f4be39;
    letter-spacing: 0.03em;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a:hover, a.default:hover {
    color: #fff;
    border-bottom: none;
}

a:focus, a.default:focus, a:active, a.default:active {
    border: none;
}

h2, h2.default, p.office-areas, table.default th, table th {
    font-family: Avenir, 'Century Gothic', Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #fdd795;
    text-shadow: #000 0 0 3px;
    margin-bottom: 17px;
    font-weight: 200;
}

p.office-areas { 
    font-style: normal;
    margin-top: -7px;
}

p, p.default, ul.default li, ul li, ol.default li, ol li, dl.default dd, #contact-details dd, dd, .input-text {
    color: #faedd5;
    margin-bottom: 12px;
    letter-spacing: 0.03em;
    font-size: 1.2em;
}

p, p.default {
    margin-bottom: 17px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.6em;
}

ul.default li, ul li {
    list-style: inside url(../images/layout/list.png);
}

ol.default li, ol li {
    list-style: inside decimal;
}

ul.default, ol.default, ul, ol {
    margin-bottom: 15px;
}

hr.default, hr {
    color: #fdd795;
    background: none;
    border: none;
    border-bottom: 1px dotted #444;
}

dl.default dt, #contact-details dt, dt {
    text-transform: uppercase;
    font-size: 1em;
    color: #fdd795;
    margin-bottom: 2px;
}

blockquote.default, blockquote {
    padding-left: 35px;
    color: #fdd795!important;
    font-size: 1.3em;
    padding-top: 6px;
    background: url(../images/layout/icons.png) -288px -416px  no-repeat;
}

table.default, table {
    margin-bottom: 17px;
    border: 1px solid #444;
    table-layout: fixed;
}

table.default td, table td {
    color: #faedd5;
    padding: 4px 9px 13px;
    letter-spacing: 0.07em;
    font-size: 1em;
}

table.default th, table th {
    padding: 9px;
    font-size: 0.9em;
}

/* --BTN */

.generic-btn, #cms_user_session_submit, .generic-btn-min {
    display: inline-block;
    padding: 7px 17px 8px 10px;
    background: url(../images/layout/bg-grads.jpg) left -146px repeat-x;
    color: #ffe0a9;
    height: 12px;
    border: 1px solid #6f6d6b;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    letter-spacing: 0.1em;
    position: relative;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0;
    text-shadow: #000 0 0 5px;
    -moz-box-shadow: 0 0 4px #000; 
    -webkit-box-shadow: 0 0 4px #000; 
    box-shadow: 0 0 4px #000; 
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.6s, 0.6s;
    -webkit-transition-timing-function: ease-out, linear;
}

#contact-page .generic-btn {
    margin-top: 1px;    
}

input.generic-btn, input#cms_user_session_submit {
    display: block;
    height: 28px;
    padding: 3px 10px 12px 10px;
    cursor: pointer;
    cursor: hand;
}

.generic-btn div, #sub-feature a div, .generic-btn-min div {
    display: block;
    position: absolute;
    width: 4px;
    padding-top: 8px;
    top: 6px;
    right: 5px;
    margin: 3px 3px 3px 6px;
    background: url(../images/layout/icons.png) -72px -256px no-repeat;
}

#sub-feature a div {
    top: auto;
    background-position: -72px -216px!important;
    bottom: 7px;
    margin: 10px 3px 3px 6px;
    padding-top: 16px;
    right: 7px;
    width: 9px;
}

#sub-feature li:hover a div, #sub-feature li.sfhover a div {
    background-position: -72px -176px!important;
    top: 104px;
}

.generic-btn:hover, #cms_user_session_submit:hover, .generic-btn-min:hover {
    background-position: left -37px;
    border: 1px solid #666;
    color: #000;
    text-shadow: #f9eccc 1px 1px 2px;
    padding: 0 27px 15px 0;
}

a.generic-btn:hover {
    margin-top: 0!important;
}

input.generic-btn:hover, #cms_user_session_submit:hover {
    padding: 3px 10px 15px 10px;
}

.generic-btn:hover canvas, #cms_user_session_submit canvas, .generic-btn-min:hover canvas {
    padding: 8px 17px 9px 10px!important;
    margin-top: -1px;
}

.generic-btn:hover div, .generic-btn-min:hover div {
    background-position: -72px -336px;
}

#main-text .generic-btn {
    margin-right: 20px;
    float: left;
}

#main-text .generic-btn:hover {
    margin-bottom: 0;
}

#admin-page .generic-btn {
    float: none;
}

.generic-btn-min {
    padding: 4px 12px 4px 3px;
    font-size: 0.9em;
}

.generic-btn-min:hover {
    padding: 0 15px 8px 0;
}

.generic-btn-min div {
    top: 2px;
}

.generic-btn-min:hover canvas {
    padding: 5px 6px 4px 3px!important;
}

.loading-overlay, .loading-image {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clear: left;
    display: none;
    top: 0;
    left: 0;
}

.loading-overlay {
    opacity: 0.6;
    background: black url(../images/layout/loading-large.gif) no-repeat center center;
    z-index: 999;
}

.loading-image {
    z-index: 1000;
}

#contact-details ul li {
    list-style: none!important;
}

.feat-showhomes-index-info a.generic-btn, .feat-showhomes-index-info a.generic-btn:hover {
    margin-top: 7px!important;
}

/*
    ----------------------------
    4.2 Form Styles
    ----------------------------
*/


label {
    text-transform: uppercase;
    color: #ffd996;
    text-shadow: #000 0 0 3px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    display: block;
}

.form-helper {
    position: relative;
    top: -15px;
    font-style: italic;
}

.input-text {
    width: 270px;
    float: left;
    background: #0c0c0c;
    border-bottom: 1px solid #7a7a7a;
    border-top: 1px solid #444444;
    border-left: 1px solid #343434;
    padding: 6px 7px;
    height: 13px;
    margin-bottom: 17px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #c5b9a1;
    border-right: none;
    -webkit-box-shadow: none;
    -webkit-transition-property: -webkit-box-shadow;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    z-index: 100;
}

textarea.input-text {
    height: 100px;
    line-height: 1.6em;
    padding: 5px 8px;
    width: 268px;
}

.input-text:hover {
    border-bottom: 1px solid #949494;
    border-top: 1px solid #5e5e5e;
    border-left: 1px solid #4d4d4d;
    -moz-box-shadow: 0 0 9px #444; 
    -webkit-box-shadow: 0 0 9px #666; 
    box-shadow: 0 0 9px #444; 
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
}

.input-text:focus {
    color: #faedd5;
    border-bottom: 1px solid #7a7a7a;
    border-top: 1px solid #444444;
    background: #000;
    border-left: 1px solid #343434;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: -webkit-box-shadow, border;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
}

fieldset {
    position: relative;
}

.ui-dialog .fieldWithErrors {
    margin-bottom: 0!important;
}

.fieldWithErrors input, .ui-dialog .fieldWithErrors input, .ui-dialog .fieldWithErrors textarea, .fieldWithErrors textarea, .fieldWithErrors textarea:focus, .fieldWithErrors select, .fieldWithErrors input:focus, .fieldWithErrors textarea:focus, .fieldWithErrors select:focus {
    background-color: #281c05!important;
    color: #c5b9a1!important;
    border: 1px solid #4a311b!important;
    border-bottom: 1px solid #f67c06!important;
    border-top: 1px solid #b16a23!important;
    z-index: 100!important;
    margin-bottom: 0 !important;
}

.fieldWithErrors input:hover, .fieldWithErrors textarea:hover, .fieldWithErrors select:hover, .ui-dialog .fieldWithErrors input:hover, .ui-dialog .fieldWithErrors textarea:hover, .ui-dialog .fieldWithErrors select:hover {
    background-color: #150b02!important;
    color: #faedd5!important;
    border: 1px solid #f67c06!important;
    border-left: 1px solid #b16a23!important;
    border-right: 1px solid #b16a23!important;
}

.fieldWithErrors input:focus, .fieldWithErrors textarea:focus, .fieldWithErrors select:focus, .ui-dialog .fieldWithErrors input:focus, .ui-dialog .fieldWithErrors textarea:focus, .ui-dialog .fieldWithErrors select:focus {
    background-color: #150b02!important;
    border: 1px solid #4a311b!important;
    border-bottom: 1px solid #f67c06!important;
    border-top: 1px solid #b16a23!important;
    color: #faedd5!important;
}

.formError, .ui-dialog .formError {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-left-radius: 6px;  
    -webkit-border-bottom-right-radius: 6px; 
    border-bottom-left-radius: 6px; 
    border-bottom-right-radius: 6px; 
    background:url("../images/layout/icons.png") no-repeat scroll -281px -250px #F67C06;
    background-image:url("../images/layout/icons.png"), -moz-linear-gradient(0% 100% 90deg,#F67C06, #F67C06, #FCA01D 55%);
    background-image:url("../images/layout/icons.png"), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FCA01D),color-stop(1, #F67C06));
    background-position: -281px -250px, 0 0;
    bottom: 0;
    color: #000;
    display: block;
    float: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    text-shadow: none;
    margin-top: 0;
    padding: 7px 13px 6px 34px;
    text-transform:uppercase;
    border: 1px solid #ffb936;
    border-top: none;
    opacity: 1;
    -webkit-animation-name: errorfade;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes errorfade {
    0% {
        opacity: 0;
        margin-top: -18px;
    }
    100% {
        opacity: 1;
        margin-top: -1px;
    }
}

#searchbar .input-text {
    width: 246px!important;
}

select {
    background: #000;
    border-color: #444444 #000 #7B7B7B #343434;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    color: #737273;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    height:27px;
    padding:5px 4px 4px;
    -webkit-border-radius: 0px!important;
    scrollbar-arrow-color: #737273;
}

select.related-plans-select {
    height: 300px;
}

.fieldWithErrors select {
    margin-bottom: 0!important;
}

#contact-right .generic-btn {
    float: none;
}

.errorExplanation, .flash-notice {
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    background: #FCA01D;
    background-image: -moz-linear-gradient(0% 100% 90deg,#F67C06, #F67C06, #FCA01D 55%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FCA01D),color-stop(1, #F67C06));
    display: block;
    float: left;
    font-size: 1em;
    margin-bottom:10px;
    padding: 0;
    text-transform:uppercase;
    border: 1px solid #ffb936;
    -moz-box-shadow: 0 0 7px #000; 
    -webkit-box-shadow: 0 0 7px #000; 
    box-shadow: 0 0 7px #000; 
    text-shadow: #000 0 00 3px;
}

.errorExplanation p {
    background:url("../images/layout/icons.png") no-repeat scroll -281px -250px;
    color: #000;
    padding: 7px 13px 5px 34px;
    margin-bottom: 8px;
    text-shadow: none;
}

.errorExplanation ul {
    margin-left: 15px;
}

.flash-notice {
    background:url("../images/layout/icons.png") no-repeat scroll -281px -250px #F67C06;
    background-image:url("../images/layout/icons.png"), -moz-linear-gradient(0% 100% 90deg,#F67C06, #F67C06, #FCA01D 55%);
    background-image:url("../images/layout/icons.png"), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FCA01D),color-stop(1, #F67C06));
    background-position: -281px -251px, 0 0;
    font-size: 1.1em;
    padding: 7px 120px 8px 37px;
    display: inline-block;
    width: 300px; 
    margin: 17px 0;
    text-shadow: #FCA01D 0 00 3px;
    color: #000;
}



.back-link {
    float: right;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-left: 7px;
    border-bottom: none;
    background: url(../images/layout/icons.png) -72px -476px no-repeat;
}

.back-link:hover {
    background-position: -72px -444px;
}


/*
    ----------------------------
    4.3 List Styles
    ----------------------------
*/





/*
    ----------------------------
    4.4 Image Styles
    ----------------------------
*/

/* 
    
    5. Admin

*/

/*
    ----------------------------
    5.1 Admin generic styles
    ----------------------------
*/


.admin-table {
    color: #fff;
    margin: 20px 0;
    font-size: 1.2em;
    background: #000;
}

.admin-table td, .admin-table th {
    padding: 5px 7px;
    text-shadow: #000 0 0 4px;
}

.admin-table th {
    text-transform: uppercase;
    color: #fbd795;
}

.admin-form .checkbox, .admin-form input, .admin-form select {
    margin-bottom: 17px;
}

.admin-form input.generic-btn {
    margin-bottom: 0;
}

.admin-form select {
    width: 270px;
}

.cke_panel_block ul li a {
    border: none;
}

.cke_panel_grouptitle {
    text-shadow: none;
    letter-spacing: 0;
}

body.cke_ltr li {
    list-style: none;
}

div#cms-visor-left ul {
    margin-bottom: 0;
}

div#cms-visor-left ul li {
    font-size: 1em!important;
}

div#cms-visor-left ul li a {
    border-bottom: none;
}

.wysiwyg-wrapper {
    margin-bottom: 20px;
}