@charset "UTF-8";
body {
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
p {
	margin: 0px;
}
h1 {
	font-size: 24px;
	font-weight: bold;
	color: #006045;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #EDE7E0;
	border-right-color: #EDE7E0;
	border-bottom-color: #EDE7E0;
	border-left-color: #EDE7E0;
	padding-bottom: 5px;
}
h2 {
	color: #006045;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h4 {
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333333;
}
h4  a:link {
	color: #333333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
h4  a:visited {
	color: #333333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
h4  a:hover {
	color: #006045;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #006045;
	border-right-color: #006045;
	border-bottom-color: #006045;
	border-left-color: #006045;
}
hr {
	color: #EDE7E0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #EDE7E0;
	border-right-color: #EDE7E0;
	border-bottom-color: #EDE7E0;
	border-left-color: #EDE7E0;
}
.newsletterbutton  {
	color: #FFFFFF;
	background-color: #006045;
	border: 1px solid #002F52;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.newsletterinput  {
	background-color: #f0ebe5;
	border: 1px solid #b29373;
	margin: 0px;
}
#newsletter {
	padding-left: 7px;
	margin-top: 15px;
}
#newsletter h3 {
	margin: 0px;
}
#newsletter p {
	margin: 0px;
}
#product ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: square;
}
#header {
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	height: 102px;
}
a:link {
	color: #006045;
	text-decoration: none;
}
a:visited {
	color: #006045;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #AD8C69;
}
#headerinside {
	width: 796px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 26px;
}
#headericons {
	float: right;
	width: 450px;
	text-align: right;
}
#headericons img {
	text-align: right;
	margin-left: 25px;
}
#navwrapper {
	background-color: #006045;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 0px;
	margin-top: -13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 1000;
}
#nav {
	width: 796px;
	margin-right: auto;
	margin-left: auto;
}
#nav, #nav ul { /* all lists */
	list-style: none;
	font-size: 12px;
	padding: 0;
	background-color: #006045;
}

#nav a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	_padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 20px;
	_padding-left: 15px;
}

#nav li { /* all list items */
	float: left;
	display: block;
}
#nav li:hover{
	background-image: url(../images/nav-over-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#nav li ul { /* second-level lists */
	position: absolute;
	_width: 230px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #006045;
	width: 150px;
	margin: 0px;
	padding: 0px;
	border: 1px none #FFFFFF;
}
#nav li ul li ul { /* third-level lists */
	position: absolute;
	_width: 230px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #006045;
	width: 150px;
	margin: 0px;
	padding: 0px;
	border: 1px none #FFFFFF;
}
#nav li ul li {
	margin: 0px;
	padding: 0px;
	z-index: 9999;
}
#nav li ul li:hover {
	background-color: #003425;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 9999;
}
#maincontent {
	width: 776px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/maincontent-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	clear: both;
}
#maincontent li a:link{
	margin: 0px;
}

#maincontent p {
	font-size: 13px;
	line-height: 17px;
}
#rightcontent {
	float: right;
	width: 589px;
}
#rightcontent p {
	margin-bottom: 15px;
}
#rightcontent li {
	font-size: 13px;
	line-height: 18px;
}
#rightcontent ul {
	margin-bottom: 20px;
}
#overview {
	margin-top: 15px;
	overflow: hidden;
	background-color: #EDE7E0;
	padding: 10px;
}
#rightcontent #overview h1 {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 8px;
}
.maincolumn {
	float: left;
	width: 255px;
	margin-right: 40px;
	_margin-right: 20px;
	margin-left: 10px;
}
.maincolumn2 {
	float: left;
	width: 255px;
}
#leftcontent {
	float: left;
	width: 170px;
	/* This is specifically for the anniversary banner and can be removed safely at a later date -Derek */
	padding-top: 86px;
  background: url(/canopies/images/60th-anniversary-interior.png) no-repeat;
}
#footer {
	clear: both;
	width: 796px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer   a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #FFFFFF;
}
#footer h3 {
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
#footerright {
	float: right;
	width: 615px;
}
#footerlinksright {
	float: right;
	width: 315px;
}
#footerlinksrightright {
	float: right;
	width: 136px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #ceba9c;
	border-right-color: #ceba9c;
	border-bottom-color: #ceba9c;
	border-left-color: #ceba9c;
	padding-left: 10px;
}
#footerlinksrightleft {
	float: left;
	width: 151px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #ceba9c;
	border-right-color: #ceba9c;
	border-bottom-color: #ceba9c;
	border-left-color: #ceba9c;
	padding-left: 10px;
}
#footerlinksleft {
	float: left;
	width: 294px;
}
#footerlinksleftright {
	float: right;
	width: 136px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #ceba9c;
	border-right-color: #ceba9c;
	border-bottom-color: #ceba9c;
	border-left-color: #ceba9c;
}
#footerlinksleftleft {
	float: left;
	width: 130px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #ceba9c;
	border-right-color: #ceba9c;
	border-bottom-color: #ceba9c;
	border-left-color: #ceba9c;
	padding-left: 10px;
	margin-bottom: 25px;
}
#footerleft {
	float: left;
	width: 170px;
}
.product {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.product2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#rightcontent hr {
	color: #b8a089;
	margin-top: 15px;
}
.rightspecs {
	float: right;
	text-align: right;
	font-size: 9px;
	padding: 2px;
	line-height: 13px;
}
.rightcolumn .projectbox {
	margin-bottom: 5px;
	text-align: left;
	padding: 3px;
	border: 1px solid #DDD6D1;
	margin-right: 10px;
}
.projectbox {
	margin-bottom: 5px;
	text-align: left;
	padding: 3px;
	border: 1px solid #EDE7E0;
}
.projectbox img {
	margin-right: 10px;
	border: 1px solid #006045;
}
.projectname {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.projectlocation {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.section {
	clear: both;
}
.rightside {
	float: right;
	width: 290px;
}
.leftside {
	float: left;
	width: 290px;
}
.leftside ul {
	list-style-type: none;
	list-style-image: url(../images/spacer.gif);
	padding-left: 10px;
}
.rightside  ul {
	list-style-type: none;
	list-style-image: url(../images/spacer.gif);
	padding-left: 10px;
}

.rightcolumn {
	background-color: #ede7e0;
	float: right;
	width: 185px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}
.rightcolumn h4 {
	font-size: 15px;
	font-weight: bold;
	color: #006045;
	margin-top: 15px;
}
.rightcolumn h4 a:link {
	font-weight: bold;
	color: #006045;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.rightcolumn  h4  a:visited {
	font-weight: bold;
	color: #006045;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.rightcolumn   h4   a:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.productborder {
	border: 2px solid #006045;
}
.productright {
	float: right;
	width: 385px;
}
.productright2 {
	float: right;
	width: 415px;
}
.productpic {
	float: left;
	width: 160px;
}
.productpic img {
	border: 1px solid #006045;
}
.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clearfix:after {  
     content: ".";  
     display: block;  
     clear: both;  
     visibility: hidden;  
     line-height: 0;  
     height: 0;  
}  
   
.clearfix {  
    display: inline-block;  
}  
  
html[xmlns] .clearfix {  
    display: block;  
}  
  
* html .clearfix {  
    height: 1%;  
}
#civFIY {
	float: right;
}
.detailbox {
	padding: 15px;
	border: 1px solid #EDE7E0;
	margin-top: 15px;
	width: 350px;
}
.detailbox2 {
	padding: 15px;
	border: 1px solid #EDE7E0;
	margin-top: 15px;
	width: 410px;
}
.detailbox3 {
	border: 1px solid #EDE7E0;
	margin-top: 15px;
	width: 500px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.detailimg {
	margin-right: 15px;
	border: 1px solid #006045;
}
#flash {
	z-index: 1;
}
.test {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 15px;
}
#email-form {
	background-color: #EDE7E0;
	margin-right: 7px;
	margin-top: 25px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
}
#email-form h2 {
	color: #006046;
	font-size: 13px;
	text-transform: uppercase;
}
#email-form p {
	color: #333333;
	margin-top: 5px;
}
#email-form input {
	color: #333333;
	border: 1px solid #CAC4BF;
	background-color: #FFFFFF;
}
#email-form #contact_name {
	background-color: #FFFFFF;
	border-top-color: #CAC4BF;
	border-right-color: #CAC4BF;
	border-bottom-color: #CAC4BF;
	border-left-color: #CAC4BF;
}
#email-form  #contact_phone {
	background-color: #FFFFFF;
	border-top-color: #CAC4BF;
	border-right-color: #CAC4BF;
	border-bottom-color: #CAC4BF;
	border-left-color: #CAC4BF;
}
#email-form   #contact_email {
	background-color: #FFFFFF;
	border-top-color: #CAC4BF;
	border-right-color: #CAC4BF;
	border-bottom-color: #CAC4BF;
	border-left-color: #CAC4BF;
}
.rep-map {
	margin-right: 15px;
	margin-bottom: 15px;
}
.rep-map2 {
	margin-right: 15px;
	margin-bottom: 45px;
}
.rep-map2-2 {
	margin-right: 15px;
	margin-bottom: 53px;
}
.rep-map3 {
	margin-right: 15px;
	margin-bottom: 73px;
}