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

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

p a{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#d7130b; text-decoration:none;}
p a:hover{ color:#000; text-decoration:none;}

p a.link2{font:10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#d7130b; text-decoration:none;}
p a.link2:hover{ color:#000; text-decoration:none;}

.headline{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#65c9ec; font-weight:bold}
.headline2{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#125487; font-weight:bold}

.container{width:715px; margin:0 auto;}

/* MENU */

#menuPan{width:715px; height:110px; position:relative; margin:0 auto;}

#menuPan img#logo{position:absolute; top:35px; left:8px}
#menuPan img#subscribe{position:absolute; top:11px; left:562px}

#menuPan ul.menu{position:absolute; top:65px; left:336px; width:380px}
#menuPan ul.menu li{float:left; height:17px; margin-right:9px}
#menuPan ul.menu li a{ height:17px;  display:block; text-indent:-20000px; }
#menuPan ul.menu li a:hover{height:17px; }

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

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

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

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

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

#menuPan ul.menu li.linem{width:3px; background:url(../images/spacer_m.gif) 0 9px no-repeat}

/* HEADER */

#headerPan{width:715px; height:200px; position:relative; margin:0 auto; background: url(../images/b_header.jpg) 0 0 no-repeat}
#headerPan img#slogan{position:absolute; top:33px; left:30px}
#headerPan p{position:absolute; top:114px; left:40px; width:270px; color:#755f5e; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* CONTENT1 */

#content1{width:715px; height:135px; position:relative; margin:0 auto; background: url(../images/b_topics.jpg) 0 0 repeat-x; margin-bottom:3px}
#c1_1{width:320px; margin: 12px 37px 0 17px; float:left; display:inline; color:#fff}
#c1_2{width:320px; margin: 12px 0 0 0; float:left; color:#fff}

#solutions{padding-left:88px; background:url(../images/img_solutions.jpg) 0 0 no-repeat; padding-top:7px}
#solutions h2{height:22px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:10px}
#faster{padding-left:88px; background:url(../images/img_faster.jpg) 0 0 no-repeat; padding-top:7px}
#faster h2{height:22px; position:relative; background:url(../images/h_faster.gif) 0 0 no-repeat; margin-bottom:10px}

/* CONTENT2 */

#content2{width:715px; position:relative; margin:0 auto; background:#f6f6f6 url(../images/b_content.jpg) 0 0 repeat-x}
#c2_1{width:330px; margin: 21px 32px 0 13px; float:left; display:inline;}
#c2_2{width:330px; margin: 21px 0 0 0; float:left;}

#services h2{height:52px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:18px}
#services img{float:left; margin:0 11px 0 24px; display:inline}
#services .clear{height:15px}
#services img.btn_readmore{float:none; margin:0 0 0 225px; }

#smart h2{height:52px; position:relative; background:url(../images/h_smart.gif) 0 0 no-repeat; margin-bottom:18px}
#smart p{width:291px; margin: 0 0 15px 7px; padding:0 5px 15px 17px; border-bottom:#869496 1px dotted}

#smart ul {margin-left:7px}
#smart ul li{ background: url(../images/arrow.gif) 0 6px no-repeat; padding-left:16px; margin-bottom:10px}
#smart ul li a{font:10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#869496; text-decoration:underline;}
#smart ul li a:hover{color:#000; text-decoration:none}

/* FOOTER */

#footerPanOut{width:100%; background:url(../images/b_bottom.gif) bottom repeat-x}
#footerPanIn{height:66px; width:715px; background:url(../images/b_footer.gif) 0 0 repeat-x}
#footerPanIn p{padding: 15px 0 0 0; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#454b55;}
#footerPanIn p span{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#454b55;}
#footerPanIn p a{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#454b55; text-decoration:none; padding: 0 3px }
#footerPanIn p a:hover{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline;}