html
{
    font-size:12px;
    overflow-y:scroll;
    background: #fff;
}

body 
{
    font: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
    
    margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
    /* background:  url("../../pic/bg/p00065.png") repeat-y 10px; */

}

a
{
    color:#900; 
}

a:hover
{
    color:#c00;
}

a img
{
    border:0px;
}

#contentdetail .docLink a
{
    padding-left:1.5em;
    background: #fff url(../../pic/icon/doc.gif) no-repeat top left;
}
#contentdetail .docLink a:hover
{
   
    background: #fff url(../../pic/icon/dochi.gif) no-repeat top left;
}

h1, h2, h3, h4
{
    margin:0px 0px 10px 0px;
}
h1
{
    font-size:1.8em;
}
h2
{
    font-size:1.4em;

}

img
{
    margin:0px;
}
p
{
    font-size:1em;
}


/*ids*/
#pagetitle 
{
    height:30px;
    border-bottom:solid 1px #ccc;
    border-top:solid 1px #ccc;
/*     background:#900; */
}
#pagetitle .title
{
     color:#900;
     margin-bottom:20px;
}
#pagetitle.green .title
{
     color:#070;
     margin-bottom:20px;
}
/*#pagetitle .b3 {height:1px; margin:0 5px;	background:#c88;}
#pagetitle .b2 {height:1px; margin:0 3px;	background:#b77;}
#pagetitle .b1 {height:1px; margin:0 2px;	background:#a55;}
#pagetitle .b0 {height:2px; margin:0 1px;	background:#933;}*/

#sidebar #cclogo
{
    margin-left:0px;
    margin-top:40px;
}
#sidebar #cclogo img
{
    margin-left:20px;
    float:left;
    border:solid 1px #900;

}
#concretewarning
{
    display:block;
    width:100%;
    background:#e80000;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

#concreteburns
{
    display:none;
    color:#006000;
    margin-top:0px;
    font-size:11px;
}
#site 
{
    width:960px; /* Set Total Width of Page */
    margin:0 auto 0 auto; /* Auto for left and right will center the site */
    float:none;
    text-align:left;
    
    
    /* border:solid green 1px;  */
    /*    background:  url("../../pic/bg/p00065.png") repeat-y -10px;   */


}
#topcomment
{
    width:960px;
    margin-top: 6px;
    height:20px;
    color:#966;
    text-align:right;
    /* border:solid 1px green; */

}
#header
{
    position:relative;
    height:200px;
    width:960px;

}
#lefthead, #righthead, #logo, #banner
{
    float:left;
}
#lefthead, #righthead
{
    
}
#logo map
{
    outline:none;
}

#middle
{
    position:relative;
    float:left;
    margin-left:0px;
    height:auto;
    width:960px;

    
}

#footer
{
    color:#966;
    margin-top:5px;
    
}
#footer .leftfoot
{
    clear:left;
      float:left;
      margin-left:12px;
}
#footer .leftfoot p
{
    display:block;
    float:left;
    margin:0;
    margin-right:25px;
    padding:0;
    
}
#footer .rightfoot
{
    float:right;
    margin-right:185px;
}
#footer .rightfoot a
{
    float:right;
    margin-left:15px;
}


/*classes*/
.inb, .inb25,.inb50, .inb60, .inb70, .inb100, .inb150, inb300
{
    display:inline-block;
}
.inb25
{
    width:25px;
}
.inb50
{
    width:50px;
}
.inb60
{
    width:60px;
}
.inb70
{
    width:70px;
}
.inb100
{
    width:100px;
}
.inb150
{
    width:150px;
}
.inb300
{
    width:300px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.floatL
{
    clear:left;
    float:left;
}
.floatR
{
    clear:right;
    float:right;
}
.hidden
{
    display:none;
}
.translucent
{
    /*background:url("../../pic/bg/pfff80.png");*/
    background:red;
}

/*--- Horizontal Menu ---*/
#hmenu
{
    z-index:800;
    clear:both;
    position:relative;
    float:left;
    width:960px;
    height:32px;
    
    font-weight:300;
    font-size:1.2em;
    color:#900;
    margin-bottom:2px;



}

#hmenu .menu
{  
    position:relative;
    margin:0 0 0 130px;
    padding:0;
    float:left;
    z-index:810;

}

#hmenu .menu .menuitem
{
    float:left;
    margin: 8px 0 0 0;
    z-index:820;
}

#hmenu .menu .menuitem a
{
    margin:  0 0 0 2.7em;
    text-decoration:none;
    color:#800;
    z-index:830;
}

#hmenu .menu .menuitem  a:hover
{
    text-decoration:underline;
    color:#a00;
}


/*--- Horizontal Menu: Sub Menu ---*/

#hmenu .menu .submenu
{
    margin:0 0 0 2px;
/*    filter:alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.80;
    opacity:0.80; */
}

#hmenu .menu .submenu .menuitem
{
    clear:both;
    float:left;
    width:180px;
    margin: 4px 0 0 0;
    z-index:820;
}

#hmenu .menu .submenu .menuitem a
{
    color:#900;
    height:1.3em;
    text-decoration:none;
    margin:0 0 0 5px;
    padding:0;

}

/*
#hmenu .menu .submenu .menuitem a:link, 
#hmenu .menu .submenu .menuitem a:visited
{
    display:block;
}
*/

#hmenu .menu .submenu .menuitem:hover
{ 
     /* NEED TO ADD THE FOLLOWING TO MAKE a:hover work with opacity in IE8 */
  /*  filter:alpha(opacity=100));    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/

}
#hmenu .menu .submenu .menuitem a:hover
{ 
    text-decoration:underline;
    color:#b00;
    /* background:url("../../pic/opacity75.png"); */

}

#smReadymix
{
    height:auto; 
    display:none;
    z-index:500;
    position:absolute;
    left:111px;
    bottom:25px;
}
#smOther
{
    height:auto; 
    display:none;
    z-index:500;
    position:absolute;
    left:212px;
    bottom:25px;
}
#smAboutAVR
{
    height:auto; 
    display:none;
    z-index:500;
    position:absolute;
    left:348px;
    bottom:25px;
}

#menuitemSelected
 {
    display:none;
    width:14em;
    height:30px;
    z-index:500;
    position:absolute;
    bottom:0px;
    border-left:solid 1px #f0f0f0;
    background:#f9f9f9;
}
#smDisplayed
{
    display:none;
    width:14em;
    height:200px;
    z-index:500;
    position:absolute;
    left:427px;
    bottom:25px;
    border-left:solid 1px #fff;
    border-right:solid 1px #fff;

    background:#fff;
    filter:alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity:0.90;

  /*background-color: transparent;
  background-image: url(../../pic/bg/pfff80.png);
  background-repeat: repeat;*/

 
    
}

/* ---- Spotlight --- */
#spotholder
{
    position:relative;
    float:left;
    padding:0px;
    margin:0px;
}
#spotholder a
{
    position:relative;
    color: #900;
    text-decoration:none;  
    font-size:16px; 
    /* filter:alpha(opacity=100); */

}
#spotholder a:hover
{
    color: #c00;
    text-decoration:underline;  
}

#spotholder .green a, #spotholder .green .spotTitle
{
    color:#070;
}
#spotholder .green a:hover
{
    color: #090;
}


.spotlight
{
    display:none;
    position:relative;
    color:#900;
}


.spotimg
{
    border:0px;
    margin:0px;
}
.spotTitle
{
    font-size:1.9em;
    font-weight:normal;
    text-transform:uppercase;
    
}

.spotOutline
{
    position:absolute; 
    left:20px; 
    top:30px;
}
.spotLink
{
    margin:0px;
    font-weight:normal;
    margin-left:15px;
    float:left;
    clear:left;
}
.spotBlurb
{
    position:absolute;
    right:30px;
    bottom:10px;
    color:#fff;
    text-align:right;
}

/* ---- Spotlight Navigator ---- */
#spotNav
{
 width:108px;
 position:absolute; 
 top:10px; 
 right:40px; 
}
#spotNav .navpane .pane
{
    text-align:center;
}

#spotNav .navpane .pane a
{
    font-size:12px;
    color: #999;
    text-decoration:none;
    outline:none;
    margin:0 2px;
}



#spotNav .navpane .pane a:hover
{
    color: #fff;
    text-decoration:underline;
    outline:none;
}

#spotNav .navpane .b0, .navpane .b1, .navpane .b2, .navpane .b3
{
	display:block;
	font-size:1px; 
	overflow:hidden; 
	/* background:url(../../pic/bg/pfff60.gif);  */
	background:#fff; 
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity:0.60;
}
#spotNav .navpane .b3 {height:1px; margin:0 5px;}
#spotNav .navpane .b2 {height:1px; margin:0 4px;}
#spotNav .navpane .b1 {height:1px; margin:0 2px;}
#spotNav .navpane .b0 {height:2px; margin:0 1px;}

#spotNav .navpane .pane
{
    /*background:url(../../pic/bg/pfff60.gif); */
    height:14px;
    background:#fff; 
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity:0.60;
}


/* --- Sidebar --- */
#sidebar
{
/*    position:absolute;
    right:0px;
    top:0px;
*/
    float:right;
    width:180px;
    /* background: #fff url(../../pic/side/pageside.jpg) repeat-y; */
    padding: 0px;
    margin: 0px;
    color: #000;
    /* border:solid 1px #600;  */
    
}

#sidebar img
{
    padding: 0px;
    margin: 0px;
    
}




.quickLink, .sideitem
{
    clear:both;
    margin-bottom:5px;
   margin-right:5px;
}
#sidebar .quickLink a
{
    clear:both;
    color:#800; 
    text-decoration:none;
    margin-left:15px;
}
#sidebar .sideitem a
{
    clear:both;
    color:#800; 
    text-decoration:none;
    margin-left:15px;
}

#sidebar .quickLink a:hover
{
    color:#B00;
    text-decoration:underline;
}
#sidebar .sideitem a:hover
{
    /* color:#f00; */
    color:#B00;
    text-decoration:underline;
}

#sidebar .sideimage
{
    margin:50px 0 50px 0;
}

#sidebar .submenu
{
    border:solid 1px #eee;
    /*border-top:solid 1px #933;*/
    margin-right:0px;
    /* background:#fcfcfc; */
    padding:5px 0  5px 0;
    height:200px;
}
#sidebar #vmenu
{
    font-size:1.1em;
    width:175px;
    padding-right:5px; 
}
#sidebar  p
{
   color:#900;
   /*background:#333;*/
   font-size:16px;
   font-style:italic;
   font-weight:bold;
   margin-bottom:8px;
    border-top:solid 1px #900; 
   border-bottom:solid 1px #900; 
   text-align:center;
   margin-top:0px;
   
}

#sidebar #vmenu p
{
   font-size:17px;
   margin-bottom:0px;
   border: none;
   border-top:solid 1px #900; 
   border-bottom:solid 1px #900;
   text-align:center;
   padding-top:4px;
   padding-bottom:4px;
   
}

#sidebar .b3 {height:1px; margin:0 5px;}
#sidebar .b2 {height:1px; margin:0 3px;}
#sidebar .b1 {height:1px; margin:0 2px;}
#sidebar .b0 {height:2px; margin:0 1px;}

/* ----- Quick Tool Panels ------- */
.qwikpane
{
   color:#900;
}

#middle .qwikpane .b0, #middle .qwikpane .b1, #middle .qwikpane .b2, #middle .qwikpane .b3
{
	font-size:1px; 
	overflow:hidden; 
	display:block;
	/*background:url(../../pic/bg/p00065.png);*/
	background:#000; 
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity:70.0;
	}
.qwikpane .b3 {height:1px; margin:0 5px;}
.qwikpane .b2 {height:1px; margin:0 3px;}
.qwikpane .b1 {height:1px; margin:0 2px;}
.qwikpane .b0 {height:2px; margin:0 1px;}

.qwikpane .head
{
    height:22px;
/*    background:url(../../pic/bg/p00065.png);*/
    color:#fff;
    margin:0px;
    
    background:#000; 
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity:0.70;
    
}
.qwikpane .head .title 
{ 
     float:left;
     margin-left:5px;
}

 .qwikpane .pane .head .close, .qwikpane .pane .head .closex
{
    float:right;
    margin:0;
    margin-right:5px; 
    text-align:right;

}
.qwikpane .pane .head .close a, .qwikpane .pane .head .closex a

{
    color:#fff;
    text-decoration:none;
}


.qwikpane .pane .head .closex
{
    float:right;
    border:solid 1px #fff;
}

.qwikpane .pane .body 
{
    border:solid 1px #666;
    margin-bottom:0;

    /* background:url(../../pic/bg/pfff90.png); */
    background:#fefefe; 
    filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity:0.95;

}
#mappanel .qwikpane .pane .body
{
    height:376px;
}
#calcpanel .qwikpane .pane .body
{
    height:280px;
}
#weatherpanel .qwikpane .pane .body
{
    /*height:300px;*/
}
.qwikpane .pane .foot
{
    /*display:none;*/
    height:2px;
    /*background:url(../../pic/bg/p00065.png);*/
    background:#000; 
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity:0.70;
    text-align:center;
}
.qwikpane .pane .foot a
{
    color:#eee;
}

#mappanel
{
    display:none;
    clear:both;
    position:absolute;
    right:100px;
    top:20px;
    width:320px;
    z-index:900;
    
}
#calcpanel
{
    display:none;
    clear:both;
    position:absolute;
    right:100px;
    top:20px;
    width:210px;
    z-index:900;
}
#weatherpanel
{
    display:none;
    clear:both;
    position:absolute;
    right:100px;
    top:20px;
    width:260px;
    z-index:900;
}


.input-box
{
    width:70px;
    background: url(pic/bg/opacity85.png);
}
.input-box-err
{
    width:70px;
    border-bottom:solid 1px red;
    margin-bottom:1px;
}


/* --- Page Content--- */
#content
{
    float:left;
    width:760px;
}

#contentdiv
{
     /*position:relative;*/
}

#contenthead
{
    position:relative;
    font-size:12px;
}
#contenthead img
{
 margin-top:10px;
 margin-bottom:0px;
}
#contenthead .contentnav
{
    height:140px;
    margin-top:15px;
    margin-left:35px;
}

#contenthead .contentnav img
{
    width:100px;
    height:100px;
}
#contenthead .contentnav div
{
    float:left;
    display:inline;
    width:140px;
}
/*#contenthead.narrow .contentnav
{
    margin-left:25px;
}*/
#contenthead.narrow .contentnav div,#contenthead.green .contentnav div
{
    width:120px;
}
#contenthead.wide .contentnav div
{
    width:160px;
}
#contenthead .contentnav a
{
    height:28px;
    display:block;
    font-size:14px;
    text-decoration:none;
    outline:0;
}

#contenthead.green .contentnav a, #contenthead .contentnav .green a
{
    color:#070;
}
#contenthead.green .contentnav a:hover, #contenthead .contentnav .green a:hover
{
    color:#0c0;
}



#contenthead .contentnav img:hover
{
    filter:alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity:0.65;
    
}

#contentdetail
{
    margin-left:2em;
    margin-right:2em;
    text-align:left;
    /*border: solid 1px #fcc;   */
}
#contentdetail p
{
    clear:both;
    width:100%;
    text-align:left;
    margin:5px 0 5px 0;
}


#contentdetail h4
{
    margin-left:1em;
    margin-right:0px;
    margin-top:1em; 
    margin-bottom:.5em;
    float:left;
    clear:left;
    width:100%;
    font-size:small;
    font-family:'Arial Black';
    color:#900000;
    text-align:left;
}

#contentdetail h4 a
{
    color:#900000;
}

#contentdetail.green h3
{
    color:#070;
}

#contentdetail h3
{
    margin-left:0px;
    margin-right:0px;
    margin-top:1em; 
    margin-bottom:.5em;
    float:left;
    clear:left;
    width:100%;
    font-size:small;
    font-family:'Arial Black';
    color:#900000;
    text-align:left;
}
#contentdetail h2
{
    /* height:20px; */
    margin-top:1em;
    float:left;
    font-size:medium;
    font-family:Arial;
    /* padding-left:25px; */
    text-align:left;
    width:680px;
    color:#700;
    border-bottom:solid 2px #900;
}

#contentdetail h2.green{
    color:#070;
}
#contentdetail h2 a
{
    display:block;
    text-decoration:none;
    
    width:98%;
    color:#900;
    background: url(../images/arrowTop7.png) no-repeat;
    background-position:right;
}



#contentdetail h2 a:hover
{
    color:#c00;
}

#contentdetail .topsection
{
    height:30px;
    width:680px;
}

#contentdetail .topsection a
{
    float:right;
    width:17px;
    text-decoration:none;
    margin-top:10px;
    outline:0;
}
#contentdetail .backtotop 
{
    display:inline-block;
    height:30px;
    width:680px;
    margin-top:1em;
    margin-bottom:10px;
    float:left;
    font-size:medium;
    font-family:Arial;
    color:#900000;
    border-bottom:solid 2px #a00; 
    text-align:left;
    /*
    padding-left:25px; 
    background: #fff url(../../pic/icon/contentspot.jpg) no-repeat;   
    */
}
#contentdetail.green .backtotop
{
    border-bottom:solid 2px #090; 
}


#contentdetail .backtotop h2
{
    float:left;
    color: #700;
    background: #fff;
    width:auto;
    margin:0;
    margin-top:10px;
    /*margin-left:25px;*/
    border:0;
    padding:0;
}
#contentdetail.green .backtotop h2, #contentdetail .backtotop h2.green
{
    color: #070;
}
#contentdetail .backtotop a
{
    float:right;
    width:57px;
    background: url(../../pic/icon/backtotop.gif) no-repeat;
    background-position:right;
    margin-right:5px;
    text-decoration:none;
    margin-top:10px;
    outline:0;

    
}
#contentdetail .backtotop a:hover
{
    background: url(../../pic/icon/backtohi.gif) no-repeat;
    background-position:right;
}

#contentdetail h1
{
    float:left;
    padding-left:20px;
    margin:0px;
    font-size:medium;
    font-family:'Arial Black';
    color:#000;
    text-align:left;
    width:530px;
    background: #f0f0f0 url(../images/bulletlarge.gif) repeat-y;
    text-decoration:none;
    border-bottom:solid 1px #000;
    
}

#contentdetail table
{
    margin-bottom:20px;
    color:#900;
}
#contentdetail .pretty th
{
/*    background: #808080;
    color:#ffffff;*/
    background: #fff;
    color:#700;
    font-size:1.2em;
    border-bottom:solid 1px #900;
    height:25px;
}
#contentdetail .pretty tr
{

    background: #fff;
    height:20px;
    font-size:1.2em;

}

#contentdetail .pretty td
{
}
#cssselector
{
    display:none;
    clear:both; 
    float:left;
}

#mainopen a, #mainclose a
{
    font-size:12px;
    color: #999;
    text-decoration:none;
    outline:none;
    margin:0 2px;
}

#mainopen,#mainclose
{
    width:auto;
    display:inline;
    color:#c00;
}
#mainclose
{
    display:none;
}

#maindesc
{
    color:#999;
    display:none;
    margin:1em 15em 0 1em;
    padding:2em;
    /* background:#fffcfe; */
    border:solid 1px #ccc;
    /*filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity:0.70;*/
    
}
/* ---------------  PROJECT  GALLERY  ------------------- */
#projectgallery
{
    min-height:500px;
    width:960px;
}

#projectgallery h1
{
    float:left;
    display:inline;
    /*width:200px;*/
    color:#a00;
    margin: 0px 10px  10px  0px;
    /* border:solid red 1px; */
}
#projectgallery h2
{
    
    color:#a00;
    font-size:1.5em;
    margin-left:4px;
    font-weight:normal;

}
#projectgallery a
{
    text-decoration:none;
    outline:none;
}
#projectgallery .projtype
{
    display:none;
    margin:0   5px  20px  17px;
    float:left;
    width:170px;
}
#projectgallery .projtype .title
{
    
    color:#a00;
    font-size:1.5em;
    height:2.6em;
    margin-left:4px;

}



#projectgallery .projtype .title a
{
    text-decoration:none;
}

#projectgallery .projtype img
{
    width:140px;
    height:140px;
}

#projectgallery .projtype img:hover
{

    filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity:0.85;
}

/*
#projectgallery .projleft
{
    clear:left;
    float:left;
    width:180px;
    min-height:450px;
}


#projectgallery .projleft p
{
    clear:left;
    float:left;
    margin-left:20px;
    color:#555;

    width:90%;
}
*/
#projectgallery .projnav
{
    float:left;
    width:60px;
    min-height:450px;
    margin-left:0px;
    margin-top:3em;
}
#projectgallery .projnav img
{
    float:left;
    margin:3px;
    width:50px;
    height:50px;
}
#projectgallery .projnav img:hover
{
    filter:alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity:0.65;
}
#projectgallery .projdetail
{
    display:none;
    float:right;
    width:600px;
    height:500px;
    margin-right:40px;
}
#projectgallery .projdetail img
{
    width:600px;
    height:300px;
}

#projectgallery .projdetail p
{
    margin:5px 0 0 0;
    font-size:.8em;
    color:#555;
    text-align:justify;
}
#projectgallery .typedesc
{
    display:none;
    width:170px;
    font-size:.8em;
    color:#555;
    text-align:justify;
    margin:10px 0 0 -15px;
}
#projstylenav
{
    position:relative;
    float:right;
    width:598px;
    margin-top:8px;
    margin-right:40px;
    display:none;
    font-size:1.2em;
    text-align:center;
    /* background:#fcfcfc; */
    /*height:20px;*/
    
   
}

#projectgallery #projstylenav a
{
    color:#800;
    margin-left:20px;
    margin-right:20px;
    outline:none;
   
}
#projectgallery #projstylenav a:hover
{
    color:#c00;
    text-decoration:underline;
}

#projectArea , #projectView 
{
    display:none;
}

/* ---------------- SHOWCASE  -------------------- */

#showcaseholder
{
    
    clear:both;
    float:left;
}
#showcaseholder .projdetail
{
    float:left;
}