/* ===[ General Styles ]=== */
body {
    padding: 20px 0;
    color: #444;
    font-size: 14px;
    line-height: 1.5em;
}

.wrap {
    width: 960px;
    margin: 0 auto;
}

header {
    position: relative;
    padding: 20px 0;
}

a.logo {
    display: block;
    margin-bottom: 20px;
}

a.logo img {
    max-width: 100%;
    height: auto;
}

.gradient-light-linear {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}



/* ===[ Typography ]=== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

h1 { font-size: 22px }

h1.title {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px dotted #888;
    font-size: 28px;
	text-shadow: 3px 2px 3px #888;
}

h2 { font-size: 16px }

h3 {
    font-size: 14px;
    margin-bottom: 0;
}

h4 { font-size: 12px }

p {
    margin: 0 0 15px 0;
}

p:last-child { margin-bottom: 0 }

a {
    text-decoration: none;
    outline: 0;
}
small {font-style: italic;}


/* ===[ Helper Classes ]=== */
.fade, #mainNav > ul > li > a {-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
.center {text-align: center;}

/* ===[ Right Floated Nav ]=== */

.float-right #mainNav {position: absolute !important; right: 0; bottom: 10px;}
.float-right a.logo {float: left; margin: 0;}
.left-stacked ul.social {top: 40px; color: #fef200;}

/* ===[ Main Navigation ]=== */

.bar #mainNav {
    position: relative;
}

.bar #mainNav > ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}

.bar #mainNav > ul > li {
    float: left;
    position: relative;
}

.bar #mainNav > ul > li:last-child a {border: none;}

.bar #mainNav > ul > li > a {padding: 12px 15px; display: block;}

.btn,
.content .gform_button {
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 -1px 0 solid rgba(1, 1, 1, .8);
    color: black;
    padding: 8px 18px !important;
}

#mainNav > ul > li {position: relative;}

#mainNav ul li a {}

/* ===[ Box Navigation ]=== */

.box #mainNav {}
.box #mainNav > ul > li {float: left; margin-right: 10px;}
.box #mainNav > ul > li > a {display: block; padding: 8px 15px;}

/* ===[ Pill Navigation ]=== */

.pill #mainNav {}
.pill #mainNav > ul > li {float: left; margin-right: 10px;}
.pill #mainNav > ul > li > a {display: block; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: black;
}


#mainNav > ul > li > a {
    text-shadow: 0 -1px 0 rgba(1, 1, 1, .3);
}
/* ===[ Content ]=== */

#mainNav > ul > li {padding-bottom: 10px;}

#mainNav {margin: 10px 0 0 0; display: inline-block;}
#mainNav li a {font-size: 14px;}

/* ===[ Sub Menu ]=== */
#mainNav ul li ul {display: none; width: 260px; position: absolute; left: -30px; padding: 0; z-index: 500; text-align: left; margin-top: 10px; padding: 10px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 1); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 1);}
.pill #mainNav ul li ul, .pill #mainNav > ul > li ul li a {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#mainNav > ul > li ul li a {padding: 10px; display: block;}

/*Arrow*/
#mainNav li ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.main {
    background: #FFF;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .2);
}

.with-sidebar .layout {width: 75%; float: left;}

.area {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
}

.area:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

.main img {
    max-width: 100%;
    height: auto;
}

.page-image {
    display: block;
    margin-bottom: 40px;
}

.map iframe {
    width: 100%;
    border: 1px solid #DDD;
    display: block;
    margin-bottom: 20px;
}

.map small { display: none }

/* ===[ Image Slider ]=== */

.slider-container {
    background: url(../img/shadow.png) no-repeat center 349px;
    margin-bottom: 30px;
}

.slider {
    width: 938px;
    height: 392px;
    padding: 10px;
    margin: 0;
    border: 1px solid #d2d2d2;
    background: #eeeeee;
    list-style: none;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.slider li {
    padding: 10px;
    width: 958px;
}

.slider span {
    display: block;
    position: absolute;
    top: 150px;
    left: 11px;
    padding: 20px;
    background: rgba(0, 0, 0, .4);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #FFF;
    font-size: 28px;
    text-decoration: none;
}

.pager {
    text-align: center;
    margin-top: 30px;
}

.pager a {
    background: url(../img/pager.png);
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    margin-right: 8px;
    display: inline-block;
    background-position: 0 -16px;
}

.pager a:last-child { margin-right: 0 }

.pager a.activeSlide { background-position: 0 0 }

/* ===[ Main Content ]=== */

.action-areas {
    padding: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.action-areas li {
    float: left;
    width: 280px;
    margin-right: 39px;
}
.with-sidebar .action-areas li {width: 200px;}

.action-areas li:last-child,
.action-areas li.last { margin-right: 0 !important }

.action-areas li a { display: block }

.action-areas li a.call-image {
    margin-bottom: 20px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    padding-bottom: 11px;
    background: url(../img/small-drop.png) no-repeat center bottom;
    width: 100%;
}

.action-areas li a.call-image {
    background: url(../img/small-drop.png) no-repeat 4px 131px;
    background-size: 100%;
}
.action-areas li a.call-image:hover { border: none }

.action-areas li a.call-image:hover { opacity: .75 }

.action-areas li + a { margin-bottom: 20px }

.action-areas li img {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFF;
    padding: 5px;
    max-width: 100%;
    height: auto;
}

/* ===[ Post ]=== */

article.post {
    padding-left: 20px;
    border-left: 5px solid #E0E0E0;
    margin-bottom: 40px;
}

/* ===[ Gallery ]=== */

.gallery {
    
    margin: 0 0 -27px 0;
    list-style: none;
    overflow: hidden;
}

.gallery li {
    margin: 0 75px 75px 0;
    float: left;
    width: 150px;
}

.gallery li .left {float: left;}
.gallery li .right {float: right;}


.gallery li:nth-child(4n) { margin-right: 0 }

.gallery li a {
    display: block;
    background: #FFF;
    padding: 5px;
    border: 1px solid #cacaca;
    -webkit-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
}

.gallery li a:hover {
    background: #dadada;
    border: 1px solid #CACACA;
}

.gallery li a img { display: block }

/* ===[ Social ]=== */

ul.social {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    float: right;
    height: 30px;
    line-height: 20px;
}

ul.social li {
    display: inline;
    font-size: 16px;
    margin-right: 8px;
}

ul.social li a { text-indent: -9999px }

.facebook a {
    display: inline-block;
    background: url(../img/social.png);
    width: 30px;
    height: 30px;
}

.twitter a {
    display: inline-block;
    background: url(../img/social.png);
    width: 30px;
    height: 30px;
    background-position: 0 -30px;
}

/* ===[ Footer ]=== */

footer {
    margin-top: 60px;
    padding: 30px 0 10px 0;
    background: url(../img/swirl.png) no-repeat center top;
    font-size: 12px !important;
}

.copy {
    float: right;
    margin: 0;
    color: #FFF;
}

#footerNav {
    float: left;
    margin: 0;
    padding: 0;
}

#footerNav li {
    display: inline;
    border-right: 1px solid #444;
    margin-right: 5px;
    padding-right: 5px;
}

#footerNav li:last-child { border-right: none }

#footerNav li a {
    text-decoration: none;
    color: #FEF200;
}

#footerNav li a:hover {
}

/* ===[ Form ]=== */

.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select {
    width: 95% !important;
}

.content input[type="text"],
.content textarea {
    border: 1px solid #C7C7C7;
    padding: 8px !important;
    margin-bottom: 10px;
    font-size: 13px !important;
    width: 350px;
}

.content textarea { width: 500px }

.content .gform_button {
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newsletter { margin: 20px 0 }

.newsletter .gform_body {
    display: inline-block;
    margin-right: 8px;
}

.newsletter .gform_footer { display: inline-block }

.newsletter input[type="text"] { width: 300px }

.newsletter input[type="text"],
.newsletter input[type="submit"] {
    border: 1px solid #C7C7C7;
    padding: 8px !important;
    margin-bottom: 10px;
    font-size: 13px !important;
}

.newsletter input[type="submit"] {
    border: 1px solid darkred;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.newsletter label { float: left }

.gform_confirmation_message_2 {
    background: #CEF5CE;
    display: inline-block;
    padding: 10px;
    border: 1px solid #94C494;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*Sidebar*/
#sidebar {width: 19%; float: right; padding: 0 20px;}
#sidebar ul {padding: 0; margin: 0; list-style: none;}
#sidebar h3 {margin: 0 0 5px 0;}
#sidebar .widget {margin: 0 0 20px 0;}

/*Custom*/