@charset "utf-8";
/* CSS Document */

html { background:url(../images/background_tile.jpg) top center repeat-x; background-color: #191208; }

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

a img { border: none; }

/* ID Styles */

#wrapper { width: 770px; margin-right: auto; margin-left: auto; }

#navigation { background: url(../images/nav_back.jpg) top left no-repeat; height: 60px; width: 770px; }

#flash { background: url(../images/flash_placeholder.jpg) top left no-repeat; height: 150px; width: 770px; }

#content-tile { background:url(../images/content_tile.jpg) top left repeat-y; width: 770px; overflow: hidden; }

#content-wrap { background:url(../images/content_wrap.jpg) top left no-repeat; width: 770px; overflow: hidden; }

#content-wrap a { color: #3B7124; text-decoration: underline; }

#content-wrap a:hover { color: #867156; }

#heading{ background: url(../images/heading_back.jpg); width: 490px; height: 128px; margin: 0 0 0 10px; float: left; }

#left { float: left; width: 470px; margin: 0 0 0 10px; padding: 10px; }

#right { float: right; width: 247px; margin: 10px 15px 0 0;  background: url(../images/right-tile.jpg) top left repeat-y; padding: 0 0 0 0; }

#right-wrap { background: url(../images/right-wrap.jpg) top left no-repeat; overflow: hidden; padding: 30px 15px 10px 15px;}


/* new additions to bottom section */
#right_bottom {float: right; width: 232px; margin: 10px 15px 0 15px; font-size: 0.8em; font-family:Arial, Helvetica, sans-serif;}

#right_bottom h1, #right_bottom h2, #right_bottom h3, #right_bottom h4, #right_bottom h5, #right_bottom h6 { color: #6ea25d; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight: 300; margin: 15px 0 0 0; }

/* new additions end */

#three-bar { width: 728px; background: #60934e; clear: both; margin: 10px 0 0 10px; border: 1px solid #386e21; padding: 15px 10px 15px 10px;; overflow: hidden; float: left; }

#three-left { width: 220px; padding: 0 10px 0 0; float: left; }

#three-center { width: 240px; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; padding: 0 10px 0 10px; float: left; }

#three-right { width: 220px; padding: 0 0 0 10px; float: left; }

#footer { background:url(../images/footer_back.jpg) top left no-repeat; width: 770px; height: 48px; float: left; }

#me-brand { float: right; margin: 48px 15px 0 0; }

/* TEXT Styles */

#three-bar h1 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; color: #aff596; font-size: 1.6em; margin: 0 0 0 0; font-weight: 300; }

#three-bar p { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 10px 0 0 0; }

.read-more { color: #aff596; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 5px 5px 0 0; }

#left p { font-size: 0.9em; }

#left blockquote { font-size: 0.9em; padding: 10px; background: #D9F2D2; border: 1px solid #A5C69B; color: #396F22; }

#left td { font-size: 0.9em; }

#left h2, #left h3, #left h4, #left h5, #left h6 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; color: #396F22; font-weight: 100; }

#left h1 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; color: #396F22; font-weight: 100; border-bottom: 1px solid #867156; padding: 0 0 5px 0; }

#left ul, #left ol { font-size: 0.9em; }

#right p { font-size: 0.8em; margin: 10px 0 10px 0; padding: 0; }

#right td { color: #60934E; font-size: 0.9em; }

#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 { color: #6ea25d; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight: 300; margin: 15px 0 0 0; }

#heading h1 { color: #FFFFFF; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight: 300; margin: 70px 0 0 10px; }

#heading h2 { color: #FFFFFF; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight: 300; margin: 30px 20px 0 10px; }

#three-bar ul, #three-bar ol { color: #FFFFFF; margin: 5px 0 5px 0; padding: 0 0 0 10px; font-size: 0.8em; }

/* IMAGE Styles */

img.right-bottom { margin: 0; padding: 0; float: right; margin: 0 15px 0 0; clear: right; }

img.photo { margin: 5px; padding: 5px; background: #FFFFFF; border: 1px solid #271E0F; }

/* LIST Styles */

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

#nav-list li { float: left; }

#nav-list li a { display: block; }

#nav-list li.home a { background: url(../images/buttons/home_btn.jpg) top left no-repeat; height: 50px; width: 62px; }

#nav-list li.home a:hover { background-position: 0 -50px; }

#nav-list li.about a { background: url(../images/buttons/aboutus_btn.jpg) top left no-repeat; height: 50px; width: 93px; }

#nav-list li.about a:hover { background-position: 0 -50px; }

#nav-list li.sodvsseeding a { background: url(../images/buttons/sodvs_btn.jpg) top left no-repeat; height: 50px; width: 135px; }

#nav-list li.sodvsseeding a:hover { background-position: 0 -50px; }

#nav-list li.typesofsod a { background: url(../images/buttons/sodtypes_btn.jpg) top left no-repeat; height: 50px; width: 118px; }

#nav-list li.typesofsod a:hover { background-position: 0 -50px; }

#nav-list li.preparationofyard a { background: url(../images/buttons/prepofyard_btn.jpg) top left no-repeat; height: 50px; width: 176px; }

#nav-list li.preparationofyard a:hover { background-position: 0 -50px; }

#nav-list li.installation a { background: url(../images/buttons/sodinstall_btn.jpg) top left no-repeat; height: 50px; width: 166px; }

#nav-list li.installation a:hover { background-position: 0 -50px; }

#foot-list { list-style-type: none; margin: 0 0 0 0; padding: 10px 0 0 20px; }

#foot-list li { float: left; margin: 0 5px 0 0; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 0.8em; }

#foot-list li a { color: #FFFFFF; text-decoration: none; }

#foot-list li a:hover { text-decoration: underline; }

#points ul { list-style-type: none; margin: 0 0 0 30px; padding: 0; }

#points ul li { float: left; margin: 10px; }

#points ul li a { background: #60934E; border-radius: 5px; -moz-border-radius: 5px; padding: 10px; display: block; color: #FFFFFF; text-decoration: none; }

#points ul li a:hover { color: #60934E; background: #D9F2D2; }

#map { clear: both; border: 2px solid #60934E; }