body {background:#fdfdfd url("images/bg-texture.jpg") top center repeat-x;font:.7em light  Arial, Helvetica, sans-serif;color:#373737;line-height:2em;}
p {margin:10px 0;}
a {color:#373737;text-decoration:none;outline:0;}
a:hover {color:#979797;outline:0;}
h1, h2, h3, h4 {margin:10px 0 7px;text-transform:uppercase;}
h1 {font-size:1.75em;}
h2 {font-size:1.5em;}
h3 {font-size:1.25em;}
h4 {font-size:1em;}
img {border:0;outline:0;}
td {padding:2px;}
input[type="text"] {border:1px solid #666;background-color:#fdfdfd;margin-left:5px;color:#666}
.clear {clear:both;}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

.spacer {float:left;}

#wrapper {width:980px;margin:0 auto;background:transparent url("images/bg-shadowslice.png") top center repeat-y;padding:0 20px}

#header {border-top:8px solid #373737;padding:0 30px;height:140px;}

#logo {background:url("images/logo.png") top left no-repeat;width:355px;height:80px;}
#logo a {width:355px;height:80px;display:block;text-indent:-9999px;}

#page-tab {background-color:#373737;color:#FDFDFD;font-size:0.8em;padding:3px 15px;position:absolute;right:20px;text-transform:uppercase;top:0;}

#main-nav {color:#adadad;font-size:12px;height:23px;background-color:#373737;}
#main-nav ul {padding:0;margin-left:20px;}
#main-nav ul li {display:block;float:left;width:135px;}
#main-nav a, #main-nav span{color:#adadad;}
#main-nav a:hover, #main-nav span:hover{color:#fff;}

#main-nav ul li.current a, #main-nav ul li.current span {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:12px;}

#main-nav ul ul {top:20px;padding:0;position:absolute;width:900px;margin-top:10px;margin-left:0;}
#main-nav ul ul li {margin:0;}
#subnav-back {position:absolute;width:920px;height:23px;top:30px;background-color:#666;margin-left:0;}

.subnav {display:none;}
.subnav a {color:#ccc;}
.subnav a:hover {background:url('images/arrow-light.png') no-repeat scroll center 18px;color:#FFFFFF;padding-bottom:12px;}
.subnav ul {top:20px;padding:0;position:absolute;width:920px;}
.subnav ul li {}

#groundFace #products,#reflective #products,#splitFace #products,#smoothFace #products,#fluted #products,#standardCMU #products,#acoustical #products,#specBrick #products,#specFinish #products,#insulation #products,#repellents #products,#standard2 #products,#victorian #products,#verazzo #products,#arbor #products,#keystoneInstalls #products {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#groundFace #cmu,#reflective #cmu,#splitFace #cmu,#smoothFace #cmu,#fluted #cmu,#acoustical #cmu {background:url('images/arrow-light.png') no-repeat scroll center 18px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#victorian #standard2,#verazzo #standard2,#arbor #standard2, #keystoneInstalls #standard2 {color:#fff;background:url('images/arrow-light.png') no-repeat scroll center 18px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#fireRatings #resources,#costComparison #resources,#specs #resources,#specs2 #resources,#cleaning #resources,#tekNotes #resources, #resourceLibrary #resources {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#hi-r #sustainability,#facility #sustainability,#inherentSustainability #sustainability,#sustainablock #sustainability,#leedCredits #sustainability {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#ourCompany #about,#history #about {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#gallery-projects #gallery,#gallery-keystone #gallery{background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:12px;font-weight:bold;}

#container {padding:0 30px;}

.main-content {width:880px;height:auto;background-color:#e4e3e0;padding:20px;margin:10px auto;}


.inner-content {float:left;width:425px;margin-right:15px;min-height:400px;}
.inner-content ul, .inner-content-wide ul {margin-left:15px;}
.inner-content ul li, .inner-content-wide ul li {list-style:disc;}

.inner-content-wider {width:700px;float:left;}
.inner-content-wide {float:left;}

#history .inner-content {width:585px;}
#history .side-content img {border:10px solid #fff;margin-bottom:50px;}


.side-content {width:250px;margin:10px 5px;float:left;}
#side-standard img{float:left;margin-right:5px;}

.small-bucket {height:225px;width:auto;margin:10px;float:left;}
.short-bucket {height:150px;width:150px;margin:10px;float:left;}
#specBrick .small-bucket {float:left;margin:15px;width:175px;}

.spec-left {width:200px;float:left;margin:25px 0;}
.spec-right {width:200px;float:right;margin:25px 0;}

.sidebar {width:160px;float:left;position:relative;left:-28px;}
.sidebar ul {}
.sidebar ul li {height:25px;margin-top:10px;background:url("images/bg-navRibbon.png") top left no-repeat;}
.sidebar ul li a {margin-left:25px;display:block;}
.sidebar ul li a:hover {color:#f00;}

.specLinks {margin:25px 0;}


#home-container {margin:10px auto 0;}
.content-small {height:240px;padding:10px;width:280px;float:left;background-color:#e4e3e0;overflow:hidden;}

#home-featured {background:url("images/bg-sky.jpg") top left no-repeat;color:#fff;margin-right:10px;}
#home-featured p {font-size:1.3em;line-height:1.3em;}
#home-featured a {color:#fff;}
#home-featured a:hover {color:#ccc;}

#home-sustainability {background:url("images/bg-grass.jpg") top left no-repeat;color:#fff; margin-right:10px;}
#home-sustainability a {color:#fff;}
#home-sustainability a:hover {color:#ccc;}

#home-news p {line-height:1.7em;}

span.title {display:block;font-size:2.5em;letter-spacing:-1px;line-height:1em;margin-top:10px;}

#gallery-projects img{margin:0 8px 20px;padding:0;}
#gallery-keystone img{margin:0 8px 20px;padding:0;}

#color-samples img {float:left;margin-right:15px;margin-bottom:15px;}

#colors-button {clear:both;margin:25px 0;}
#colors-button img{float:left;}
#colors-button p {float:left;width:150px;display:block;font-size:1.3em;margin-top:15px;}

img.tek {margin:25px;}

#map {width:525px;padding:0 0 25px 25px;float:right;}

#contact-form {width:300px;padding:25px 0;float:left;}
.form-label {width:75px;text-align:right;float:left;}
.form-input {width:200px;float:right;}




/*-----SLIDESHOW-----*/
#slideshow {background-color:#E4E3E0;height:auto;margin:10px auto;padding:5px;width:910px;}
#ticker {background:url("../images/bg-ticker.jpg") top left repeat-x;height:320px;margin:0;width:910px;}

.ticker-content{height:320px;width:910px;}

.buttons {height:30px;left:-8px;position:absolute;top:298px;width:937px;z-index:500;}
.buttons img {padding:0;margin:0;border:0;}
.buttons li {margin:1px 0;padding:0;line-height:0;}

.mask {height:320px;overflow:hidden;position:relative;width:910px;}

#scrollbox{position:absolute;width:980px;}
#scrollbox #slide1, #scrollbox #slide2, #scrollbox #slide3, #scrollbox #slide4, #scrollbox #slide5, #scrollbox #slide6, #scrollbox #slide7, #scrollbox #slide8 {display:block;height:320px;width:910px;padding:0;float:left;overflow:hidden;}
#scrollbox div a{font-size:12px;}

#scrollinfo{background-color:#373737;bottom:0;color:#FFFFFF;top:296px;padding:2px 0;height:25px}
#scrollinfo h4 {margin:0 0 0 25px;line-height:1.7em;display:block;width:270px;float:left;}
#scrollinfo p {margin:0 0 0 10px;line-height:1.7em;display:block;width:auto;float:left;}

.slide-text {padding:0 15px;display:none;}
.slide-text h3 {font-style:italic;}

#prev {float:left;}
#play {}
#stop {}
#next {float:right;}



/*-----FOOTER-----*/
#footer {border-bottom:8px solid #373737;clear:both;}
#footer-tab {background-color:#373737;color:#FDFDFD;font-size:0.8em;padding:3px 15px;position:absolute;right:20px;text-transform:uppercase;bottom:0;}

#news {height:150px;padding-bottom:55px;}
#news h3 {margin:0;}
#footer img.cs-logo {left:800px;padding:0;position:absolute;top:200px;}


.demo-images{list-style:none;margin:0;}
.demo-images li{float:left;padding:5px;width:100px;height:100px;text-align:center;}


/*_____IE 6_____*/
* html #main-nav ul ul {top:20px;left:20px;padding:0;position:absolute;width:900px;margin-top:10px;}
* html #subnav-back {position:absolute;width:920px;height:23px;top:30px;background-color:#666;margin-left:-20px;}

* html #main-nav ul li.current a {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:16px;}

/*_____IE 7_____*/
*:first-child+html #main-nav ul ul {top:20px;left:20px;padding:0;position:absolute;width:900px;margin-top:10px;}
*:first-child+html #subnav-back {position:absolute;width:920px;height:23px;top:30px;background-color:#666;margin-left:-20px;}

*:first-child+html #main-nav ul li.current a {background:url('images/arrow-dark.png') no-repeat scroll center 16px;color:#FFFFFF;padding-bottom:16px;}
