body {
background-color: #313030;
margin: 0px;
padding: 0px;
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/back.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.back.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='back.jpg', sizingMethod='scale')";
background-attachment: fixed;
}
#bodyWrapHome {
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/header.png);
background-repeat: repeat-x;
width: 100%;
float: left;
}
#bodyWrap {
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/header.png);
background-repeat: repeat-x;
width: 100%;
float: left;
}
#wrap {width: 100%; float: left;}
#header {
width: 90%;
float: left;
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/rock-star.png);
background-repeat: no-repeat;
background-position: right center;
padding-top: 94px;
padding-left: 5%; padding-right: 5%;
}
#menu {
width: 100%;
float: left;
padding-top: 24px;
text-align: center;
font-family: 'Lato', sans-serif;
font-size: 15px;
text-transform: uppercase;
height: 45px;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;	
text-align: center;
}
#menu a {
color: #d2c5a1;
text-decoration: none;
padding-right: 30px;
padding-left: 0px;
}
#menu a:hover {
color: #000;
text-decoration: none;
}
#rotateWrap {width: 100%; float: left; margin-top: 75px; }
#rotateBox {width: 927px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
height: 342px;
border-top-width: 14px;
border-right-width: 14px;
border-bottom-width: 14px;
border-left-width: 14px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
.rotate {
width: 927px;
float: left;
background-color: #FFF;
height: 342px;
}
#shadow {
width: 955px;
margin: auto;
height: 40px;
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/shadow.png);
background-repeat: no-repeat;
background-position: center top;
}
body.home #container {
width: 100%;
color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;
background-color: #000;
position: absolute;
top: 730px;
}
#container {
width: 100%;
color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;
background-color: #000;
float: left;
margin-top: 0px;
}
#container a {color: #ae853e; text-decoration: none;}
#container a:hover {color: #7d4f01; text-decoration: none;}
#containerBox {width: 100%; float: left;}
#containerSub {
width: 80%;
margin: auto;
margin-top: 92px;
color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;
font-size: 15px;
min-height: 500px;
}
#containerSub img {border: solid 13px #1d1d1d;}
.entry-header h2 {margin: 0px; padding-left: 7%; padding-top: 56px; font-family: 'Lato', sans-serif;
font-size: 34px; font-weight: normal; color: #000; text-transform: uppercase; width: 95%; float: left;}
#container h3 {
font-size: 18px;
margin: 0px;
color: #ae8642;
font-weight: normal;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-transform: uppercase;
}
#content h4 {
font-size: 14px;
padding: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-transform: uppercase;
}
#content td {vertical-align: top;}
#contentSub {width: 100%; float: left;}
#content {width: 80%; margin: auto; max-width: 1400px;}
#containerSub a {color: #ae853e; text-decoration: none;}
#containerSub a:hover {color: #7d4f01; text-decoration: none;}
body.home .entry-content {padding-top: 0px;}
.entry-content {padding-top: 50px;}
#bear {
width: 300px;
height: 300px;
position: absolute;
left: 550px;
top: 960px;
}
#introHome {width: 100%; float: left;}
#contentContainer {width: 100%; float: left;}
#contentWrap {width: 85%; max-width: 1400px; margin: auto;}
#homeContentLeft {width: 65%; float: left; border-right: solid 1px #333; padding-right: 2%;}
#homeContentRight {width: 30%; float: right;}
#galleryCTAwrap {width: 100%; float: left; padding-top: 60px; padding-bottom: 35px; background-color: rgba(235, 226, 203, 0.1); margin-bottom: 35px;}
#galleryCTA {width: 80%; max-width: 1400px; margin: auto;  text-align: center; font-size: 26px; line-height: 1.5em; font-weight: 300;}
#introWrap {width: 100%; float: left; background-color: rgba(235, 226, 203, 0.1); padding-top: 30px; padding-bottom: 30px; margin-bottom: 0px; margin-top: 30px;}
#intro {width: 80%; max-width: 1400px; margin: auto; max-width: 1500px; 	color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;}
#intro a {color: #ae853e; text-decoration: none;}
#intro a:hover {color: #7d4f01; text-decoration: none;}
#intro h3 {
font-size: 18px;
margin: 0px;
color: #ae8642;
font-weight: normal;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-transform: uppercase;
}
#contactHome {background-color: #121212; float: right; padding: 25px; width: 300px; min-height:420px;
height:auto !important;
height:420px; margin-top: 30px;}
#footer {width: 80%; float: left; margin-top: 0px; padding-top: 30px; padding-left: 10%; padding-right: 10%;  color: #7d4f01;font-family: 'Lato', sans-serif;
font-size: 15px;  padding-bottom: 50px; background-color: #0e0e0e;}
#footer img {width: 32px; height: auto; border: 0px; margin-right: 10px;}
#footer a {color: #ae853e; text-decoration: none;}
#footer a:hover {color: #7d4f01; text-decoration: none;}
#footerLeft {width: 65%; float: left;}
#footer h3 {
font-size: 18px;
margin: 0px;
color: #ae8642;
font-weight: normal;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-transform: uppercase;
}
#copyright {float: right; width: 30%; text-align: left;}
a.buttonCTA {padding-left: 14px; padding-right: 14px; padding-top: 8px; padding-bottom: 8px; text-align: center; max-width: 200px; background-color: #7c5512; border-radius: 5px; margin: auto; font-size: 12px; text-transform: uppercase; font-weight: 400!important; color: #000!important;}
a:hover.buttonCTA {background-color: #613f05!important;} .alignleft {
margin-right: 30px;
float: left;
}
.alignright {
margin-left: 30px; 
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.ngg-gallery-thumbnail-box {margin-right: 27px!important; margin-bottom: 27px!important; width: 22%; display: inline-block; min-height: 200px;}
.ngg-gallery-thumbnail {width: 100%;}
.ngg-gallery-thumbnail
{
text-align: center;
max-width: 100%;
background-color: transparent!important;
border: 0px!important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.ngg-gallery-thumbnail img {width: 100%; height: auto;}
#mobileContact {display: none!Important;}
#pageTables {width: 500px;}
.tableRight {width: 50%; float: right;}
.tableLeft {width: 50%; float: left;}
#contactRight {width: 50%; float: right;}
#contactLeft {width: 50%; float: left; }
#thumbBox {float: left; text-align: center; width: 100%; padding-bottom: 30px;  }
#thumbBox ul {margin: 0px; padding: 0px; list-style-type: none;}
#thumbBox li {
display: inline-block;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 30px;
list-style-type: none;
width: 230px;
margin-left: 10px; margin-right: 10px;
vertical-align: top;
}
#thumbBox img {float: none!important; margin-bottom: 7px;}
#footer form {width: 94%; padding: 3%!important; background-color: rgba(255, 255, 255, 0.1)!important; max-width: 400px; text-align: left!important; float: left;}
#footer textarea {height: 60px;border-radius: 5px; width: 95%; max-width: 400px!important; padding: 5px; border: 0px;}
#footer input {height: 17px;border-radius: 5px; width: 90%; max-width: 400px!important;margin: 0px!important; padding: 5px; border: 0px!important;}
#footer td {padding: 5px!important;}
#footer p {margin: 0px; padding: 0px;}
.wpcf7-submit {margin-top: 20px; padding-top: 5px!important; width: 100px!important; height: 30px!important; background-color: #7c5512; color: #FFF!important; text-transform: uppercase; font-weight: 700; cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 1000px) {
body.home #container {
width: 100%;
position: static!important;
color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;
background-color: #000;
top: 0px!important;
margin-top: 0px!important;
float: left!important;
}
body {
background-color: #000;
margin: 0px;
padding: 0px;
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/back.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: 140% auto;
background-attachment: scroll;
}
#bodyWrapHome {
background-image: none;
background-repeat: repeat-x;
width: 100%;
height: auto;	float: left;
}
#bodyWrap {
background-image: none!important;;
background-repeat: repeat-x;
width: 100%;
height: 100%;
float: left;
}
#wrap {width: 100%; margin-left: auto; margin-right: auto;}
#header {
width: 100%;
float: left;
background-image: url(//www.vancetheoret.com/wp-content/themes/toolbox-child/images/rock-star.png);
background-repeat: no-repeat;
background-position: center 25px;
padding-top: 85px;
padding-bottom: 25px;
text-align: center;
background-size: 250px auto;
background-color: #000;
padding-left: 0px!important;
padding-right: 0px!important;
}
#header img {width: 90%; height: auto; max-width: 250px;}
#menu {
display: none!important; }
#rotateWrap {margin-top: 0px;}
#rotateBox {width: 100%;
float: left;
background-color: #000;
height: auto;
border: 0px!important;
margin-top: 0px;}
.rotate {
width: 100%;
float: left;
background-color: #FFF;
height: 342px;
}
#shadow {
display: none;
}
#container {
width: 100%;
float: left;
margin-top: 0px;
color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;
background-color: #000;
margin-left: auto;
margin-right: auto;
}
#container a {color: #ae853e; text-decoration: none;}
#container a:hover {color: #7d4f01; text-decoration: none;}
#container img {width: 100%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 15px; max-width: 400px;}
#containerSub {
width: 100%;
float: left;
margin-top: 0px;
color: #ddd7c6;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.5em;
font-size: 15px;
min-height: 500px;
}
#containerSub img {border: solid 13px #1d1d1d;}
header.entry-header h2 {margin: 0px; padding-left: 5%; padding-top: 20px!Important; padding-bottom: 20px!important; font-family: 'Lato', sans-serif;
font-size: 24px; font-weight: normal; color: #000; text-transform: uppercase; width: 95%; float: left; display: block;}
#content h2 {margin: 0px; padding: 0px; font-family: 'Lato', sans-serif;
font-size: 18px; font-weight: normal; color: #000; text-transform: uppercase; text-align: center;}
#content h3 {
font-size: 18px;
margin: 0px;
color: #ae8642;
font-weight: normal;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#content h4 {
font-size: 14px;
padding: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-transform: uppercase;
}
#content td {vertical-align: top; width: 45%; padding-right: 20px;}
#content img, #contentSub img {width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 15px; max-width: 300px; float: none!important; display: block;}
#containerSub a {color: #ae853e; text-decoration: none;}
#containerSub a:hover {color: #7d4f01; text-decoration: none;}
.entry-content { background-color: #000; margin-top: 0px; min-height: 600px; padding-left: 3%; padding-right: 3%;width: 94%; float: left;}
#contentSub {width: 100%; float: left; background-color: #000; margin-top: 55px;}
#bear {
display: none;
}
#introHome {width: 100%; float: left;}
#contactHome {display: none!important;}
#footer {width: 100%; float: left; margin-top: 0px; padding-top: 14px; border-top: 0px; font-family: 'Lato', sans-serif;
font-size: 15px;  padding-bottom: 50px;   text-align: center!important; background-color: #121212; padding-left: 0px!important; padding-right: 0px!important;}
#footer img {max-width: 25px; height: auto; margin-left: 5px; margin-right: 5px;}
#footerLeft {width: 100%; text-align: center; float: left;}
#copyright {float: left; width: 100%; text-align: center;  margin-top: 15px;}
.ngg-gallery-thumbnail-box {margin-right: 27px!important; margin-bottom: 27px!important; width: 100%;}
.ngg-gallery-thumbnail {width: 100%;}
#mobileContact {width: 100%; float: left; background-color: #202020; padding-top: 10px; padding-bottom: 5px; text-align: left; display: block!important; }
#mobileContact img {margin-left: 20px; margin-right: 20px;}
#click-menu {top: 7px!important;}
#pageTables {width: 100%;}
.tableRight {width: 100%; float: right;}
.tableLeft {width: 100%; float: left;}
iframe,  
object,  
embed {
float: left;
top: 0;
left: 0;
width: 100%;
height: 200px;
display: inline-block;
margin-bottom: 30px;
}
#contactRight {width: 100%; float: right; }
#contactLeft {width: 100%; float: left; }
.wpcf7-form img {width: 50%!important; height: auto;}
#homeContentLeft {width: 100%; float: left; border-right: solid 0px #333; padding-right: 0%;}
#homeContentRight {width: 100%; float: right;}
div.ngg-gallery-thumbnail img {max-width: 250px!important; height: auto;}     
#footer form {width: 94%;  padding: 3%!important; background-color: rgba(255, 255, 255, 0.1)!important; max-width: 400px; text-align: left!important; float: none; margin: auto;}
}