/*
Theme Name: 	Modern Ventilation
Description: 	The brand new Modern Ventilation website!
Version:        1.0
Author:         Leven Internet
Author URI: 	http://www.leveninternet.com
*/

@import "css/reset.css";

/* Defaults =========== */
body,
div,
article,
section,
header,
footer,
nav,
li {
  position:relative;
}
.group:after {
	display:block; 
	height:0; 
	clear:both; 
	content:"."; 
	visibility:hidden;
}
.clear {
  clear: both;
}
::-moz-selection,
::selection {
  background:#ff0; color:#333;
}
a:active,
a:active *,
a:focus,
a:focus * {
  outline: medium none !important;
}
img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
img.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
img.aligncenter {
  margin: 0 auto;
}
.post-edit-link {
    clear: both;
    display: block;
}
body,
input,
textarea {
  font-family: 'Open Sans', sans-serif;
}
b, strong {
    font-weight: 600;
}
/* Structure ========== */
body {
    background: url('img/header-bg.jpg') no-repeat left top;
    min-width:1024px;
}
.container {
    margin: 40px auto 0 auto;
    width: 960px;
    padding: 0 20px;
    z-index: 100;
}
/* Header ============= */
header {
    margin-bottom: 30px;
}
.logo {
    float: left;
}
.logo a {
    display: block;
    margin-top: 5px;
}
.header-contact {
    float: right;
    font-weight: 600;
    text-align: right;
    padding-right: 10px;
}
.header-contact span {
    color: #21449b;
    display: block;
    font-size: 33px;
    line-height: 100%;
    margin-bottom: 5px;
}
.header-contact a {
    color: #020000;
    font-size: 18px;
    text-decoration: none;
}
.header-contact a:hover {
    color: #21449b;
}
/* Navigation ========= */
nav {
	clear: both;
	display: block;
	float: right;
        height: 28px;
	margin: 0 auto 30px auto;
	width: 100%;
}
nav ul {
	font-size: 16px;
        font-weight: 600;
        float: right;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
nav li {
	float: left;
	position: relative;
        margin: 0 1px;
}
nav a {
	color: #040100;
	display: block;
        height: 32px;
	line-height: 32px;
	padding: 0 8px;
	text-decoration: none;
        text-transform: uppercase;
}
nav ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
nav ul ul ul {
	left: 100%;
	top: 0;
}
nav ul ul a {
	background: #f9f9f9;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
nav li:hover > a,
nav ul ul :hover > a,
nav a:focus,
nav .current-menu-item > a,
nav .current-menu-ancestor > a,
nav .current_page_item > a,
nav .current_page_ancestor > a{
	background: #21449b;
	color: #fff;
}
nav ul li:hover > ul {
	display: block;
}
/* Slideshow  ========= */
.slideshow {
    border: 6px solid #848383;
    clear: both;
    height: 347px;
    margin-bottom: 35px;
}
.caption {
    background: url('img/caption-bg.png');
    bottom: 20px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    left: 20px;
    padding: 5px 10px;
    position: absolute;
    width: 440px;
}
/* CTA Bar  =========== */
.cta-bar {
    background: url('img/cta-bar-bg.png') no-repeat left top;
    color: #fff;
    font-size: 19px;
    height: 102px;
    margin-bottom: 35px;
    width: 960px;
}
.cta-bar p {
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    width: 750px;
    line-height: 150%;
}
/* CTA Boxes  ========= */
.cta-boxes {
    margin-bottom: 35px;
}
.box {
    color: #21449b;
    cursor: pointer;
    float: left;
    font-size: 15.5px;
    font-weight: 700;
    height: 33px;
    padding: 117px 10px 0;
    margin-left: 20px;
    text-decoration: none;
    text-transform: uppercase;
    width: 156px; 
}
.box:first-child {
    margin-left: 0;
}
.box:hover {
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    filter:alpha(opacity=75);
}
.box-one {
    background: url('img/cta-ductwork.jpg') no-repeat left top;
}
.box-two {
    background: url('img/cta-grilles.jpg') no-repeat left top;
}
.box-three {
    background: url('img/cta-dampers.jpg') no-repeat left top;
}
.box-four {
    background: url('img/cta-mechanical.jpg') no-repeat left top;
}
.box-five {
     background: url('img/cta-flexible.jpg') no-repeat left top;   
}
/* Content ============ */
.main {
    margin-bottom: 35px;
}
.content {
    float: left;
    width: 620px;   
}
h1, h2, h3, h4, h5, h6 {
    color: #21449b;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 16px;
}
.content h1 {
    font-size: 24px;
}
.home .content h1 {
    font-size: 38px;
}
.content h2 {
    font-size: 20px;
    padding-bottom: 5px;
}
.content h2.page-title {
    border: none;
    color: #171515;
    font-weight: 600;
}
.content h3 {
    font-size: 18px;
}
.content h4,
.content h5,
.content h6 {
    font-size: 16px;
}
.content p, .content blockquote p {
    color: #464646;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
}
.content blockquote {
    border: 1px solid #BABABA;
    background: #fafafa;
    font-style: italic;
    padding: 10px 10px 10px 20px;
    margin: 24px;
}
.content blockquote p {
    margin-bottom: 0;
}
.content ul {
    margin: 24px 0 24px 35px;
}
.content li {
    color: #464646;
    list-style: square;
    margin-bottom: 10px;
}
.content a {
    color: #21449B;
    text-decoration: none;
}
.content a:hover {
    text-decoration: underline;
}
.tabs-shortcode .ui-tabs-nav li a,
.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a,
.tabs-shortcode.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    font-size: 16px;
    font-weight: 600;
}
.products .content ul {
    clear: both;
}
/* Sidebar ============ */
.sidebar {
    float: right;
    width: 310px;
}
.our-products {
    background: url('img/black-bg-tile.png');
    padding: 10px;
    margin-bottom: 30px;
}
.our-products h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.our-products p {
    color: #fff;
    margin: 10px 0 20px 0;
}
.we-supply {
    background: url('img/bg-tile.png');
    font-weight: 600;
    padding: 10px;
    margin-bottom: 30px;
}
.we-supply strong {
    color: #171515;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.we-supply p {
    color: #555555;
    margin-bottom: 20px;
}
.we-supply a, .our-products a {
    background: #555555;
    color: #fff;
    float: right;
    font-weight: 600;
    padding: 7px 10px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.we-supply a:hover, .our-products a:hover {
    background: #21449B;  
}
.contact-details {
    background: url('img/black-bg-tile.png');
    color: #fff;
    padding: 10px;
    margin-bottom: 30px;    
}
.contact-details a {
    color: #fff;
}
/* Footer ============= */
.footer-wrapper {
    background: url('img/bg-tile.png');
    bottom: 0;
    height: 320px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
footer {
    color: #555555;
    font-size: 13px;
    height: 290px;
    padding: 15px 0;
    z-index: 100;
}
footer strong {
    font-weight: 700;
}
footer ul {
    margin-bottom: 10px;
}
footer li {
    margin-bottom: 5px;
}
footer a {
    color: #21449b;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
.footer-column {
    float: left;
    width: 192px;
}
.footer-column strong {
    display: block;
    margin-bottom: 10px;
}
.copyright {
    float: left;
    margin-top: 15px;
    width: 480px;
}
.footer-contact {
    float: right;
    text-align: right;
    margin-top: 15px;
    width: 480px;
}
/* Form =============== */
.wpcf7 {
    margin-bottom: 20px !important;
}
.form-left {
    float: left;
    width: 300px;
}
.form-right {
    float: right;
    width: 300px;
}
.form-full {
    clear: both;
}
label {
    clear: both;
    color: #555;
    font-weight: 600;
    display: block;
}
input[type=text], textarea {
    border: 1px solid #555;
    color: #21449b;
    font-family: inherit;
    font-weight: 600;
    margin: 10px 0; 
    padding: 5px;
}
input[type=text]:focus, textarea:focus {
    border-color: #21449B;
    outline: none;
}
input[type=text] {
    width: 290px;
}
textarea {
    height: 150px;
    width: 610px
}
input[type=submit] {
    border: none;
    background: #555;
    color: #fff;
    float: right;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
    margin-top: 20px;
}
input[type=submit]:hover {
     background: #21449B;   
}
.google-map-placeholder {
    border: 1px solid #555 !important;   
}
.wpcf7-not-valid-tip {
    left: 0 !important;
    top: 80% !important;
    padding: 5px !important;
}
.wpcf7-validation-errors {
    background-color: red;
    border: none !important;
    clear: both;
    color: #fff;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 24px !important;
    margin: 0px !important;
    padding: 15px !important;
}
.wpcf7-mail-sent-ok {
    background-color: #398F14;
    border: none !important;
    clear: both;
    color: #fff;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 24px !important;
    margin: 0px !important;
    padding: 15px !important;
}