@charset "UTF-8";
/* 
	Southern Oregon Cleaning Service Cascading Stylesheet 
	© 1993, Content and Images • All Rights Reserved, Use by Permission Only
	Stylesheet and Website Authored by Hardball Media Group
	www.hardballmediagroup.com 
	719.203.0334 
	We Play Hardball Against Your Competition
*/

body{
	margin:0;
	text-align:center;
	font-family:"Myriad Web Pro", Helvetica, Arial, Verdana, "Trebuchet MS";
	background: rgba(231, 231, 231, 6);
}

body.main{
	background-image:url('../assets/main-back.jpg');
	background-repeat:no-repeat;
	background-size:120%;
	margin:0;
	text-align:center;
	font-family:"Myriad Web Pro", Helvetica, Arial, Verdana, "Trebuchet MS";	
}

#brand{
	width:100%;
	height:144px;
	background:rgba(0,71,171,0.8);
}

#brand1{
	height:144px;
	background: rgba(0,71,171,0.8);
}

#brand1 img{
	width:381px;
	height:144px;
}

.bullets{
	width:60%;
	text-align:left;
	height:inherit;
	float:left;
}

#con{
	width:20%;
	float:right;
	text-align:left;
	padding:30px 8px;
	font-size:165%;
	color:#eee;
}

#con a{
	font-size:170%;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1da36+0,fefcea+50,f1da36+100 */
	background: rgb(241,218,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(241,218,54,1) 0%, rgba(254,252,234,1) 50%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 50%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 50%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	padding:.5em 1em;
	-webkit-border-radius: .8em;
	-moz-border-radius:.8em;
	border-radius:.8em;
	color:#000;
}

#con a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: rgb(183,222,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

#content{
	width:100%;
	clear:both;
	text-align:left;
}

#copy{
	color:#eee;
	position: fixed;
	bottom: 0;
	width:100%;
	height:30px;
	margin-top:40px;
	padding:8px 0px;
	clear:both;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,0047ab+5,0047ab+100&0.8+0,0.8+5,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(244,244,244,0.8) 0%, rgba(0,71,171,0.8) 5%, rgba(0,71,171,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,0.8) 0%,rgba(0,71,171,0.8) 5%,rgba(0,71,171,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(244,244,244,0.8) 0%,rgba(0,71,171,0.8) 5%,rgba(0,71,171,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf4f4f4', endColorstr='#cc0047ab',GradientType=0 ); /* IE6-9 */
}

#copy a{
	color:#ff0;
}

#copy a:hover{
	color:#3of;
	text-decoration: none;
}

.coupon{
	float:right;
	border:dashed 3px #003300;
	-webkit-border-radius:.5em;
	border-radius:.5em;
	width:30%;
	padding:0px 8px;
	text-align:center;
	background: rgb(241,218,54); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(241,218,54,1) 0%, rgba(254,252,234,1) 50%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 50%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 50%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */	
}

#cta.con a{
    font-size: 150%;
    background-color:#ff0;
    border: #000 3px outset;
	-webkit-border-radius:.5em;
		-moz-border-radius:.5em;
		-ms-border-radius:.5em;
			border-radius:.5em;
    color: #f00;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 3.0s;
	float:right;
	padding:3px;
	width:270px;
	position:relative;
	-webkit-box-shadow: inset 0 0 30px #000;
	   -moz-box-shadow: inset 0 0 30px #000;
	        box-shadow: inset 0 0 30px #000;	
	text-decoration:none;
}

#cta.con a:hover{
	background-color:#900;
	color:#eee;
}

ul.col1{
	float:right;
	width:30%;
}

ul.col2{
	float:left;
	width:30%;
}
@-webkit-keyframes blinker {  
  from { opacity: 1.5; }
  to { opacity: 0.0; }
}

.estimatereq{
	float:right;
	height:inherit;
	border:#000 outset 2px;
	width:28%;
	margin-left:5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1da36+0,fefcea+50,f1da36+100 */
	background: rgb(241,218,54); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(241,218,54,1) 0%, rgba(254,252,234,1) 50%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 50%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 50%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */	
	padding:12px;
	margin-bottom:10px;
	-webkit-border-radius:.6em;
	-moz-border-radius:.6em;
	-border-radius:.6em;
}

.estimatereq td.l{
	text-align:right;
}

.inp{
	border:#000 2px inset;
	padding:5px;
	padding-left:6px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
    line-height: 18px;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}

h1.grn{
	color: rgba(0,71,171,.8);
	-webkit-text-fill-color: rgba(0,71,171,.8); /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #030;
   text-shadow: 1px 2px 1px #030;
   font-size:300%;
   text-align:center;
}

#ovcon h1.grnsm{
	color:#0047ab;
	-webkit-text-fill-color: #0047ab; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #030;
   text-shadow: 1px 2px 1px #030;
   font-size:200%;
   text-align:center;
}

select.inp{
	width:340px;
	padding:5px;
	padding-left:6px;
	line-height:28px;
	font-size:110%;
}

.inpr{
	border:#f00 2px inset;
	padding:5px 0;
	padding-left:6px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
    line-height: 18px;
    -webkit-box-shadow: inset 0 0 10px #900;
    box-shadow: inset 0 0 10px #900;
}

.giant{
	font-size:400%;
	color:#0047ab;
	text-shadow:1px 2px 1px rgba(0,0,0,0.6);
	margin-top:7%;
	font-family: 'QCinzel', serif;
}

.sp{
	font-size: 275%;
	color:#0047ab;
	text-shadow:#000 1px 2px 1px;
	text-align:center;
}

#maincontent{
	width:100%;
	overflow:auto;
}

#nav{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0047ab+0,0047ab+95,f4f4f4+100&0.8+0,0.8+95,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(0,71,171,0.8) 0%, rgba(0,71,171,0.8) 95%, rgba(244,244,244,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,71,171,0.8) 0%,rgba(0,71,171,0.8) 95%,rgba(244,244,244,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,71,171,0.8) 0%,rgba(0,71,171,0.8) 95%,rgba(244,244,244,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0047ab', endColorstr='#ccf4f4f4',GradientType=0 ); /* IE6-9 */
	text-align:center;
	padding-bottom:1px;
	height:35px;
	border-bottom:2px outset #000;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
			box-shadow: 0 8px 6px -6px black;
}

#nav ul{
	list-style-type:none;
	margin-top:0;
	padding-top:10px;
}

#nav li{
	display:inline;
	margin-right:3%;
	font-size:125%;
}

#nav li a{
	text-decoration:none;
	color: #f1da36;
    text-shadow: 0px 1px 0px rgba(0,0,0,1);
	border-bottom:none;
	height:35px;
}

#nav li a:hover{
	color: #eee;
    text-shadow: inset 0px 1px 0px rgba(65,101,9,.5);
	background-attachment:fixed;	
	border-bottom:2px #416509 solid;
}

#ovcon{
	width:98%;
	clear:both;
	text-align:left;
	height:inherit;
	background:rgba(238,238,238,.9);
	margin:auto;
	border:outset 2px #c5c5c5;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	margin:7px auto;
	
}

#ovcon h1{
	color: rgba(0,71,171,.8);
	-webkit-text-fill-color: rgba(0,71,171,.8); /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #660;
   text-shadow: 1px 2px 1px #660;
   font-size:280%;
   text-align:center;
}

.pd{
	padding:15px 0;
}

.sub{
	font-size:200%;
	color:#rgba(145,145,145,.4);
	text-shadow:1px 2px 3px, 0px 1px 0px rgba(0,71,171,0.7);
	font-family: 'Playfair Display SC', serif;
	margin-top:-1%;
}

.socsub{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,ffff00+52,299a0b+100 */
	background: rgb(41,154,11); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(41,154,11,1) 0%, rgba(255,255,0,1) 52%, rgba(41,154,11,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(41,154,11,1) 0%,rgba(255,255,0,1) 52%,rgba(41,154,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(41,154,11,1) 0%,rgba(255,255,0,1) 52%,rgba(41,154,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=1 ); /* IE6-9 */
	font-size: 120%;
	color:#fff;
	text-shadow:1px 2px 1px #000;
	padding:3px;
	border:#900 outset 2px;
	-webkit-border-radius:.2em;
	-moz-border-radius:.2em;
	border-radius:.2em;
	padding:5px 5px;
}

table.cont{
	width:75%;
	margin:auto;
	background:#ccc;
}

td.l{
	text-align:right;
	padding:5px 0;
	width:50%;
}

td.r{
	text-align:left;
	width:30%;
}

ul.left{
	float:left;
	width:35%;
	text-align:left;
	padding-left:13%;
	list-style-type:none;
	font-size:120%;
	font-weight:600;
	text-shadow:0px -1px 0px rgba(0,0,0,3);
	color:#0047ab;
}

ul.right{
	float:right;
	width:35%;
	text-align:left;
	padding-right:12%;
	list-style-type:none;
	font-size:120%;
	font-weight:600;
	text-shadow: 0px -1px 0px rgba(0,0,0,3);
	color:#0047ab;
}