/* Layout Stylesheet */ 


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Layout Stylesheet */ 
body{
width:auto;
height:auto;
margin:0px;
padding:0px;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5D5B5C;
line-height:13px;
text-align:left;
}

img{
border:0px;
padding:0px;
}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#EC3C00;
line-height:13px;
text-decoration:underline;
}

h1, h2, h3, h4{
margin:0px;
padding:0px;
}


h1{
color:#5379A8;
font-family:verdana;
font-size:24px;
line-height:24px;
font-weight:bold;
width:380px;
border-bottom:1px solid #517AA6;
padding-bottom:20px;
}

h2{
margin:0px;
padding:0px;
font-weight:bold;
color:#374C67;
font-family:verdana;
font-size:11px;
line-height:15px;
padding-top:20px;
}

p{
margin:0px;
padding:0px;
color:#374C67;
font-family:verdana;
font-size:12px;
line-height:16px;
padding-top:20px;
}

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

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

#header{ height:96px; position:relative; }
#header .logo{ position:absolute; top:36px; left:17px; }
#header .brush{ position:absolute; top:0px; left:520px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-main css */ 

#header-main{
width:964px; height:320px; position:relative; 
background-image:url(/images/bg_main_header_964x320.gif);
background-repeat:no-repeat;
background-position:left top;
}  

#header-inner{ padding:0px 0px 30px 0px; }
#header-inner .img{ width:370px; float:left; }
#header-inner .frm{ 
width:210px; height:178px; float:left;
background-image:url(/images/bg_search_210x178.gif);
background-repeat:no-repeat;
background-position:left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */ 

#top-nav{ 
position:absolute; top:38px; left:686px; 
width:268px; height:28px;
background-image:url(/images/bg_topnav_268x28.gif);
background-repeat:no-repeat;
background-position:left top;
}

#top-nav .top-nav-wrapper{ padding:6px 0px 0px 15px; }

#top-nav a{
font-family:Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding:0px 5px 0px 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search_form css */ 

#search_form{
width:245px;
float:left;
}

#search_form .search_form-wrapper{
padding:70px 0px 0px 10px;
}

#search_form table tr td{
font-size:11px;
font-family:Arial;
color:#2B2B2B;
}

#search_form table tr td .input{
width:175px;
height:19px;
border-top:1px solid #727781;
border-left:1px solid #727781;
border-right:1px solid #517AA6;
border-bottom:1px solid #517AA6;
background-color:#D8E6EC;
color:#517AA6;
font-family:Verdana;
font-size:10px;
}

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

#middle{}
#middle-left{ width:214px; float:left; }
#middle-right{ width:750px; float:left; }

#middle-left .banner{ padding:0px 0px 30px 15px; }

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

#left-nav{ padding:30px 10px 20px 15px; }

#left-nav ul{
display:block; list-style-type: none;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

#left-nav ul li{
height:18px;
background-image:url(/images/bullet_3x3.gif);
background-repeat:no-repeat;
background-position:3px 7px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
}

#left-nav ul li:hover{ background-color:#9FC9E9; }

#left-nav ul li a{
font-family:Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:18px;
color:#0171C5;
font-weight:bold;
text-decoration:none;
}

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

#content{ width:595px; float:left; }
#content .content-wrapper{ padding:30px 0px 0px 0px; }
#content .text-wrapper{ padding:0px 150px 40px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */ 

#right{ width:155px; float:right; }
#right .right-wrapper{ padding:30px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */ 

#page-footer{
height:80px; background-color:#E2EAF5;
position:relative;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:25px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

#page-footer .logo{ position: absolute; top:0px; left:0px; }
#page-footer .copy{ position: absolute; top:40px; left:500px; }

#page-footer .copy{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:25px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

#page-footer #footer-nav{ position: absolute; top:16px; left:450px; border-bottom:1px solid #000000;}
#page-footer #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:25px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding:0px 10px;
}
#page-footer #footer-nav a:hover{ text-decoration: underline; }


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

#contact-form{ margin-left:0px; padding-bottom:20px; padding-top:20px; margin-left:20px;} 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}
#contact-form #company-lead-form table tr td{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#272A31; padding:2px; line-height:15px; }
#contact-form #company-lead-form table tr .column1{ text-align:left; padding-left:10px; width:230px; line-height:14px; }
#contact-form #company-lead-form table tr .column2{ text-indent:5px; } 
#contact-form #company-lead-form table tr .column1-error{ text-align:right; color:#FF0000; }
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#000; border:1px solid #333; width:220px; height:22px; background-color:#fff !important; margin-bottom:5px;}
#contact-form #company-lead-form table tr td .phone1{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone2{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone3{ width:70px !important; }
#contact-form #company-lead-form table tr td select{}
#contact-form #company-lead-form table tr td textarea{ height:120px !important; }
#contact-form #company-lead-form table tr td .submitbutton{ width:auto; height:auto; border:none; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ special css */ 

.magic{ clear:both; }

.gray{
font-family:verdana;
font-size:9px;
font-weight:bold;
color:#4F4840;
}

.red{
font-family:arial;
font-size:18px;
line-height:20px;
font-weight:bold;
color:#F21E13;
}

.samples{ padding:10px 0px 0px 30px; }

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


#free-sample-form{
background-color:#ECF4F9;
width:400px;
margin-top:20px;
}

#free-sample-form #company-lead-form{ border:0; padding:15px 20px 15px 20px; }
#free-sample-form #company-lead-form table{ 
border:0px; 
margin:0px; 
width:100%; 
color:#25221D;
}

#free-sample-form #company-lead-form table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#000;
padding:3px;
line-height:12px;
vertical-align:top;
}

#free-sample-form #company-lead-form .comment{
font-size:9px;
line-height:11px;
color:#698AA9;
}

#free-sample-form #company-lead-form table tr .column1{
text-align:right;
line-height:14px;
width:180px;
}

#free-sample-form #company-lead-form table tr .column2{
}

#free-sample-form #company-lead-form table tr .column1-error{
text-align:right;
color:#FF0000;
}
#free-sample-form #company-lead-form table tr td input, #free-sample-form #company-lead-form table tr td select, #free-sample-form #company-lead-form table tr td textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
font-weight:normal;
text-decoration:none;
color:#000; 
height:20px;
width:220px;
border:1px solid #666;
}

#free-sample-form #company-lead-form table tr td .phone1{ width:50px !important; }
#free-sample-form #company-lead-form table tr td .phone2{ width:50px !important; }
#free-sample-form #company-lead-form table tr td .phone3{ width:58px !important; }
#free-sample-form #company-lead-form table tr td select{}
#free-sample-form #company-lead-form table tr td textarea{ height:100px;}

#free-sample-form #company-lead-form table tr td .submitbutton{
border:none;
padding-left:35px;
}