/*
Theme Name: Workaholic
Theme URI: http://graphpaperpress.com/
Description: Showcase your work on the web.
Version: 3.0.2
Author: Chandra Maharzan for Graph Paper Press
Author URI: http://graphpaperpress.com/
Tags: minimalistic, clean, fixed width, three column, two column, separate blog, portfolio
License: GPL
*/

/* load 960 framework */
@import url("library/960/reset.css");
html { overflow-x: hidden }
body { font-family: arial, sans-serif; font-size: 13px; line-height: 1.38; color: #462d13 }
#background {
    background: url("images/bg.jpg") repeat left top;
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 1024px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    background-size: cover;
}
.alignright { float:right; margin-left: 20px; }
.alignleft { float:left; margin-right: 20px }
#wrapper { max-width: 1000px; width: 100%; margin: 0 auto; position: relative; }
#wrapper-inner {  background: transparent url(images/bg-t.png) 0 0 repeat; position: relative; float:left; width: 95%; padding: 20px }
#header {width: 100%; float:left; position: relative; margin-bottom: 30px }
#header h1 {float:left}
#header h1 span {display:none}
#header h1 a {display:block; width: 300px; height: 95px; background: transparent url(images/logo.png) 0 0 no-repeat }
#header #menu-main { float:right; width: 470px}
#header #menu-main li { float:left; margin-right: 15px  }
#header #menu-main li a { color: #462d13; text-decoration:none }
#header #menu-main li a:hover {text-decoration: underline }
#header .call { color: #462d13; float:right; font-size: 20px; font-family: Georgia, serif; font-style: italic; margin-bottom: 30px;  text-align: right }
#slider { width: 100%; float:left; position: relative; }
#homecontent { width: 70%; padding-right:20px;  float:left; margin: 30px 0 ;  }
#content { width: 100%; float:left; margin: 30px 0 ;  }
p { margin-bottom: 15px; }
h2 { color: #462d13; font-size: 24px; font-family: Georgia, serif; font-style: italic; margin-bottom: 30px;  }
#sidebar { float:right; width: 25%; margin-top: 30px;  text-align: center; }
#wpcf7-f15-p11-o1 { float:left; width: 390px}
#sidebar .video {  text-align: center; color: #462d13; font-size: 15px; font-family: Georgia, serif; font-style: italic; margin-bottom: 30px; text-decoration:none } 
#sidebar .facebook { display:block; width: 232px; height: 55px; background: transparent url(images/face.jpg) top center no-repeat; margin-bottom: 30px }
#sidebar .facebook span { display:none }
#siderbar .fb-page { margin-top: 30px }
#footer, #footer-top { width: 100%; float:left; position: relative; margin-bottom: 30px; }
#footer a { color: #462d13  }
#footer-top a { width: 33%; height: 200px; display:block; float:left; background-size: contain }
#footer-top a.inspect { background: transparent url(images/inspection.png) top center no-repeat;  }
#footer-top a.contact { background: transparent url(images/contact.png) top center no-repeat }
#footer-top a.report { background: transparent url(images/newfinalbook.png) top center  no-repeat }
#reportinner { background-color:#fff}
#reportinner h1 { color: #de6c27; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align:center }
#reportinner .report-copy h1 { text-align:left; color:#000 }
.report-title { width: 321px;  padding-top: 420px; background: transparent url(images/report-title.jpg) 0 0 no-repeat; float:left; color:#000; text-transform: uppercase; text-align:center; font-weight: bold; font-size: 15px }
.report-copy { width: 310px; float:right; margin-top: 20px }
.report-copy a { color: #de6c27; text-decoration:none }
.report-copy .priv {font-size: 11px; color:#000}
#reportinner .wpcf7-submit {
border: none;
    background-color: #de6c27;
    background-image: linear-gradient(to bottom, #fc8302, #de6c27);
width: 260px; padding: 20px;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); cursor: pointer
}
@media screen and (max-width: 620px) {  
#homecontent { width: 100%; padding: 0 }
#sidebar { width: 100%; padding: 0 } 
#footer-top a  { width: 100% }
}