/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{border-top-color: #4cbfcc; border-top-style: solid; border-top-width: 6px; line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }


/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
    border-top-color: #befb0b;
    background: #fff;
    border-top: 6px solid;
    color: #909090;
    font: 13px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    
    -webkit-text-size-adjust: 100%;
}
::-moz-selection {
    background: #96c320;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #96C320;
    color: #fff;
    text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #474747;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 15px;
}
h3,
h4,
h5 {
    font-weight: 600;
}
a,
a > * {
    color: #3a3a3a;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover,
a > *:hover {
    color: #85c000;
}
hr {
    background: #efefef;
    color: #efefef;
    margin: 5px 0 25px;
}
hr.dotted {
    border-style: dotted;
}
p + hr {
    margin: 25px 0 20px;
}
blockquote {
    background: #f8f8f8 url(../_img/quote.png) no-repeat 17px 21px;
    font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
    padding: 20px 20px 20px 55px;
}
blockquote.simple {
    background: none;
    border-left: 2px solid #ddd;
    color: #bbb;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 10px;
}
blockquote p:last-of-type {
    margin-bottom: 0;
}
blockquote small {
    font-size: 12px;
}
.button,
input[type="submit"],
input[type="reset"],
button {
    background: #96C320;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    height: auto;
    overflow: visible;
    padding: 7px 20px;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: auto;
}
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
    background: #3a3a3a;
    color: #fff;
}
.button {
    font-size: 12px;
    display: inline-block;
    padding: 5px 16px;
}
.button.medium {
    font-size: 13px;
}
.button.large {
    font-size: 15px;
}
.button.no-bg {
    background: none;
    color: #3a3a3a;
    padding: 0;
}
.button.no-bg:hover,
#footer .button.no-bg:hover {
    background: none;
    color: #96C320;
}
.button .icon,
.button .arrow {
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font: 0/0 a;
    height: 19px;
    margin: -3px 0 0 3px;
    text-shadow: none;
    vertical-align: middle;
    width: 19px;
}
.ie7 .button .icon,
.ie7 .button .arrow {
    display: inline;
}
.button .arrow {
    background: #ddd url(../_img/button-arrows.png) no-repeat 0 0;
}
.button .icon.left,
.button .arrow.left {
    margin-left: 0;
    margin-right: 3px;
}
.button .arrow.left {
    background-position: 0 -19px;
}
.button:hover .arrow {
    background-color: #96C320;
}
.dropcap {
    background: #eaeaea;
    color: #777;
    display: inline-block;
    float: left;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px;
}
.dropcap.dark {
    background: #3a3a3a;
    color: #fff;
}
.infobox {
    background: #fbfbfb;
    border: 1px solid #efefef;
    margin: 0 0 20px;
    padding: 25px;
}
.single-image,
.image-gallery,
.iframe {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.single-image.none,
.image-gallery.none,
.iframe.none,
.single-image.none img,
.image-gallery.none img,
.iframe.none img {
    display: inline;
    margin-bottom: 0;
    overflow: visible;
}
.single-image.align-left,
.image-gallery.align-left,
.iframe.align-left {
    margin-bottom: 15px;
    margin-right: 15px;
}
.single-image.align-right,
.image-gallery.align-right,
.iframe.align-right {
    margin-bottom: 15px;
    margin-left: 15px;
}
.single-image img,
.image-gallery img,
.iframe img {
    margin-bottom: -5px;
}
.single-image .zoom,
.image-gallery .zoom,
.iframe .zoom {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.4);
    color: transparent;
    display: block;
    font: 0/0 a;
    height: 100%;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    text-shadow: none;
    top: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 100%;
}
.single-image .zoom:before,
.image-gallery .zoom:before,
.iframe .zoom:before {
    background: url(../_img/zoom.png) no-repeat;
    content: '';
    display: block;
    position: absolute;
    height: 58px;
    margin: -29px 0 0 -29px;
    left: 50%;
    top: 50%;
    width: 58px;
}
.single-image.video .zoom:before,
.image-gallery.video .zoom:before,
.iframe.video .zoom:before {
    background-image: url(../_img/zoom-video.png);
}
.single-image.link .zoom:before,
.image-gallery.link .zoom:before,
.iframe.link .zoom:before {
    background-image: url(../_img/zoom-link.png);
}
.single-image:hover .zoom,
.image-gallery:hover .zoom,
.iframe:hover .zoom {
    filter: alpha(opacity=40);
    opacity: 1;
}
/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.hidden {
    display: none;
}
.disabled {
    cursor: auto;
}
.screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    /* Fallback for old IE */
    
    position: absolute;
}
.align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.align-left {
    float: left;
}
img.align-left {
    margin-bottom: 15px;
    margin-right: 15px;
}
.align-right {
    float: right;
}
img.align-right {
    margin-bottom: 15px;
    margin-left: 15px;
}
/* ---------------------------------------------------------------------- */
/*	Lists
/* ---------------------------------------------------------------------- */

ul.none {
    list-style: none;
    margin: 0;
}
ul.dotted + ul.dotted:before {
    content: '';
    display: block;
    clear: both;
    border-bottom: 1px dotted #bdbdbd;
    margin: -15px 0 5px;
}
.arrow li,
.arrow-2 li,
.circle li,
.check li,
.check-2 li,
.star li,
.plus li,
.dash li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 24px;
}
.arrow li {
    background: url(../_img/list-arrow.png) no-repeat 5px 5px;
}
.arrow-2 li {
    background: url(../_img/list-arrow-2.png) no-repeat 2px 4px;
}
.circle li {
    background: url(../_img/list-circle.png) no-repeat 4px 5px;
}
.check li {
    background: url(../_img/list-check.png) no-repeat 3px 4px;
}
.check-2 li {
    background: url(../_img/list-check-2.png) no-repeat 0 4px;
}
.star li {
    background: url(../_img/list-star.png) no-repeat 0 1px;
}
.plus li {
    background: url(../_img/list-plus.png) no-repeat 3px 3px;
}
.dash li {
    background: url(../_img/list-dash.png) no-repeat 3px 8px;
}
/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

label {
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin: 0 0 5px;
}
input,
textarea,
select {
    -webkit-appearance: none;
    /* Fix for Mobile Safari */
    
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8f8f8f;
    font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    padding: 5px 10px;
    border-radius: 0;
}
input,
select {
    height: 30px;
    width: 200px;
}
textarea {
    padding: 10px;
    resize: both;
}
input:hover,
textarea:hover,
select:hover {
    border-color: #dedede;
}
input:focus,
textarea:focus,
select:focus {
    border-color: #ccc;
}
input[type="submit"],
input[type="reset"],
button {
    font-size: 13px;
    text-transform: uppercase;
}
input[type="submit"].medium,
input[type="reset"].medium,
button.medium {
    font-size: 15px;
}
input[type="submit"].large,
input[type="reset"].large,
button.large {
    font-size: 17px;
}
select,
option {
    cursor: pointer;
    padding: 5px 7px;
}
input[type="checkbox"],
input[type="radio"],
.contact-form input[type="checkbox"],
.contact-form input[type="radio"] {
    width: 20px;
}
/* Fix for Mobile Safari */

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
input[type="radio"] {
    -webkit-appearance: radio;
}
/* Chrome, Safari */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b0b0b0;
}
/* Firefox */

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #b0b0b0;
}

/* jQuery fallback */

input.placeholder,
textarea.placeholder {
    color: #b0b0b0;
}

/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

.container {
    margin: 0 auto;
    position: relative;
    /*width: 940px;
    max-width: 940px;*/
	width:95%;
	max-width:1200px;
}

/* -------------------------------------------------- */
/*	Columns
/* -------------------------------------------------- */

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth {
    float: left;
    margin-right: 20px;
}
.one-half.last,
.one-third.last,
.two-third.last,
.one-fourth.last,
.three-fourth.last {
    margin-right: 0px;
}
.one-half {
    width: 460px;
}
.one-third {
    width: 300px;
}
.two-third {
    width: 620px;
}
.one-fourth {
    /*width: 220px;*/width:23%;
}
.three-fourth {
    width: 700px;
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
    padding-top: 40px;
}
.ie7 #content {
    padding-top: 25px;
}

/* -------------------------------------------------- */
/*	Page Header
/* -------------------------------------------------- */

.page-header {
    border-bottom: 1px solid #efefef;
    margin: -35px 0 40px;
}
/* ADDED CODE HERE */

.page-header img {
    width: 100%;
}
/* --------------- */

.ie7 .page-header {
    margin-top: 0;
}
.slogan,
.page-title,
.page-description,
.page-subdescription,
.project-title {
    font-weight: 300;
    letter-spacing: -0.1px;
    margin-bottom: 0;
}
.page-title,
.page-description,
.page-subdescription,
.project-title {
    font-size: 28px;
    margin-top: -10px;
    padding: 0 0 35px;
}
.slogan {
    font-size: 24px;
    margin-bottom: 40px;
}
.page-title {
    margin-top: 0;
}
.page-subdescription {
    font-size: 20px;
}
.project-title {
    margin-top: -15px;
    padding-bottom: 30px;
}
.page-description {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 40px;
}
.page-title ~ hr,
.page-description ~ hr,
.page-subdescription ~ hr,
.project-title ~ hr {
    margin-bottom: 40px;
    margin-top: 0;
}
.section-title {
    font-weight: 800;
    text-transform: uppercase;
}

/* -------------------------------------------------- */
/*	Main
/* -------------------------------------------------- */

#main {
    float: left;
    margin: 0 40px 0 0;
    width: 680px;
}
.sidebar-left #main {
    float: right;
    margin-left: 40px;
    margin-right: 0;
}

/* ---------------------------------------- */
/*	Columns
/* ---------------------------------------- */

#main .one-half {
    width: 330px;
}
#main .one-third {
    width: 213px;
}
#main .two-third {
    width: 447px;
}
#main .one-fourth {
    width: 155px;
}
#main .three-fourth {
    width: 505px;
}
/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */


/* ---------------------------------------- */
/*	Accordion Content
/* ---------------------------------------- */

.acc-trigger {
    border-top: 1px dotted #ced8df;
    cursor: pointer;
    display: block;
    margin: 0;
}
.acc-trigger:last-of-type,
.acc-container:last-of-type {
    border-bottom: 1px dotted #ced8df;
    margin-bottom: 20px;
}
.no-js .acc-trigger:last-of-type {
    border-bottom: none;
}
.acc-trigger a {
    background: url(../_img/accordion-content-buttons.png) no-repeat 20px 23px;
    display: block;
    color: #959393;
    outline: medium none;
    padding: 25px 20px 25px 55px;
    text-decoration: none;
    text-shadow: none;
}
h3.acc-trigger a,
h4.acc-trigger a {
    background-position: 20px 24px;
}
h6.acc-trigger a {
    background-position: 20px 21px;
}
.acc-trigger a:hover {
    background-color: #f8f8f8;
}
.acc-trigger a:hover,
.acc-trigger.active a,
.acc-trigger.active a:hover {
    color: #96C320;
}
.acc-trigger.active a:hover {
    background-color: transparent;
}
.acc-trigger.active {
    cursor: pointer;
}
.acc-trigger.active:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}
.acc-trigger.active a {
    background-position: 20px -88px;
    cursor: pointer;
}
h3.acc-trigger.active a,
h4.acc-trigger.active a {
    background-position: 20px -87px;
}
h6.acc-trigger.active a {
    background-position: 20px -90px;
}
.acc-container .content {
    padding: 0 20px 25px 55px;
}
.js .acc-container {
    margin-top: -15px;
}
/* ---------------------------------------- */
/*	Content Tabs
		/* ---------------------------------------- */

.tabs-nav {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.tabs-nav li.active {
    line-height: 31px;
}
.tabs-nav li a {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: none;
    color: #959393;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 0 16px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a {
    border-left: 1px solid #eaeaea;
}
.tabs-nav li a:hover {
    background: #f0f0f0;
}
.tabs-nav li a:hover,
.tabs-nav li.active a {
    color: #96C320;
}
.tabs-nav li.active a {
    background: #fff;
    border-bottom: 2px solid #fff;
    border-top: 1px solid #96C320;
}
.tabs-container {
    border: 1px solid #eaeaea;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 100%;
}
.tab-content {
    padding: 20px;
}

/* -------------------------------------------------- */
/*	Single Project
/* -------------------------------------------------- */

.project-title {
    color: #3a3a3a;
    font-size: 32px;
    font-weight: 400;
}
.portfolio-pagination {
    float: right;
    margin: -58px 0 0;
}
.portfolio-pagination li {
    display: inline-block;
    list-style: none;
    line-height: 25px;
    margin: 0;
}
.ie7 .portfolio-pagination li {
    display: inline;
}
.portfolio-pagination .prev {
    border-right: 1px solid #e8e8e8;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.single-project .page-header .button {
    color: #a1a1a1;
    font-style: italic;
    margin-top: -5px;
}
.single-project .page-header a:hover {
    color: #96C320;
}
.single-project .image-gallery-slider ul {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}



/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */


@media only screen and (max-width: 959px) {
    /* -------------------------------------------------- */
    /*	Content
	/* -------------------------------------------------- */
    
    #content img {
        height: auto;
        max-width: 100%;
    }
    
    .portfolio-pagination {
        float: none;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .portfolio-pagination .button {
        margin-bottom: 0 !important;
    }
    .single-project .page-header .button {
        margin-bottom: 20px;
        margin-top: 0;
    }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* -------------------------------------------------- */
    /*	Wrap
	/* -------------------------------------------------- */
    /* ADDED CODE HERE - CHANGED WIDTH */
    
    .container {
        width: 95%;
    }
    /* ---------------------------------------- */
    /*	Columns
	/* ---------------------------------------- */
    
    .one-half {
        width: 47%;
    }
    .one-third {
        width: 30%;
    }
    .two-third {
        width: 60%;
    }
    .one-fourth {
        width: 23%;
    }
    .three-fourth {
        width: 70%;
    }
    /* -------------------------------------------------- */
    /*	Content > Main
	/* -------------------------------------------------- */
    
    #main {
        width: 488px;
    }
    /* ---------------------------------------- */
    /*	Columns
	/* ---------------------------------------- */
    
    #main .one-half {
        width: 234px;
    }
    #main .one-third {
        width: 449px;
    }
    #main .two-third {
        width: 319px;
    }
    #main .one-fourth {
        width: 107px;
    }
    #main .three-fourth {
        width: 361px;
    }

}
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    /* -------------------------------------------------- */
    /*	Basic Elements & Classes
	/* -------------------------------------------------- */
    
    .fluid-width-video-wrapper {
        margin-bottom: 10px;
    }
    /* -------------------------------------------------- */
    /*	Generic Classes
	/* -------------------------------------------------- */
    
    .align-left,
    .align-right {
        float: none;
    }
    /* -------------------------------------------------- */
    /*	Wrap
	/* -------------------------------------------------- */
    
    .container {
        width: 95%;
    }
    /* ---------------------------------------- */
    /*	Columns
	/* ---------------------------------------- */
    
    .one-half,
    .one-third,
    .two-third,
    .one-fourth,
    .three-fourth {
        float: none;
        margin-right: 0;
    }
    /* FORCE COLUMNS INTO SINGLE COLUMN */
    
    .one-half,
    #main .one-half {
        width: 100%;
    }
    .one-third,
    #main .one-third {
        width: 100%;
    }
    .two-third,
    #main .two-third {
        width: 100%;
    }
    .one-fourth,
    #main .one-fourth {
        width: 100%;
    }
    .three-fourth,
    #main .three-fourth {
        width: 100%;
    }
    /* -------------------------------------------------- */
    /*	Content > Main
	/* -------------------------------------------------- */
    
    #main {
        border-bottom: 1px solid #efefef;
        float: none;
        margin-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    #sidebar {
        float: none;
        margin-top: 40px;
        width: 100%;
    }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .container {
        width: 95%;
    }
    
    .one-half,
    .one-third,
    .two-third,
    .one-fourth,
    .three-fourth {
        float: none;
        margin-right: 0;
    }

}