html, body
{
	padding: 0;
	margin: 0;
	font-family: Charcoal;
	height: 100%;
	font-size: 12px;
   background: url(img/brick_background.gif) 250px 70px;
   text-align: center;
}
img {
   border: none;
}

#page {
   width: 822px;
   margin: 0 auto;
   text-align: left;   
}

#header {
   width: 822px;
   height: 142px;
   background: url(img/header.jpg);
   margin-bottom: 15px;
}

#header ul#nav {
   list-style: none;
   float: left;
   padding: 0;
   margin: 123px 0 0 472px;
   display: inline;
}

#header ul#nav li{
   list-style: none;
   float: left;
   font-weight: bold;
   margin-left: 14px;
   display: inline;
}

#header ul#nav li a{
   color: white;
   text-decoration: none;
   font-size: 14px;
}

#header ul#nav li a:hover{
   color: green;
}

#content {
   float: left;
   width: 822px;
   margin-bottom: -10px;
}

#content #column_content {
   width: 459px;
   float: left;
}

#content #column_image {
   width: 355px;
   float: left;
   margin-bottom: 10px;
}
#content .left {
   margin-right: 7px;
}

#content #column_content .box {
   border: 4px solid black;
   float: left;
   clear: left;
   margin-bottom: 10px;
   background: white;
}
#content #column_content .box .title, #content #column .gallery h1, #content #column_content h1, #content #column_content h2 {
   height: 30px;
   width: 435px;
   padding: 0;
   margin: 0;
   padding-left: 16px;
   background: url(img/frametop.jpg);
   color: white;
   font-size: 24px;
   font-weight: bold;
   float: left;
   display: inline;
}
#content #column_content .box .content_home{
   width: 451px;
   height: 235px;
   float: left;
   background: url(img/home/home_bg.jpg) bottom no-repeat;
   text-align: center;
   font-weight: bold;
   font-size: 17px;
   padding-top: 12px;
}
#content #column_content .box .content_full {
   width: 451px;
   height: 406px;
   float: left;
   overflow: auto;
}
#content #column_content .box .content_full p{
   margin: 10px 10px 8px 14px;
   font-size: 14px;
}
#content #column_content .box .content_full p.first:first{
   padding-left: 30px;
}

#content #column_content .box .content{
   width: 450px;
}
#content #column_content .box .content a.example{
   width: 150px;
   float: left;
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   padding-top: 10px;
   text-decoration: none;
   color: black;
}
#content #column_content .box .content .example img{
   border: 4px solid black;
}
#content #column_content .box .content .example:hover{
   color: green;
}




/* Coding for Services Section */
#content #column {
   width: 262px;
   float: left;
}
#content #column.left{
   margin-right: 18px;
}
#content #column .box {
   width: 254px;
   float: left;
   clear: left;
   margin-bottom: 19px;
   background: white;
   border: 4px solid black;
}
#content #column .box .title, #content #column .box h1, #content #column .box h2 {
   height: 30px;
   width: 238px;
   padding: 0;
   margin: 0;
   padding-left: 16px;
   background: url(img/frametop_small.jpg);
   color: white;
   font-size: 24px;
   font-weight: bold;
}
#content #column .box .content{
   width: 230px; /* 254 - 24 */
   float: left;
   background: white;
   font-weight: bold;
   font-size: 14px;
   padding: 8px 12px;
   position: relative;
}
#content #column .box .content a.gallerylink{
   position: absolute;
   bottom: 4px;
   left: 15px;
   color: black;
   text-decoration: none;
}
#content #column .box .content a.gallerylink:hover{
   color: green;
}
#content #column .veneer .content{
   background: url(img/services/veneer.jpg);
   height: 92px; /* 108 - 16*/
}
#content #column .precast .content{
   background: url(img/services/precast.jpg);
   height: 87px; /* 99 - 16*/
   padding-top: 4px;
}
#content #column .concrete .content{
   background: url(img/services/concrete.jpg);
   height: 249px; /* 265 - 16*/
}
#content #column .glass .content{
   background: url(img/services/glass.jpg);
   height: 92px; /* 108 - 16*/
}
#content #column .fastrack .content{
   background: url(img/services/fastrack.jpg);
   height: 83px; /* 99 - 16*/
}



/* Coding for full column */
#content #column_full {
   width: 804px;
   float: left;
   clear: left;
   border: 4px solid black;
   margin-bottom: 15px;
   padding: 5px;
   background: white;
}
#content #column_full.construction {
   background: url(img/services/construction.jpg);
   font-size: 15px;
   font-weight: bold;
   text-align: center;
}
#content #column_full.construction ul{
   list-style: none;
   float: left;
   padding: 0;
   margin: 0;
}
#content #column_full.construction li{
   float: left;
   padding: 0;
   margin: 0;
   width: 260px;
}
#content #column_full.about {
   width: 709px; /* 709 - padding */
   padding-left: 100px;
   background: white;
}
#content #column_full.about .logo {
   width: 150px;
   height: 150px;
   text-align: center;
   float: left;
   font-size: 11px;
   padding: 0 25px;
   margin: 2px;
}

#content #column_full.about .title {
   width: 704px; /* 804 - padding on #column_full.about */
   font-size: 17px;
   font-weight: bold;
   float: left;
   clear: left;
}

/* Gallery */
#content a.gallery, #content a.gallery_last {
   width: 254px;
   height: 130px;
   border: 4px solid black;
   float: left;
   text-decoration: none;
   color: white;
   margin-right: 18px;
   margin-bottom: 15px;
}
#content a.gallery_last {
   margin-right: 0;
}
#content a.gallery:hover, #content a.gallery_last:hover {
   color: green;
}
#content a.gallery .title, #content a.gallery_last .title, #content #column .gallery h1 {
   float: left;
   height: 28px;
   width: 250px;
   padding-top: 2px;
   padding-left: 4px;
   margin: 0;
   background: url(img/frametop_small.jpg);
   font-size: 16px;
   font-weight: bold;
   letter-spacing: -0.5px;
   *letter-spacing: -0.05em;
   _letter-spacing: -0.05em;
   overflow: hidden;
   line-height: 25px;
}
#content #column .gallery .content {
   height: 101px;
   overflow: auto;
   font-size: 12px;
   font-weight: normal;
}
#content #column .gallery .content p{
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
}
#content #gallery_image {
   border: 4px solid black;
   height: 343px;
   float: left;
   margin-left: 11px;
}
#content #column .thumb1 img, #content #column .thumb2 img, #content #column .thumb3 img, #content #column .thumb4 img{
   border: 4px solid black;
}
#content #column .thumb1, #content #column .thumb2, #content #column .thumb3, #content #column .thumb4{
   float: left;
   width: 126px;
   height: 83px;
   margin-bottom: 10px;
}
#content #column .thumb2, #content #column .thumb4{
   margin-left: 10px;
}

/* Contact */
#content #column_content .content .col {
   width: 220px;
   float: left;
   text-align: center;
   padding: 10px 0;
   font-size: 14px;
   font-weight: bold;
}
#content #column_content .box .content_contact{
   width: 451px;
   height: 225px;
   float: left;
   text-align: center;
   font-weight: bold;
   font-size: 15px;
   padding-top: 12px;
}
#content #column_content .box .content_contact form label {
   float: left;
   width: 70px;
   clear: left;
   text-align: left;
   margin-left: 10px;
   height: 16px;
   margin-bottom: 5px;
}
#content #column_content .box .content_contact form input.text {
   float: left;
   width: 250px;
   height: 16px;
   margin-bottom: 5px;
}
#content #column_content .box .content_contact form textarea {
   float: left;
   clear: left;
   width: 400px;
   height: 100px;
   margin-left: 10px;
   margin-bottom: 5px;
}
#content #column_content .box .content_contact form input.input_submit {
   float: left;
   clear: left;
   margin-left: 280px;
   color: black;
   text-decoration: none;
}
/* Footer */

#footer {
   float: left;
   clear: left;
   width: 822px;
   font-weight: bold;
}
#footer p{
   text-align: center;
   font-size: 12px;
   padding: 0;
   margin: 8px;
}
#footer a {
   color: black;
}