body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 65%;
	font-family: Verdana, sans-serif;
	background-color: #fff;
	color: #000;
	letter-spacing: 0;
}



a, a:link, a:visited {
	color: #68676c;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
}

a:hover, a:active {
	color: #68676c;
	background-color: transparent;
}

#container {
	text-align: left;
	margin: 10px auto 0 auto;
	padding: 5px 0 0 0;
	border: 1px solid #d8d7d7;
	background-color: #fff;
	color: #68676c;
	width: 747px;
	min-height: 450px; 
	position:relative;
}

h1 {
	margin: 25px 0 25px 30px;
	padding: 0;
	background-color: #fff;
	color: #68676c;
	float: left;
	display: block;
	width: 146px;
	height: 31px;
}

h1 img {
	border: 0;
}

#innerPageContent {
	clear: left;
	zoom:1;
}


.photo_page h1 {
	margin: 7px 0 7px 30px;
}

.homepage h2, .innerpage h2 {
	position: absolute;
	left: -999em;
}

.photo_page h2 {
	float: right;
	margin: 4px 90px 0 0;
	padding: 0;
	font-size: 110%;
}

.photo_page h2 span {
	padding-top: 15px;
	margin-top: -0.5em;
	display: block;
	float: left;
}

.photo_page h2 img {
	float: left;
	margin-right: 10px;
}

#breadcrumb {
	float: right;
	margin-right: 10px;
	color: #888;
}
#breadcrumbBlue {
	float: right;
	margin-right: 10px;
	color: #888;
}
#breadcrumbBlue a {color:#68676C;}
#breadcrumbBlue p {
	padding: 0;
	margin: 0;
}

#breadcrumbBlue p span {
	color: #0085c8;
}

#breadcrumb a {
	color: #888;
}

#breadcrumb p {
	padding: 0;
	margin: 0;
}

#breadcrumb p span {
	color: #227d41;
}

.homepage #innerPageContent {
	width: 747px;
	margin-left:0px;
}

.homepage #innerPageContent .homepageMarginParagraph {
	width: 305px;
	float: left;
	margin-left:53px;
	margin-bottom:20px;
	margin-top:20px;
}

.homepage #innerPageContent .homepageMiddleLogos
{
	padding-left:5px;
	margin-top:20px; margin-bottom:20px;
}
.homepage #innerPageContent .homepageMiddleLogos img
{
	margin-left:170px;
}
	
.homepage #innerPageContent p {margin:0px;}

.photo_page {
	padding: 5px 0 0 0 !important;
}	

div > .clear {
	 height: 0px;/* Required for IE7 and Safari, needs to be hidden from IE 6 */
}

.clear {
	clear: both;
}

* html .clear {
	line-height: 0;
}

#back_button_container {

}

#back_button_container a {
	display: block;
	background: #007a51 url(/images/back_button.gif) left center no-repeat scroll;
	padding: 2px 30px;
	font-size: 120%;
	position: absolute;
	right: 0;
	bottom: -30px;
	color: #fff;
	width: 20px;
}
#HomepageBottomLinks h5 {margin-top:0px;}
#HomepageBottomLinks h5 {margin-left:0px; display:block; margin-top:0px; padding-left:11px; margin-bottom:5px; background-image:url('/images/headingarrowbullet.gif'); background-repeat:no-repeat; background-position:0px 3px;}
#HomepageBottomLinks h5 a {font-weight:bold; color:#006b38; font-size:100%; }
#HomepageBottomLinks ul {padding:0px; margin:0px;}
#HomepageBottomLinks li {display:block;}

#HomepageBottomLinks ul {list-style-type:none;}

#HomepageBottomLinks li a {background-image:url(/images/bulletarrow.gif); background-repeat:no-repeat; display:block; padding-left:15px; background-position:0px 3px;}
#HomepageBottomLinks #LeftSide { width:490px; background-color:#dfe6df; float:left; height:319px;}
#HomepageBottomLinks #RightSide {background-color:#dfe8ec; float:left; width:257px; height:319px;}
#HomepageBottomLinks #InnerRightSide {background-color:#dbe4ea; margin:10px; height:289px;  padding-left:25px; padding-top:6px;}

#HomepageBottomLinks #LeftSide #LeftSide {width:185px; padding-left: 43px; float:left; padding-top:20px; margin-right:15px;}
#HomepageBottomLinks #LeftSide #LeftSide ul {}
#HomepageBottomLinks #LeftSide #FarSide {width:227px; float:left; padding-top:20px;}
#HomepageBottomLinks #LeftSide #FarSide ul {}

#HomepageBottomLinks #InnerRightSide h5 { padding-left:11px; margin-top:0px; margin-bottom:5px;  background-image:url('/images/bluearrowbullet.gif'); background-repeat:no-repeat; background-position:0px 3px;}
#HomepageBottomLinks #InnerRightSide h5 a {font-weight:bold; color:#005e9b; font-size:100%;}


#HomepageBottomLinks #InnerRightSide ul {margin-bottom:15px;}
#LeftNav {width:195px; float:left; margin-top:25px;}
#DesignPageContent #RightSide {width:433px; float:left; margin-top:15px; padding-left:50px;}
#DesignGuideBottomLeft {background-color:#e5ede5; width:188px; float:left; height:355px; margin-right:7px; padding-left:15px; padding-top:15px; padding-right:10px;}
#DesignGuideBottomRight {background-color:#e7eff8; width:188px; float:left; height:355px; padding-left:15px; padding-top:15px; padding-right:10px;}
#DesignGuideBottomLeft h5 {margin-top:0px; margin-bottom:3px; color:#006c39; }
#DesignGuideBottomRight h5 {margin-top:0px; margin-bottom:3px; color:#0074c0;}


.PermeablePavingIconLink {width:123px; margin-right:32px; float:left; margin-bottom:10px;}
.PermeablePavingIconLinkLast {width:123px; float:left; margin-bottom:10px;}
.PermeablePavingIconLink  .Text {text-align:center; margin-top:10px;}
.PermeablePavingIconLinkLast .Text {text-align:center; margin-top:10px;}
.PermeablePavingIconLink  .Text a {color:#0073c0; text-align:center; text-decoration:underline;}
.PermeablePavingIconLinkLast .Text a {color:#0073c0; text-align:center; text-decoration:underline;}
#PermeablePavingBottomBricks {float:left; width:150px;	}
#PermeablePavingBottomText {float:left; width:280px;}

.lightBlueText {color:#007cc4 !important; font-weight:bold !important; margin-bottom:0px;}
.lightBlueText a {color:#007cc4; font-weight:bold; margin-bottom:0px;}
.brownText {color:#c6a96f !important; font-weight:bold !important; margin-bottom:0px;}
.brownText a {color:#c6a96f; font-weight:bold; margin-bottom:0px; }

.blueText {color:#0063a1;}
.blueText a {color:#0063a1; font-weight:bold;}
#TotalInfiltrationBottomImage {width:180px; float:left; margin-top:10px;}
#TotalInfiltrationBottomText {width:245px; float:left; margin-top:10px;}
#TotalInfiltrationBottomText p {margin-top:0px;}
#DesignPageContent #RightSide ul {margin: 0px 10px 10px 12px; padding:0px;}
.logoWrapper { margin-top:20px;}
.logoImage {width:95px; float:left; text-align:right; margin-right:30px;}
.logoText {width:300px; float:left;}
.boldGreenText {color:#006c38; font-weight:bold; font-size:130%;}
.lowerGreyText {font-size:80%; float:right;}
.BottomImage {width:85px; margin-right:10px; float:left; margin-top:20px; margin-bottom:20px;}
.BottomText {width:338px; float:left; margin-top:20px;}

.BottomText .greyText {font-style:italic;}
.BottomText .strongGreyText {font-weight:bold; font-size:110%;}
.BottomText .greenText {font-weight:bold; font-size:120%; color:#006C31;}
.BottomText .blueBottomText {font-weight:bold; font-size:120%; color:#0072bf;}

.packInfo {width:205px; padding-bottom:20px; padding-top:62px; float:left; margin-right:23px; margin-top:25px;}
.packInfoTable {width:205px; float:left; font-size:82%;}
.packInfoTable .leftColumn {width:100px; float:left; height:14px; border-bottom:1px solid #68676c; border-right:1px solid #68676c;}
.packInfoTable .rightColumn {text-align:center;width:103px; float:left; height:14px; border-bottom:1px solid #68676c;}
.packInfoTable .right1 {width:48px; float:left; text-align:left; padding-left:4px; height:12px; padding-top:2px; font-size:95%; border-right:1px solid #68676c;}
.packInfoTable .right2 {width:49px; float:left; text-align:center; padding-left:0px; height:14px;}
.packInfoTable .header {text-align:center; height:16px; border-top: 1px solid #68676c; border-bottom:1px solid #68676c; font-weight:bold; padding-top:0px; font-size:123%;}
.packInfoBottom .header {text-align:center; height:16px; border-top: 1px solid #68676c; border-bottom:1px solid #68676c; font-weight:bold; padding-top:0px; font-size:123%;}
.packInfoBottom {width:432px; padding-top:62px; float:left; margin-top:25px; text-align:center;}
.packInfoBottom .col1 {width:68px; border-right:1px solid #68676c; float:left; text-align:center; border-bottom:1px solid #68676c;}
.packInfoBottom .col2 {width:87px; border-right:1px solid #68676c; float:left; font-size:82%; text-align:center;  border-bottom:1px solid #68676c;}
.packInfoBottom .col3 {width:93px; border-right:1px solid #68676c; float:left; text-align:center;  border-bottom:1px solid #68676c;}
.packInfoBottom .col4 {width:178px; float:left; text-align:center;  border-bottom:1px solid #68676c;}
.packInfoBottom .col4 .col41 {width:58px; float:left;  border-right:1px solid #68676c; text-align:center;}
.packInfoBottom .col4 .col42 {width:58px; float:left;  border-right:1px solid #68676c; text-align:center;}
.packInfoBottom .col4 .col43 {width:58px; float:left; text-align:center;}
.greenText {color:#006c38; font-weight:bold;}
.homepageRightImages {float:left; width:260px;}
.homepageRightImages img {border:none;}
#LeftNav ul {padding:0px; margin:0px; margin-left:15px;}
#LeftNav li {list-style-type:none; margin-top:2px;}
#LeftNav a {font-weight:bold; display:block;}
#LeftNav .topnav_itemGreen a {color:#33834a; padding-left:6px;}
#LeftNav .topnav_itemBlue a {color:#0085c8; padding-left:6px;}
.topnav_item_lvl3Green a {color:#33834a;}
.topnav_item_lvl3Blue a {color:#0085c8;}
#LeftNav .topnav_item_highlightGreen a {color:#ffffff; padding-left:7px;}
#LeftNav .topnav_item_highlightGreen {background-color:#33834a; padding-bottom:2px;}
#LeftNav .topnav_item_highlightBlue {background-color:#0085c8; padding-bottom:2px;}
#LeftNav .topnav_item_highlightBlue a {color:#ffffff; padding-left:6px;} 
.topnav_item_lvl3_highlightBlue {font-weight:bold; margin-bottom:6px;}
.topnav_item_lvl3_highlightBlue a {color:#0085c8; padding-left:20px;}
.topnav_item_lvl3_highlightGreen {font-weight:bold; margin-bottom:6px;}
.topnav_item_lvl3_highlightGreen a {color:#33834a; padding-left:19px;}
.topnav_item_lvl3 a {font-weight:normal !important; padding-left:19px;}
.topnav_item_lvl3Blue a {font-weight:normal !important; padding-left:20px;}
.topnav_item_lvl3Green a {font-weight:normal !important; padding-left:20px;}
.topnav_item_lvl3_highlight a {font-weight:normal !important; padding-left:10px;}
#LeftNav {margin-top:25px;}
.topnav_item_lvl3_highlight {margin-bottom:6px;}
.topnav_item_lvl3Blue {margin-bottom:6px;}
.topnav_item_lvl3Green {margin-bottom:6px;}
.topnav_item_lvl3 {margin-bottom:6px;}
#TwoPavingsSelected {color:#ffffff; background-color:#68676c; margin-left:10px; font-weight:bold; text-align:center; padding-bottom:2px;}
#TwoPavingsNotSelected {color:#68676c; margin-left:5px; font-weight:bold; text-align:center; padding-bottom:2px;}
#TwoPavingsSelected {padding-left:6px;}
#TwoPavingsNotSelected a {padding-left:10px;}

.topnav_item_highlight {background-color:#68676c; padding-bottom:2px;}
.topnav_item_highlight a {color:#ffffff; padding-left:6px;}
#LeftNav .topnav_item a {padding-left:6px;}
#LeftPDFImage {text-align:center; margin-top:40px;}
#LeftPDFTitle a {text-decoration:underline;}
#LeftPDFTitleIcon {width:33px; float:left; margin-left:23px; margin-top:5px;}
#LeftPDFTitle {width:139px; float:left; padding-top:7px; margin-top:5px; margin-bottom:40px;}
#LeftPDFImage img {border:none;}
.sorrento .image_container {margin-right:20px !important;}
.amalfi .image_container {margin-right:16px !important;}
.modena .image_container {margin-right:16px !important;}

#products_index #permeable_icons {
	width: 516px;
	position: absolute;
	top: 103px;
	left: 205px;
	padding: 0;
	margin: 0;	
}

.logoImage img {border:none;}