@font-face{font-family:'Chelsea Market';src:url('fonts/ChelseaMarket-Regular.ttf')format('truetype'),url('fonts/ChelseaMarket-Regular.eot'),url('fonts/ChelseaMarket-Regular.woff')format('woff')}
@font-face{font-family:'Shadows Into Light Two';src:url('fonts/ShadowsIntoLightTwo-Regular.ttf')format('truetype'),url('fonts/ShadowsIntoLightTwo-Regular.eot'),url('fonts/ShadowsIntoLightTwo-Regular.woff')format('woff')}
@font-face{font-family:'Muli';src:url('fonts/Muli-Regular.ttf')format('truetype'),url('fonts/Muli-Regular.eot'),url('fonts/Muli-Regular.woff')format('woff')}
html{
overflow-y:scroll;
}
html,body{
height:100%;
width:100%;
margin:0;
padding:0;
}
body{
font-family:Arial; /* Global font family */
background-image:
radial-gradient(#fff, #e7e3ff, #e6e4ff);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body{
       background:-webkit-radial-gradient(#fff, #e7e3ff, #e6e4ff);
    }
}
header,nav,section,aside,footer{
display:block;
}
#wrapper{
margin:-5.563em 0 0 0;
min-height:100%;
overflow:hidden;
}
header,#container,footer{
min-width:20em;
max-width:61.250em;
*width:980px; /* IE7 gets a fixed width */
margin:0 auto;
}
header{
border-top:5.563em solid transparent;
min-height:3.125em;
*height:50px;
position:relative;
}
#clear{
clear:both;
}
#container{
margin-top:11px;
padding:0 1% 0 1%;
position:relative;
}
#container #main,#homep{
padding:18px 3% 20px 2.8%;
background-color:#fff;
box-shadow: 0 0 20px #8c90d3;
border-radius:0 95px;
}
#homep{
border-bottom-right-radius:85px;
}
#homep h1 span{
color:#ff5127;
}
#homep h1 span#os{
color:#1347f5;
}
#homep .ampy{
font-family:Muli;
color:#cb0101;
font-size:28px;
}
#container #main{
float:left;
width:73%;
}
#mySwipe{
border-top:dashed 3px #d0cfd1;
margin-bottom:9px;
}
#myswipe,.testimonial{
border-bottom:dashed 3px #d0cfd1;
}
#container #main .testimonial{
margin:20px 0 15px 0;
}
#mySwipe div img{
display:block;
margin:21px auto 21px auto;
border-radius: 6px 68px 6px 68px;
border:solid 2px #4133be;
}
#right{
float:right;
width:19%;
text-align:left;
}
#main{
position:relative;
}
#bbb{
width:100px;
position:absolute;
left:50%;
margin-left:-50px;
}
#bbb button{
padding:2px 3px 3px 3px;
margin:3px;
background-color:#d4d4d6;
border:0 none;
border-radius:3px;
color:#2a254b;
cursor:pointer;
}
#bbb button:hover{
background-color:#877dff;
}
#toplogo{
margin-bottom:11px;
}
#toplogo span{
color:#ff430a;
}
#toplogo span#oldsc{
float:left;
margin:4.5% 4% 0 0;
font-family:Shadows Into Light Two;
font-size:1.9em;
transform: rotate(4deg);
color:#958bb7;
}
#hmpge{
margin-top:37px;
width:76%;
}
#hmeimg{
position:absolute;
bottom:75px;
right:7%;
}
#youcan{
float:left;
display:block;
margin:1px 3px 0 0;
color:#59528b;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
header nav #youcan{
margin-top:3px;
}
}
#youcan a{
color:#e83600;
font-weight:bold;
border-bottom:1px #7671e2 dashed;
}
#youcan a:hover{
color:#0b8e00;
border-bottom:0 none;
}
#ws{
background: url(images/wood-shavings.svg) no-repeat;
    background-size:contain;
    height:1150px;
    width:1150px;
    position:absolute;
    top:44px;
    right:-993px;

}
/* Global Settings -> Start */
html body img{
border:0 none;
max-height:auto;
max-width:100%;
}
#main,#right,h1,h2,h3,h4,p,ul,ol{
padding:0;
margin:0;
}
#container h1,#container h2,#container h3,#container h4{
letter-spacing:1px;
font-family:Shadows Into Light Two;
text-shadow: 1px 1px 0.5px #b2adb5;
}
html body h1{
line-height:1.3em;
font-size:1.6em;
color:#1b0aa2;
margin-bottom:12px;
}
html body h2{
line-height:1.1em;
font-size:1.4em;
color:#0b0e57;
margin-bottom:10px;
}
h2 a{
color:#151777;
}
html body h3,html body h4{
line-height:1.1em;
font-size:1.2em;
margin-bottom:11px;
color:#0909ac;
}
html body p,ul li,ol li{
line-height:1.2em;
font-size:1.1em;
margin:0 0 12px 1px;
letter-spacing:0.6px;
text-shadow: 1px 1px 0.1px #e3d2d2;
font-weight:500;
font-family:Muli;
}
#main p,#main ul li,#main ol li{
color:#302b4b;
}
ul,ol{
margin-bottom:15px;
}
ul li,ol li{
margin:3px 0 3px 0;
}
ol{
margin-left:24px;
}
ol li{
list-style-type:decimal;
}
ul li{
list-style-type:none;
padding-left:20px;
background:url('images/b.png') no-repeat 0 6px;
}
a{
text-decoration:none;
color:#1306ff;
}
a:hover{
color:#f54d03;
}
a:active{
outline:none;
}
#container #right h2,#container #right h3{
letter-spacing:1px;
font-style:italic;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}
#container #right h2,#container #right h3,#youcan{
text-shadow: 1px 1px 0.3px #fff;
}
#right h2{
margin-bottom:15px;
color:#8080ac;
}
#right h3{
color:#333c60
}
#right p,body #right ul li,#right ol li{
color:#4224a3;
text-shadow: 1px 1px 0.3px #c6c6c6;
}
#right ul li{
margin-bottom:11px;
background-image:none;
font-size:14px;
line-height:1.3em;
}
#right ul li a{
display:block;
color:#0d0772;
}
#right ul li:hover{
background-color:#FF0000;
}
#right ul li a.active{
color:#2e32e9
}
#right p span{
color:#ff3d00;
font-weight:600;
font-family:Shadows Into Light Two;
}
#right #one{
color:#0b14ad;
}
#e{
color:#7d7dbf;
font-family:Shadows Into Light Two;
}
.q{
color:#20c9e0;
font-family:Chelsea Market;
}
nav ul li,#right ul li{
padding-left:0;
background-image:none;
}
/* Display divs,images and other things inline here */
body .inline-fields p,#gone li,body .inline{
position:relative;
display:inline-block;
*display:inline;
}
/* Display images left, right, inline or centered */
body .inline{
margin:7px 2.9% 12px 0;
}
body .right{
float:right;
margin:7px 0 12px 2.9%;
}
body .left{
float:left;
margin:7px 2.9% 12px 0;
}
#main #listimgs img{
margin-top:22px;
border:solid 1px #a0a0a0;
}
body .center,#listimgs img{
display:block;
margin:0 auto;
margin-bottom:12px;
}
@media screen and (min-width:769px) and (max-width:980px){
	#container{
	column-width:48%;
	}
}
@media screen and (max-width:900px){
    #toplogo{
    font-size:0.8em;
    }
    #toplogo span#oldsc{
    color:#1924a2;
    font-family:Muli;
    }
}
@media screen and (max-width:862px){
    body #toplogo span#oldsc{
    float:none; /* Clear left float */
    }
    #zln,#youcan{
    margin-top:5px;
    }

}
@media screen and (max-width:768px){
	h1,h2,h3,h4,html body p{
	text-align:left;
	}
    html body h1{
    font-size:1.4em;
    }
    html body p{
    font-size:1em;
    letter-spacing:1px;
    }
	html body .inline,html body .right,html body .left{
	float:none;
	display:block;
	margin:0 auto;
	margin-bottom:12px;
	}
    #hmpge{
    width:100%;
    }
    #hmeimg{
    position:relative;
    display:none;
    }
    #ws{top:70px;}
}
@media screen and (max-width:480px){
#container #main{
    width:100%;
    margin-bottom:17px;
    }
    html body #right ul li{
    float:left;
    }
    #right{
    float:none;
    width:100%;
    margin-left:3%;
    }
    #right ul li{
    display:inline;
    margin:10px 3% 15px 0;
    }
    #right h2#mkrt{
    margin-left:-54px;
    }
    #ws{display:none;}
}
/* Global Settings -> End */
nav{
position:relative;
margin-top:12px;
margin-left:1%;
}
nav ul{
display:block;
margin:0 auto;
}
nav ul li{
float:left;
margin:0 -1px 14px 0;
list-style-type:none;
font-size:16px;
display:inline;
/*left, top, blur, range the rgba is to create transparency*/
box-shadow:-1px 4px 9px 8px rgba(40, 250, 242, 0.95);
font-weight:bold;
}
#wrapper header nav ul li a{
color:#1c03a7;
}
nav ul li a.top{
padding:8px 5px 8px 5px;
background-color: #5757ea;
color: #161743;
border:solid 1px #c8c6c9;
/* Direction, color stop, color stop */
background: -webkit-linear-gradient(top, #fff, #a5add0);
background: -moz-linear-gradient(top, #fff, #a5add0);
background: -ms-linear-gradient(top, #fff, #a5add0);
background: -o-linear-gradient(top, #fff, #a5add0);
text-shadow: 2px 1px 0.3px #9affe4;
/* Previous text-shadow: 1px 1px 0.5px #bababa; */
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size:14px;
font-family:Chelsea Market;
}
header nav ul li#contact a{
background: -webkit-linear-gradient(top, #e3ffe5, #e8cece);
background: -moz-linear-gradient(top, #e3ffe5, #e8cece);
background: -ms-linear-gradient(top, #e3ffe5, #e8cece);
background: -o-linear-gradient(top, #e3ffe5, #e8cece);
text-shadow: 2px 1px 1.5px #79b7ff;
border-radius: 11px 2px;
}
header nav ul li#contact ul li a{
background:0 none;
}
#phone{
margin-left:1.2%;
padding:4px 6px 4px 6px;
margin-top:3px;
background-color:#fd1212;
transform:rotate(3deg);
border-radius:7px;
font-family:Shadows Into Light Two;
font-weight:bold;
font-size:20px;
color:#0600b2;
letter-spacing:0.9px;
}
nav ul li:hover,nav ul li a:hover{
color:#0006fd;
}
nav ul li a.active{
color:#0a00b9;
}
nav ul li,nav ul li a.active{
cursor:default;
}
/* Drop down menu only related CSS START */
nav ul li ul{
display:none;
width:148px;
position:absolute;
margin:0;
background-color:#fff;
z-index:6;
}
nav ul li:hover > ul{
display:block;
margin-top:6px;
}
#wrapper header nav ul li ul li{
background: -webkit-linear-gradient(top, #fcfcfc, #a6a3e8);
background: -moz-linear-gradient(top, #fcfcfc, #a6a3e8);
background: -ms-linear-gradient(top, #fcfcfc, #a6a3e8);
background: -o-linear-gradient(top, #fcfcfc, #a6a3e8);
box-shadow:none;
}
#wrapper header nav ul li ul li:hover{
background: -webkit-linear-gradient(top, #fff, #6f94c6);
background: -moz-linear-gradient(top, #fff, #6f94c6);
background: -ms-linear-gradient(top, #fff, #6f94c6);
background: -o-linear-gradient(top, #fff, #6f94c6);

}
nav ul li ul li a{
display:block;
}
nav ul li ul li:hover{

}
body #wrapper header nav ul li ul li{
font-size:14px;
margin:0;
padding:6px 6px 3px 8px;
width:140px;
text-align:left;
z-index:2;
border-top:#fc4f26 1px solid;
border-bottom:#909090 1px solid;
text-shadow: 0.5px 1px 0.1px #d6f9ff;
}
nav ul li ul li:hover{
background-position:0 100%;
}
#wrapper header nav ul li ul li a{
font-family:Arial;
color:#190265;
}
nav ul li ul li{
display:block;
}
nav ul li ul li a:hover{
color:#0e0e72;
}
nav ul li ul li a.active{
color:#3049af;
}
nav ul li ul li > ul{
margin:-23px 0 0 147px;
margin-top:-24px\9;
z-index:3;
}
/* Drop down menu only related CSS END */

/* CSS for breadcrumbs if site has them, else this little bit of css for breadcrumbs can be removed
#bcrumbs{

}
etc
*/

/* Remove this line once we actually get to the footer */

/* How about making a ready made pull quote somewhere */
footer{
position:relative; /* Relative positioning so that it can be a container for absolute positionin */
height:5.563em;
background:url('images/royalstewart.png');
border-radius: 86px 80px 75px 71px;
box-shadow: 2px 55px 11px #cecece;
border-top:22px solid #c0c9ff;
}
body footer p{
position:absolute;
bottom:27.5%;
font-size:14px;
margin:0 3% 0 3%;
color:#fff;
text-shadow:none;
}
@media screen and (max-width:492px){
	body footer p{
	bottom:0;
	}
}
/* FORM SPECIFIC CSS START */
/* the single line of CSS below is for spambot trap only, remove if not needed */
form span input{position:absolute;margin-top:-700px}
form{
padding-bottom:29px;
}
form span,legend{
	display: block;
	margin-bottom: 4px;
	color: #05063A;
	font-size: 16px;
}
form span i,legend i{
font-size:15px;
color: #FF0000;
}
input,textarea,select{
	border: 1px solid #807CB8;
	padding: 4px 8px 4px 8px;
	border-radius: 3px;
	-webkit-border-radius: 4px;
	width:55%;
}
label input[type=radio],label input[type=checkbox]{
width:4%;
border:0 none;
}
textarea{
margin-bottom:15px;
width:59%;
height:114px;
}
input:focus,textarea:focus{
	background-color: #F2F4F9;
	border: 1px solid #0A4087;
}
fieldset{
margin:16px 0 14px 0;
padding:5px 2% 6px 2%;
border:1px solid #807CB8;
border-radius:4px;
}
/* Submit button styling */
input[type=submit]{
    display:block;
	border:0 none;
	padding: 6px 9px 6px 8px;
	padding: 9px 11px 7px 10px\9;
	margin: 12px 11px 0 0;
	font-size: 16px;
    background-color: #393771;
    font-family:Muli;
    color:#fff;
}
input[type=submit]:hover{
    cursor:pointer;
    background-color: #ff4e23;
}
input[type=submit]{
-webkit-appearance: none; /* Stop Iphone and Ipad from unpleasantly restyling buttons */
}
/* FORM SPECIFIC CSS END */

/* Images inline gallery start */
#gone{
margin-left:2%;}
#gone li{
background-image:none;
padding-left:0;
margin:0 1% 10px 0;
line-height:1em;
}
/* Images inline gallery end */

/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* END required styles */
#main h4.ab,#main h4.thanks{
position:absolute;
top:220px;
font-family:Arial;
color:#9f0000;
background-color:#9ca4ff;
padding:15px 3px 15px 3px;
}
#main h4.thanks{
padding:22px 3px 50px 3px;
}