/*-----------------------------------------------------------------------------
Today's Property Maintenance
author: Drive New Media, Inc.
date: 11/2011
-----------------------------------------------------------------------------*/
/* Colors: 

	
*/

/*reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, input, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ul li {	list-style-type:none; }
ol, ul {list-style: none; }

blockquote, q {quotes: none; display: block;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

em {font-style: italic;}
strong {font-weight: bold;}
input { border: none; }

a { color: #FDB913; text-decoration: underline;}
a:hover { text-decoration: none; }

hr { border: none; }
.hr { background: #45180d; width: 960px; height: 3px; margin-left: -53px; clear: both; float: left; }
.hr hr { display: none; }

body {
/* Consistently resizes text and line-height across all browsers */
    font-size: 62.5%; 
	line-height:1.4em; 
	text-align:center;
	background: #efedeb url(../images/css/bg-body-shadows.jpg) center top repeat-y;
	color: #4a4a4a;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

p {margin: 0; margin-bottom: 10px; line-height: 1.5; font-size: 1.2em; }


@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/league/League_Gothic-webfont.eot');
    src: url('../fonts/league/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/league/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/league/League_Gothic-webfont.svg#LeagueGothic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Chunk';
    src: url('../fonts/chunk/Chunkfive-webfont.eot');
    src: url('../fonts/chunk/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunk/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunk/Chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunk/Chunkfive-webfont.svg#Chunk') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* -------------------------- HEADERS ------------------------------------ */

h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: normal; }
h1 { font-size: 4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }

/* -------------------------- CLEARFIX	----------------------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/* ------------------------- LAYOUT SECTIONS ------------------------------ */

#wrapper { width: 855px; margin: 0 auto; text-align: left; }
#header { float: left; width: 100%; }
#header .grass { background: url(../images/css/bg-grass.jpg) bottom left repeat-x; width: 960px; height: 186px; margin: -40px 0 0 -53px; clear: both; float: left; border-bottom: 11px #45180d solid; position: relative; z-index: -1; }
#header h2 { float: left; }
#header #phone-number { width: 233px; padding: 10px; margin: 50px 0 0; float: right; text-align: center; -webkit-border-radius: 15px;
-moz-border-radius: 15px; border-radius: 15px; }
#header #phone-number h3 { color: #fff; font: 4.5em/1 'LeagueGothic', Helvetica, sans-serif; text-shadow: 1px -1px #555; }
#header #phone-number h4 { color: #2a5513; font: 2.4em/1.2 'LeagueGothic', Helvetica, sans-serif; }
#header #save20 { background: url(../images/css/bg-ribbon.png) 0 0 no-repeat; display: block; width: 394px; height: 112px; clear: both; float: left; margin: 20px 0 0 -89px; }
#header #save20 h2 { color: #fff; font: 5.5em/1 'LeagueGothic', Helvetica, sans-serif; text-shadow: 1px -1px #555; float: left; margin: 15px 0 0 92px; }
#header #save20 h3 { color: #2a5513; font: 2.3em/1 'Chunk', Helvetica, sans-serif; float: left; margin: 20px 0 0 10px; }

#content { clear: both; float: left; width: 100%; margin: 20px 0 50px; }
#content .col-a { width: 406px; float: left; }
#content .col-a img { clear: both; float: left; border: 4px #94c857 solid; }
#content .col-a h4 { font-size: 2.4em; font-weight: bold; }
#content .col-a .pay-online { width: 300px; padding: 15px; margin: 50px 0 0; clear: both; float: left; text-align: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#content .col-a .pay-online h3 { color: #fff; font: 3.5em/1.4 'LeagueGothic', Helvetica, sans-serif; text-shadow: 1px -1px #555; }
#content .col-a .pay-online h4 { color: #2a5513; font: 2.4em/1 'LeagueGothic', Helvetica, sans-serif; }
#content .col-a .pay-online p { color: #2a5513; font: 1.8em/1 'LeagueGothic', Helvetica, sans-serif; }

#content .col-b { width: 376px; float: right; }
#content .col-b .form { width: 325px; padding: 25px; border: 1px #a4d441 solid; clear: both; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#content .col-b .form h5 { color: #2a5513; font: bold 2.5em/1.2 Helvectica, Arial, sans-serif; text-align: center; text-decoration: underline; margin: 0 0 10px; } 
#content .col-b .form label { color: #3a230f; font: bold 1.4em/1.4 Helvetica, Arial, sans-serif; }
#content .col-b .form input[type="text"] { border: 1px #f0f0f0 solid; width: 318px; height: 23px; padding: 3px 5px; font: 1.4em/1 Helvetica, Arial, sans-serif; color: #aaa; }
#content .col-b .form input[type="submit"] { padding: 5px 9px; font-size: 1.4em; cursor: pointer; }
#content .col-b .form small { float: right; font-size: 1.2em; font-weight: bold; color: #3a230f; }

#content .col-b .list { width: 345px; padding: 15px; margin: 50px 0 0; clear: both; float: left; text-align: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#content .col-b .list ul { color: #3a230f; font: bold 1.8em/1 Helvetica, Arial, sans-serif; }
#content .col-b .list ul li { list-style: disc outside; margin: 0 0 5px 18px;  }

#content .col-b .list, #content .col-a .pay-online , #header #phone-number { background: url(../images/css/bg-callouts.jpg) 0 0 repeat; }

#slideshow, #slideshow2 {
    width:284px;
    height: 147px;
    display: block;
	clear: both;
	float: left;
	position: relative;
  }
#slideshow img, #slideshow img {
	position: absolute;
	width:276px;
	top: 0;
	left: 0;
}


#estimateForm .error { color:red !important;font-size:12px !important; }

/* ------------------------- HEADING REPLACEMENT ------------------------- */

h1#residential-commercial, h2#logo { background-position: 0 0; background-repeat: no-repeat; display: block; text-indent: -9999px; }
h1#residential-commercial { background-image: url(../images/css/h-residential-commercial-lawn-care.png); width: 454px; height: 107px; float: right; margin: 20px 0 0; }
h2#logo { background-image: url(../images/css/h-logo.jpg); width: 180px; height: 150px; margin: 10px 0; }



/* ------------------------- REUSED CLASSES ---------------------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.noBorder { border: none!important; }