/* CSS DISPLAY River dee */

/* ---------- 1. 0 Misc ---------- */

*   {
	padding: 0;
	margin: 0;
	border:0;
	}
	
body {
	color:#fff;
	font: 0.8em "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align: center;
	}





/* ---------- 2.0 Main div  ---------- */
#container {
	margin:0 auto;
	text-align:left;
	position:relative;
	width:750px;
	margin-bottom:30px;
	z-index:3;
	}

#end {
	clear:left;
	}


/* ---------- 3.0 LINK ---------- */

#link {
	width:750px;
	margin:0 auto;
	text-align:right;
	z-index:3;
	position:relative;
	}

#patio #link {
	background:#ffb95c;
	}

#other #link {
	background:#ad1ae6;
	}

#driveways #link {
	background:#845635;
	}
	
#fences #link {
	background:#e66c1a;
	}

#about #link {
	background:#B3C747;
	}

#contact #link {
	background:#3D8EA5;
	}

#link ul {
	padding:4px 8px 8px 8px;
	}

#link li {
	display:inline;
	list-style:none;
	color:#fff;
	}

#link li.copyright {
	margin-left:30px;
	}

#link a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

#link a:hover{
	text-decoration:underline;
	color:#ad1ae6;
	}




/* ---------- 4.0 HEADER ---------- */

h1, h2 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	height:0;
	font-size:0;
	}

#header {
	height:87px;
	margin:10px 0;
	}

#header a {
	background:#fff url(../images/logo.gif) left bottom no-repeat;
	height:87px;
	display:block;
	}


/* ---------- 5.0 PICTURE ---------- */

#picture {	
	padding-bottom:5px;
	}

#patio #picture {	
	background:url(../images/patios.gif) right top no-repeat;
	}

#other #picture {	
	background:url(../images/other.gif) right top no-repeat;
	}
	
#driveways #picture {	
	background:url(../images/driveways.gif) right top no-repeat;
	}

#fences #picture {	
	background:url(../images/fences.gif) right top no-repeat;
	}

#about #picture {	
	background:url(../images/about_us.gif) right top no-repeat;
	}

#contact #picture {	
	background:url(../images/contact_us.gif) right top no-repeat;
	}


/* ---------- 6.0 MENU ---------- */
#menu {
	float:right;
	width:292px;
	}

#menu li {
	list-style:none;
	}

#menu a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:10px 0 10px 40px;
	}

* html #menu a {
	height:10px;
	}

#menu .link1 a {
	color:#ffb95c;
	background: url(../images/puce_1.gif) left center no-repeat
	}

#menu .link2 a {
	color:#845635;
	background: url(../images/puce_2.gif) left center no-repeat
	}

#menu .link3 a {
	color:#e66c1a;
	background: url(../images/puce_3.gif) left center no-repeat;
	}

#menu .link4 a {
	color:#b3c747;
	background: url(../images/puce_6.gif) left center no-repeat;
	}

#menu .link5 a {
	color:#3d8ea5;
	background: url(../images/puce_5.gif) left center no-repeat;
	}

#menu .link6 a {
	color:#787878;
	background: url(../images/puce_4.gif) left center no-repeat;
	}

#menu .link7 a {
	color:#ad1ae6;
	background: url(../images/puce_7.gif) left center no-repeat;
	}

#menu a:hover {
	background-position:-9px 50% ;
	}

#menu ul.subMenu  { 
	margin-left: 40px; 
	margin-top: 5px;
	margin-bottom: 15px;
	}

#menu .subMenu li { 
	color: #ffb95c; 
	margin-bottom: 5px;
	}

#menu .subMenu a {
	background-position: -18px; 
	padding: 0;
	padding-left: 23px;
	}
	
#menu .subMenu a:hover {
	background-position:-26px 50% ;
	}


/* ---------- 7.0 CONTENT ---------- */

#content {
	border-right:#e9e9e9 solid 1px;
	margin-right:301px;
	}

#content .blockText {
	margin-bottom:40px;
	}

#content .benefits {
	margin-bottom:10px;
	}

#content .pictures {
	margin-bottom:80px;
	}

#content h3 {
	color:#ccc;
	margin-bottom:15px;
	border-bottom:#e9e9e9 solid 1px;
	font-size:1.5em;
	width:445px;
	clear:left;
	font-weight:bold;
	}

#content h3 strong {
	text-transform:uppercase;
	}

#patio #content h3 strong {
	color:#ffb95c;
	}

#other #content h3 strong {
	color:#ad1ae6;
	}

#driveways #content h3 strong {
	color:#845635;
	}

#fences #content h3 strong {
	color:#e66c1a;
	}

#about #content h3 strong {
	color:#B3C747;
	}

#contact #content h3 strong {
	color:#3D8EA5;
	}
	
#content h4 {
	clear: left;
	color:#ccc;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	}

#content img {
	border:#e9e9e9 6px solid;
	padding:2px;
	float:left;
	margin-bottom: 20px;
	}

#content .blockText p {
	text-align:justify;
	color:#767676;
	line-height:1.3em;
	margin:0 35px 15px 0px;
	}
	
#content .blockText img {
	margin-right: 30px;
	}
	
#content .blockText ul {
	margin-left:15px;
	}

#content .blockText li {
	color:#B3C747;
	text-align: justify;
	margin-bottom: 10px;
	margin-right: 20px;
	}
	
#fences #content .blockText li {
	color: #e66c1a;
	}
	
#content .blockText span {
	color:#767676;
	}
	
#content .blockText span a {
	color:#767676;
	text-decoration:none;
	}
	
#content .blockText span a:hover {
	text-decoration:underline;
	color:#ad1ae6;
	}
	
#content #format p  {
	position: relative;
	font-weight:bold;
	margin-bottom:3em;
	top:0;
	left:0;
	width:120px;
	padding-right:300px;
	}

	
#content #format p span {
	position:absolute;
	right:0;
	top:0;
	width:280px;
	font-weight:normal;
	}

#content .pictures li {
	display:inline;
	}
	
#content .none {
	list-style: none;
	}
	
#content dt {
	color: #B3C747;
	font-weight: bold;
	margin-top: 50px;
	}
#content dd {
	margin-top: 10px;
	color: #767676;
	}
	
@media print {
	h1, h2 { color: #000; height: 30px; font-size:1.5em; padding:0; text-indent: inherit; }
	#header a { color: #000; font-size:1.4em; text-decoration: none; font-weight: bold; }
	#link, #picture { display: none; }

}