/* 
Theme Name: Metro Floor Demo
Author: Walrus Creative
Author URI: www.walruscreative.com
Version: 1.0
*/

/* ------------------------------------------------------------------------------------------- RESET STYLES */
* {margin:0;padding:0;border:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
p, ul, ol {margin:0 0 1.5em;}
ul {list-style:disc;}
ul ul {margin:0;}
ol {list-style-type:decimal;}
strong {font-weight:bold;}
em {font-style:italic;} 
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
img {padding:0;max-width:100%;height:auto;display:block;}
a, a:visited {color:#333;cursor:pointer;}
a:hover, a:focus {color:#000;}
a:active {color:#bbb;background:inherit;}
hr {display:none;}
:focus {outline:0;}
.alignleft {float:left;width:auto;margin:0 15px 15px 0;}
.alignright {float:right;width:auto;margin:0 0 15px 15px;}
.aligncenter {display:block;clear:both;margin:0 auto;}
.wp-caption {text-align:center;margin:0 0 1.5em;}
.wp-caption img {margin:0;padding:0;border:0;}
.wp-caption p.wp-caption-text {margin:0;}
ul.xoxo {list-style-type:none;;}
::selection {background:#000;color:#fff;}

/* ------------------------------------------------------------------------------------------- FONTS */
@font-face {font-family:'DroidSans';src:url('fonts/droidsans.eot');src:url('fonts/droidsans.eot?#iefix') format('embedded-opentype'),url('fonts/droidsans.woff') format('woff'),url('fonts/droidsans.ttf') format('truetype'),url('fonts/droidsans.svg#DroidSans') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'DroidSans';src:url('fonts/droidsans-b.eot');src:url('fonts/droidsans-b.eot?#iefix') format('embedded-opentype'),url('fonts/droidsans-b.woff') format('woff'),url('fonts/droidsans-b.ttf') format('truetype'),url('fonts/droidsans-b.svg#DroidSans') format('svg');font-weight:bold;font-style:normal;}

/* ------------------------------------------------------------------------------------------- GENERIC STYLES */
body {margin:0;padding:0;background:#eee url(images/bg.png) fixed;font-family:'DroidSans', Arial, Helvetica, sans-serif;}
body#tinymce, body.mceContentBody {background:#fff;padding:15px;}
body#tinymce * {color:#333;}
body#tinymce ul {margin-left:40px;}
.wrapper {max-width:1300px;margin:0 auto;padding:0 50px;position:relative;}
a, a:visited, #header, input[type="submit"] {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a:active, input[type="submit"]:active {-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

/* ------------------------------------------------------------------------------------------- HEADER */
#header {position:fixed;width:100%;background:#222;top:0;height:100px;z-index:9998;border-bottom:1px solid rgba(255,255,255,0.2);}
.aanchor {position:relative;float:left;width:100%;height:0;top:-100px;}
a.logo, a.logo:visited {float:left;width:286px;padding:15px 0;margin:15px 0 0;position:relative;left:-6px;}
a.logo:hover, a.logo:focus, a.logo2:hover, a.logo2:focus {opacity:0.8;}
a.logo:active, a.logo2:active {opacity:0.4;}
a.logo2, a.logo2:visited {float:right;width:155px;height:70px;margin:13px 0 0;}
a.menutrigger, a.menutrigger:visited {display:none;position:absolute;width:80px;height:80px;right:0;top:25px;background:url(images/menutrigger.png) no-repeat 15px 15px;opacity:0.5;text-indent:-9999px;overflow:hidden;}
a.menutrigger:hover, a.menutrigger:active, a.menutrigger:focus {opacity:0.3;}
a.scrollb {float:left;width:100%;height:0;position:relative;top:-160px;}
#contact {top:-100px;}
.mainmenu {float:left;width:auto;margin:38px 0 0 50px;}
.mainmenu a, .mainmenu a:visited {text-transform:uppercase;color:#fff;font-size:14px;text-decoration:none;float:left;width:auto;padding:7px 20px;margin-right:2px;font-weight:bold;}
.mainmenu a:hover, .mainmenu a:focus {opacity:0.8;}
.mainmenu a:active {opacity:0.5;}
h1.maintitle {font-size:18px;text-align:center;text-transform:uppercase;margin:-20px 0 40px;float:left;width:100%;border-bottom:1px solid #bbb;}
h1.maintitle span {background:#eee url(images/bg.png);position:relative;top:12px;padding:5px 25px;}

/* -------------------------------------------------------------------------------------------- CONTENT */
.maintop {margin:100px 0 0;}
.mainarea {padding:60px 0;float:left;width:100%;}
.maindark {background:#222 url(images/bg2.png) fixed;}
h1, h2, h3, h4, h5, h6 {font-size:45px;line-height:120%;font-family:'DroidSans', Arial, Helvetica, sans-serif;color:#333;font-weight:normal;margin-bottom:.3em;}
h2 {font-size:27px;}
h3 {font-size:24px;}
h4 {font-size:21px;}
h5 {font-size:18px;}
h6 {font-size:16px;line-height:150%;color:#333;font-family:'DroidSans', Arial, Helvetica, sans-serif;margin-bottom:0;}
h6 strong {color:#333;}
p, ul, form, .toggle-box {font-size:16px;line-height:150%;color:#333;}
ul {margin:0 0 20px 20px;}
a {-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
.one_half {width:48% !important;margin:0 4% 0 0;}
.one_half.last_column {margin:0;}
.maindark p, .maindark ul, .maindark h1, .maindark h2, .maindark h3, .maindark h4, .maindark h5, .maindark h6,.maindark a, .maindark a:visited {color:#ccc;}

/* -------------------------------------------------------------------------------------------  HOME SECTIONS */
.homemachines {float:left;width:100%;margin:0 0 60px;}
.hm {float:left;width:23.5%;margin-right:2%;box-shadow:0 0 1px rgba(0,0,0,0.3);}
.hm4 {margin-right:0;}
.hm img {width:100%;}
.biglink {display:block;width:280px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.3);text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:20px;margin:30px auto;text-align:center;padding:14px 0;}

img.ratesimage {float:left;width:100%;}

.hb {float:left;width:32%;margin-right:2%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.3);}
.hb3 {margin-right:0;}
.homeboxes h4 {border-bottom:1px solid #ddd;text-transform:uppercase;font-weight:bold;font-size:18px;padding:15px 0;text-align:center;}
.homeboxcopy {padding:14px 17px;min-height:323px;}
.hb3 p {margin-bottom:0;}
.homeboxes ul li {margin-bottom:13px;}

.contacth1 {font-weight:bold;text-transform:uppercase;}

.mbordertop, .mborderbottom {float:left;width:100%;height:10px;background:rgba(255,255,255,0.1);position:relative;}
.mbordertop {top:-60px;}
.mborderbottom {bottom:-60px;}

.homecontact {float:left;width:100%;background:url(images/michigan.png) no-repeat right bottom;padding:120px 0 60px;}

.mainarea.hcc {padding:0;}
.hcc .mbordertop {top:0;}
.hcc .mborderbottom {bottom:0;}
.homecontact .one_half.last_column {position:relative;left:-200px;}

/* -------------------------------------------------------------------------------------------- FOOTER */
#footer {float:left;width:100%;background:#fff;}
#footer p {text-align:center;margin:0;padding:20px 0;font-size:13px;}

/* ------------------------------------------------------------------ IE / NO-JS */
.oldie .wrapper {width:950px;min-width:950px;max-width:950px;}
.oldie #header {position:absolute;top:0;left:0;}

/* ------------------------------------------------------------------ MEDIA QUIERIES */
@media screen and (max-width:1000px) {
#header {position:absolute;}
.one_half, .hb {width:100% !important;margin:0 0 20px !important;left:0 !important;}
.homecontact {background:none;}
}

@media screen and (max-width:600px) {
.wrapper {padding:0 20px;}
.hm {width:48%;margin-right:4%;margin-bottom:20px;}
.hm2, .hm4 {margin-right:0;}
a.logo {max-width:150px;top:20px;}
a.logo2 {max-width:100px;position:relative;top:13px;}
}

/* ------------------------------------------------------------------ PRINT STYLES */
@media print {
html {background:#fff;}
body {background:#fff;color:#333;font-family:'DroidSans', Arial, Helvetica, sans-serif;max-width:7.5in;padding:0.5in;margin:0 auto;}
h1, h2, h3, h4, h5, h6, .entry-content p {color:#333;page-break-after:avoid;font-family:'DroidSans', Arial, Helvetica, sans-serif;}
img {max-width:100% !important;}
@page {margin:2cm;}
.wrapper {padding:0;}
#header {position:relative;border-bottom:2px solid #ddd;}
}