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

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

body, a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

a{ color:#3b749b; }
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, h1 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:20px;
line-height:24px;
color:#3b749b;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

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

h3{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
color:#cece35;
font-weight:bold;
text-decoration:underline;
padding-bottom:5px;
}

h3 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#cece35;
font-weight:bold;
text-decoration:underline;
padding-top:5px;
padding-bottom:0px;
margin:0px;
}

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

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

#header{ height:292px; position:relative;
background-image:url(/images/bg_header.jpg);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}
#header .logo{ position:absolute; top:100px; left:140px; }
#header .under-menu{ 
position:absolute; top:285px; left:500px; 
width:482px; height:55px;
background-image:url(/images/bg_under_menu_482x55.jpg);
background-repeat:no-repeat;
background-position:left top;
z-index:-1;
}

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

#header-nav{ position:absolute; top:5px; left:550px; color:#004a7c; }

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{ position:absolute; top:195px; left:275px; color:#ffffff; width:750px;}

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

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


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

#search-box{ position:absolute; top:245px; left:300px; }
#search-box .search-box-wrapper{ padding:0px 0px 10px 20px; }

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

#middle{}

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

#left{ 
width:230px; float:left;
background-color:#d5ecec;
}
#left .left-wrapper{ padding:10px 20px 40px 10px; }

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

#left-nav{}

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

#left-nav ul li{
border-top:1px solid #eef7f7;
padding:3px 0px 3px 10px;
}
 
#left-nav ul li a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#014b7d;
font-weight:bold;
text-decoration:none;
}

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

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

#content{ width:620px; float:left; }
#content .content-wrapper{ padding:60px 40px 30px 30px; }

#content .thumb{ 
float:left; 
width:180px; 
margin-bottom:15px; 
text-align:center;
}
#content .img-detail{
padding-bottom:20px;
width:auto;
height:auto;
}
#content .thumb h3{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
#content .thumb img{ border:3px solid #FFF; width:auto; height:auto;}

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

#right{ width:230px; float:left; }
#right .right-wrapper{ padding:60px 0px 30px 0px; }

#right .right-ads{
background-image:url(/images/bg_right_ads_230x180.jpg);
background-repeat:no-repeat;
background-position:left top;
padding:20px 10px 0px 10px;
}

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

#snippets{
background-image:url(/images/bg_snippets.gif);
background-repeat:repeat-x;
background-position:left top;
}
#snippets .snippets-wrapper{ padding:20px 0px 20px 0px; }
#snippets .snippet{ width:255px; float:left; }
#snippets .snippet-space{ width:30px; float:left; }
#snippets p{ padding-bottom:5px ; }

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

#page-footer-holder{ height:30px; background-color:#014b7d; }
#page-footer{ width:1080px; margin:0px auto; position:relative; }

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

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

#footer-nav{ position:absolute; top:5px; left:600px; }

#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-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:0px 0px 0px 50px; } 
#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; }