/* Zeroes out all values.  Found at http://meyerweb.com/eric/tools/css/reset/index.html */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border-style: none;

    border-color: inherit;

    border-width: 0;

    margin: 0;

    padding: 0;

    outline: 0;

    font-size: 100%;

	vertical-align: baseline;

	background: transparent;

    

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 400px;

}



/* END OF ALL Zeroes. */





/* START OF STYLES FOR MAIN GRID LAYOUT */



.wrapper 

{

    width:753px;

    position:relative;

    margin:0 auto;

}



.branding 

{

    height:92px;

}



.subBranding1

{

    height:315px;

    

    /* Could use a specific rile for IE 6 on height here.  Perhaps negative padding or margins.  A few pixels droping below */

}



.subBranding1b

{

    background-color: black;

    width: 100%;

    background-image: url(../images/footerRoundedBlack.jpg);

    background-position: bottom;

    background-repeat: no-repeat;

    overflow:auto;

    padding-bottom:20px;

}



.subBranding2

{

    width: 100%;

    background-color: black;

    height:138px;

}



.SubBrand2bHeading 

{

    padding: 10px 0px 0px 20px;

}





.subBranding2b

{

    background-color: black;

    width: 100%;

    background-image: url(../images/footerRoundedBlack.jpg);

    background-position: bottom;

    background-repeat: no-repeat;

    overflow:auto;

    padding-bottom:20px;

}



.content

{

    float: left;

    width: 480px;

    padding-left: 40px;

    padding-top: 22px;

    padding-right: 10px;

    padding-bottom:40px;

    border-right: gray 1px dotted;

}



.subContent

{

    float:left;

    width:220px;

}



.testimonial 

{

    width:215px;

    margin-top:26px;

    padding-bottom:20px;

}



.testimonial p

{

    padding-left:15px;

    font-style:italic;

}



.testimonial h1

{

    padding-left:9px;

    color:#ff7e24;

    font-size:.95em;

}







.siteInfo

{

    clear: both;

    height: 100px;

    margin: 0px auto;

    width: 753px;

    padding-top:15px;

    border-top: gray 2px solid;

}



/* END OF STYLES FOR MAIN GRID LAYOUT */



/* START OF STYLES FOR OTHER ELEMENTS IN LAYOUT */



.main_nav, .company_logo

{

    float:left;   

}

.main_nav

{

    margin: 50px 0px 0px 30px;

}



/* positioning of graphics in main banners */





.slogan, .tag1, .tag2, .tag3, .tag4

{

    position:absolute;

}



.slogan 

{

    top:151px;

    left:42px

}



.tag1 

{

    top:248px;

    left:120px;

}



.tag2 

{

    top:276px;

    left:120px;

}



.tag3 

{

    top:302px;

    left:120px;

}



.tag4

{

    top:327px;

    left:138px;

}



img.blockImg:hover

{

    border:solid 1px #ff7e24;

}



img.blockImg

{

    float:left;

    padding:2px;

    border:solid 1px #60a8d2;

    margin-right:10px;

}



img.blockImg130

{

    float: left;

    margin-right: 10px;

    display: block;

}





.clear 

{

    clear:both;

}



.labelInfoReq

{

    color:gray;

    font-size:.75em;

    width:125px;

    text-align:right;

    display:block;

    padding-right:10px;

    padding-top:5px;

    float:left;

    margin-left:-15px;

}



.labelInfoReqYN

{

    color:gray;

    font-size:.75em;

    display:block;

    padding-right:10px;

    padding-top:5px;

    padding-bottom:5px;

    float:left;

}



.labelInfoReqCheckbox

{

    color:gray;

    font-size:.75em;

    display:block;

    padding-right:10px;

    padding-top:5px;

    padding-bottom:5px;

    float:left;

}



.formElementInfoReq 

{

    float:left;

    margin-bottom:5px;

}



.formElementButt

{

    margin-left:120px;

}



.LeftColHardware 

{

    width:150px;

    float:left;

}





.RightColHardware 

{



    float:left;

}



.content .RightColHardware p

{

    width:325px;

    padding: 0px;

}



.content table p

{

    width: 280px;

    padding: 0px;

    margin: 0px;

    line-height: 120%;

}



.content table

{

    width:450px;

}



table td.left

{

    width:100px;

    padding: 20px 0px 0px 0px;

    margin: 0px;

}



table td.right

{

    width: 260px;

	vertical-align: top;

    padding: 20px 0px 0px 0px;

}





.content table

{

}



table td.left_employee

{

    width:150px;

    padding: 20px 0px 0px 0px;

    margin: 0px;

	vertical-align: top;

}



table td.right_employee

{

    width: 300px;

	vertical-align: top;

    padding: 20px 0px 0px 0px;

}





.right_employee h2 

{

    clear:right;

    font-size: 18px;

    padding: 0px 0px 9px 10px;

}



.right_employee h3 

{

    clear:left;

    font-size: 14px;

    font-style: italic;

    color: Gray;

    padding: 10px 0px 10px 10px;

    *padding: 6px 0px 6px 10px;

}



#employees .right_employee p 

{

    margin: 0px 0px 10px 10px;

    float:left;

}

/* Added 8/6/2008/ */
#form div {
padding:4px 0px;
}

.imageRight 
{
    float:right;
    margin-left:10px;
}