body {
background-color: #ccc;
font: normal 62.5% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
color: #fff;
line-height: 1.4;
margin: 0 auto;
padding: 0px;
width: 80%;
max-width: 960px;
border: 1px solid #000;
margin-bottom: 40px;
}
/*
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
margin: 0;
padding: 0;
letter-spacing: 0;
border-bottom: 0 !important;
}
*/
h1 {
font-size: 28pt;
color: #999;
}
p, h1 {
margin-bottom: 20px;
}
a {
border-bottom: 0px;
color: #ddd;
text-decoration: none !important;
}
a:focus {
-moz-outline-style: none;
}
a:active {
outline: none;
}
a:hover {
color: #eed857;
font-weight: bold;
}
li {
cursor: pointer;
}
.left {
float: left;
}
.right {
float: right;
}
div#header {
min-height: 70px;
padding: 20px;
background-color: #000;
z-index: 1;
}
div#banner {
z-index: 0;
height: 209px;
}
div#footer-menu-top, div#footer-menu {
min-height: 36px;
background-color: #191919;
border-top: 1px solid #212121;
border-bottom: 1px solid #212121;
text-align: center;
text-transform: uppercase;
line-height: 36px;
font-size: 12pt;
}
div#menu, div#sub-menu {
min-height: 36px;
background-color: transparent;
background-image: url(../img/menu-bg.png);
border-top: 1px solid #212121;
border-bottom: 1px solid #212121;
text-align: center;
text-transform: uppercase;
line-height: 36px;
font-size: 12pt;
z-index: 1;
position:relative;
}
div#sub-menu {
font-size: 8pt;
background-image: url(../img/menu-bg-dark.png);
width: 280px;
margin-top: 100px;
margin-left: 40px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding-left: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
div#footer-menu-top {
background-color: transparent !important;
border: none !important;
}
div#footer-menu {
background-color: #525252;
font-size: 8pt;
border: none !important;
border-bottom: 1px solid #212121;
}
div#menu ul#main-menu, div#footer-menu-top ul#footer-menu-top, div#footer-menu ul#footer-menu, div#sub-menu ul#sub-menu {
list-style-type: none;
padding: 0px;
margin: 0px;
}
div#menu ul#main-menu li.main-menu-item, div#footer-menu-top ul#footer-menu-top li.footer-menu-top-item, div#footer-menu ul#footer-menu li.footer-menu-item {
display: inline;
white-space: nowrap;
}
div#menu ul#main-menu li.main-menu-item:not(:first-child), div#footer-menu-top ul#footer-menu-top li.footer-menu-top-item:not(:first-child) {
padding-left:20px;
}
ul#main-menu li.current-main-menu-item a {
color: #eed857;
font-weight: bold;
text-decoration: none !important;
}
div#sub-menu ul#sub-menu li.current-sub-menu-item {
color: #770009;
font-weight: bold;
}
div#footer-menu ul#footer-menu li.footer-menu-item:not(:first-child) {
padding-left:10px;
}
div#sub-menu ul#sub-menu li.sub-menu-item, div#sub-menu ul#sub-menu li.sub-menu-item-link {
font-size: 16pt;
text-align: left;
white-space: nowrap;
}
div#top-content {
position: relative;
min-height: 380px;
background-color: #121212;
background-image: -moz-radial-gradient(70% 50%, circle cover, #7f7f7f, #121212 45%);
background-image: -webkit-radial-gradient(70% 50%, circle cover, #7f7f7f, #121212 45%);
background-image: -o-radial-gradient(70% 50%, circle cover, #7f7f7f, #121212 45%);
background-image: -ms-radial-gradient(70% 50%, circle cover, #7f7f7f, #121212 45%);
background-image: radial-gradient(70% 50%, circle cover, #7f7f7f, #121212 45%);
}
div#middle-content {
background-color: #fff;
min-height: 240px;
-moz-box-shadow: inset 0 0 45px 45px #fff7b7;
-webkit-box-shadow: inset 0 0 45px 45px#fff7b7;
box-shadow: inset 0 0 45px 45px #fff7b7;
}
div#middle-content-inside {
margin-left: 12%;
padding-top: 40px;
}
div#homepage-footer {
background-color: #7b7b7b;
background: -moz-linear-gradient(top, rgba(123,123,123,1) 0%, rgba(82,82,82,1) 84%, rgba(82,82,82,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,123,123,1)), color-stop(84%,rgba(82,82,82,1)), color-stop(100%,rgba(82,82,82,1)));
background: -webkit-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(82,82,82,1) 84%,rgba(82,82,82,1) 100%);
background: -o-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(82,82,82,1) 84%,rgba(82,82,82,1) 100%);
background: -ms-linear-gradient(top, rgba(123,123,123,1) 0%,rgba(82,82,82,1) 84%,rgba(82,82,82,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#525252',GradientType=0 );
background: linear-gradient(top, rgba(123,123,123,1) 0%,rgba(82,82,82,1) 84%,rgba(82,82,82,1) 100%);
}
div#footer-menu div#footer-social-links {
position: relative;
margin-right: 2px;
top: -34px;
}
.clients a {
padding: 10px;
padding-top: 0px;
text-decoration: none !important;
}
.clients img {
opacity: 0;
}
/*div.clients a div.img_wrapper img {
padding-top: 40px;
}*/
div#homepage-bio {
margin-top: 60px;
padding-bottom: 60px;
margin-left: 40px;
margin-right: 40px;
text-align: justify;
text-justify: newspaper;
font-size: 12pt;
}
div#homepage-bio img {
float: left;
margin-right: 20px;
vertical-align: top;
}
div.homepage-slider-text {
float: right;
font-size: 18pt;
margin-right: 20px;
width: 40%;
text-align: right;
color: #999;
line-height: 2em;
}
div.homepage-slider-text span {
color: #eed857;
}
.homepage-slider-img {
float: right;
margin-right: 10%;
width: 40%;
}
/* Clients */
.quote_left, .quote_right {
clear: both;
font-size: 14pt;
color: #999;
text-align: left;
padding-top: 40px;
margin: 50px;
border-top: 1px dotted #7b7b7b;
}
.quote_left img {
padding-left: 40px;
}
.quote_right img {
padding-right: 40px;
}
div#sub-menu ul#sub-menu li, div#sub-menu ul#sub-menu li a {
color: #fff;
text-decoration: none !important;
}
div#sub-menu ul#sub-menu li:hover, div#sub-menu ul#sub-menu li a:hover {
color: #770009;
font-weight: bolder;
}
/* About */
.about_content {
font-size: 12pt;
color: #999;
text-align: left;
padding: 40px;
padding-top: 180px;
}
.bio_photo {
float: right;
margin-left: 40px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}
div#services_btn {
float: left;
}
div#clients_btn {
float: right;
}
/* Contact */
#contact_content {
font-size: 12pt;
color: #999;
text-align: left;
padding: 40px;
}
div#contact_content div#address a {
color: #7b7b7b;
text-decoration: none !important;
}
div#contact_form_wrapper {
margin-right: 40px;
}
form#contact label {
float: left;
width: 120px;
font-weight: bold;
color: #000;
}
form#contact div {
clear: both;
margin-bottom: 10px;
}
form#contact input, form#contact textarea {
height: 30px;
width: 350px;
background-color: #e8e8e8;
border: 1px solid #000;
}
form#contact textarea {
height: 175px;
}
form#contact input[type="submit"] {
float: right;
width: 50px;
}
button {
height: 30px;
background-color: #e8e8e8;
border: 1px solid #000;
}
button:hover {
cursor: pointer;
background-color: #999;
}
/* Blog */
.blog_content {
font-size: 12pt;
color: #000;
text-align: left;
padding: 40px;
}
.blog_content a {
color: #770009 !important;
font-weight: bold !important;
}
.blog_content a:hover {
text-decoration: underline !important;
}
/* Privacy Policy */
.privacy_content {
font-size: 12pt;
color: #999;
text-align: left;
padding: 40px;
}
.privacy_content h1 {
font-size: 14pt;
}
/* Services */
.services_content {
font-size: 12pt;
color: #999;
text-align: left;
padding: 40px;
padding-top: 10px;
margin-left: 340px;
}
.clear {
clear: both;
}
em.error {
display:block;
margin-left:170px;
color: #ea7d85;
}
input.error {
background-color: #ea7d85;
}
div#quote {
color: #770009;
font-size: 15pt;
width: 300px;
margin-top: 80px;
margin-right: 20px;
margin-left: 40px;
float: right;
border: none;
font-style: italic;
}
.red, .red:hover {
color: #770009;
}
/* Plating */
div.plating_content {
padding-left: 10px;
padding-right: 10px;
min-width: 940px;
width: 940px;
max-width: 940px;
}
li.img300x200, li.img220x200, li.img380x420, li.img540x200 {
display: block;
float: left;
}
li.right {
float: right;
}
li.newline {
clear: both;
}
div.plating_content ul {
clear:both;
padding-top: 16px;
}
li.pad_top {
margin-top: 16px;
}
li.pad_left {
margin-left: 10px;
}
li.pad_right {
margin-right: 10px;
}