/*Main CCS Stylesheet for Crossroads Concrete Inc*/

h1{
    text-align: center;
}

a.topleftnav:link{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/leftnav.png);
    background-repeat: no-repeat;
    padding: 0px 34px 0px 36px;
    color: #636363;
    float: left;
    text-decoration: none;
}
a.topleftnav:visited{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/leftnav.png);
    background-repeat: no-repeat;
    padding: 0px 34px 0px 36px;
    color: #636363;
    float: left;
    text-decoration: none;
}
a.topleftnav:active{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/leftnav.png);
    background-repeat: no-repeat;
    padding: 0px 34px 0px 36px;
    color: #636363;
    float: left;
    font-weight: bold;
    text-decoration: none;
}
a.topleftnav:hover{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/leftnavhover.png);
    background-repeat: no-repeat;
    padding: 0px 34px 0px 36px;
    color: #636363;
    float: left;
    /*009fff;*/
    text-decoration: none;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a span {
    /*display: block;*/
    line-height: 78px;
}

a.topmidnav:link{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/nav.png);
    background-repeat: repeat-x;
    padding: 0px 17px 0px 24px;
    color: #636363;
    float: left;
    text-decoration: none;
}
a.topmidnav:visited{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/nav.png);
    background-repeat: repeat-x;
    padding: 0px 17px 0px 24px;
    color: #636363;
    float: left;
    text-decoration: none;
}
a.topmidnav:active{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/nav.png);
    background-repeat: repeat-x;
    padding: 0px 17px 0px 24px;
    font-weight: bold;
    text-decoration: none;
    color: #636363;
    float: left;
}
a.topmidnav:hover{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/navhover.png);
    background-repeat: repeat-x;
    padding: 0px 17px 0px 24px;
    color: #636363;
    float: left;
    /*009fff;*/
    text-decoration: none;
}


a.toprightnav:link{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/rightnav.png);
    background-repeat: no-repeat;
    padding: 0px 28px 0px 24px;
    background-position: top right;
    color: #636363;
    float: left;
    text-decoration: none;
}
a.toprightnav:visited{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/rightnav.png);
    background-repeat: no-repeat;
    padding: 0px 28px 0px 24px;
    background-position: top right;
    color: #636363;
    float: left;
    text-decoration: none;
}
a.toprightnav:active{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/rightnav.png);
    background-repeat: no-repeat;
    padding: 0px 28px 0px 24px;
    background-position: top right;
    font-weight: bold;
    text-decoration: none;
    color: #636363;
    float: left;
}
a.toprightnav:hover{
    font-weight: bold;
    font-size: 16pt;
    font-family: "Courier New";
    background-image: url(http://www.crossroadsconcrete.com/images/rightnavhover.png);
    background-repeat: no-repeat;
    padding: 0px 28px 0px 24px;
    background-position: top right;
    color: #636363;
    float: left;
    /*009fff;*/
    text-decoration: none;
}

.divider{
    background-image: url(http://www.crossroadsconcrete.com/images/divider.png);
    background-repeat: no-repeat;
    padding: 28px 1px 30px;
}

img{
    border: none;
}
body{
    background-color: #ddd;
    font-family: "Arial";

}


/*positioning of Elements*/
#global{
    background-image: url(http://www.crossroadsconcrete.com/images/testbg.png);
    background-repeat: no-repeat;
    background-color: #ddd;
    width:1024px;
    margin:0 auto;
}
#wrapper{
    width: 872px;
    margin: 0 auto;
    margin-top: -7px;
}
#logo{
    float: left;
    padding-top: 1em;
}
#badges{
    float:right;
}
#top_nav{
    float: right;
    margin-top: 131px;
}
#main{
    clear:both;
}
#content{
    background-image: url(http://www.crossroadsconcrete.com/images/bodybg.png);
    background-repeat: repeat-y;
    margin-left: 7px;
    padding: 2em;
}
#aboutnav{
}
img.aboutnav{
    margin-left: -4px;
}
/*a.aaboutnav:link{
    background-color: none;
}
a.aaboutnav:visited{
    background-color: none;
}
a.aaboutnav:active{
    background-color: none;
}
a.aaboutnav:hover{
    background-color: #999;
}*/
#ccigallery{
    background-image: url(http://www.crossroadsconcrete.com/images/slideshow.png);
    background-repeat: no-repeat;
    margin: 15px 0px 15px 150px;
    padding: 20px;
}

h3.title{
  margin-bottom: 5px;
}

h4.title{
  font-size: .9em;
  font-style: italic;
  margin: 1px;
}
#placeholder{
  clear:both;
}
#footer{
    clear:both;
    text-align:center;
    font-weight: bold;
}