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

body{
margin:0px;
padding:0px;
text-align:center;
background-color:#E7F0EB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3C3C3A;
line-height:18px;
}

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

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

a:hover{
text-decoration:underline;
}

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

p{
margin:0px;
padding:0px;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */
#left{
width:154px;
float:left;
}

#left .left-nav{
padding:73px 0px 20px 0px ;
}

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

#left .left-nav ul li{
height:auto;
text-indent:18px;
line-height:23px;
border-bottom:1px solid #A6AAA9;
}
 
#left .left-nav ul li a{
color:#1F1F1F;
font-weight:normal;
font-size:11px;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ center css */
#center{
width:598px;
float:left;
}

#center .main-snippets-right{
width:598px;
height:462px;
background-image:url(/images/main_img.jpg);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}

#center .snippet1{
width:260px;
position:absolute;
top:7px;
left:333px;
}

#center .snippet2{
width:220px;
position:absolute;
top:170px;
left:333px;
}

#center .snippet3{
width:200px;
position:absolute;
top:350px;
left:333px;
}

#center .services-link{
position:absolute;
top:0px;
left:178px;
}

#center .main-snippets-right h1{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
line-height:17px;
color:#060803;
font-weight:bold;
font-weight:bold;
padding-left:0px;
padding-bottom:7px;
}

#center .main-snippets-right p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#363A3D;
font-weight:normal;
}

#center .main-snippets-right ul{
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;
display:block;
}

#center .main-snippets-right ul li{
background-image:url(/images/arrow_6x6.gif);
background-repeat:no-repeat;
background-position:left 4px;
font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:14px;
color:#474747;
font-weight:normal;
padding-left:10px;
}

#center .snippet1 ul li{
color:#fefefe !important;
}

#center .snippets-black{
width:598px;
height:200px;
background-color:#363A3D;
position:relative;
}

#center .snippet4{
width:268px;
position:absolute;
top:30px;
left:32px;
float:left;
}

#center .snippet5{
width:268px;
position:absolute;
top:30px;
left:326px;
float:left;
}

#center .snippet4 h1,#center .snippet5 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
line-height:17px;
color:#FEFFFF;
font-weight:bold;
}

#center .snippet4 p,#center .snippet5 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#FFFFFF;
font-weight:normal;
}

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

#header{
height:56px;
background-color:#FFFFFF;
position:relative;
}

#header .logo{
position:absolute;
top:15px;
left:15px;
}


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

#header-nav{
width:401px;
height:29px;
background-color:#8D212E;
position:absolute;
top:10px;
left:196px;
color:#9C437D;
}

#header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:29px;
font-weight:normal;
color:#FDFEFF;
text-decoration:none;
padding:0px 7px;
text-transform:uppercase;
}

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

#header-nav a.special{
background-color:#474747;
border:7px solid #474747;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav2 css */

#header-nav2{
width:140px;
height:15px;
background-color:#BFBFBF;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
position:absolute;
top:39px;
left:457px;
color:292A2B;
}

#header-nav2 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
font-weight:normal;
color:#292A2B;
text-decoration:none;
padding:0px 5px;
}

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

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

#middle{
width:598px;
background-image:url(/images/middle_bg_598x1.gif);
background-repeat:repeat-y;
background-position:left top;
float:left;
}

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

#content{
width:344px;
float:left;
}

#content .content-wrapper{
padding:30px 20px 30px 20px;
}

#content p{
margin-bottom:10px;
}

#content h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:25px;
line-height:25px;
color:#595758;
font-weight:bold;
text-decoration:none;
margin-bottom:30px;
}

#content h2{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:15px;
color:#8D212E;
font-weight:bold;
text-decoration:none;
margin-bottom:5px;
}

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

#content ul li{
padding-left:10px;
background-image:url(/images/bullet_4x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
margin-bottom:7px;
}

#content .call-box{
background-color:#516258;
color:#FEFEFE;
padding:8px;
}

#content .h1-holder{
float:left;
}

#content .links{
width:188px;
height:28px;
float:right;
background-image:url(/images/links_bg_188x28.gif);
background-repeat:no-repeat;
background-position:left top;
}

#content .link{
width:93px;
height:28px;
float:left;
}

#content table{border:0px; margin:0px;}

#content table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#272A31;
padding:1px;
border:1px solid #999999;
}

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

#right{
width:254px;
float:left;
}

#right .right-nav{
padding:25px 40px 20px 60px ;
}

#right .right-nav ul{ 
padding:0px;
margin:0px;
list-style-type:none;
display:block;
text-align:right;
border-top:1px solid #A6AAA9;
}

#right .right-nav ul li{
height:auto;
text-indent:18px;
line-height:23px;
border-bottom:1px solid #A6AAA9;
}

#right .right-nav ul li.hot{
line-height:23px;
}
 
#right .right-nav ul li a{
color:#1F1F1F;
font-weight:normal;
font-size:11px;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}

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

#right .right-image-holder{
width:254px;
text-align:center;
margin-bottom:20px;
}

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

#footer{
width:598px;
height:47px;
background-color:#809C8D;
position:relative;
color:#FFFFFF;
}

#footer .footer-logo{
position:absolute;
top:0px;
left:0px;
}

#footer .footer-nav{
position:absolute;
top:0px;
left:300px;
}

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

#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; border:none !important;}
#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; }
