/* RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,i,center,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/**** Clearfix ****/
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.clear{clear:both}
.clearfix2:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0}
body{background:#2b2b2b;min-width:640px}
/* GENERAL ELEMENTS */
.wrapper{width:100%;font-family:'Metrophobic',Helvetica,Arial,FreeSans,sans-serif;font-size:100%;margin:0;padding:0;background:#000;color:#2A363B}
.wrapper iframe{float:left;width:100%}
.wrapper img{float:left;max-width:100%;height:auto}
.wrapper figcaption{float:left;width:100%;text-align:center}
.wrapper figure{float:left}
.wrapper article,.wrapper aside,.wrapper details,.wrapper figcaption,.wrapper figure,.wrapper footer,.wrapper header,.wrapper hgroup,.wrapper menu,.wrapper nav,.wrapper section{display:block}
.wrapper table{border-collapse:collapse;border-spacing:0}
.wrapper div#ccm-highlighter ::selection{color:gray;background:#d1e3d0}
.wrapper div#ccm-highlighter ::-moz-selection{color:gray;background:#d1e3d0}
/* PRELOADER */
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:100}
#status{width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(http://valleysystems.com/themes/valley_systems/images/status.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}
/* TYPOGRAPHY */
.wrapper a{text-decoration:none;transition:500ms ease-in}
.wrapper a:hover{}
.wrapper small{font-size:.8em}
.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6{}
.wrapper h1{font-size:2em;margin-bottom:1em;text-shadow:0 1px 1px #fff}
.wrapper h2{font-size:1.7em;margin-bottom:.4em}
.wrapper h3{font-size:1.6em;margin-bottom:20px}
.wrapper h4{font-size:1.3em;margin-bottom:20px}
.wrapper h5{font-size:1.2em;margin-bottom:20px}
.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h5{line-height:1.4em}
.wrapper p{line-height:1.5em}
#wrapper{float:left;width:100%;background:#363636}
/* NAVIGATION */
header{float:left;width:100%;height:45px;position:fixed;z-index:1;background-color:#303030}
header nav{float:none;width:100%;list-style:none;height:45px;display:inline;padding:0;margin:0;text-align:justify;position:relative}
header nav li{display:inline-block}
header nav li a{text-decoration:none;display:block;padding:0;font:16.8px FuturaBT-LightCondensed,sans-serif;text-transform:uppercase;line-height:45px;color:#fff;letter-spacing:.1em;transition:500ms ease-in;-webkit-font-smoothing:antialiased}
header nav li.nav-path-selected a,header nav ul.nav li a:hover{color:#d50808}
header nav ul.nav{height:45px}
header nav ul.child-menu{position:absolute;display:none;list-style:none;top:80px;z-index:1;background:#303030;min-width:300px}
header nav ul.child-menu .shadow-line{display:block!important}
header nav ul.child-menu li{float:left;width:100%;border-bottom:1px solid rgba(255,255,255,0.1)}
header nav ul.child-menu a{padding:0 4%;display:block;text-decoration:none;color:#bcbcbc;font-size:.9em;text-transform:uppercase;line-height:2.4em}
header nav ul span{display:inline-block;position:relative;width:100%;height:0}
header #top-wrap{position:relative}
.navbreak{color:#cdcdcd;-webkit-font-smoothing:antialiased;line-height:32px;height:17px;border-right:1px solid #fff;width:1px;margin-bottom:-2px;overflow:hidden;text-indent:-9999px}
.navbreak.nav-last{display:none}
.menu-button{display:none}
/* FORM ELEMENTS */
.wrapper .formblock,.wrapper .formblock label,.wrapper .formblock fieldset{float:left;width:100%}
.wrapper .formblock form{width:88%;padding:6%}
.wrapper .formblock label{width:100%;margin-bottom:10px}
.wrapper .formblock .field label{font-size:.9em}
.wrapper .required{padding:0 0 0 5px;color:#EC2B27}
#blog-post .formblock .errors { padding: 1em; font: 15px arial, sans-serif; }
#blog-post .formblock .errors ul,
#blog-post .formblock .success ul {
float: none;
margin: 0px;
}
#blog-post .formblock .errors ul li {
color: red;
}
.formblock .success {
padding:1em;
background-color: #CCFFCC;
border: 1px solid green;
font-weight: bold;
text-align: center;
font: 38px FuturaBT-LightCondensed,sans-serif;
}
.wrapper .formblock input,.wrapper .formblock textarea{width:95.6%;padding:2%;margin-bottom:20px;outline:none;font-size:1em;line-height:1.5em}
.wrapper .formblock .captcha{float:left;width:100%;font-size:.9em}
.wrapper .formblock .captcha input{margin-bottom:0}
.wrapper .formblock img{margin:0 1% 20px 0}
.wrapper .formblock input[type="submit"]{display:table;margin:0 auto;width:auto;outline:none;cursor:pointer;position:relative;padding:.7em 2em;font-family:'Metrophobic',Helvetica,Arial,FreeSans,sans-serif;color:#f0f0f0;text-transform:uppercase;font-size:.9em;letter-spacing:.1em;-webkit-appearance:none}
.wrapper .formblock .submit:active{top:3px}
.wrapper .formblock .submit:hover{top:3px}
/* REUSABLE ELEMENTS */
.layer{width:100%;float:left}
.trans{float:left;width:100%;height:100%}
.center{width:1216px;margin:0 auto}
.colour-line{float:left;width:100%;height:16px;background:#d50808}
.dark-line{float:left;width:100%;height:20px;background:#232323}
.thin-line{float:left;width:100%;height:1px;background:rgba(255,255,255,0.4);display:none}
.shadow-line{float:left;width:100%;height:1px;background:#000}
.nivo-caption { font: 14.58px arial,sans-serif !important; color: #fff; -webkit-font-smoothing: antialiased;}
.nivoSlider {z-index:0;}
/* HEADER STRUCTURE */
.header-base{height:957px;background:url(http://valleysystems.com/themes/valley_systems/images/banner-home.jpg) center 45px no-repeat;background-size:cover}
.header-base-innerpage{height:441px}
.header-base-projectpage{height:800px}
.header-content{height:100%;width:100%}
.header-content-innerpage{height:100%;width:100%;background:url(http://valleysystems.com/themes/valley_systems/images/banner-page.jpg) center 45px no-repeat}
.header-content-projectpage{height:100%;width:100%;background:transparent url(http://valleysystems.com/themes/valley_systems/images/bg4_mini.jpg) top center fixed;background-repeat:no-repeat}
.logo{display:block;width:465px;height:139px;background:url(http://valleysystems.com/themes/valley_systems/images/logo.png) top center no-repeat;float:left}
.logowrap{margin:90px auto 0}
.phone{width:200px;float:right}
.phone .tel{color:#fff;text-decoration:none;display:block;font:31px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;text-align:right;transition:500ms ease-in}
.phone .email{color:#fff;text-decoration:none;display:block;font:17px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;text-align:right;transition:500ms ease-in}
.phone a:hover{color:#d50808;transition:500ms ease-in}
/* ------------------------------------------------------------------------------------
--  MAIN BLOCK STRUCTURE
------------------------------------------------------------------------------------ */
.top-base{background:#eaeaea url(http://valleysystems.com/themes/valley_systems/images/pattern.png) top center fixed;background-repeat:repeat;height:100%}
.top-content{height:100%;width:100%;background:rgba(195,197,199,0.2)}
#main-bg{float:left;width:100%;background:#363636}
#main-base-block{float:right;width:40%;margin:-740px 0 40px;}
#main-base-block img{margin:0}
#main-base-block #main-wrap{background:#454444;background:rgba(68,68,68,.8);box-sizing:border-box;padding:70px;margin:0;width:100%}
#main-base-block #main-wrap h2{font:27.46px FuturaBT-LightCondensed,sans-serif;color:#fff;text-transform:uppercase;-webkit-font-smoothing:antialiased;margin:0 0 18px}
#main-base-block #main-wrap h1{font:65px FuturaBT-LightCondensed,sans-serif;color:#fff;text-transform:uppercase;line-height:.8em;margin:0 0 18px;-webkit-font-smoothing:antialiased}
#main-base-block #main-wrap p{font:12.5px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
#main-base-block .callout{width:33.333333333333%;float:left}
#main-base-block .callout img{margin:0 0 15px;float:none;display:block;height:auto !important}
#main-base-block .callout a{text-align:center;color:#fff;font:20.85px FuturaBT-LightCondensed,sans-serif;margin:0;display:block;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-decoration:none}
#main-base-block .callout a:hover{color:red}
#main-base-block-generalpage{float:left;width:100%;margin:-190px 0 40px}
#main-base-block-projectpage{float:left;width:100%;margin:-360px 0 40px}
#main-wrap{float:left;width:100%;clear:both;background:#454444}
#toggler{float:left;width:100%}
#panel{float:left;width:96%;padding:2%;display:none;background-color:#272727;box-shadow:0 2px 100px rgba(0,0,0,0.5)}
#panel-content{float:left;width:100%;position:relative}
a.bigbutton{position:absolute;top:0;right:0;padding:.6em .8em;display:block;background:#2A363B;border:1px solid rgba(255,255,255,0.1);box-shadow:0 1px 1px #000;text-transform:uppercase;transition:500ms ease-in}
a.bigbutton:hover{}
#adv{float:left;width:88%;clear:both}
#date{float:left;width:6%;margin:0 2% 0 0;text-align:center;font-family:'Oswald',sans-serif;color:#fff;text-transform:uppercase}
.date{padding:.5em 1em;display:block}
.month{padding:.5em 1em;display:block;background:#2A363B;border-bottom:1px solid rgba(255,255,255,0.1)}
#text-block{float:left;width:90%;color:gray}
.slide{margin:0 0 20px;padding:0;float:left;width:100%}
a.btn-slide{float:right;display:block;padding:0 .8em;line-height:2em;color:#2A363B;text-shadow:0 1px 1px rgba(255,255,255,0.3);transition:500ms ease-in;text-decoration:none}
a.btn-slide:hover{}
.employee h2 {
text-transform: uppercase;
}
.employee { margin: 0 0 1em 0; clear: both;}
.employee p, .employee h2 {
float: right;
width: 75%;
}
.employee .profile-image { float: left; margin: 0 0 1em 0; width: 23%;}
.employee .profile-image img { width: 100%; height: auto; }
.page-item {
width: 33%;
float: left;
text-align: center;
margin: 0 0 2em 0;
}
.page-item a { color: #fff; text-decoration: none; display: block; margin-top: 1em; transition: 500ms ease-in;}
.page-item:hover a { color: #d50808; transition: 500ms ease-in;}
#main-wrap article ul { margin-bottom: 1.5em;}
#main-wrap article li {
font: 14.58px arial,sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased;
line-height: 1.4em;
list-style: disc;
margin-left: 2em;
box-sizing: border-box;
float: none;
}
/* ------------------------------------------------------------------------------------
--  HOME PAGE: INTRO BLOCK
------------------------------------------------------------------------------------ */
.intro{float:left;width:92%;padding:4%;text-align:center;background:#2A363B;border-bottom:1px solid rgba(255,255,255,0.1);color:#eaeaea}
.intro p{font-size:2.2em;padding:0 8%;line-height:1.2em}
.tabbed-intro{float:left;width:100%;margin:0 0 40px}
.tabs .tab-item{display:block;float:left;width:33.3333%;position:relative;cursor:pointer;text-align:center;font-family:'Oswald',sans-serif;line-height:50px;text-transform:uppercase;color:#fafafa;letter-spacing:.1em}
.tabbed-content{width:100%;float:left}
#wrapper .tabs{float:left;width:100%;height:50px;position:relative;background-color:#272727;border-top:2px solid #141414;border-bottom:2px solid #141414}
#wrapper .tabs .moving-bg{position:absolute;left:0;width:33.3333%;height:50px;background-color:#303030}
.tabbed-content .slide-content{overflow:hidden;width:100%;padding:1.5em 0 3em;position:relative}
.tabslider{width:600em}
.tabs-content{float:left;width:1216px}
.tab-inner{width:90%;margin:0 5%;text-align:center;color:#fff}
.tab-inner ul{float:left;width:100%;list-style:none}
.tab-inner ul li{float:left;width:32%;margin-right:2%}
.tab-inner ul li:last-child{float:left;width:32%;margin-right:0}
.tab-inner .icon{margin-bottom:10px;font-size:1.2em;line-height:2em}
.tab-inner h2{font-family:FuturaBT-LightCondensed,sans-serif;letter-spacing:.1em}
h2.big{text-align:center;margin-bottom:40px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:gray;text-shadow:0 1px 1px #fff}
a.biggerbutton{background:#2A363B;border:1px solid rgba(255,255,255,0.1);padding:.6em .8em;display:inline-block;box-shadow:0 1px 1px #000;font-family:'Oswald',sans-serif;font-size:1.2em;color:#f0f0f0;letter-spacing:.1em;text-transform:uppercase;transition:500ms ease-in}
a.biggerbutton:hover{}
#item3 .icon{font-size:2em;margin:0 .5em 0 0}
#item3 p{margin-bottom:20px}
/* ------------------------------------------------------------------------------------
--  MASONRY GALLERY FOR HOME PAGE
------------------------------------------------------------------------------------ */
#container{padding:1%;clear:both;margin:20px 0 40px;background:#fafafa}
.box{float:left;width:28.6%;margin:1%;padding:1%;background:#f0f0f0;transition:500ms ease-in}
.box figure{float:left;background:#fafafa;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.box figcaption{padding:4%}
.box:hover{}
.box img{display:block;width:100%;max-width:100%;margin-bottom:1.6em;border-bottom:4px solid #d1e3d0}
.box h3,.box h3 a{font-family:FuturaBT-LightCondensed,sans-serif;letter-spacing:.1em}
.box a{color:#272727;transition:500ms ease-in}
.box h3 a:hover{color:#d50808}
.box p{padding:1.6em}
.box small{float:left;width:100%;margin-bottom:10px}
.transitions-enabled.masonry,.transitions-enabled.masonry .masonry-brick{transition-duration:.7s}
.transitions-enabled.masonry{transition-property:height,width}
.transitions-enabled.masonry .masonry-brick{transition-property:left,right,top}
/* ------------------------------------------------------------------------------------
--  INTRO-BLOCK FOR HOME PAGE 2
------------------------------------------------------------------------------------ */
.intro-block{float:left;width:100%;background:#fafafa;clear:both}
.intro-block-left{float:left;width:40%;position:relative}
.intro-block-left article{float:left;width:84%;padding:0 8%}
.intro-block-left article p{font-size:1.1em;color:gray}
.intro-block-left .more-wrap{margin:0!important}
.intro-block-right{float:right;width:60%}
.intro-block-right figure{float:left;width:100%;border-bottom:8px solid #d1e3d0;margin-bottom:0!important}
.intro-block-right img{margin-bottom:0!important}
/* ------------------------------------------------------------------------------------
--  MAIN BLOCK: TWO COLUMNS
------------------------------------------------------------------------------------ */
.col-wrap{float:left;width:100%}
.col-wrap h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:gray;text-shadow:0 1px 1px #fff}
.main-left{float:left;width:40%}
.main-left article{float:left;width:83.5%;padding:8%;margin:0 0 20px;background:rgba(255,255,255,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.5)}
.main-left article p{margin-bottom:0}
.main-left aside{float:left;width:100%}
.main-left aside ul{float:left;width:100%;list-style:none}
.main-left aside ul li{float:left;width:32%;margin-right:2%;position:relative}
.main-left aside ul li:last-child{margin-right:0}
.main-left aside ul li span{position:absolute;bottom:20px;left:0;padding:.5em 1em;font-family:'Oswald',sans-serif;color:#fff;text-transform:uppercase;font-size:.8em;letter-spacing:.1em}
.accordion{float:left;width:100%}
.accordion .answer{padding:1em}
.accordion p:last-child{margin-bottom:0}
.accordion .quest-wrap{cursor:pointer;padding-bottom:.6em;border-top:8px solid #eaeaea;}
.accordion .ding{font-size:2.4em;padding-right:0}
.accordion .question{vertical-align:top;line-height:2.6em;font-size:105%;text-transform:capitalize;color:#fff;letter-spacing:.1em;font-family:'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif}
.accordion .question:hover{color:#d50808}
.main-right{float:right;width:56%;padding:2% 0}
/* ------------------------------------------------------------------------------------
--  FOOTER
------------------------------------------------------------------------------------ */
#footer-wrap{background:#454444 url(http://valleysystems.com/themes/valley_systems/images/footerbg.jpg) top center repeat-y}
footer{color:gray}
#footer-inner{color:#fff;font:12.5px arial,sans-serif;text-align:center;font-weight:100;line-height:1.5em;display:block;float:left;width:75%;margin:30px 0}
#footer-number { width: 25%; max-width: 200px; float: right; color:#fff;font:12.5px arial,sans-serif;text-align:center;font-weight:100;line-height:1.5em; margin:30px 0}
#footer-number a { font: 33px 'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif; color: #fff; text-decoration: none; transition:500ms ease-in}
#footer-number a:hover { color: #bc0303; transition:500ms ease-in}
.footer-heading{font:25px FuturaBT-LightCondensed,sans-serif;text-transform:uppercase;line-height:28px;color:#bc0303;letter-spacing:0;text-align:center}
.copy-wrap{clear:both;background:#2b2b2b;text-align:center;padding:45px 0;font:14.75px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;letter-spacing:.05em;color:#fff}
.copy-wrap p{line-height:26px}
.copy-wrap p a.bbb{background:url(http://valleysystems.com/themes/valley_systems/images/icon_bbb.png) center center no-repeat;height:21px;width:84px;display:inline-block;text-indent:-9999px}
.copy-wrap p a.facebook{background:url(http://valleysystems.com/themes/valley_systems/images/icon_facebook.png) center center no-repeat;height:21px;width:22px;display:inline-block;text-indent:-9999px}
.copy-wrap p a.google{background:url(http://valleysystems.com/themes/valley_systems/images/icon_googleplus.png) center center no-repeat;height:21px;width:22px;display:inline-block;text-indent:-9999px}
.copy-wrap p a.twitter{background:url(http://valleysystems.com/themes/valley_systems/images/icon_twitter.png) center center no-repeat;height:21px;width:22px;display:inline-block;text-indent:-9999px}
.copy-wrap p a.linkedin{background:url(http://valleysystems.com/themes/valley_systems/images/icon_linkedin.png) center center no-repeat;height:21px;width:22px;display:inline-block;text-indent:-9999px}
/* ------------------------------------------------------------------------------------
--  INNER PAGES
------------------------------------------------------------------------------------ */
#page-head{float:left;width:100%;padding:2% 4%;background:#232323;border-bottom:35px solid #3a3a3a;color:#eaeaea;box-sizing:border-box}
#page-head h2,#page-head h1{font:30px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:28px;color:#fff;letter-spacing:0}
#pageheader { padding: 0% 4%; font:30px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:28px;color:#fff;letter-spacing:0}
#main-bg #pageheader p { margin: 4% 0 0 0; font: 30px FuturaBT-LightCondensed,sans-serif;}
#breadcrumbs{float:left;width:100%;color:#fff;text-transform:capitalize;padding:4% 4% 0;box-sizing:border-box}
#breadcrumbs p{margin-bottom:20px;font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
article p img{max-width:100%;height:auto}
h3{font:22px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:28px;color:#fff;letter-spacing:0;text-shadow:none}
#search-block{float:left;width:100%;margin-bottom:20px}
#search-block h3{font-size:1.3em}
#search-block form{float:left;width:100%;clear:both}
#search-block input,#search-block input[type="password"],#search-block input[type="search"]{width:58%;height:38px;padding:0 2%;outline:none;font-size:1em;line-height:1.5em;border:1px solid rgba(255,255,255,0.1);background:#2A363B}
#search-block input[type="submit"]{float:right;width:34%;height:40px;line-height:40px;outline:none;cursor:pointer;position:relative;padding:0 2em;font-family:'Metrophobic',Helvetica,Arial,FreeSans,sans-serif;color:#f0f0f0;text-transform:uppercase;font-size:.9em;letter-spacing:.1em;-webkit-appearance:none}
#search-block .submit:active,#search-block input[type="submit"]:active{top:3px}
#search-block .submit:hover,#search-block input[type="submit"]:hover{top:3px}
#blog-entry{width:100%;padding:4%;clear:both;background:#454444;box-sizing:border-box}
#blog-entry .formblock input,#blog-entry .formblock textarea{border:1px solid #fff;background:#fafafa;box-shadow:inset 0 1px 4px rgba(0,0,0,0.1)}
#blog-posts{float:left;width:92%;padding:4%}
#blog-post h1{font:24px FuturaBT-LightCondensed,sans-serif;color:#fff;text-transform:uppercase;-webkit-font-smoothing:antialiased}
#blog-post h2{font:20px FuturaBT-LightCondensed,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
#blog-post h3{font:16px FuturaBT-LightCondensed,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
#blog-post h1 a,#blog-post h2 a,#blog-post h1 a{color:#fff;text-decoration:none}
#blog-post h1 a:hover,#blog-post h2 a:hover,#blog-post h1 a:hover{color:#d50808}
#blog-posts article{float:left;width:100%;clear:both;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #ddd}
#blog-posts article:last-child{margin-bottom:0}
#blog-posts article figure{float:left;width:66%!important}
#blog-posts article section.first-paragraph{float:right;width:30%}
#blog-post article img { max-width: 100%; height: auto; display: block}
article p, #main-bg p{margin-bottom:20px;font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
article .more-wrap{margin:20px 0 0}
article .more-wrap a{float:right}
article .datetime{float:left;width:100%;margin:0 0 20px}
article .datetime p{float:right;padding:.5em;display:inline-block;background:rgba(255,255,255,0.5);border-bottom:2px solid #d1e3d0;margin-bottom:0!important}
article h3 a{color:gray}
#blog-post{float:left;width:66%!important;background:#3a3a3a;padding:4%;margin:0 0 3%;box-sizing:border-box}
#blog-post figure,.ccm-image-block{float:left;width:100%;margin-bottom:20px}
#blog-post ul{float:left;width:92%;padding:0 4% 2%}
#blog-post ol{float:left;width:88%;padding:2% 6%}
#blog-post ul li,#blog-post ol li{font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
#blog-post ol{list-style:decimal-leading-zero outside}
#blog-post article section{float:left;width:92%;padding:4%;background:rgba(255,255,255,0.5);border-bottom:4px solid #d1e3d0;margin-bottom:20px}
#blog-post article section p{margin-bottom:20px;font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
#blog-post article section p:last-child{margin-bottom:0}
#blog-entry aside{float:right;width:30%;margin-left:4%}
.pagination-wrap{float:left;width:96%;padding:0 2%;text-transform:lowercase;margin:0 0 20px}
.ccm-next-previous-wrapper{float:left;width:100%;text-transform:lowercase;margin:0 0 20px}
#meta-small{float:left;width:100%;margin-bottom:20px}
h4.guestBook-title{border-bottom:none;margin:0 0 20px!important;text-align:left!important}
div.guestBook-entry{float:left;width:92%;padding:4%!important;margin:6px 0 12px;background:rgba(255,255,255,0.5)}
.guestBook-formBlock{margin:0;float:left;width:92%;padding:4%;background:rgba(255,255,255,0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2P4//8/AxI2RuGAaBQOTADOAWEAjAwwnWPnCWYAAAAASUVORK5CYII=)}
h4.guestBook-title{border-bottom:none;margin:20px 0;text-align:center}
.guestBook-formBlock h5{margin-bottom:1em;color:gray}
.guestBook-formBlock label{float:left;width:100%;margin-bottom:5px;font-size:.9em}
.guestBook-formBlock div{font-size:.9em}
.guestBook-formBlock textarea{height:150px}
.guestBook-formBlock input,.guestBook-formBlock input[type="password"],.guestBook-formBlock input[type="search"],.guestBook-formBlock textarea{float:left;width:95%;outline:none;cursor:auto;border:1px solid #fff;padding:.5em 2%;box-shadow:inset 0 1px 4px rgba(0,0,0,0.1);font-size:1em;background-color:#fafafa;margin-bottom:20px}
.guestBook-formBlock input[type="submit"]{outline:none;cursor:pointer;position:relative;padding:1em;font-family:'Metrophobic',Helvetica,Arial,FreeSans,sans-serif;color:#fff;text-transform:uppercase;font-size:.9em;letter-spacing:.1em;-webkit-appearance:none;width:auto;margin-bottom:0}
.guestBook-formBlock .submit:active,.guestBook-formBlock input[type="submit"]:active{top:3px}
.guestBook-formBlock .submit:hover,.guestBook-formBlock input[type="submit"]:hover{top:3px}
.guestBook-formBlock img{margin-right:1%}
.guestBook-formBlock .note{font-size:.8em}
.widget{float:left;width:100%;margin:0 0 20px}
.widget p{margin-bottom:20px;font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
figure h2,section h2{font:22px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:28px;color:#fff;letter-spacing:0;text-shadow:none}
section input[type="text"],section input[type="email"],section input[type="tel"],section textarea{width:100%;box-sizing:border-box;padding:1em;border:none!important}
section input[type="submit"]{float:right;color:#fff;padding:.5em 1em;font:22px FuturaBT-LightCondensed,sans-serif;cursor:pointer;border:none!important;margin:1em 0 0}
section input[type="submit"]:hover{background:#3a3a3a!important}
article p a{color:#d50808;text-decoration:none}
article p a:hover{text-decoration:underline}
label{display:block;font:22px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:28px;color:#fff;letter-spacing:0;text-shadow:none}
.widget figure{float:left;width:92%;padding:4%;background:rgba(255,255,255,0.5);border-bottom:4px solid #d1e3d0}
.widget img{margin-bottom:10px;max-width:100%;height:auto}
.widget a.social{margin:0 .2em 0 0;background:#fff}
.gallery figure{margin-bottom:20px}
.addthis_toolbox-wrap{float:left;width:100%;margin:1.5em 0}
.addthis_toolbox{display:table;margin:0 auto}
.blog-wrap .article{padding:2em;color:#fff;font:25px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased}
.blog-wrap .article p.date,.blog-attributes p.date{float:right;background:#d50808;margin:0 0 1em}
.blog-wrap .article h3 a, .blog-attributes h1 {
color: #fff;
text-decoration: none;
font-family: 'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif;
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
display: block;
width: 100%;
}
#pb_body h4 { font-family: 'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif; color: #bc0303}
.blog-wrap .article .article-content{clear:both;margin:1em 0}
.blog-post-content{clear:both;margin:1em 0}
.blog-post-content h1{font-family:'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif;font-size:25px;color:#fff}
.blog-post-content h2{font-family:'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif;font-size:20px;color:#fff}
.blog-post-content h3{font-family:'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif;font-size:18px;color:#fff}
/*----------EXTRAS---------*/
#date{background:#d50808}
#main-wrap{border-top:18px solid #d50808}
#portfolio{float:left;width:92%;padding:4%}
#portfolio ul{float:left;width:100%;list-style:none}
a.bigbutton{color:#d50808}
a.bigbutton:hover{color:#d1e3d0}
a.biggerbutton:hover{color:#d1e3d0}
a.btn-slide{background:#d50808}
a.btn-slide:hover{color:#d1e3d0}
a.readmore{background:#d50808;border-left:4px solid #d1e3d0;text-decoration:none;font-family:'FuturaBT-LightCondensed',Helvetica,Arial,FreeSans,sans-serif;letter-spacing:1px;text-transform:uppercase}
a.readmore:hover{border-right:4px solid #d1e3d0;border-left:4px solid #d50808}
a.social{color:#d50808}
a.social:hover{color:#d1e3d0}
a.tag,.ccm-tag-list a{color:#d50808}
a.tag:hover,.ccm-tag-list a:hover{color:#d1e3d0}
.accordion p{}
.accordion .ding{color:#d50808}
.box h3 a:hover{color:#d50808}
.box:hover{background:#d1e3d0}
.copyright a{color:#d50808}
.copyright a:hover{color:#d1e3d0}
.dropcap p:first-child:first-letter{font-family:'exoticaMedium';float:left;font-size:6em;line-height:1em;margin:.1em .1em 0 0;color:#272727}
.dropcap{float:left;width:100%;margin-bottom:20px}
.frame{float:left;width:92%!important;padding:4%;background:#fafafa;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.frame img{margin-bottom:20px}
.guestBook-formBlock input[type="submit"]{background:#d50808}
.main-left article{border-left:4px solid #d1e3d0}
.main-left aside ul li{border-bottom:4px solid #d1e3d0}
.main-left aside ul li span{background:#d50808}
.narrow{width:40%}
.tabbed-intro{background:#d50808}
.tabbed-content{background:#d50808}
.tabbed-content .slide-content{background:#d50808}
.video-holder{float:left;width:100%;background:#000;margin-bottom:20px}
.video-container{position:relative;padding-bottom:56%;width:100%;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.wrapper a{color:#62997A}
.wrapper a:hover{color:#d50808}
.wrapper .colour{color:#d50808}
.wrapper .colour-line{background:#d50808}
blockquote{border-bottom:4px solid #d1e3d0}
blockquote span:before{background:#d50808}
blockquote{float:left;width:92%;background:rgba(255,255,255,0.3);padding:2% 4%;margin:0 0 20px;position:relative}
blockquote p{font-style:italic;margin-bottom:10px;font-size:.9em}
blockquote span{display:block;position:relative;padding-top:40px;margin-top:40px;border-top:1px solid rgba(221,221,221,0.5)}
blockquote span:before{position:absolute;width:50px;height:50px;background:rgba(221,221,221,0.7);content:"\275d";font-size:30px;top:0;left:50%;margin:-25px 0 0 -25px;border-radius:50%;text-align:center;line-height:55px}
cite{float:right;font-size:.9em}
cite{color:#d50808}
.styled{list-style:none;width:100%!important;padding:2% 0!important}
.styled .icon{margin-right:4px}
dl{margin:2em 0 20px;padding:0;color:gray}
dl dt{position:relative;left:0;top:0;width:8em;font-size:1.1em;font:14.58px arial,sans-serif}
dl dd{margin:0 0 0 9em;padding:0 0 .5em 1.5em;font:14.58px arial,sans-serif}
dl dd{border-left:1px solid #d50808;font:14.58px arial,sans-serif}
dl dd p{font-size:1.1em;font:14.58px arial,sans-serif}
footer .formblock input,#search-block input,#search-block input[type="password"],#search-block input[type="search"]{color:#d1e3d0}
.formblock input[type="submit"],#search-block input[type="submit"],#blog-entry input[type="submit"]{background:#d50808;border:1px solid #d50808}
.center .button1 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 318px;
left: 4%;
}
.center .button2 {
max-width: 214px;
width: 100%;
height: 30px;

position: absolute;
top: 340px;
left: 27.5%;
}
.center .button3 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 418px;
left: 41%;
}
.center .button4 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 818px;
left: 28.5%;
}
.center .button5 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 856px;
left: 7%;
}
.center .button6 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 414px;
left: -7%;
}
.center .button1 a,
.center .button2 a,
.center .button3 a,
.center .button4 a,
.center .button5 a,
.center .button6 a { font: 27.46px FuturaBT-LightCondensed,sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; text-shadow: 0 0 15px #000; transition: all .2s ease-in-out;}
.center .button1 a:hover,
.center .button2 a:hover,
.center .button3 a:hover,
.center .button4 a:hover,
.center .button5 a:hover,
.center .button6 a:hover { color: #d50808;  transition: all .2s ease-in-out;}

#portfolio figure{}
#portfolio figure img{width:100%;height:auto}
#portfolio figure{float:left;width:92%;position:relative}
#portfolio img{margin-bottom:0!important}
#portfolio section{float:left;width:100%;text-align:center}
#portfolio article{float:left;width:100%}
#portfolio article h1,#portfolio section h1{font:25px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:28px;color:#fff;letter-spacing:0}
#portfolio article p,#portfolio section p{margin-bottom:20px;font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
#portfolio section .more-wrap{margin:0!important}
#portfolio .icon-wrap{float:left;width:100%}
#portfolio .icon{display:table;margin:0 auto;font-size:2em}
#portfolio .blank{float:left;width:100%;height:1px;background:#ddd;margin:20px 0 40px}
.portfolio1 ul{padding-bottom:40px;margin:0 0 40px;margin-bottom:20px;font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.4em}
.portfolio1 ul li{float:left}
.portfolio1 ul li:first-child{margin:0 4% 0 0}
.portfolio2 ul{margin:0 0 20px}
.portfolio2 ul li:last-child{margin-right:0}
.portfolio2 figure{position:relative}
.portfolio2 .caption{position:absolute;bottom:40%;left:0;width:100%;width:100%;text-align:center;opacity:0;filter:alpha(opacity=0);font-family:'Oswald',sans-serif;font-size:1.1em;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 1px 1px #000;transition:500ms ease-in}
.portfolio2 figure:hover .caption{opacity:1;filter:alpha(opacity=100)}
.portfolio2 ul li{float:left;width:32%;margin-right:2%}
.wide{width:56%}
h1.project-title{text-align:center;margin-bottom:100px;font-family:FuturaBT-LightCondensed,sans-serif;color:#f0f0f0;text-shadow:0 1px 1px #000;letter-spacing:.1em;font-size:3.4em}
.portfolio3 ul li{float:left}
.portfolio3 figure{margin-bottom:20px}
.portfolio3 ul li:first-child{margin:0 4% 0 0}
ul#ccm-select-page-type li span{display:block;text-align:center;font-size:12px;line-height:12px;height:18px;padding-top:1px;clear:left}
#pb_sidebar { float: right; width: 25%; background: #3a3a3a;
padding: 4%;
margin: 0 0 3%;
box-sizing: border-box;}
#pb_sidebar h1, #pb_sidebar h2 { color: #fff;
text-decoration: none;
font: 30px FuturaBT-LightCondensed,sans-serif;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
line-height: 35px;}
#pb_body { float: left; width: 70%; 
background: #3a3a3a;
padding: 4%;
margin: 0 0 3%;
box-sizing: border-box;}
#pb_body .article { margin: 0 0 2em 0; padding: 0 0 2em 0; border-bottom: 1px solid #d1e3d0}
p.date {
background: #454444;
float: left;
margin: 0 2em 1em 0;
}
h3.ccm-page-list-title a, h3.ccm-page-list-title {
color: #fff;
text-decoration: none;
font-size: 30px;
line-height: 35px;
}
.sidebar-section {
margin: 0 0 1em 0;
}
.article-content {
font: 14.58px arial,sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased;
line-height: 1.4em;
clear: left;
text-decoration: none;
display: block;
font-weight: normal;
margin: 0 0 1em 0;
}
div.ccm-pagination span {
margin-right: 4px;
font: 14.58px arial,sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased;
line-height: 1.4em;
clear: left;
text-decoration: none;
font-weight: normal;
margin: 0 0 1em 0;
}
#pb_sidebar p { 
margin-bottom: .5em;
font: 14.58px arial,sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased;
line-height: 1.4em;
clear: left;
text-decoration: none;
display: block;
font-weight: normal
}
#pb_sidebar a {
font: 14.58px arial,sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased;
line-height: 1.4em;
clear: left;
text-decoration: none;
display: block;
font-weight: normal
}
.sidebar-section .ccm-page-list a {
color: #fff;
text-decoration: none;
}
.sidebar-section a:hover { color: #bc0303}
.arch_months { font: 14.58px arial,sans-serif; color: #fff;}
div.ccm-pagination a { color: #bc0303; text-decoration: none;}
aside a { font: 14.58px arial,sans-serif; color: #bc0303; text-decoration: none;}
aside a:hover { color: #fff;}
.center { position: relative}
/* READ MORE BUTTONS */
.more-wrap{float:left;width:100%;margin:0 1.6em 1.6em}
a.readmore{padding:.5em;display:inline-block;color:#fff!important;transition:500ms ease-in}
a.readmore:hover{padding:.5em 1em .5em .5em}
.login-module{border:16px solid #d50808;box-sizing:border-box;padding:4%;box-shadow:0 20px 35px 0 rgba(000,000,000,.5);width:80%;margin:0 auto}
.login-module h1{font:41px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;color:#fff;letter-spacing:0;text-align:center}
label{font:25px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;color:#fff}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"]{box-sizing:border-box;padding:1em;width:100%;border:0;margin:0 0 1em}
.checkbox span{font:14.58px arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;text-transform:none}
input[type="submit"]{font:25px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;color:#fff;padding:.3em 1em;cursor:pointer;transition:all .2s ease-in-out;margin:1em 0 0;border:0!important}
input[type="submit"]:hover{background:#fff!important;color:#d50808;transition:all .2s ease-in-out}
textarea { box-sizing:border-box;padding:1em;width:100%;border:0;margin:0 0 1em}
.login-module h3{font:30px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;color:#fff;letter-spacing:0}
.icon{font-family:'Sosa'}
.ding{font-family:'Fyra-NumericCircleClosed';color:#fff}
/* ANIMATIONS */
.animated{animation-duration:1s;animation-fill-mode:both}
.animated2{animation-duration:3s;animation-fill-mode:both}
@keyframes fadeInDownBig {
0%{opacity:0;transform:translateY(-2000px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInUpBig {
0%{opacity:0;transform:translateY(2000px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeInLeftBig {
0%{opacity:0;transform:translateX(-2000px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInLeftBig{animation-name:fadeInLeftBig}
/* CUSTOM FONTS */
@font-face{font-family:'sosa';
src:url('http://valleysystems.com/themes/valley_systems/fonts/sosa-regular-webfont.eot');
src:url('http://valleysystems.com/themes/valley_systems/fonts/sosa-regular-webfont.eot?#iefix') format("embedded-opentype"),
url('http://valleysystems.com/themes/valley_systems/fonts/sosa-regular-webfont.woff') format("woff"),
url('http://valleysystems.com/themes/valley_systems/fonts/sosa-regular-webfont.ttf') format("truetype"),
url('http://valleysystems.com/themes/valley_systems/fonts/sosa-regular-webfont.svg#sosa') format("svg");
font-weight:400;font-style:normal}

@font-face{font-family:'FuturaBT-LightCondensed';
src:url('http://valleysystems.com/themes/valley_systems/fonts/Capsuula-webfont.eot');
src:url('http://valleysystems.com/themes/valley_systems/fonts/Capsuula-webfont.eot?#iefix') format("embedded-opentype"),
url('http://valleysystems.com/themes/valley_systems/fonts/Capsuula-webfont.woff') format("woff"),
url('http://valleysystems.com/themes/valley_systems/fonts/Capsuula-webfont.ttf') format("truetype"),
url('http://valleysystems.com/themes/valley_systems/fonts/Capsuula-webfont.svg#FuturaBT-LightCondensed') format("svg");
font-weight:400;
font-style:normal}

@font-face{font-family:'Fyra-NumericCircleClosed';
src:url('http://valleysystems.com/themes/valley_systems/fonts/269D0E_0_0.eot');
src:url('http://valleysystems.com/themes/valley_systems/fonts/269D0E_0_0.eot?#iefix') format("embedded-opentype"),
url('http://valleysystems.com/themes/valley_systems/fonts/269D0E_0_0.woff') format("woff"),
url('http://valleysystems.com/themes/valley_systems/fonts/269D0E_0_0.ttf') format("truetype");}

@font-face{font-family:'exoticaMedium';
src:url('http://valleysystems.com/themes/valley_systems/fonts/Exotica-webfont.eot');
src:url('http://valleysystems.com/themes/valley_systems/fonts/Exotica-webfont.eot?#iefix') format("embedded-opentype"),
url('http://valleysystems.com/themes/valley_systems/fonts/Exotica-webfont.woff') format("woff"),
url('http://valleysystems.com/themes/valley_systems/fonts/Exotica-webfont.ttf') format("truetype"),
url('http://valleysystems.com/themes/valley_systems/fonts/Exotica-webfont.svg#exoticaMedium') format("svg");
font-weight:400;
font-style:normal;}

@font-face{font-family:'FuturaBT-LightCondensed';
src:url('http://valleysystems.com/themes/valley_systems/fonts/29D1D7_0_0.eot');
src:url('http://valleysystems.com/themes/valley_systems/fonts/29D1D7_0_0.eot?#iefix') format("embedded-opentype"),
url('http://valleysystems.com/themes/valley_systems/fonts/29D1D7_0_0.woff') format("woff"),
url('http://valleysystems.com/themes/valley_systems/fonts/29D1D7_0_0.ttf') format("truetype")}

@media screen and (max-width: 1440px) {
html,body{font-size:95%}
.center{width:1216px;position}
.tabs-content{width:1200px}
.center .button1 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 322px;
left: 6%;
}
.center .button2 {
max-width: 214px;
width: 100%;
height: 30px;

position: absolute;
top: 340px;
left: 26.5%;
}
.center .button3 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 418px;
left: 39%;
}
.center .button4 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 813px;
left: 29.5%;
}
.center .button5 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 851px;
left: 4%;
}
.center .button6 {
max-width: 200px;
width: 100%;
height: 30px;

position: absolute;
top: 428px;
left: 0%;
}
}
@media screen and (max-width: 1280px) {
html,body{font-size:92%}
.header-base { background-size: 1775px; height: 893px;}
.center{width:1100px}
.center .button1 {
left: 99px;
top: 292px;
max-width: 200px;
width: 100%;
}
.center .button2 {
max-width: 214px;
width: 100%;
top: 314px;
left: 28.5%;
}
.center .button3 {
max-width: 200px;
width: 100%;
top: 378px;
left: 39%;
}
.center .button4 {
max-width: 200px;
width: 100%;
top: 713px;
left: 30.5%;
}
.center .button5 {
max-width: 200px;
width: 100%;
top: 757px;
left: 4%;
}
.center .button6 {
max-width: 200px;
width: 100%;
top: 385px;
left: 0%;
}
.tabs-content{width:1100px}
.page-item img {
width: 100%;
height: auto;
}
#main-base-block #main-wrap h1 { 
font-size: 50px;
}
}
@media screen and (max-width: 1152px) {
	.header-base { background-size: 1620px;height: 820px;}
	#main-base-block {
float: right;
width: 40%;
margin: -665px 0 0;
}
	#main-base-block #main-wrap { padding: 32px; }
	
	.center{width:1000px}
	.tabs-content{width:1000px}
.center .button1 {
left: 8%;
top: 267px;
max-width: 200px;
width: 100%;
}
.center .button2 {
max-width: 214px;
width: 100%;
top: 289px;
left: 28.5%;
}
.center .button3 {
max-width: 200px;
width: 100%;
top: 346px;
left: 39%;
}
.center .button4 {
max-width: 200px;
width: 100%;
top: 657px;
left: 31.5%;
}
.center .button5 {
max-width: 200px;
width: 100%;
top: 698px;
left: 5%;
}
.center .button6 {
max-width: 200px;
width: 100%;
top: 346px;
left: 0%;
}
}
@media screen and (max-width: 1024px) {
	.header-base { background-size: 1450px;height: 740px;}
		#main-base-block {
float: right;
width: 40%;
margin: -585px 0 0;
}
	#main-base-block #main-wrap { padding: 32px; }
	.center{width:900px}
.center .button1 {
left: 8%;
top: 246px;
max-width: 200px;
width: 100%;
}
.center .button2 {
max-width: 214px;
width: 100%;
top: 257px;
left: 30.5%;
}
.center .button3 {
max-width: 200px;
width: 100%;
top: 313px;
left: 41%;
}
.center .button4 {
max-width: 200px;
width: 100%;
top: 594px;
left: 30.5%;
}
.center .button5 {
max-width: 200px;
width: 100%;
top: 631px;
left: 5%;
}
.center .button6 {
max-width: 200px;
width: 100%;
top: 316px;
left: 0%;
}
	.tabs-content{width:900px}
	.intro-block-left article{padding:8%}
	#breadcrumbs{width:58%}
	#footer-wrap { background: #454444 }
	#main-base-block #main-wrap h1 {font-size: 45px;
	}
}
@media screen and (max-width: 950px) {
.center .button1,
.center .button2,
.center .button3,
.center .button4,
.center .button5,
.center .button6 { display: none;}
.header-base{background:url(http://valleysystems.com/themes/valley_systems/images/banner-home-medium.jpg) center 45px no-repeat;background-size:cover;height: 957px;}
#main-base-block {
clear: both;
margin: -700px auto 40px;
float: none;
width: 600px;
}
#main-base-block #main-wrap h1 {
	font-size: 70px;
}
.page-item {
width: 50%;
float: left;
text-align: center;
margin: 0 0 2em 0;
}
.page-item img { width: 90%; height: auto;}
#footer-inner { width: 60%;}
}
@media screen and (max-width: 800px) {
h3{font:30px FuturaBT-LightCondensed,sans-serif}
#blog-post article section p{font:18px arial,sans-serif}
.logo{position:absolute;top:95px;left:40px;z-index:1}
.phone{position:absolute;top:95px;right:40px;z-index:1}
#page-head h2,#page-head h1{font:40px FuturaBT-LightCondensed,sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:50px;color:#fff;letter-spacing:0;padding:.5em}
#main-base-block #main-wrap{padding:20px}
#main-base-block #main-wrap p{font:15px arial,sans-serif}
figure h2,section h2,label{font:30px FuturaBT-LightCondensed,sans-serif}
#blog-entry .formblock input,#blog-entry .formblock textarea{font:18px arial,sans-serif}
#page-head h2,#page-head h1{}
header{height:auto;position:relative;z-index:2}
header nav{float:left;border-right:none}
header nav ul.nav{height:50px}
.child-menu{top:51px;width:100%;min-width:0}
.header-base{height:957px;background:url(http://valleysystems.com/themes/valley_systems/images/banner-home-small.jpg) center 45px no-repeat;background-size:cover}
.center{width:785px}
.header-base-projectpage{height:auto}
.header-base-innerpage{height:325px;background:url(http://valleysystems.com/themes/valley_systems/images/banner-home-small.jpg) center 45px no-repeat;background-size:cover}
.header-content{background:none}
.header-content-innerpage{background:none}
.header-content-projectpage{background:none}
#logo{margin-left:.8em}
#logo h1{margin-bottom:0!important}
#logo h1 a{line-height:normal;padding:.4em 0}
#main-base-block{margin:-570px auto 40px;float:none}
#main-base-block-generalpage{margin:0 0 40px}
#main-base-block-projectpage{margin:0 0 40px}
#main-base-block-projectpage{margin:0 0 40px}
#adv{width:80%}
#date{width:10%;margin:0 4% 0 0}
#text-block{width:86%}
.tabs-content{width:785px}
h2.big{padding:0 4%}
.intro-block-left{width:100%}
.inner{position:relative;float:left;width:84%;padding:0 8%}
.intro-block-right{width:100%}
.bottom-base{background:none}
.bottom-content{height:0}
h1.project-title{display:none;margin-bottom:0}
#main-base-block .callout img{margin:0;float:none}
#main-base-block .callout a{text-align:center;color:#fff;font:24px FuturaBT-LightCondensed,sans-serif;margin:0;display:block;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-decoration:none}
#porfolio{box-sizing:border-box;-webkit-text-size-adjust:100%}
.portfolio1 ul li,.portfolio1 ul li:first-child{font-size:18px;list-style:disc;margin:0;float:none}
#portfolio section li{margin:0 0 1em 20px}
}
@media screen and (max-width: 768px) {
header nav{height:74px;overflow:hidden;position:fixed;top:0;left:0;z-index:2;background:#363636}
header nav.active{height:auto}
header{position:relative}
header nav{width:100%;padding:0;border-right:none}
header nav ul.nav{height:auto}
header nav ul.nav li{width:100%;border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid #000}
header nav ul.nav li:first-child{width:100%;border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid #000}
header nav ul.nav li a{line-height:normal;padding:1em;font:40.8px FuturaBT-LightCondensed,sans-serif;padding:.3em}
.menu-button{text-decoration:none;display:block;font:40.8px FuturaBT-LightCondensed,sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.1em;transition:500ms ease-in;-webkit-font-smoothing:antialiased;line-height:normal;padding:.3em;border-bottom:1px solid rgba(255,255,255,0.1);cursor:pointer}
.menu-button:hover{color:#d50808}
.navbreak{display:none}
.child-menu{position:relative;top:0;float:left;width:100%;min-width:0}
.child-menu .shadow-line{display:none}
.child-menu a{padding:0 4%;width:92%}
.center{width:100%}
#main-base-block{margin:-700px auto 40px;float:none}
#main-base-block-generalpage{margin:-111px 0 40px}
#main-base-block-generalpage{margin:-111px 0 40px}
#main-base-block-projectpage{margin:-111px 0 40px}
#panel{width:100%;padding:0}
#panel-content{width:92%;padding:4%}
a.bigbutton{position:relative;display:table;margin:0 auto 20px}
#adv{width:100%}
#date{width:100%;margin:0 0 20px}
#text-block{width:100%;margin:0 0 20px}
.intro{width:100%;padding:4% 0}
.tabs .moving-bg{width:100%}
.tabs .tab-item{width:100%}
.tabslider{width:100%}
.tabs-content{width:100%}
.tab-inner ul li{width:100%;margin-right:0}
.tab-inner ul li:last-child{width:100%}
h2.big{padding:0 4%;margin-bottom:0}
.box{width:86%;margin:0 0 4%;padding:4%}
.box figure{float:left;width:100%;margin:0;padding:0}
.main-left{width:100%;margin:0 0 20px}
.main-left article{width:83%}
.main-right{width:88%;padding:2% 6%}
#footer-inner{width:60%;margin:25px 6% 20px}
.one{width:100%;margin-right:0;margin-bottom:20px}
.two{width:100%;margin-right:0;margin-bottom:20px}
.three{width:100%;margin-right:0;margin-bottom:20px}
#page-head{width:100%;padding:0}
#page-head h2{width:92%;padding:2% 4%}
.meta{width:100%;padding:0}
#breadcrumbs{width:92%;padding:2% 4%}
#search-block form{width:92%;padding:2% 4%}
#blog-posts article figure{width:100%!important;margin-bottom:20px}
#blog-posts article section.first-paragraph{width:100%}
#blog-post{width:100%!important;margin-bottom:20px}
#blog-entry aside{width:100%!important;margin-left:0}
.guestBook-formBlock div{float:left;width:100%;margin:10px 0}
.narrow{width:100%!important;margin-bottom:20px}
.wide{width:100%!important;margin-bottom:20px}
.portfolio1 figure,.portfolio1 section{margin-bottom:20px}
.portfolio2 ul{margin:0}
.portfolio2 ul li{width:100%!important;margin-right:0;margin-bottom:20px}
#main-base-block {
clear: both;
margin: -700px auto 40px;
float: none;
width: 90%;
}
#main-base-block #main-wrap h1 {
	font-size: 70px;
}
}
@media screen and (max-width: 640px) {
#preloader{display:none}
#container{float:left;padding:4%;width:92%}
}