/*

   Instant Shade Landscape inc. Style Sheet
   Author: Jeremy Eden
   Date:   1-18-2015

   Filename:         parentcss.css
   Supporting Files: none

*/


body {
	background-color: #C9B68C; /* I.S. Tan */
    background-image: url(images2015/Landscape_Tree_Bckgnd.gif);
    background-position: left top; background-repeat: repeat; 
	background-attachment: fixed;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;		 
    font-size: 13px; text-align: left; line-height: 20px;
	margin: 15px auto 15px; padding: 0px;
	}

	
/***** The following is to help older browsers format html5 ***/

article, aside, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
	}

		 
/***** General Hyperlinks ********************/

a, a:visited {
	color: #217343; /* Dark Green */
	text-decoration: underline;
	}
	
a:hover {
	color: #217343; /* Dark Green */
	text-decoration: none;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}


/***** Id=OuterWrap ********************/

#OuterWrap {
	background: #FFFFFF;
	width: 960px;
	margin: 0 auto 0;
	padding: 0;
	border: 10px solid #FFFFFF;
	}


/***** Id=Header  ********************/

#header {
	background: url(images2015/IS_Header.jpg); /** This one does not show **/
	width: 960px; 
	height: 145px;
	margin: 0;
	padding: 0;
	}
	
#header .SectionWrap {
	}

#title-area {
	width: 960px;
	float: left;
	margin: 0; 
	padding: 30px 0 0 0;
	overflow: hidden;
	background: url(images2015/IS_Header.jpg) right top no-repeat; /** This is the one that shows **/
	}
	
#title-area #title {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", "Trebuchet MS";
	margin: 0;
	padding: 0 0 25px 20px;
	text-decoration: none;
	}
	
#title-area #title a {
	color: #FFFFFF;
	font-weight: normal;
	margin: 0; 
	padding: 0;
	text-decoration: none;
	}
	
#title-area #title a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

#title-area, #title-area #title, #title-area #title a {
	display: block; 
	float: left;
	width: 960px;
	height: 145px;
	margin: 0; 
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	}


/***** Nav Menu ********************/

#nav {
	background: url(images2015/navbar.png);
	width: 960px;
	height: 40px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	margin: 0 auto 0;
	padding: 0;
	}

#nav .SectionWrap {
	}
	
#nav ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav li a {
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", "Trebuchet MS";
	font-weight: normal;
	text-decoration: none;
    margin: 0;
	padding: 11px 12px 9px 12px;
	position: relative;
	}

#nav li a:hover, #nav li a:active {
	color: #d7b739; /*Honey Yellow*/
	text-decoration: underline;
	}	
	

/***** Inner Content********************/

#InnerContent {
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
/***** Rotator Feature ********************/

#rotator {
	position: relative;
	width: 960px;
	height: 350px;
	margin: 0; padding: 0;
	overflow: hidden;
	}
	
#rotator img {
	display: none;
	}
	
#rotator img.RotatorImage1 {
	display: block;
	}
	

/***** Sidebar-Content Wrapper ********************/

#sidebar-content-wrap {
	width: 960px;
	margin-bottom: 20px;
	padding: 0px;
	float: left; /*floating makes the margin-bottom work. Why?*/
	}

	
/***** Primary & Secondary Sidebars ********************/

#sidebar {
	width: 300px;
	float: left;
	margin: 0px;
	padding-top: 20px;
	text-align: left;
	color: #ffffff;
	background: #2c5e1e; /*IS Green*/
	}
	
#sidebar h2 {
	clear: both;
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 3px;
	padding-bottom: 0px;
	}

#sidebar .h3 {
	display: inline;
	color: #ffffff;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#sidebar h4 {
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #111111;
	margin: 0;
	padding: 0 0 0 0;	
	}
	
#sidebar .widget {
	background: #2c5e1e; /*IS Green*/
	margin: 0;
	padding: 0;	
	}
	
#sidebar .widget-wrap {
	background: #2c5e1e; /*IS Green*/
	margin: 0;
	padding: 0;
	}
	
#sidebar .widget-wrap p {
	margin: 15px 20px;
	padding: 0;
	}

#sidebar .widget-wrap a {
	color: #d7b739; /*Honey Yellow*/
	text-decoration: none;
	}
	
#sidebar .widget-wrap a:hover {
	color: #d7b739; /*Honey Yellow*/
	text-decoration: underline;
	}
	
#sidebar .decoration {
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 9999;
	}

#sidebar .decoration img {
	position: relative;
	top: -30px;
	left: -10px;
	}

#sidebar .hidden {
	position: absolute;
	left: -99999px;
	}
	
#sidebar .emphasis-box {
	border: 3px solid #D1C458; /*Yellow*/
	background-color: #B9A07C; /*light IS Tan*/
	text-align: center;
	color: #333;
	margin: 20px;
	padding: 10px;
	}

#sidebar .emphasis-box p {
	font-size: 15px;
	margin: 15px 0px;
	padding: 0px;
	}

#sidebar .emphasis-box em {
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	}

#sidebar img, #sidebar a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block; /* This line removes excess margin below image */
	}

#Sidebar-Bottom .textwidget {
	}
	

/***** Content ********************/

#content {
	width: 650px;
	margin: 0px;
	padding-top: 10px;
	float: right;
	display: inline;
	}
	
#content h2 {
	color: #000000;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 0px;
	}		
	
#content h3 {
	display: inline;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}		

#content h4 {
	font-size: 18px;
	font-weight: 700;
	text-decoration: underline;
	border-top: 1px solid black;
	margin: 24px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	clear: both;
	}

	
#content .h3 {
	display: inline;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}	
	
#content .widget {
	margin: 10px;
	padding: 0;	
	}
	
#content .widget-wrap {
	margin: 0;
	padding: 0;
	}

#content .widget-wrap dl {
	overflow: hidden; /*This is to recognize the border of floated item at right*/
	}
	
#content .widget-wrap dd {
	padding: 0px 10px 0px 0px;
	}
	
#content .features-wrap {
	border: 3px solid #4d4030; /*Dark Brown*/
	background-color: #B9A07C; /*light IS Tan*/
	/*margin: 20px 0px;
	padding: 0px 0px;*/
	margin: 20px 0px;
	padding: 6px 0px 8px 2px;
	/*overflow: hidden;*/ /*unhide this to force floated items to be contained in the div*/
	}

#content .features-wrap-hollow {
	border: 3px solid #4d4030; /*Dark Brown*/
	background-color: #ffffff;
	margin: 20px 0px 0px 0px;
	padding: 0px 20px;
	/*overflow: hidden;*/ /*unhide this to force floated items to be contained in the div*/
	}

#content .features-map-wrap {
	border: 3px solid #4d4030; /*Dark Brown*/
	background-color: #B9A07C; /*light IS Tan*/
	margin: 20px 0px;
	padding: 0px 0px;
	}
	
#content .content-feature {
	/*margin: 6px 5px 8px 5px;
	padding: 0px 8px 0px 0px;*/
	margin: 0px;
	padding: 0px 5px 0px 4px;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #000;
	}
	
#content .content-feature ul {
	list-style-type: disc;
	margin: 0px 0px 0px 0px;
	}

#content .content-feature li {
	}
	
#content #content-feature-3 {
	border: none;
	}

#content #content-feature-map {
	display: block;
	background-color: #B9A07C; /*light IS Tan*/ 
	float: right;
	text-align: center;
	border: 5px solid #B9A07C;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	}
/*	
#content blockquote {
	background: #F4F4F4;
	margin: 0 15px 15px 15px;
	padding: 10px 20px 0 15px;
	border: 1px solid #DDDDDD;
	}
*/


/***** This section starts the formatting for the Tree Definition Lists. *****/

#treedeflist {
	}

#treedeflist dt {
	}
	
#treedeflist dd {
	color: #054605; /*Dark Green*/
	}


/***** This section starts the formatting for the Tree Spade table. *****/
	
#treetable01 {
	width: 95%;
	border: 0px solid #3D5E31;
	border-collapse: collapse;
	margin: 0px 0px;
	}

#treetable01 tbody {
	}
	
#treetable01 tr {
	}
	
#treetable01 th {
	width: 110px;
	font-size: 13px;
	text-align: right;
	padding: 0px 10px 0px 0px;
	}

#treetable01 td {
	vertical-align: middle;
	text-align: center;
	font-weight: 500;
	border: 1px solid #3D5E31;
	padding: 0px 0px;
	}
	
#tttr1 td {
	vertical-align: bottom;
	border: 0px solid #3D5E31;
	border-collapse: collapse;
	padding: 0px 0px 0px 10px;
	}

#tttr2 th {
	}

#tttr2 td {
	border-left: 3px double #3D5E31;
	border-right: 3px double #3D5E31;
	padding: 10px 0px;
	background-color: #B9A07C;
	}

#tttr3 th {
	}

#tttr3 td {
	border-right: 3px double #3D5E31;
	border-bottom: 3px double #3D5E31;
	border-left: 3px double #3D5E31;
	padding: 10px 0px;
	background-color: #B9A07C;
	}

#tttr4 td {
	font-size: 12px;
	text-align: left;
	padding: 5px 5px;
	padding-top: 10px;
	border: 0px double #3D5E31;
	}

#tttr5 td {
	font-size: 12px;
	text-align: left;
	text-indent: -10px;
	padding: 5px 0px 25px 15px;
	border: 0px solid #3D5E31;
	}

	
/***** This section starts the formatting for the Project Gallery. *****/
	
#content .gallery-wrap {
	border: 1px solid #3d5e31; /* Tree Table Green */
	background-color: #4d4030; /*Dk. Brown*/
	background: linear-gradient(to top, #4d4030 0%, #605340 25%, #4d4030 50%, #605340 75%, #4d4030 100%);
	background: -webkit-linear-gradient(bottom, #4d4030 0%, #806f56 25%, #4d4030 50%, #806f56 75%, #4d4030 100%);
	margin: 15px 0px;
	padding: 0px 0px 0px 2px;
	overflow: hidden;
	}
	
#content .photo_thumbnail {
	float: left;
	/*background-color: #B9A07C;*//*light IS Tan*/
	margin: 6px 0px 0px 0px;
	padding: 0px;
	}
	
#content .photo_thumbnail a {
	border-top: 4px solid #B9A07C;
	border-right: 2px solid #B9A07C;
	border-bottom: 4px solid #B9A07C;
	border-left: 2px solid #B9A07C;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline-block;
	}
	
#content .photo_thumbnail img {
	border: 1px solid #2c5e1e; /* I.S. Green */
	margin: 0px;
	padding: 0px;
	display: block; /* This line removes excess margin below image */
	}
	
#content .photo_thumbnail img:hover {
	border: 1px solid #ffffff;
	}
	
#content .hidden {
	position: absolute;
	left: -99999px;
	}

#content .video-wrap {
	border: 1px solid #3d5e31; /* Tree Table Green */
	background-color: #4d4030; /*Dk. Brown*/
	background: linear-gradient(to top, #4d4030 0%, #806f56 33%, #806f56 66%, #4d4030 100%);
	background: -webkit-linear-gradient(bottom, #4d4030 0%, #806f56 33%, #806f56 66%, #4d4030 100%);
	margin: 15px 0px;
	padding: 0px 0px 0px 1px;
	overflow: hidden;
	}
	
#content #content-feature-video {
	color: #ffffff;
	}
	
#content #content-feature-video p {
	margin: 15px 30px;
	}
	
		 
/***** Footer ********************/

#footer {
	clear: both; 
	overflow: hidden;
	width: 960px;
	background: #4d4030;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	}

#footer .SectionWrap {
	overflow: hidden;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	}

#footer .gototop {
	width: 195px;
	float: left;
	margin: 0;
	padding: 0 0 0 7px;
	}
	
#footer .gototop a {
	margin: 0;
	padding: 2px 0 2px 18px;
	background: url(images2015/ToTopArrow.png) no-repeat left center;
	}

#footer .creds {
	/*width: 740px;*/
	/*width: 340px;*/
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	}
	
	
		 
/* Below here is old css work */

	/* -----------------------------------------------------
	This section starts the formatting for the form on the contact page.
	--------------------------------------------------------  */

#contactform	{clear: both}

#contactform span {color: red}

fieldset	{margin-bottom: 10px; padding: 10px;
		 background-color: #B9A07C}

label.blocklabel {display: block; position: relative; 
		 margin: 12px 0px}

label.blocklabel input {position: absolute; left: 150px}

label.indentlabel {margin-left: 150px}

#firstname, #lastname, #street {width: 250px}

#phone, #city	{width: 100px}

#state		{width: 30px}

#zip		{width: 70px}

#formsubject	{position: absolute; left: 150px}

#urgency 	{font-size: 12px;
		 width: 600px; margin-left: 150px}

#urgency label	{display: inline-block; 
		 width: 155px;
		 margin: 0px 0px 5px 20px;
		 padding: 10px 0px 0px 0px;
		 vertical-align: top}	

#urgency input	{margin: 10px 55px 0px -55px;
		 padding: 0px 0px 0px 0px}

#urgency span	{color: #054604; font-size: 14px; font-weight: 700}

#survey label	{color: #054604; font-size: 16px; width: 500px;
		 margin: 10px 0px 10px 10px}

#survey span	{color: black; font-size: 14px;
		 margin: 0px}

#submitbutton	{position: relative; left: 200px}

#cancelbutton	{position: relative; left: 260px}