/***** Home Project *****/

.contracting
{
display:block;
float:left;
width:264px !important;
height:120px;
margin:10px 0px 10px 0px;
overflow:hidden;
}


.xsmltxt
{
font-size:0.7em;
}

.smltxt
{
font-size:0.9em;
line-height:1.4em;
}

.stdtext
{
font-size:1em;
line-height:1.4em;
}

.lrgtxt
{
font-size:1.1em;
}

.xlrgtxt
{
font-size:1.3em;
}

.imgright img
{
float:right;
margin: 0px 0px 10px 10px;
}


.imgleft img
{
float:left;
margin: 0px 10px 10px 0px;
}

.jcbred
{
color:#971719;
}

.centertxt
{
position:relative;
top:0px;
left:0px;
display:block;
width:100%;
text-align:center;
}

.redhighlightb
{
float:right;
width:240px;
height:auto;
padding:8px 6px 8px 6px !important;
color:#ffffff;
font-weight:bold;
font-size:0.9em;
background-color:#AA1F22;
border:1px solid #CDCDCD;
line-height:1.5em;
margin: 20px 0px 0px 0px !important;
}

.redhighlight
{
display:inline;
padding:6px;
color:#ffffff;
font-weight:bold;
background-color:#AA1F22;
border:1px solid #CDCDCD;
}


.concretecalculator
{

}

/***** Intro Blocks Styling ******/

#contentleft span.block
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
clear:left;
width:675px;
height:auto;
margin: 0px 0px 20px 0px;
}

#contentleft span.block img
{
padding:2px;
background-color:#F0F0F0;
}

#contentleft span.intro
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
width:310px;
height:90px;
font-size:0.9em;
line-height:1.6em;
margin: 15px 20px 10px 0px;
padding: 0px 0px 10px 0px;
}

#contentleft span.intro
{
font-size:0.8em;
}


#contentleft span.intro span
{
position:relative;
top:0px;
left:0px;
float:right;
margin: 0px 0px 10px 10px;
width:135px;
height:99px;
overflow:hidden;
}


#contentleft span.intro b
{
font-size:1.3em;
}

#contentleft span.intro img
{
position:relative;
top:-80%;
left:-100%;
}



#contentright span.intro
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
width:260px;
height:90px;
font-size:0.9em;
line-height:1.6em;
margin: 15px 20px 10px 0px;
padding: 0px 0px 10px 0px;
}

#contentright span.intro
{
font-size:0.8em;
}


#contentright span.intro span
{
position:relative;
top:0px;
left:0px;
float:right;
margin: 0px 0px 10px 10px;
width:135px;
height:99px;
overflow:hidden;
}


#contentright span.intro span.morelink
{
position:absolute !important;
top:85px !important;
left:0px !important;
margin: 0px !important;
float:none !important;
width:auto !important;
height:16px !important;
overflow:hidden !important;
}

#contentright span.hconcal
{
width:250px;
height:108px;
padding:7px;
background-color:#FBFBFB;
border:1px solid #f7f7f7;
}

#contentright span.hconcal span.morelink
{
top:97px !important;
left:10px !important;
}

#contentright span.hconcal a
{
bottom:5px;
right:7px;
}

#contentright span.hconcal span
{
width:77px;
height:107px;
}

#contentright span.intro b
{
font-size:1.3em;
}

#contentright span.intro img
{
position:relative;
top:-80%;
left:-100%;
}

#contentright span.hconcal img
{
position:relative;
top:0%;
left:0%;
}

#content span.mflink a:link    {position:absolute;bottom:0px;right:0px;background: url('/gfx/mif-off.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content span.mflink a:visited {position:absolute;bottom:0px;right:0px;background: url('/gfx/mif-off.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content span.mflink a:hover   {position:absolute;bottom:0px;right:0px;background: url('/gfx/mif-on.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content span.mflink a:active  {position:absolute;bottom:0px;right:0px;background: url('/gfx/mif-on.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content span.intro span.mflink a		   {left:0px !important;}

#content .morelink a:link    {height:16px;background: url('/gfx/mif-off.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content .morelink a:visited {height:16px;background: url('/gfx/mif-off.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content .morelink a:hover   {height:16px;background: url('/gfx/mif-on.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
#content .morelink a:active  {height:16px;background: url('/gfx/mif-on.gif') no-repeat right center;padding: 0px 32px 0px 0px;}
