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

body{
margin:0px;
padding:0px;
text-align:center;
background-color:#12161F;
background-image:url(/images/body_bg_1x500.gif);
background-repeat:repeat-x;
background-position:left top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3C3C3A;
line-height:18px;
}

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

img{ border:0px; padding:0px 0px 0px 0px; }
a:hover{ text-decoration:underline; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:40px;
line-height:40px;
color:#3B3C3E;
font-weight:normal;
text-decoration:none;
padding-bottom:10px;
}

h2{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h3{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#3B3C3E;
font-weight:bold;
text-decoration:none;
padding-bottom:15px;
}

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

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

#header{ height:210px; position:relative; }
#header .logo{ position:absolute; top:6px; left:15px; }
#header .top-img{ position:absolute; top:84px; left:0px; }

#main-header{ height:330px; position:relative; 
background-image:url(/images/main_img_854x275.jpg);
background-repeat:no-repeat;
background-position:left 21px;
}
#main-header .logo{ position:absolute; top:44px; left:15px; }
#main-header .top-img{ position:absolute; top:84px; left:0px; }

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

#header .top-nav{ position:absolute; top:8px; left:665px; color:#FFFFFF; }
#main-header .top-nav{ position:absolute; top:8px; left:665px; color:#FFFFFF; }

#main-header .top-nav a, #header .top-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
padding:0px 5px;
}

#main-header .top-nav a:hover, #header .top-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-box css */

#search-box{ position: absolute; top:5px; left:250px; }

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

#header .header-nav{ position:absolute; top:185px; left:30px; color:#FFFFFF; }
#main-header .header-nav{ position:absolute; top:306px; left:30px; color:#FFFFFF; }

#main-header .header-nav a, #header .header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:0px 10px;
}

#main-header .header-nav a:hover, #header .header-nav a:hover{ text-decoration:underline; }

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

#middle{ background-color:#EFEFE7; }
#middle .bg1{
background-image:url(/images/bg1.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
#middle .bg2{
background-image:url(/images/bg2.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
#middle .bg3{
background-image:url(/images/bg3.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}


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

#content{}
#content .content-wrapper{ padding:30px 320px 60px 40px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ snippets css */

.v-height{
height:7px;
}

#main-snippets{
width:100%;
height:281px;
background-image:url(/images/main_snippets_bg_854x281.jpg);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}
#main-snippets p{ font-size:11px; line-height:14px; }
#main-snippets h3{ font-size:22px; line-height:28px; font-weight:normal; color:#000000;}

#main-snippets .snippet1{ position:absolute; top:110px; left:60px; width:200px; }
#main-snippets .snippet2{ position:absolute; top:110px; left:325px; width:240px; }
#main-snippets .snippet3{ position:absolute; top:110px; left:610px; width:200px; }

#snippets{
width:100%;
height:425px;
background-image:url(/images/bottom_img_854x425.jpg);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}
#snippets .snippets-wrapper{ padding:30px 0px 30px 30px;}

#snippets p{ font-size:11px; line-height:15px; }

#snippets .snippet4{ position:absolute; top:30px; left:40px; width:135px; }
#snippets .snippet5{ position:absolute; top:30px; left:210px; width:135px; }


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

#footer{ height:50px; position:relative; }

#footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
position:absolute;
top:8px;
left:15px;
}

#footer .footer-nav{ position:absolute; top:8px; left:630px; color:#FFFFFF; }

#footer .footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
padding:0px 5px;
}

#footer .footer-nav a:hover{ text-decoration:underline; }

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

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

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

#contact-form{ margin-left:20px; padding-bottom:20px; padding-top: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; }