/* CSS Document */
body{padding:0px; margin:0px; background:#212526 url(../images/b_body.gif) 0 0 repeat-x; color:#848484; font:12px/16px Tahoma, Geneva, sans-serif;}
div, p, ul, h2, h3, h4, img, form, input, textarea{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px/16px Tahoma, sans-serif; color:#bababa; text-decoration:none;}
p a:hover{ color:#fff; text-decoration:underline;}
p a.link2{font:10px/14px Tahoma, sans-serif; color:#00b0d5; text-decoration:none;}
p a.link2:hover{ color:#fff; text-decoration:none;}

.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffca1b; text-transform:uppercase}

p.small_text{font:11px/14px Tahoma, sans-serif; color:#848484;}
p.small_text span{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#ffca1b;}

ul.check li{ background: url(../images/icon_check.gif) 6px 4px no-repeat; padding: 5px 0 10px 32px; height:14px; border-bottom:#808080 1px dotted}
ul.check li a{font:11px/14px Tahoma, Geneva, sans-serif; color:#bababa; text-decoration:none;}
ul.check li a:hover{color:#fff; text-decoration:none; }

ul.arrow li{ background: url(../images/icon_arrow.gif) 6px 4px no-repeat; padding: 5px 0 10px 32px; height:14px; border-bottom:#808080 1px dotted}
ul.arrow li a{font:11px/14px Tahoma, Geneva, sans-serif; color:#bababa; text-decoration:none;}
ul.arrow li a:hover{color:#fff; text-decoration:none; }

ul.ask li{ background: url(../images/icon_arrow.gif) 6px 4px no-repeat; padding: 5px 0 10px 32px; height:14px; border-bottom:#808080 1px dotted}
ul.ask li a{font:11px/14px Tahoma, Geneva, sans-serif; color:#bababa; text-decoration:none;}
ul.ask li a:hover{color:#fff; text-decoration:none; }

ul.faq li{ background: url(../images/icon_help.gif) 6px 6px no-repeat; padding: 5px 0 10px 32px; height:14px; border-bottom:#808080 1px dotted}
ul.faq li a{font:11px/14px Tahoma, Geneva, sans-serif; color:#bababa; text-decoration:none;}
ul.faq li a:hover{color:#fff; text-decoration:none; }

.border_img{border: #212526 5px solid}

#container{width:745px; margin:0 auto; position:relative}

/* top */

#topPan{width:745px; height:120px; position:relative; clear:both}

#topPan img#logo{position:absolute; top:20px; left:13px;}

#topPan ul.menu{position:absolute; top:0; left:350px; width:395px}
#topPan ul.menu li{float:left; height:84px; margin:0}
#topPan ul.menu li a{ height:84px; display:block; text-indent:-20000px; }
#topPan ul.menu li a:hover{height:84px;}

#topPan ul.menu li.b01 a{width:60px;   background:url(../images/btn_1.gif) 0 0 no-repeat; }
#topPan ul.menu li.b01 a:hover{width:60px;  background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.b02 a{width:82px;  background:url(../images/btn_2.gif) 0 0 no-repeat; }
#topPan ul.menu li.b02 a:hover{width:82px;  background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.b03 a{width:81px;  background:url(../images/btn_3.gif) 0 0 no-repeat; }
#topPan ul.menu li.b03 a:hover{width:81px;   background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.b04 a{ width:89px;  background:url(../images/btn_4.gif) 0 0 no-repeat; }
#topPan ul.menu li.b04 a:hover{width:89px;   background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.b05 a{ width:83px;  background:url(../images/btn_5.gif) 0 0 no-repeat; }
#topPan ul.menu li.b05 a:hover{ width:83px;  background:url(../images/btn_5_over.gif) 0 0 no-repeat;}


/* HEADER */

#headerPan{width:745px; height:320px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat; clear:both}

#headerPan ul{position:absolute; top:10px; left:510px; width:225px}
#headerPan ul li{height:100px; width:225px}
#headerPan ul li a{ height:100px; width:225px;  display:block; text-indent:-20000px; }
#headerPan ul li a:hover{height:100px; width:225px}

#headerPan ul li.topic1 a{background:url(../images/btn_header_1.jpg) 0 0 no-repeat; }
#headerPan ul li.topic2 a{background:url(../images/btn_header_2.jpg) 0 0 no-repeat; }
#headerPan ul li.topic3 a{background:url(../images/btn_header_3.jpg) 0 0 no-repeat; }

/* content */

#contentPan{width:745px; position:relative; background:#000; padding-top:30px}

#c1{width:410px; margin: 0 23px 0 23px; float:left; display:inline}
#c2{width:271px; margin: 0 0 0 0; float:left; display:inline}

.clear#end_content{height:25px}

/* footer */

#footerPan{width:745px; height:90px; background: url(../images/b_footer.gif) 0 0 no-repeat}
#footerPan p{padding: 30px 0 0 30px; font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:left; color:#5d5d5d;}
#footerPan p span{ font:10px/14px  Tahoma, Geneva, sans-serif; color:#5d5d5d;}
#footerPan p a{ font:10px/14px  Tahoma, Geneva, sans-serif; color:#5d5d5d; text-decoration:none; padding: 0 3px }
#footerPan p a:hover{ font:10px/14px  Tahoma, Geneva, sans-serif; text-decoration:underline; color:#fff;}



/* ----------------------- INDEX ------------------------- */

#welcome{width:410px; margin:0 0 25px 0}
#welcome h2{height:35px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:15px}
#welcome p.headline{margin-bottom:15px}

#services_solutions{width:410px; margin:0 0 0 0}
#services_solutions h2{height:35px; position:relative; background:url(../images/h_services_index.gif) 0 0 no-repeat; margin-bottom:15px}
#services_solutions_2 {margin-bottom:15px}
#services_solutions_2 img{float:left; margin-right:15px }
#services_solutions_2 p{padding-top:2px}

.services_solutions_item{width:180px; float:left;}
.services_solutions_item#left01, .services_solutions_item#left02{margin:0 45px 0 0; } 
.services_solutions_item img{float:left}
.services_solutions_item p{padding-top:10px}

#growth_opportunities{width:271px; margin:0 0 40px 0}
#growth_opportunities h2{height:35px; position:relative; background:url(../images/h_growth_index.gif) 0 0 no-repeat; margin-bottom:15px}
#growth_opportunities img{float:left; margin-right:12px}
#growth_opportunities p{padding-top:10px}
#growth_opportunities .link2{display:block; margin-top:10px}

#marketing_sales{width:271px; margin:0 0 40px 0}
#marketing_sales h2{height:35px; position:relative; background:url(../images/h_marketing_index.gif) 0 0 no-repeat; margin-bottom:15px}
#marketing_sales img{float:left; margin-right:12px}
#marketing_sales p{padding-top:10px}
#marketing_sales .link2{display:block; margin-top:10px}

#strategic_planning{width:271px; margin:0 0 0 0}
#strategic_planning h2{height:35px; position:relative; background:url(../images/h_planning_index.gif) 0 0 no-repeat; margin-bottom:15px}
#strategic_planning img{float:left; margin-right:12px}
#strategic_planning p{padding-top:10px}
#strategic_planning .link2{display:block; margin-top:10px}



/* ----------------------- ABOUT ------------------------- */

#about_the_company{width:410px; margin:0 0 25px 0}
#about_the_company h2{height:35px; position:relative; background:url(../images/h_about_about.gif) 0 0 no-repeat; margin-bottom:15px}
#about_the_company p.headline{margin-bottom:15px}

#why_choose_us{width:410px; margin:0 0 0 0}
#why_choose_us h2{height:35px; position:relative; background:url(../images/h_why_about.gif) 0 0 no-repeat; margin-bottom:15px}
#why_choose_us p{margin-bottom:15px}

#company_founders{width:271px; margin:0 0 40px 0}
#company_founders h2{height:35px; position:relative; background:url(../images/h_founders_about.gif) 0 0 no-repeat; margin-bottom:15px}

.company_founders_item{margin-bottom:20px}
.company_founders_item img{float:left; margin-right:12px}
.company_founders_item p{padding-top:10px}
.company_founders_item .link2{display:block; margin-top:10px}

#testimonials{width:271px; margin:0 0 40px 0}
#testimonials h2{height:35px; position:relative; background:url(../images/h_testimonials_about.gif) 0 0 no-repeat; margin-bottom:15px}
#testimonials p.small_text#quotes{ padding-left:40px; background:url(../images/icon_quotes.gif) 0 0 no-repeat}
#testimonials .link2{display:block; margin-top:10px}

/* ----------------------- SERVICES ------------------------- */


#services_overview{width:410px; margin:0 0 25px 0}
#services_overview h2{height:35px; position:relative; background:url(../images/h_services_overview.gif) 0 0 no-repeat; margin-bottom:15px}
#services_overview p.headline{margin-bottom:15px}
#services_overview img{float:left; margin-right:15px }
#services_overview p{padding-top:2px}

#featured_services{width:410px; margin:0 0 0 0}
#featured_services h2{height:35px; position:relative; background:url(../images/h_featured_services.gif) 0 0 no-repeat; margin-bottom:15px}
#featured_services_2{margin-bottom:15px;}
#featured_services_2 img{float:left; margin-right:15px }
#featured_services_2 p{padding-top:2px}
p#featured_services_text{margin-bottom:15px}

#services_list{width:271px; margin:0 0 20px 0}
#services_list h2{height:35px; position:relative; background:url(../images/h_services_list.gif) 0 0 no-repeat; margin-bottom:15px}

#new_service{width:271px; margin:0 0 0 0}
#new_service h2{height:35px; position:relative; background:url(../images/h_new_service.gif) 0 0 no-repeat; margin-bottom:15px}
#new_service img{float:left; margin-right:12px}
#new_service p{padding-top:10px}
#new_service .link2{display:block; margin-top:10px}

/* ----------------------- SOLUTIONS ------------------------- */

#financial_solutions{width:410px; margin:0 0 20px 0}
#financial_solutions h2{height:35px; position:relative; background:url(../images/h_financial_solutions.gif) 0 0 no-repeat; margin-bottom:15px}
#financial_solutions p.headline{margin-bottom:20px}
.financial_solutions_item{margin-bottom:15px;}
.financial_solutions_item img{float:left; margin-right:15px }
.financial_solutions_item p{padding-top:2px}

#customer_solutions{width:410px; margin:0 0 0 0}
#customer_solutions h2{height:35px; position:relative; background:url(../images/h_customer_solutions.gif) 0 0 no-repeat; margin-bottom:15px}

#solutions_showcase{width:271px; margin:0 0 0 0}
#solutions_showcase h2{height:35px; position:relative; background:url(../images/h_solutions_showcase.gif) 0 0 no-repeat; margin-bottom:15px}
.solutions_showcase_item{margin-bottom:15px; padding-bottom:15px; border-bottom:#808080 1px dotted}
.solutions_showcase_item img{float:left; margin-right:14px; margin-left:9px; display:inline }
.solutions_showcase_item p{padding-top:2px}

/* ----------------------- CONTACTS ------------------------- */

#contact_info{width:410px; margin:0 0 20px 0}
#contact_info h2{height:35px; position:relative; background:url(../images/h_contact_info.gif) 0 0 no-repeat; margin-bottom:15px}
#contact_info p.headline{margin-bottom:20px}
#contact_info_2{margin-bottom:15px;}
#contact_info_2 img{float:left; margin-right:15px }
#contact_info_2 p{padding-top:2px}

#faq{width:410px; margin:0 0 0 0}
#faq h2{height:35px; position:relative; background:url(../images/h_faq.gif) 0 0 no-repeat; margin-bottom:15px}

#contact_form{width:271px; margin:0 0 0 0}
#contact_form h2{height:35px; position:relative; background:url(../images/h_contact_form.gif) 0 0 no-repeat; margin-bottom:15px}
#contact_form p.headline{margin-bottom:20px}

#contact_form form{margin-bottom:15px}
#contact_form input, #contact_form textarea{clear:both; margin-bottom:10px; display:block}
#contact_form label{clear:both; margin-bottom:5px; display:block; font:11px/14px Tahoma, sans-serif; }
.input_box{font:10px/10px Tahoma, sans-serif; color:#fff; background:#282828; border:#303030 1px solid; width:250px; height:10px; padding:5px }
.textarea_box{font:10px/10px Tahoma, sans-serif; color:#fff; background:#282828; border:#303030 1px solid; width:250px; height:250px; padding:5px; }

ul.submit{margin-left:200px}
ul.submit li{padding-left:9px; background:url(../images/arrow_submit.gif) 0 5px no-repeat; font: 10px/14px Tahoma, Geneva, sans-serif; text-transform:uppercase}
ul.submit li a{color:#00b0d5; text-decoration:none}
ul.submit li a:hover{color:#fff; text-decoration:none}