body {
font-family: 'Roboto Condensed', sans-serif;
color: black;
background-color: #FAFAFA;
padding:0;
margin:0;
font-size: 14px;
}
ul {
margin-left: -15px;
}
p {
margin: 5px 0px 10px 0px;
}
header {
width: 100%;
margin-top: 20px;
}
#top-logo {
float: left;
margin-left: 50px;
}
#top-logo a img {
border: 0;
width: 800px;
}
#top-navigation {
float: right;
margin-right: 50px;
}
#top-navigation a {
float: left;
margin-right: 5px;
}
#top-navigation a img {
height: auto;
width: 65px;
border: 0;
}
#interior-page-body {
width: 100%;
text-align:center;
background: url('../image/main-interior-background.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #F3F3F4;
min-height: 500px;
padding: 24px auto 24px auto;
margin-bottom: 24px;
}
#interior-page-content {
width: 100%;
max-width: 1200px;
margin: 24px auto 24px auto;
}
#interior-page-left {
width: 240px;
float: left;
margin-right: 24px;
margin-top: 24px;
min-height: 450px;
background-color: #6d6e71;
display: block;
color: white;
text-align: left;
padding: 7px 10px 10px 10px;
}
#interior-page-left ul li {
margin-bottom: 15px;
}
.pageid-27 #interior-page-left ul li {
margin-bottom: 0px;
}
#interior-page-center {
width: 608px;
float: left;
margin-right: 24px;
margin-top: 24px;
margin-bottom: 24px;
min-height: 450px;
background-color: white;
border: 2px solid #0b9444;
display: block;
text-align: left;
padding: 5px 20px;
}
#interior-page-center h1 {
color: #0b9444;
text-transform:uppercase;
font-weight:400;
font-size: 32px;
margin-top: 5px;
}
#interior-page-center ul li {
margin-bottom: 15px;
}
#portfolio-description h1 {
color: #0b9444;
text-transform:uppercase;
font-weight:400;
font-size: 32px;
margin-top: 5px;
}
.interior-two-column {
width: 100%;
}
.interior-two-column tr td {
vertical-align: top;
padding: 0px 10px 10px 10px;
}
.interior-two-column tr td:first-child {
width: 35%;
border-right: 2px solid #0b9444;
}
.interior-page-center ul {list-style: none;}
.interior-page-center ul li:before {content: "–";}
.large-green-text {
color: #0b9444;
font-weight:400;
font-size: 18px;
}
.regular-green-text {
color: #0b9444;
}
#interior-page-right {
width: 240px;
float: left;
min-height: 450px;
display: block;
margin-top: 24px;
}
#interior-page-right img {
width: 240px;
margin-bottom: 24px;
}
#gallery-photo-container {
width: 100%;
text-align:center;
background: url('../image/home-photo-background.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #F3F3F4;
padding: 20px 0 20px 0;
margin: 0 auto;
}
#gallery-size-crop-control {
width: 755px;
height:415px;
overflow: hidden;
margin: auto;
padding: auto;
}
#gallery-photo-counter-line {
line-height: 30px;
text-align:center;
height: 30px;
width: 100%;
background-image: url('../image/gallery-lower-gradient-1-30.png');
background-repeat: repeat-x;
}
#gallery-photo-counter-buttons {
width: auto;
padding-top: 2px;
}
#gallery-photo-counter-buttons img {
height: 10px;
margin-right: 10px;
}
#gallery-photo-counter-buttons img:last {
margin-right: 0px;
}
#play_pause_control {
height: 11px;
width: 12px;
display: inline-block;
margin-right: 10px;
background-image: url('../image/pause.png');
background-size: cover; /* <------ */
background-repeat: no-repeat;
background-position: center center;
}
#gallery-photo-bottom {
height: 25px;
width: 100%;
background-image: url('../image/gallery-lower-gradient-2-25.png');
background-repeat: repeat-x;
}
#gallery-photo-counter-bottom {
height: 25px;
width: 100%;
background-image: url('../image/gallery-lower-gradient-3-25.png');
background-repeat: repeat-x;
}
#gallery-prev-arrow-div {
display: inline-block;
height: 250px;
margin: 138px 20px 0 0;
position: relative;
top: -213px;
}
#gallery-prev-arrow-div:hover {
cursor: pointer;
}
#gallery-prev-arrow-div img {
vertical-align: middle;
}
#gallery-next-arrow-div {
display: inline-block;
height: 250px;
margin: 138px 0 0 20px;
position: relative;
top: -213px;
}
#gallery-next-arrow-div:hover {
cursor: pointer;
}
#gallery-next-arrow-div img {
vertical-align: middle;
}
#lower-page-body {
width: 100%;
text-align:center;
padding: 0 auto;
}
#lower-page-content {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.lower-page-item {
float: left;
width: 21%;
padding: 1px;
text-align: left;
margin-right: 40px;
margin-bottom: 24px;
position: relative;
}
.lower-page-item-last {
margin-right: 0px;
}
.lower-page-item h3 {
color: #0b9444;
text-transform:uppercase;
font-weight:400;
font-size: 22px;
margin-bottom: 3px;
padding-bottom: 0px;
}
.lower-page-desc {
font-size: 12px;
line-height: 15px;
color: #939598;
width: 100%;
font-weight: 400;
display: inline-block;
padding-bottom: 5px;
margin-bottom: 3px;
border-bottom: 3px solid #DDDDDD;
}
/*.lower-page-desc:after {
content:"\a";
white-space: pre;
}*/
.lower-page-button {
display: block;
margin-bottom: 20px;
position: absolute;
bottom: 0;
left: 20;
}
.lower-page-button img {
border: 0;
width: 100px;
height: auto;
margin: 0 auto;
}
.lower-page-detail {
font-size: 11px;
color: #9EA0A2;
width: 100%;
font-weight: 400;
display: inline-block;
padding-top: 5px;
margin-bottom: 50px;
}
.lower-page-border-bar {
width: 90%;
margin: 10px 5px 10px 0px;
height: 3px;
background-color: #dddddd;
}
#portfolio-description {
float: left;
width: 25%;
text-align: left;
}
#portfolio-description h3 {
color: #0b9444;
text-transform:uppercase;
font-weight:400;
font-size: 28px;
margin-bottom: 0px;
padding-bottom: 0px;
}
#portfolio-description h5 {
font-size: 14px;
color: #939598;
width: 100%;
font-weight: 400;
display: inline-block;
margin: 0;
padding-bottom: 5px;
}
#portfolio-description p {
font-size: 14px;
color: black;
font-weight: 400;
display: inline-block;
padding-bottom: 5px;
margin: 0 0 5px 0;
}
#portfolio-categories {
float: right;
width: 70%;
text-align: left;
margin-top: 15px;
color: #939598;
}
#portfolio-categories ul {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
list-style-type: none;
font-size: 20px;
margin-left: -30px;
}
#portfolio-categories ul li {
padding-bottom: 15px;
}
#portfolio-categories ul li a {
text-decoration: none;
color: #939598;
text-transform:uppercase;
}
#portfolio-categories ul li a:visited {
color: #939598;
}
#portfolio-categories ul li a:hover {
text-decoration: none;
color: #939598;
}
#video-categories {
float: right;
width: 70%;
text-align: left;
margin-top: 15px;
color: #939598;
}
#video-categories ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
list-style-type: none;
font-size: 20px;
}
#video-categories ul li {
padding-bottom: 15px;
}
#video-categories ul li a {
text-decoration: none;
color: #939598;
text-transform:uppercase;
}
#video-categories ul li a:visited {
color: #939598;
}
#video-categories ul li a:hover {
text-decoration: none;
color: #939598;
}
.currentGallery {
color: #0B9444 !important;
}
#bottom-page-body {
width: 100%;
min-height: 85px;
text-align:center;
padding: 0 auto;
background-color: #1e1f1e;
background-image: url('../image/footer-sub-nav-background.png');
background-repeat: repeat-x;
/* margin-top: -24px;*/
}
#bottom-page-content {
max-width: 1000px;
display:inline-block;
margin: 0 auto;
}
.bottom-page-item {
float: left;
width: 23%;
padding: 1px;
text-align: left;
margin-right: 50px;
}
.bottom-page-item-triple {
float: left;
width: 72%;
padding: 2px;
text-align: left;
margin-right: 50px;
color: white;
font-weight: 300;
}
.bottom-page-item-last {
margin-right: 0px;
width: 15%;
}
.bottom-page-item h3 {
color: #e7e7e8;
text-transform:uppercase;
font-weight:300;
font-size: 16px;
margin-bottom: 0px;
padding-bottom: 0px;
width: 98%;
border-bottom: 2px solid #686969;
}
.bottom-page-detail ul {
color: #747677;
text-transform:uppercase;
font-weight:300;
font-size: 12px;
list-style-image: url('../image/nav-list-icon-tiny.png');
margin-left: -20px;
}
.bottom-page-detail ul li a {
color: #747677;
text-decoration: none;
}
.bottom-page-detail ul li a:hover {
color: #747677;
}
.bottom-page-detail ul li a:visited {
color: #747677;
}
.bottom-page-video-button {
width: 100%;
margin-top: 35px;
}
footer {
width: 100%;
min-height: 60px;
text-align:center;
padding: 0 auto;
background-color: #1e1f1e;
background-image: url('../image/footer-gradient-background.png');
background-repeat: repeat-x;
}
#footer-content {
width: 900px;
display:inline-block;
margin: 0 auto;
padding-top: 10px;
text-align:center;
}
.footer-tagline {
color: #bcbdc0;
font-weight:700;
font-size: 16px;
margin: 0 auto;
}
.footer-tagline img {
width: 64px;
margin-left: 20px;
}
.footer-navigation {
float: right;
color: #bcbdc0;
text-transform:uppercase;
font-weight:300;
font-size: 10px;
}
.footer-navigation a {
color: #bcbdc0;
text-decoration: none;
}
.footer-navigation a:hover {
color: #bcbdc0;
}
.footer-navigation a:visited {
color: #bcbdc0;
}
.novak-logo {
width: 350px !important;
}