*{ margin:0; padding:0; border:0; outline:0}

body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#818285; overflow:scroll;}

h3 { font-size: 22px; color: #C91214; font-weight: bold; }

.clear { clear: both; }

.correction { font-size: 12px; font-style:italic; color: #ef5555 }

a { color: #999999;  text-decoration:none;  }
a:hover { color: #cccccc; text-decoration:underline }

/* rounded corners for textbox */
.rounded { width: 360px; height: 30px; background-color: #efefef; display:inline-block; vertical-align:top; margin-top: -5px; }
.textbox { width: 340px; height: 20px; background-color: transparent; color:#818285; position: relative; top: 5px; left: 10px; border-style: none; }
.ie7 .rounded { width:300px; display:inline;  }
.ie6 .rounded { width:300px; display: inline; }

.roundedmulti { width: 415px; height: 60px; background-color: #efefef; display:inline-block; vertical-align:top; margin-top: 0px; }
.textboxmulti { width: 400px; height: 55px; font-size:11px; background-color: transparent; color:#818285; position: relative; top: 5px; left: 10px; border-style: none; }
.ie7 .roundedmulti { width:360px; height: 45px; display:inline; }
.ie7 .textboxmulti { width: 350px; height: 42px }
.ie6 .roundedmulti { width:360pxl; height: 45px; display:inline; }
.ie6. textboxmulti { width: 350px; height: 42px }

#contactform { margin: 10px 10px 10px 15px }
#contactform label { font-size: 17px;  margin-right: 10px; vertical-align:text-top}


#maincontent { }

#header { width: 1000px; height: 52px; margin: 0 auto; }

#mainImage { width: 1000px; height: 210px; margin: 0 auto; }

#imageBox { width: 197px; float: left; height: 210px; margin-left: 100px }

#textBox { width: 400px; float:right; margin-top:50px; margin-right: 100px; font-size: 40px;  }

#pagecontent { clear: both; width: 1000px; }

#subcontent { font-size: 16px; width:1000px; margin: 20px auto 0px auto }

ul.indent { margin: 10px 0px 10px 80px }

.clientbox { width: 1000px; margin: 10px auto 10px auto; height: 300px }
.clientimage { width: 400px; float:left; }
.clienttext { width: 500px; float:left; margin: 0px 0px 5px 40px }
.clienttext li { margin-left: 30px }

.clienttestimonial { width: 1000px; margin: 0px auto 10px auto; }

.resourcebox { width: 1000px; margin: 10px auto 10px auto; height: 300px }
.resourceimage { width: 200px; float:left; }
.resourcetext { width: 500px; float:left; margin: 0px 0px 5px 40px }
.resourcetext li { margin-left: 30px }

#footerRegion { width: 100%; margin: 50px 0px 0px 0px; background-color: #C91214; color: White; height: 200px }
#footerRegion #mainpanel { margin: 0 auto; width: 1000px }
#footerRegion #leftpanel { margin: 22px 0px 0px 100px;  width: 200px; float:left; height: 150px; overflow: hidden; border-right: 1px dotted white; }
#footerRegion #leftpanel2 { margin: 22px 0px 0px 41px; width: 200px; float:left; height: 150px; border-right: 1px dotted white; }
#footerRegion #rightpanel { width: 300px; float: left; height: 150px; overflow: auto; margin: 22px 33px 0px 30px }
#footerRegion li { margin-top: 6px; list-style-type:none }
#footerRegion a { color: White; font-size: 12px; text-decoration:none; font-weight: bold; }
#footerRegion a:hover { color: #cccccc; text-decoration:underline }

#toolbox { margin: 10px auto 0px auto; background: white url(/images/toolbox.gif) no-repeat top left; width:1000px; height: 273px; max-height:273px; overflow:hidden; }

#toolbox #leftpanel { margin: 22px 0px 0px 41px; width: 446px; float:left; height: 230px; overflow: hidden }
#toolbox #rightpanel { width: 448px; float: right; height: 222px; overflow: auto; margin: 27px 33px 0px 0px }

.toolboxcontent { padding: 8px 16px 8px 16px; font-size: 16px; line-height:22px; display:none; overflow:hidden }

.toolboxmenu { padding: 4px 8px 4px 24px; width: 448px; color: #C91214; font-weight:bold; cursor: pointer; background: none; border-bottom: #999999 solid 1px; }
.toolboxmenu:hover { background-color: #efefef; }
.toolboxmenu img { vertical-align: middle; margin-left: 10px }

#twitterbox { margin: 30px auto 0px auto; width: 800px; height: 74px; background: url(/images/twitter-bird.gif) left top no-repeat }
#twitter_update_list {  font-size: 20px; margin-left: 100px; width:750px  }
#twitter_update_list li { list-style-type: none }

#hiddenholder { display:none; }


.corners { padding: 15px 15px; background-color: #efefef }

/* SIFR styles */

 .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
    .sIFR-active h2
    {
      font-size: 40px;
      visibility: hidden;
      font-family: Verdana;
    }

    
}