/* HTML Reset */
html,body {width:100%;height:100%;margin:0;padding:0;}
@font-face {
font-family: 'HelveticaLTStd-UltraComp';
src: url('helveticaltstdultracomp1.eot');
src: url('helveticaltstdultracomp1d41d.eot?#iefix') format('embedded-opentype'),
url('helveticaltstdultracomp1.woff') format('woff'),
url('helveticaltstdultracomp1.ttf') format('truetype'),
url('helveticaltstdultracomp1.svg#helveticaltstdultracomp1') format('svg');
font-weight: normal;
font-style: normal;
}
* {
background: transparent;
border: 0px;
margin: 0px;
padding: 0px;
/* vertical-align: baseline; */
font-family: inherit;
}
html {
height:100%;
background: #000 url(../files/bg_body.jpg) top center repeat;
}
/* Focus Reset */
:focus {
outline: 0;
}
/* Selection */
::selection {
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
::-moz-selection {
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
::-webkit-selection {
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
body {
font-family: 'arial', Helvetica, sans-serif;
font-size: 13px;
line-height: 150%;
color: #666666;
height:100%;
}
/* Hyperlinks */
a {
color: #000000;
text-decoration: none;
cursor: pointer;
}
a:hover,
a:active {
color: #888888;
text-decoration: none;
}
a img {
border: 0px;
}
/* Paragraph and Headings */
p {
margin: 0px 0px 15px 0px;
}
h1 {
font-size: 35px;
font-family: 'HelveticaLTStd-UltraComp', 'arial', helvetica, sans-serif;
font-weight: normal;
color: #cc0000;
line-height: 100%;
text-transform:uppercase;
}
h2 {
font-size: 20px;
font-family: 'arial', helvetica, sans-serif;
font-weight: normal;
color: #222222;
margin: 0px 0px 15px 0px;
line-height: 150%;
}
h3 {
font-size: 16px;
font-family: 'arial', helvetica, sans-serif;
font-weight: bold;
color: #444444;
margin: 0px 0px 15px 0px;
line-height: 150%;
}
h4 {
font-size: 16px;
font-family: 'arial', helvetica, sans-serif;
font-weight: normal;
color: #666666;
margin: 0px 0px 15px 0px;
line-height: 150%;
}
h5 {
font-size: 16px;
font-family: 'arial', helvetica, sans-serif;
font-weight: normal;
color: #ffffff;
margin: 0px 0px 15px 0px;
line-height: 100%;
padding: 5px;
background: #222222;
}
h6 {
font-size: 16px;
font-family: 'arial', helvetica, sans-serif;
font-weight: normal;
color: #ffffff;
margin: 0px 0px 15px 0px;
line-height: 100%;
padding: 5px;
background: #444444;
}
/* UL and OL Content Styling */
#wrapper ul{
list-style-type: disc;
list-style-position: inside;
margin: 0px 0px 15px 15px;
text-indent: -12px;
}
#wrapper ul li {
margin-bottom: 3px;
}
#wrapper ul ul{
list-style-type: circle;
list-style-position: inside;
margin: 0px 0px 15px 15px;
text-indent: -12px;
}
#wrapper ol {
list-style-type: decimal;
list-style-position: outside;
margin: 0px 0px 15px 16px;
}
#wrapper ol li {
margin: 0px 0px 3px 0px;
}
#wrapper ol ol{
list-style-type: lower-alpha;
list-style-position: outside;
margin: 0px 0px 15px 16px;
}
/* Contact Form */
input,
textarea,
select {
margin: 0px;
background: #eeeded;
border: 1px solid #e8e8e8;
width: 250px;
padding: 10px;
font-family: 'arial', helvetica, sans-serif;
font-size: 12px;
}
label {
color: #000000;
font-family: 'arial', helvetica, sans-serif;
display:none;
}
input.submitbutton {
cursor:pointer;
width: 100px;
background: #cc0000;
color: #ffffff;
font-size: 14px;
font-family: 'arial', helvetica, sans-serif;
border: 0px;
text-transform:uppercase;
}
input.submitbutton:hover {
background: #000000;
color: #ffffff;
}
.contact-form {
width: 100%;
line-height: 100%;
display: inline-block;
}
.required {
color: #ff0000;
font-size: 12px;
}
.form-element {
width: 100%;
margin: 0px 0px 5px 0px;
display:inline-block;
}
.form-element:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.form-element label {
float: left;
margin: 11px 0px 0px 0px;
}
.form-element input {
/*float: right;*/
}
.form-element textarea {
width: 250px;
line-height: 150%;
height: auto;
}
.confirm {
color: #8ED334;
font-size: 12px;
background: #EAF7D9;
border: 1px solid #BBDF8D;
padding: 10px;
display: block;
clear: both;
text-align: center;
margin: 10px 0px 0px 0px;
}
.error {
color: #F45555;
font-size: 12px;
background: #FFD1D1;
border: 1px solid #F8ACAC;
padding: 10px;
display: block;
clear: both;
text-align: center;
margin: 10px 0;
}
.formError.inline {
display: block!important;
}
.formError.inline .formErrorContent {
margin-top: 1px;
padding: 5px 3%;
width: 94%;
}
/* Tables
table {
margin: 0px 0px 15px 0px;
padding: 0px;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 0px;
border-right: 0px;
}
tr {
margin: 0px;
padding: 0px;
}
th {
margin: 0px;
padding: 5px;
background: #009FE3;
color: #ffffff;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px #1879c6;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
td {
margin: 0px;
padding: 2px;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}*/
/* Other HTML elements */
strong,
b {
font-weight: bold;
}
em,
i {
font-style: italic;
}
hr {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #dddddd;
background: none;
height: 0px;
margin: 0px 0px 15px 0px;
padding: 0px;
}
/* Website Structure */
.container {
background:url(../files/bglight.jpg) no-repeat center top;
min-height:998px;
}
/* Header */
#header {
width: 980px;
margin: 0px auto;
padding: 0px;
background: none;
position: relative;
}
.logo {
margin: 0px;
text-align: left;
padding:50px 0;
}
.logo img {
height:49px;
width: 329px;
text-align: left;
}
.logo a {
display: inline-block;
}
/* Call To Action */
.call-to-action {
position: absolute;
width: auto;
margin: 0px;
padding: 0px;
right: 0px;
top: 30px;
bottom: 0px;
text-align: left;
display:none;
}
.call-to-action div {
margin: 0px;
}
.call-to-action div > span {
padding: 0px;
margin: 0px 5px 0px 0px;
background: none;
color: #333333;
font-weight: bold;
}
/* .call-to-action .contact-name {
font-size: 20px;
line-height: 20px;
font-weight: bold;
margin: 30px 0px 15px 0px;
} */
.call-to-action .contact-phone {
font-size: 15px;
line-height: 15px;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 35px;
background: url(../files/social/phone-dark.png) left center no-repeat;
}
.call-to-action .contact-email {
font-size: 15px;
line-height: 15px;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 35px;
background: url(../files/social/email-dark.png) left center no-repeat;
}
.call-to-action .contact-social {
font-size: 15px;
line-height: 15px;
font-weight: normal;
margin: 0px;
}
.call-to-action .contact-social a {
margin-right: 10px;
display: inline-block;
position: relative;
}
.call-to-action .contact-social a:hover > .title {
display: block;
visibility: visible;
}
.call-to-action .contact-social a .title {
position: absolute;
font-size: 10px;
line-height: 10px;
color: #ffffff;
text-align: center;
padding: 3px;
background: #333333;
top: -20px;
left: 13px;
margin-left: -26px;
width: 50px;
display: none;
visibility: hidden;
}
/* Navigation Bar*/
#navbar-container {
background: none;
width: 980px;
margin:0 auto;
}
/* Level 1 */
#nav {
background: transparent;
line-height: 100%;
margin: -90px 0 0 0;
padding: 0px;
width: 980px;
z-index: 99;
position:absolute;
text-align:right;
text-transform:uppercase;
}
#nav li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0px;
padding: 0 15px;
position: relative;
z-index: 99;
display:inline-block;
background-image:url(../files/nav-bg.jpg);
background-repeat:no-repeat;
background-position:10px 20px;
}
/* Top Level Link Styling */
#nav li a {
color: #FFF;
display: block;
font-weight: normal;
margin: 0px;
padding: 0px 0px;
font-size: 26px;
line-height: 100%;
font-family: 'HelveticaLTStd-UltraComp', Arial, Helvetica, sans-serif;
}
#nav li a:hover,
#nav li a:active,
#nav li.current a,
#nav li:hover > a {
background: transparent;
color: #910000;
}
/* Level 2 */
#nav li:hover > ul {
display: block;
}
#nav ul {
background: #ffffff;
border: 1px solid #dddddd;
display: none;
left: 0;
margin: 0px;
padding: 0px;
position: absolute;
top: 29px;
width: 205px;
z-index: 99;
}
#nav ul li {
float: none;
margin: 0px;
padding: 0px;
z-index: 99;
}
/* Second Level Link Styling and Onwards */
#nav li > ul li a {
background: none;
color: #000;
font-weight: normal;
padding: 9px 9px 9px 9px;
font-size: 22px;
line-height: 100%;
text-align:left;
background-image:none;
display:block;
width:186px;
}
#nav li > ul li a:hover {
background: #000000 !important;
color: #FFFFFF !important;
}
/* Level 3 */
#nav ul ul {
left: 181px;
top: 0px;
z-index: 99;
}
/* Miscellaneous */
#nav:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
html[xmlns] #nav {
display: block;
}
* html #nav {
height: 1%;
}
/* Body */
#wrapper {
width: 954px;
margin: 0px auto;
padding: 0px;
background-color: #ffffff;
border:13px solid #000000;
min-height:545px;
}
/* Breadcrumbs */
.breadcrumb {
padding: 0px 0px 15px 0px;
margin: 0px;
background: none;
color: #bbbbbb;
font-size: 11px;
line-height: 100%;
float:right;
}
.breadcrumb a {
color: #bbbbbb;
}
.breadcrumb a:hover,
.breadcrumb a:active {
color: #333333;
}
/* Page Headings */
.heading {
width: 894px;
background: none;
margin: 30px 30px 30px 30px;
padding: 0px;
display: inline-block;
}
/* Sidebar */
.sidebar {
width: 250px;
background: none;
margin: 0px 30px 30px 0px;
padding: 0px;
float: right;
}
.sidebar h2 {
display:none;
}
.sidebar .widget {
display: block;
margin: 10px 0px;
}
/* Main Pages */
.content {
width: 920px/* 954px */;
background: none;
margin: 0px 0px 0px 0px;
padding: 0px 17px;
}
/* Content With Sidebar */
.content-left {
width: 640px;
background: none;
margin: 0px 0px 30px 30px;
padding: 0px;
float: left;
}
/* Photo Gallery */
.gallery-container {
}
.gallery-text {
width: 100%;
padding: 0px;
margin: 0px;
}
.overview_thumbnail_all {
float: left;
padding: 0 15px 0 0;
}
/* Photo Gallery Thumbnails */
.thumbnail-all {
margin: 15px;
background: none;
width: 200px;
height: auto;
display: inline-block;
vertical-align: top;
}
.thumbnail-all:hover {
margin: 5px;
padding: 7px;
border: 3px solid #eeeeee;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.thumbnail {
margin: 0px;
width: auto;
height: auto;
background: none;
overflow: hidden;
}
.image-title {
margin: 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: center;
}
.image-title a {
width: auto;
display: block;
font-size: 16px;
line-height: 16px;
font-family: 'arial', helvetica, sans-serif;
background: #dddddd;
color: #333333;
padding: 5px;
}
.image-title a:hover {
color: #ffffff;
background: #777777;
}
.image-description {
margin: 0px;
padding: 0px;
background: none;
width: 100%;
color: #999999;
font-size: 11px;
}
.thumbnail img {
margin: auto;
display:block;
/*min-height: 160px;*/
min-width: 160px; /*this will force the width of the thumbnail making it a square */
}
.thumbnail img:hover {
margin: auto;
display:block;
}
/* Overview */
/* .content.overview ul > li{
list-style: none;
} */
.content.overview ul li {
margin-bottom: 7px;
margin-top: 4px;
}
.content.overview ul ul li ul {
list-style-type: square !important;
}
/* Blog */
/* Blog Page */
.blog-container {
padding: 0px;
margin: 0px 0px 30px 0px;
background: none;
}
.blog-image {
width: 200px;
height: 200px;
padding: 0px;
margin: 0px;
float: left;
}
.blog-image a {
display: block;
}
.blog-content.image-left {
margin: 0px 0px 0px 230px;
}
.blog-title {
padding: 10px;
margin: 0px;
background: #333333;
color: #aaaaaa;
position: relative;
}
.blog-title a {
color: #ffffff;
font-weight: bold;
}
.blog-title a:hover,
.blog-title a:active {
color: #cccccc;
}
.blog-social {
/*width: 300px;
position: absolute;
right: 10px;
top: 10px;
text-align: right;*/
margin: 15px 0px 0px 0px;
}
.blog-body {
padding: 0px;
margin: 10px 0px 0px 0px;
background: none;
}
.blog-social .gplus {
width: 70px;
float: left;
}
.blog-social .fb {
width: 85px;
float: left;
}
.blog-social .twitter {
width: 80px;
float: left;
}
/*Disqus Thread*/
.bottom_widget {
width: 633px;
margin-left: 30px;
}
/* Latest Posts */
#home-blog .blog-container {
width: 156px;
float: left;
}
#home-blog div.blog-container + div.blog-container {
margin: 0px 0px 30px 30px;
}
#home-blog .blog-image {
width: 156px;
height: 156px;
float: none;
}
#home-blog .blog-image img {
width: 156px;
height: 156px;
}
#home-blog .blog-image a {
display: block;
}
#home-blog .blog-content {
margin: 10px 0px 0px 0px;
}
#home-blog .blog-title {
text-align: center;
width: 136px;
}
#home-blog .blog-title a {
display: block;
}
#home-blog .blog-all {
display: block;
clear: both;
}
#home-blog .blog-all a {
display: inline-block;
padding: 10px;
margin: 0px;
background: #333333;
color: #ffffff;
}
#home-blog .blog-all a:hover,
#home-blog .blog-all a:active {
background: #000000;
}
/* Footer*/
#footer-contain {
width: 980px;
background: none;
margin:0 auto;
}
#footer {
margin: 0;
width: auto;
font-size: 10px;
background: transparent;
color: #fff;
padding: 10px 0px;
vertical-align: top;
text-align:left;
float:left;
}
.footer-mywork {
margin: 0px;
width: auto;
font-size: 10px;
line-height: 10px;
background: transparent;
color: #ffffff;
padding: 10px 0px;
text-align: right;
float:right;
}
.footer-mywork span.left {
float: left;
}
/* Footer Links */
#footer a {
color: #ffffff;
}
#footer a:hover,
#footer a:active {
text-decoration: underline;
}
.footer-mywork a {
color: #ffffff;
}
.footer-mywork a:hover,
.footer-mywork a:active {
text-decoration: underline;
}
/* mini_sitemap */
.mini_sitemap h2 {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-bottom: 0px solid #BBBBBB;
line-height: 100%;
font-size: 12px;
font-weight: normal;
text-align: left;
}
.mini_sitemap ul {
margin: 0px;
padding: 0px 15px 0px 15px;
display: inline-block;
width:auto;
text-align: left;
list-style: none;
vertical-align: top;
zoom: 1;
*display: inline;
_height: 100%;
border:0px;
border-right:1px solid #FFF;
}
.mini_sitemap ul:last-child {
border: 0px;
}
.mini_sitemap ul li {
margin: 3px 0px 0px 0px;
padding: 0px;
display: block;
width:auto;
text-align: left;
font-weight: normal;
}
.mini_sitemap ul li ul {
margin: 0px;
padding: 0px;
}
.mini_sitemap ul li ul li {
margin: 0px;
padding: 0px 0px 7px 0px;
width: auto;
font-weight: bold;
}
.mini_sitemap ul li ul li ul {
margin: 0px;
padding: 0px 0px 7px 0px;
}
.mini_sitemap ul li ul li ul li {
margin: 0px;
padding: 0px 0px 0px 10px;
width: auto;
font-weight: normal;
}
/* Float Properties*/
.clearfloat:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfloat {
display: block;
}
/* Hides from IE-mac \*/
* html .clearfloat {
height: 1%;
}
*+html .clearfloat {
height: 1%;
}
.mw-home-bg {
background-image:url(../files/img.jpg);
background-repeat:no-repeat;
background-position:center top;
width:894px;
padding:0 0px 0px 0px;
min-height:543px;
position:absolute;
margin:-94px 0 0 0;
}
.mw-about-bg {
background-image:url(../files/img-about.jpg);
background-repeat:no-repeat;
background-position:center bottom;
width:400px;
padding: 0 524px 30px 13px/* 0 524px 30px 30px */;
min-height:543px;
}
.mw-bio-bg {
background-image:url(../files/img-bio.jpg);
background-repeat:no-repeat;
background-position:top right;
width:894px;
padding:/* 0 30px 0px 30px */ 0px 0px 0px 13px;
min-height:543px;
}
.mw-gallery-bg {
width:894px;
padding:0 30px 30px 30px;
}
.mw-contact-bg {
background-image:url(../files/img-contact.png);
background-repeat:no-repeat;
background-position:right top;
width:894px;
padding:245px 30px 486px 30px;
position:absolute;
margin:-105px 0 0 -674px;
}
.mw-testimonial-bg {
background-image:/*url(/files/img-about.jpg)*/;
background-repeat:no-repeat;
background-position:center bottom;
width:400px;
padding:/* 0 524px 30px 30px */ 0px 524px 30px 13x;
min-height:543px;
}
.mw-show-bg {
background-image:/*url(/files/img-about.jpg)*/;
background-repeat:no-repeat;
background-position:center bottom;
width:400px;
padding:0 524px 30px 30px;
min-height:543px;
}