/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_top.gif) 0 0 repeat-x ; color:#848484; font:11px/14px Arial, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

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

p a{font:11px/14px Arial, sans-serif; color:#848484; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:11px/14px Arial, sans-serif; color:#86af10; font-weight:bold}

ul.btngreen {width:90px}
ul.btngreen li{font:10px/14px Tahoma, sans-serif; background:url(../images/b_btn.gif) 0 0 no-repeat; height:19px; text-align:center; padding-top:2px}
ul.btngreen li a{color:#fff; text-decoration:none; text-transform:uppercase}
ul.btngreen li a:hover{color:#000; text-decoration:none;}

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

/* TOP */

#topPan{height:62px; position:relative;}

#topPan ul.menu{position:absolute; top:33px; left:22px; width:690px}
#topPan ul.menu li{float:left; margin-right:37px; height:16px;}
#topPan ul.menu li a{height:19px; display:block; text-indent:-20000px; }
#topPan ul.menu li a:hover{height:19px;}

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

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

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

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

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

#topPan ul.menu li.contact{margin-right:0}
#topPan ul.menu li.contact a{width:85px; background:url(../images/btn_6.gif) 0 0 no-repeat; }
#topPan ul.menu li.contact a:hover{width:85px; background:url(../images/btn_6_over.gif) 0 0 no-repeat;}

/* HEADER */

#header{height:229px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat; margin-bottom:31px}

#logo{position:absolute; top:34px; left:0}
#slogan{position:absolute; top:79px; left:243px}
#btn{position:absolute; top:127px; left:297px}

/* CONTENT */

#content{position:relative; background:url(../images/b_content.gif) 0 0 repeat-y; width:713px}

#leftPan{width:179px; margin:0 29px 0 18px; float:left}
#rightPan{width:471px; float:left;}

#projects{margin-bottom:18px;}
#projects h2{height:28px; position:relative; background:url(../images/h_projects.gif) 0 0 no-repeat; margin-bottom:10px}

#projects ul.arrow1 {margin-left:3px; margin-bottom:10px}
#projects ul.arrow1 li{font:11px/14px Arial, sans-serif; background:url(../images/arrow1.gif) 2px 5px no-repeat; padding-left:22px; padding-top:5px; height:19px; border-bottom:#f4f6f6 1px solid}
#projects ul.arrow1 li a{color:#205757; text-decoration:none;}
#projects ul.arrow1 li a:hover{color:#205757; text-decoration:underline;}

#projects ul.btngreen{float:right;}

#news h2{height:28px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:10px}
#news p{margin-left:5px}

#news p span.date{display:block; padding-left:22px; background:url(../images/bullet_news.gif) 0 2px no-repeat; font:11px/14px Arial, sans-serif; color:#86af10; font-weight:bold; margin-bottom:8px}
#news p.line{padding-bottom:7px; margin-bottom:7px; border-bottom:#f4f6f6 1px solid}

#news ul.btngreen{ float:right; margin-top:10px}

#welcome{margin-bottom:25px;}
#welcome h2{height:53px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:15px}
#welcome img{float:left; margin:0 10px 0 7px}
#welcome p{width:310px; float:left; padding-top:2px}

#welcome ul {margin-left:10px;}
#welcome ul li{font:11px/14px Arial, sans-serif; background:url(../images/arrow2.gif) 0 3px no-repeat; padding-left:13px;height:20px;}
#welcome ul li a{color:#55a8a7; text-decoration:none;}
#welcome ul li a:hover{color:#55a8a7; text-decoration:underline;}

#solutions{float:left; width:170px; margin:0 32px 0 7px}
#solutions h2{height:28px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:8px}
#solutions p{margin-left:2px; margin-bottom:10px}

#solutions ul {margin-left:2px;}
#solutions ul li{font:11px/14px Arial, sans-serif; background:url(../images/arrow2.gif) 0 3px no-repeat; padding-left:13px; margin-bottom:10px}
#solutions ul li a{color:#55a8a7; text-decoration:none;}
#solutions ul li a:hover{color:#55a8a7; text-decoration:underline;}

#topics{float:left; width:262px;}

#topic1{width:262px; height:60px; background:url(../images/b_topic1.jpg) 0 0 no-repeat; position:relative}
#topic1 h2{background:url(../images/h_topic1.gif) 74px 20px no-repeat; height:39px}
#topic1 img{position:absolute; top:39px; left:74px}

#topic2{width:262px; height:60px; background:url(../images/b_topic2.jpg) 0 0 no-repeat; position:relative}
#topic2 h2{background:url(../images/h_topic2.gif) 74px 20px no-repeat; height:39px}
#topic2 img{position:absolute; top:39px; left:74px}

#topic3{width:262px; height:60px; background:url(../images/b_topic3.jpg) 0 0 no-repeat; position:relative}
#topic3 h2{background:url(../images/h_topic3.gif) 74px 20px no-repeat; height:39px}
#topic3 img{position:absolute; top:39px; left:74px}

#topic4{width:262px; height:60px; background:url(../images/b_topic4.jpg) 0 0 no-repeat; position:relative}
#topic4 h2{background:url(../images/h_topic4.gif) 74px 20px no-repeat; height:39px}
#topic4 img{position:absolute; top:39px; left:74px}

/* FOOTER */

#footer {width:775px; height:72px; position:relative; margin:20px auto 0 auto; background-color:#e3eef0}
#footer p{padding: 20px 0 0 0; font:11px/16px Arial, sans-serif; font-weight:normal; text-align:center; color:#1f5454;}
#footer p a{font:11px/16px Arial, sans-serif; font-weight:normal; color:#1f5454; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#1f5454; color:#fff}