.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#fff;
background-image:url(../images/bg_body.gif);
background-repeat:repeat-x;
background-position:left top;
}

html, body, #page {height: 100%; width:100%;}
body > #page {height:auto; min-height: 100%;}

body.main{
background-image:url(../images/bg_body_main.gif);
background-color:#111111;	

}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5d5950;
font-weight:normal;
text-decoration:none;
outline:none;
}
a.special
{
    font-size:15
    line-height:23px;
    color:#875f00;
    text-decoration:underline;
}
landing_body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#fff;
background-position:left top;
}
a{}
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, h5, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; padding-right:5px; }

p.special{
font-size:15px;
line-height:23px;
color:#875f00;
}

h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
color:#875f00;
font-weight:bold;
text-decoration:none;
padding-bottom:23px;
text-transform: uppercase;
}

h2{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:20px;
line-height:25px;
color:#875f00;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #875f00;
padding-bottom:5px;
margin-bottom:10px;
width:360px;
}

h2.main{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:21px;
line-height:21px;
color:#917c51;
font-weight:normal;
text-decoration:none;
padding-bottom:10px;
border:none;
margin-bottom:0px;
width:auto;
}

h3{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:12px;
color:#875f00;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#fff;
font-weight:bold;
text-decoration:none;
background-color: #875f00;
padding:3px 15px;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
color:#875f00;
font-weight:normal;
text-decoration:none;
text-transform: uppercase;
padding-left:10px;
padding-bottom:5px;
}

#page{ margin:0px; text-align:left; height:auto;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header-holder{ border-bottom: 1px solid #000;}
#header{ width:1214px; margin:0px auto; height:163px; position:relative; }
#header.main{  
background-image:url(../images/bg_header_main.gif);
background-repeat:repeat-y;
background-position:left top;
}
#header .logo{ position:absolute; top:72px; left:107px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:80px; left:500px; }
#header-nav .option{ border-right:1px solid #4e4b41; padding:30px 50px 0px 6px; float:left;  }
#header-nav a{ background-repeat:no-repeat; background-position: top left;  }

#header-nav .link1 a{ background-image:url(../images/n-toplink_home.gif); }
#header-nav .link1 a:hover, #header-nav .hot1 a{ background-image:url(../images/n-toplink_home_hover.gif); }

#header-nav .link2 a{ background-image:url(../images/n-toplink_company.gif); }
#header-nav .link2 a:hover, #header-nav .hot2 a{ background-image:url(../images/n-toplink_company_hover.gif); }

#header-nav .link3 a{ background-image:url(../images/n-toplink_services.gif); }
#header-nav .link3 a:hover, #header-nav .hot3 a{ background-image:url(../images/n-toplink_services_hover.gif); }

#header-nav .link4 a{ background-image:url(../images/n-toplink_solutions.gif); }
#header-nav .link4 a:hover, #header-nav .hot4 a{ background-image:url(../images/n-toplink_solutions_hover.gif); }

#header-nav .link5 a{ background-image:url(../images/n-toplink_news.gif); }
#header-nav .link5 a:hover, #header-nav .hot5 a{ background-image:url(../images/n-toplink_news_hover.gif); }

#header-nav .link6 a{ background-image:url(../images/n-toplink_contactus.gif); }
#header-nav .link6 a:hover, #header-nav .hot6 a{ background-image:url(../images/n-toplink_contactus_hover.gif); }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ image-holder css */

#image-holder{ position: relative;}
#image-holder .left-bg{ width:50%; position: absolute; left:0; height:99px; z-index:-10; background-color:#796a49; }
#image-holder .right-bg{ width:50%; position: absolute; left:50%; height:99px; z-index:-10; background-color:#070707; }

#image-holder.main .left-bg{ 
width:50%; position: absolute; left:0; height:192px; z-index:-10; 
background-image:url(../images/bg_left.gif);
background-repeat:repeat-x;
background-position:left top;
}
#image-holder.main .right-bg{ 
width:50%; position: absolute; left:50%; height:192px; z-index:-10; 
background-image:url(../images/bg_right.gif);
background-repeat:repeat-x;
background-position:left top;
}
#image{  width:1214px; height:107px; margin:0px auto; z-index:0;}
#image.main{ height:192px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle-holder{min-height:400px; padding-bottom: 100px;}
#middle{ width:1214px; margin:0px auto; position:relative}
#middle.main{ position:relative;}
#middle.main .main-nav{ position:absolute; top:210px; left:105px; width:280px; border-top:1px solid #252525; }
#middle.main #snippets{ position:absolute; top:45px; left:660px; width:460px; height:350px;}
#middle.main .snippet{ height:115px; position: relative;}
#middle.main .img1{ position:absolute; top:10px; left:0px; }
#middle.main .img2{ position:absolute; top:130px; left:0px; }
#middle.main .img3{ position:absolute; top:240px; left:0px; }
#middle.main .text{ position:absolute; top:0px; left:100px; }
#middle.main .title{ padding:0px 0px 10px 0px; }
#middle.main .line{ background-color:#232323; width:400px; height:1px;  margin:0px 0px 15px 0px; }
#middle.main p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#8A8A8A;
font-weight:normal;
text-decoration:none;
padding:0px 0px 20px 0px;
}

#middle.main ul{ padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#middle.main ul li{
background-image:url(../images/arrow_10x10.gif);
background-repeat:no-repeat;
background-position:1px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#484330;
font-weight:normal;
text-decoration:none;
padding:5px 0px 5px 22px;
border-bottom:1px solid #232323;
}
#middle.main ul li a{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#9f9f9f;
font-weight:normal;
text-decoration:none;
}
#middle.main ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */

#left{ width:324px; float:left; }
#left .left-wrapper{ padding:60px 0px 0px 107px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left-nav css */

#left-nav{}
#left-nav ul{ 
padding:0px 0px 15px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;
display:block;
border-top:1px solid #d8d8d5;
}

#left-nav ul li{
border-bottom:1px solid #d8d8d5;
background-image:url(../images/arrow_4x1.gif);
background-repeat:no-repeat;
background-position:5px 14px;
padding:5px 0px 5px 13px;
}
 
#left-nav ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#6a675f;
font-weight:normal;
text-decoration:none;
}

#left-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:890px; float:left; height:auto; position: relative;}

#content .imgtable{ padding:0px 0px 20px 0px; }

#content .nav{width:580px; border-top:1px solid #b2b1ac; padding-top:5px; margin-bottom:10px; position:absolute; left:50px;
}
#content .nav, #content .nav a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:6px;
color:#808080;
font-weight:normal;
text-decoration:none;
}
#content .nav a:hover{ text-decoration: underline; }
#content .link-contact{ text-align:right; padding:0px 10px 30px 0px;}

#landing_content {width:1214px; padding-top:5px; margin-bottom:10px; position:absolute; left:50px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nav css */

#content ul{ 
padding:0px 0px 10px 30px;
margin:0px 0px 0px 0px;
list-style-type:none;
}

#content ul li{ 
padding:2px 0px 2px 10px; 
background-image:url(../images/arrow_5x5.gif);
background-repeat:no-repeat;
background-position:left 11px;
}

#content ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ programs css */

#programs{ width:740px;}
#programs .programs-wrapper{ padding:10px 0px 10px 0px;}
#programs .column{ width:240px; height:210px; background-color:#f2f2f2; float:left; }
#programs .column-wrapper{ padding:10px 5px 20px 10px;}
#programs .x-spacer{ width:10px; float:left; }
#programs ul{ margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; list-style: none; }
#programs ul li{
background-image:url(../images/arrow_3x1.gif);
background-repeat:no-repeat;
background-position:left 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#646464;
font-weight:normal;
text-decoration:none;
}
#programs ul li.highlight{ font-weight:bold; color:#875f00;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

#page-footer-holder{position:relative; min-width:100%; width:1214px; margin:0px; background-color:#232323; margin-top: -100px; height:100px; clear:both}
#page-footer{margin:0px auto; position:relative; width:1214px; }
#page-footer, #page-footer a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#4e4e4e;
font-weight:normal;
text-decoration:none;
}

#page-footer .copy{ position:absolute; top:29px; right:80px; }
#page-footer .social{ position:absolute; top:47px; right:80px;}
#page-footer .email{ position:absolute; top:47px; left:107px; }
#page-footer .phone{ position:absolute; top:65px; left:107px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:29px; left:97px; }
#footer-nav a{ padding:0px 10px}
#footer-nav a:hover{ text-decoration:underline; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#contact-form{ margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;  background-color:#f2f2f2;} 
#contact-form form{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#contact-form table{border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin: 0px;
    height: 124px;
}
#contact-form table tr td{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#5d5950;
font-weight:normal;
text-decoration:none;
padding:2px 5px;
}
#contact-form table tr .column1{ width:90px; text-align:left;}
#contact-form table tr .column2{ width:160px;
    margin-left: 40px;
} 
#contact-form table tr td input, #contact-form form table tr td select, #contact-form form table tr td textarea{ 
font-family:Verdana,Arial, Helvetica, sans-serif; 
font-size:11px;  
font-weight:normal; 
text-decoration:none; 
color:#5d5950; 
width:150px; 
height:14px;
background-color:#fff !important; 
border:1px solid #d8d8d5; 
padding-bottom:5px;}
#contact-form form table tr td select{}
#contact-form form table tr td textarea{ width:560px; height:80px !important; }
#contact-form form table tr td .submitbutton{ width:auto; height:auto; border:none; }
.redstar{ color:#f00;} 

#Scroller {
  position:relative; top:10px; left:50px;
  width: 780px;
  height: 454px;
  overflow: auto;
  overflow-x: hidden;
  margin-bottom:15px;
}
.Scroller-Container {
  position: relative;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 440px; left: 632px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 450px; left: 632px;
}