@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Roboto');

BODY{
background:#c7c7c7 url(../gifs/bck.jpg) no-repeat;
background-position:center top;
color:#FFFFFF;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:95%;
margin:2px;
margin-top:0px;
-webkit-text-size-adjust: 100%;
text-align:center;
}

BODY.wood{
background:#c7c7c7 url(../gifs/bck.jpg) no-repeat;
background-position:center top;
}

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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
margin:11px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 

#facebook
{
  display: block;
  width: 39px;
  height:39px;
margin:10px;
padding:0px;
  background: url("../facebook.png") no-repeat 0 0;
float:left;
}

#facebook:hover
{ 
  background-position: 0 -39px;
}

#facebook span
{
  position: relative;
  top: -999em;
}

.toptdnav{
height:240px;
}

.slidebox{width:90%;}

IMG.fullscreenall{width:95%;}

.mainouter{
width:970px;
padding-top:5px;
  margin-right: auto ;
  margin-left: auto ;
padding:0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.main2{
width:970px;
}

.floatbox{
float:left;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #333; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}


.main{
background:#000000 url(../gifs/oak_cleaning.jpg) no-repeat;
margin:10px;
padding:10px;
border:1px solid #000000;
width:970px;
padding-top:5px;
min-height:640px;
}


.maindark{
background:transparent url(https://oakcleaning.com/gifs/201501/01.jpg) no-repeat;
background-position:0px 250px;
margin:10px;
padding:10px;
border:0px solid #000000;
width:970px;
padding-top:5px;
min-height:920px;
}

.maindarkindex{
background:transparent;
margin:10px;
padding:10px;
border:0px solid #000000;
width:970px;
padding-top:5px;
min-height:120px;
}

.maindarkabout{
background:transparent url(https://oakcleaning.com/gifs/201501/01.jpg) no-repeat;
background-position:0px 250px;
margin:10px;
padding:10px;
border:0px solid #000000;
width:970px;
padding-top:5px;
min-height:1120px;
}

.maindarkcontact{
background:transparent;
margin:10px;
padding:10px;
border:0px solid #000000;
width:970px;
padding-top:5px;
min-height:1120px;
}

.maindarknoimage{
background:transparent;
margin:10px;
padding:10px;
border:0px solid #000000;
width:970px;
padding-top:5px;
min-height:64px;
}
.maindarknoimage2{
background:transparent;
margin:10px;
padding:10px;
border:0px solid #000000;
width:970px;
padding-top:5px;
min-height:640px;
}


.maindarkxx{
background:transparent;
margin:10px;
padding:10px;
border:1px solid #000000;
width:970px;
padding-top:5px;
min-height:64px;
}

.shorterblock{
width:550px;
}

.mainheader{
padding:0px;
padding-left:8px;
background:#71a7a4;
background:#cf0165;
}

.header{
width:790px;
background:url(../gifs/header.gif) no-repeat;
border-left:#a10b54 2px solid;
border-right:#a10b54 2px solid;
border-top:#a10b54 2px solid;
margin:0px;
padding:0px;
}

.navigation{
width:790px;
}

.outersleeve{
background:#ffffff;
border-right:#a10b54 1px solid;
border-left:#a10b54 1px solid;
}

.mainscreen{
background:#ffffff;
width:100%;
clear:both;
margin:0px;
padding:0px;
border-bottom:#a10b54 1px solid;
}

.footer{
background:#481621 url(../gifs/footer.jpg) no-repeat;
background:transparent;
width:790px;
border-bottom:#a10b54 1px solid;
}

.textblock{
width:500px;
border:0px #613b3e solid;
margin:22px;
margin-top:2px;
float:left;
}

.textblocksmall{
width:170px;
border:0px #613b3e solid;
margin:2px;
margin-top:2px;
float:left;
}


a:link{
color:#3e5f3c;
text-decoration:none;
font-style:normal;
background:transparent;
font-weight:bold;
}

a:active{
color:#3e5f3c;
text-decoration:none;
font-style:normal;
background:transparent;
font-weight:bold;
}

a:visited{
color:#3e5f3c;
font-style:normal;
background:transparent;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#568885;
text-decoration:underline;
font-style:normal;
background:transparent;
font-weight:bold;
}

H1{
padding:0px;
font-weight:400;
color:#666;
text-align:left;
font-size:23px;
background:transparent url(../gifs/h1.jpg) no-repeat;;
font-family:"Roboto", Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin-left:4px;
letter-spacing:0.2em;
margin-top:4px;
padding-top:11px;
margin-left:29px;
padding-left:54px;
min-height:34px;
}

H1.blck{color:#666;}

H2{
font-family:"Roboto", arial,Verdana, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
text-decoration:none;
color:#343434;
letter-spacing:0.1em;
background:transparent;
margin:2px;
font-style:normal;
margin-bottom:1px;
padding-top:1px;
padding-left:4px;
text-align:left;
border-bottom:#EEEEEE 1px solid;
margin-bottom:10px;
}

H2.white{
color:#fefefe;
border:0px;
}


H3{
font-family:"Roboto",arial,Verdana, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
font-weight:bold;
text-decoration:none;
color:#006600;
background:transparent;
margin:2px;
font-style:italic;
margin-bottom:10px;
letter-spacing:0.2em;
font-style:normal;
padding-top:20px;
margin-left:10px;
}

P{
font-family:"Quicksand", arial,Verdana, Tahoma,Arial, Helvetica, sans-serif;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
padding-left:4px;
padding-right:15px;
color:#555555;
letter-spacing:0.05em;
background:transparent;
margin:4px;
text-align:left;
font-size:14px;
}

P.white{
font-family:"Quicksand", arial,Verdana, Tahoma,Arial, Helvetica, sans-serif;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:80%;
font-weight:bold;
text-decoration:none;
padding-left:0px;
padding-right:12px;
color:#555555;
letter-spacing:0.05em;
background:transparent;
margin:4px;
text-align:left;
width:180px;
line-height:1.5;
}


P.whitebig{
font-family:"Quicksand", arial,Verdana, Tahoma,Arial, Helvetica, sans-serif;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding-left:0px;
padding-right:12px;
color:#555555;
letter-spacing:0.05em;
background:transparent;
margin:4px;
text-align:left;
width:340px;
line-height:1.5;
}

P.white2{
font-family:"Quicksand", arial,Verdana, Tahoma,Arial, Helvetica, sans-serif;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:80%;
font-weight:normal
text-decoration:none;
padding-left:24px;
padding-right:15px;
color:#555555;
letter-spacing:0.05em;
background:transparent;
margin:4px;
text-align:left;
line-height:2;
}

P.nomargin{
font-family:"Quicksand", arial,Verdana, Tahoma,Arial, Helvetica, sans-serif;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
color:#555555;
letter-spacing:0.05em;
background:transparent;
margin:4px;
}

SMALL{
font-size:85%;
}

LI{
font-family:"Quicksand", arial,Verdana, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-family: "open sans", "arial","helvetica",sans-serif;
font-size:80%;
font-weight:normal;
padding-left:4px;
color:#0E0E0E;
letter-spacing:0.8px;
background:transparent;
text-align:left;
}

EM{
font-size:100%;
font-weight:bold;
text-decoration:none;
padding-left:4px;
color:#780000;
letter-spacing:0.3em;
background:transparent;
margin:2px;
font-style:normal;
}

.select{
font-family:arial,Verdana, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:normal;
text-decoration:none;
letter-spacing:0px;
margin:3px;
color:#333300;
background:#F2F2F2;
border:1px #666666 dotted;
width:300px;
}

.smallselect{
font-family:arial,Verdana, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:normal;
text-decoration:none;
letter-spacing:0px;
margin:3px;
color:#333300;
background:#F2F2F2;
border:1px;
width:130px;
}

.button{
font-family:arial,Verdana, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
text-decoration:none;
letter-spacing:0px;
margin:3px;
color:#ffffff;
border:1px #006600 solid;
background:#000000;
}

IMG.border{
border:#333333 solid 1px;
}

IMG.left{
float:left;
margin:11px;
padding:4px;
margin-top:1px;
padding-top:1px;
padding-left:8px;
}

IMG.right{
float:right;
margin:5px;
}

.thirtythree{
background:#ffffff;
width:72%;
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
margin:11px;
padding:11px;
}

.thirtythree71{
background:#ffffff;
width:72%;
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
margin:11px;
padding:11px;
margin-top:71px;
}

P.clear{
clear:both;
}

IMG.john{float:left;margin:11px;width:194px;}

@media only screen and (min-width : 800px) and (max-width : 999px) {

.thirtythree{width:90%;}
.footerbox{width:100%;}
.main{width:100%;}
.mainouter{width:95%;margin-right:auto;margin-left:auto;}
.main2{width:90%;}
.maindark{width:90%;}
.maindarknoimage{width:90%;}
.maindarknoimage2{width:90%;}
.maindarkxx{width:90%;}
IMG.fullscreen{width:95%;}
}

@media only screen and (max-width : 799px) {


IMG.john{float:none;margin:11px;width:174px;}

.thirtythree{width:90%;}
.footerbox{width:100%;}
.main{width:100%;}
.mainouter{width:95%;margin-right:auto;margin-left:auto;}
.main2{width:90%;}
.maindark{width:90%;}
.maindarkcontact{width:90%;}
.maindarkindex{width:90%;}

.maindarkabout{
background:transparent url(https://oakcleaning.com/gifs/aboutmob.jpg) no-repeat;
background-position:0px 710px;
margin:10px;
padding:10px;
border:0px solid #000000;
width:90%;
padding-top:5px;
min-height:999px;
}

.maindarknoimage{width:90%;}
.maindarknoimage2{width:90%;}
.maindarkxx{width:90%;
min-height:64px;}
P.whitebig{width:222px;}
IMG.fullscreen{width:95%;}
}