/* CSS for Sustainable Concrete website */

body {font: 75%/1.4 Arial, Verdana, Helvetica, sans-serif; background: #000; color:#333; text-align:center;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* page container */
div#container {margin:0 auto; text-align:left; width:770px; background:#000; }
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left; width:770px; display:inline;}
div#content {float:left; padding:0 0 0 0; background-repeat:no-repeat; display:inline; width:770px; min-height:508px; height:auto !important; height:508px;}
/* end general layout rules */

/* page header */
div#header {background-color: #000;} 
div#header img {margin:0 0 0 0; border:none; float:right;}
div#header h1, div#header p {display:none;}
/* end page header */

/* Preload and hide background images */
div#imgpreload {display:none;}
/* end preload and hide background images */

/* primary navigaton */
ul#nav {list-style-type:none; float:left; font-size:1.2em; margin:50px 0 0 0px; text-transform:uppercase; font-weight:bold;}
ul#nav li {float:left;}
ul#nav li a {padding:3px 15px 3px 0px; color:#fff; text-decoration:none; display:block; white-space:nowrap;}
ul#nav li a:hover {text-decoration:none; color:#f00;}
ul#nav li.active a {color:#f00;}
/* end primary navigaton */

/* foundations page */
.foundations #content {background-image:url(../images/foundations.jpg); padding:0 10px 0 210px; width:770px; w\idth:550px;}
.foundations #content h2 {margin: 10px 0 5px 50px;}
.foundations #content h3 {margin: 0 0 5px 150px;}
.foundations #content p {text-align:right; margin:0 0 .8em 0; font-size:.92em;}
.foundations #content p.one {margin-left:20px;}
.foundations #content p.two {margin-left:60px;}
.foundations #content p.three {margin-left:100px;}
.foundations #content ul {margin:0 0 0 150px;}
.foundations #content li {list-style-type:none;}
/* end foundations page */

/* foundations clips page */
.fclips #content {background-image:url(../images/foundations.jpg)}
.fclips #content h2 {margin: 10px 0 5px 250px;}
.fclips #content p {margin: 10px 0 5px 250px;}
.fclips #content embed {margin: 10px 0 5px 300px;}
.fclips #content h3 {margin:20px 0 0 300px;}
.fclips #content ul {margin:0 0 0 300px;}
.fclips #content li {list-style-type:none;}
/* end foundations clips page */


/* extensions page */
.extensions #content {background-image:url(../images/extensions.jpg)}
.extensions #content h2 {margin: 10px 0 5px 20px;}
.extensions #content p {margin:300px 400px .5em 20px; color:#999;}
/* end extensions page */

/* site-office page */
.office #content {background-image:url(../images/site-office.jpg)}
.office #content h2 {margin: 10px 0 5px 20px;}
.office #content p {margin:0 0 .5em 20px;}
.office #content p.copyright {margin-top:100px; font-size:.9em;}
/* end site-office page */

/* constructions page */
.constructions #content {background-image:url(../images/constructions.jpg)}
.constructions #content h2 {margin: 10px 0 5px 20px;}
.constructions #content h3 {margin: 10px 0 5px 20px;}
.constructions #content p {margin:0 0 .5em 20px;}

#new {float:right; padding:0 10px 0 0; width: 200px;}
#new h3 {text-align:right; margin:0 0 10px 0;}
#new p {text-align:right; font-weight:bold;}
#new p img {padding:0 0 0 10px; border:none;}
#watermark-clip {float:right; padding:0 10px 0 0; width: 350px;}
/* end constructions page */

/* J is for page */
.jisfor #content {background-image:url(../images/films/j_bg.gif)}
.jisfor #content h2 {margin: 10px 0 5px 20px;}
.jisfor #content p {margin:0 0 .5em 20px;}
/* end J is for page */

/* death in the park page */
.death #content {background-image:url(../images/films/park_bg.jpg)}
.death #content h2 {margin: 10px 0 5px 20px;}
.death #content p {margin:20px 20px .5em 20px; float: right;}
/* end death in the park page */

/* etc etc page */
.etcetc #content {background-image:url(../images/films/etc_bg.jpg)}
.etcetc #content h2 {margin: 10px 0 5px 20px;}
.etcetc #content p {margin:0 0 .5em 20px;}
/* end etc etc page */

/* detour page */
.detour #content {background-image:url(../images/films/detour_bg.jpg)}
.detour #content h2 {margin: 10px 0 5px 20px;}
.detour #content p {margin:0 0 .5em 20px;}
/* end detour page */

/* footer */
div#footer {float:left; width:100%; font-size:.92em; background: #000; }
div#footer p {float:right; margin:2px 0 0 0;}
div#footer a {color:#666;}
div#footer a:hover {color:#fff;}
div#531DTXKRJ543_div img {display:none;}
/* end footer */

/* general typography */
h2, h3, h4, h5, h6 {}
h2 {color:#aea9a8; font-size:3.5em; text-transform:uppercase;}
h3 {font-size:1.2em; color:#333; text-transform:uppercase;}
h4 {font-size:1em;color:#fff; margin:1em 0 0 0;}
h5 {font-size:1em; color:#fff; margin:1em 0 .5em 0;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #fff; cursor: help;}
hr {height:1px; color:#efebdf; border: 0; background-color: #efebdf; margin: .5em 0;}
/* end general typography */

/* image floats */
img.left {float:right; clear:left; margin:5px 0 15px 15px;}
img.left {border:none;}
img.right {float:right; clear:left; margin:5px 0 15px 15px;}
img.right {border:none;}
/* end image floats */

/* lists */
div#content ul {margin:0 0 1em 2em;}
div#content ul li {padding:0; list-style-type:disc;}
div#content ol {padding:0 0 0 .8em; margin:.5em 0 1em 2em;}

div#content div#contentright ul, div#content div#contentright ol {margin:0 0 1em 1em;}
div#content div#contentright ul li {padding:0; list-style-type:disc;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; color:#7aa870; font-size:1.1em;}
div#content dd {margin: 0 0 0 0;}
/* end lists */

/* links */
a:link, a:visited {color:#fff; text-decoration:none;}
a:hover {color:#f00;}
/* end links */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {border-right:1px solid #fff; border-top:1px solid #fff; margin: .5em 0 1em 0; padding:0;}
th {padding: .2em .4em; background:#7aa870; text-align:left;}
td {padding: .2em 0; border-bottom:1px solid #fff; border-left:1px solid #fff;}
table caption {text-align:left; font-size:1em; font-weight:bold; font-style:italic;}
/* end tables */