body { background:#fff; color:#0F0F0F; width: 100% }
ul { list-style-type:none; }
#ieCorrectsHorizontalScrolling { position: fixed; top: 15em; width:900px; }

#headerPanel {
    width:100%; vertical-align: middle; text-align: left;
    background: no-repeat 0 0 WhiteSmoke; 
    height: 6.2em; position:absolute; top:0; left: 0px; margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px solid #AEAEAE 
}
#headerPanel img { position: absolute; bottom: -1.2em; left: 5px; }
#headerPanel h1 { position: absolute; top: 19px; left: 300px; color: #336699 }

/********** Header: End *************/
/********** Upper Body (What We Do): Start *************/

#UpperBody { position: relative; top: 6.2em; left: .05em; text-align: left; max-width: 800px; }
.UpperBody img { margin-top: 3em; margin-left: 5em; }
#UpperBody h2 { 
    position: absolute; top: 1.3em; left: 6em; line-height: 1.4; 
    font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;
}
#UpperBody p { 
    position: absolute; top: 4.8em; left:12em; width: 680px; color:#0F0F0F; line-height: 1.3;
    margin-right: 100px;
	font-size: 125%; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
#UpperBody span { position: absolute; top: 7em; left:70em; width: 80px; }
/********** Upper Body (What We Do): End *************/
/********** Top Panel (3 Boxes): Start *************/
#topPanel { height:260px; position:relative; top: 9em; vertical-align: top; text-align: center; }


/***** 1st Panel *****/
#topPanel #headerPanelfast { width:246px; height:263px; position: absolute; top: 0; left: 4em; margin:0; padding:0 }
#topPanel #headerPanelfast a { 
    width:246px; height:263px; display:block; text-decoration:none; 
    background:url(images/orange-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;
}
#topPanel #headerPanelfast a:hover { /* background:url(images/orange-hover.jpg) no-repeat 0 0 #FC5F00; */ color:#fff; }

#topPanel #headerPanelfast a span {
    position: absolute; left: 5.7em; top: 2.4em; display:block; width:90px; height:47px; text-transform: uppercase;
    color: black; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; 
}
#topPanel #headerPanelfast a:hover span { color: White; }

#topPanel #headerPanelfast a p {
    position: absolute; top: 9em; left:2.6em; display: block; width: 170px;
    color:#fff; font: 12px/18px Arial, Helvetica, sans-serif; font-weight: bold; 
}

/***** 2nd Panel *****/
#topPanel #headerPanelsecond { width:246px; height:263px; position:absolute; top:0; left:28em; margin:0 0 0 0; padding:0px; }

#topPanel #headerPanelsecond a {
    background:url(images/green-normal.jpg) no-repeat 0 0 #FC5F00; 
    width:246px; height:263px; display:block; text-decoration:none;
}
#topPanel #headerPanelsecond a:hover { /* background:url(images/green-hover.jpg) no-repeat 0 0 #FC5F00; */ color:#fff; }
#topPanel #headerPanelsecond a span { 
    position: absolute; left: 5.7em; top: 2.4em; display:block; width:90px; height:47px; text-transform: uppercase;
    color: black; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; 
}
#topPanel #headerPanelsecond a:hover span { color: White; }

#topPanel #headerPanelsecond a p { 
    position: absolute; top: 9em; left:2.6em; display: block; width: 170px; z-index:1; 
    color:#fff; font: 12px/18px Arial, Helvetica, sans-serif; font-weight: bold; 
}

/***** 3rd Panel *****/
#topPanel #headerPanelthird { 
    width:246px; height:263px; position:absolute; top:0; left: 52em; margin:0 0 0 0; padding:0px; 
    background:url(images/blue-normal.jpg) no-repeat 0 0 #FC5F00; 
}
#topPanel #headerPanelthird a { width:246px; height:263px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover { /* background:url(images/blue-hover.jpg) no-repeat 0 0 #FC5F00; */ color:#fff; }
#topPanel #headerPanelthird a span {
    position: absolute; left: 4.7em; top: 2.4em; display:block; width:90px; height:47px; text-transform: uppercase;
    color: Black; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; 
}
#topPanel #headerPanelthird a:hover span { color: White; }

#topPanel #headerPanelthird a p { 
    position: absolute; top: 9em; left:2.6em; display: block; width: 170px; z-index:1; 
    color:#fff; font: 12px/18px Arial, Helvetica, sans-serif; font-weight: bold; 
}
/********** Top Panel (3 Boxes): End *************/
/********** Body Panel: Start *************/
#bodyPanel { position:relative; top: 9.5em; text-align: left; height: 200px; }

#bodyPanel #testimonial { 
    position: absolute; top: 1em; left: 6em;
    width:430px; height:161px; display:block; text-align: left; color: #0F0F0F; 
    background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB; 
}
#bodyPanel #testimonial p { background:none; line-height: 1.9; }
#bodyPanel #testimonial p span { 
    position: absolute; top: .9em; left: 7em; 
    height: 25px;
    background:#FFFAED !Important; 
    font:22px/22px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;
}

#bodyPanel #testimonial ul { 
    position: absolute; top: 4.7em; left: 10.4em; 
}
#bodyPanel #testimonial ul li span { 
    background: none; border-bottom: dashed 0px #333; width: 230px; margin-top: -1px; 
}
#bodyPanel #testimonial ul li span a { 
    text-decoration: none; position: absolute; z-index: 200;
    font-weight: bold; font-style: italic; color: #555; 
}
#bodyPanel #testimonial ul li span a:hover { text-decoration: underline; color: #222; }


#bodyPanel #testimonial p a:hover { text-decoration: underline; }

    /*************** Start: MORE Button ******************/
    #bodyPanel #testimonial a.moretwo { 
        position: absolute; top: 8.3em; left: 22.6em; height:26px; padding: 0; margin:0; 
        text-decoration:none; text-transform:uppercase; z-index: 120;
        background:none; color:#555; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; 
    }

    #bodyPanel #testimonial a.moretwo img { 
        position: absolute; top: 0em; left: -.7em; 
        height:26px; background:none; padding: 0; margin:0; z-index: -100; 
    }

    #bodyPanel #testimonial a.moretwo:hover { color: Black; }
    /*************** End: MORE Button ******************/

#bodyPanel #Solutions { 
    position: absolute; top: 1.9em; left: 27em;
    width:300px; height:130px; display:block; text-align: left; 
}
#bodyPanel h4 { 
    width:250px; height:30px; position:absolute; top:0; left:10em; margin:0; padding:0px;
    background:#fff; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF7113;
}
#bodyPanel ul { width:250px; display:block; position:absolute; left:18em; top:2.7em; }

#bodyPanel ul li { 
    padding:0 0 0 25px;
    font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; 
    background:url(images/symbol2.gif) 0 8px no-repeat; 
}
#bodyPanel ul span{ background:url(images/dot-line.gif) repeat-x 0 100%; height:25px; display:block; }
/********** Body Panel: End *************/


/********** TMP: Start *************/
.testola { border: solid 1px red; }
.testola2 { border: solid 1px red; }

* { margin: 0; }
html, body { height: 100%; }
#content { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -25px; }
#clearfooter { height: 150px;  }

#footer, .push { 
    height: 25px; margin-top: -25px; 
    width: 100%; text-align: center; vertical-align: bottom; 
	background-color: #e5e5e5; font-size: 11px;
}

#footer ul { display:block; list-style: none outside; padding-top: 8px; margin: auto; text-align: center; width: 200px; }
#footer ul li { display:block; float:left; }
#footer ul li a { padding-right: 5px; padding-left: 5px; text-decoration: none; color: #4D4D4D /* #336699 */; }
#footer ul li a:hover { text-decoration: underline; color: #336699; }