/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body.gif) 0 0 repeat-x ; color:#848484; font:11px/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:10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484; text-decoration:underline;}
p a:hover{ color:#848484; text-decoration:none;}

.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ef8e00; font-weight:bold}

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

/* logo */

#logoPan{width:715px; height:64px; position:relative; margin:0 auto;}

#logoPan img#logo{position:absolute; top:4px; left:15px}
#logoPan img#subscribe{position:absolute; top:28px; left:613px}

/* menu */

#menuPan{width:715px; height:57px; position:relative; margin:0 auto; background:url(../images/b_menu.gif) 0 0 repeat-x; margin-bottom:2px}

#menuPan ul.menu{position:absolute; top:22px; left:50px; width:650px}
#menuPan ul.menu li{float:left; height:16px; margin-right:35px}
#menuPan ul.menu li a{ height:16px;  display:block; text-indent:-20000px; }
#menuPan ul.menu li a:hover{height:16px; }

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

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

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

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

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

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

/* HEADER */

#headerPan{width:715px; height:332px; position:relative; margin:0 auto; background:url(../images/index_33.jpg) 0 0 no-repeat; margin-bottom:10px}
#headerPan img#slogan{position:absolute; top:88px; left:31px}
#headerPan img#btn_slogan{position:absolute; top:213px; left:233px}

#header1Pan{width:715px; height:332px; position:relative; margin:0 auto; background:url(../images/index_34.gif) 0 0 no-repeat; margin-bottom:10px}
#header1Pan img#slogan{position:absolute; top:88px; left:31px}
#header1Pan img#btn_slogan{position:absolute; top:213px; left:233px}

#header2Pan{width:715px; height:332px; position:relative; margin:0 auto; background:url(../images/index_35.gif) 0 0 no-repeat; margin-bottom:10px}
#header2Pan img#slogan{position:absolute; top:88px; left:31px}
#header2Pan img#btn_slogan{position:absolute; top:213px; left:233px}

#header3Pan{width:715px; height:332px; position:relative; margin:0 auto; background:url(../images/index_36.gif) 0 0 no-repeat; margin-bottom:10px}
#header3Pan img#slogan{position:absolute; top:88px; left:31px}
#header3Pan img#btn_slogan{position:absolute; top:213px; left:233px}

#header4Pan{width:715px; height:332px; position:relative; margin:0 auto; background:url(../images/index_37.gif) 0 0 no-repeat; margin-bottom:10px}
#header4Pan img#slogan{position:absolute; top:88px; left:31px}
#header4Pan img#btn_slogan{position:absolute; top:213px; left:233px}

#header5Pan{width:715px; height:332px; position:relative; margin:0 auto; background:url(../images/index_38.gif) 0 0 no-repeat; margin-bottom:10px}
#header5Pan img#slogan{position:absolute; top:88px; left:31px}
#header5Pan img#btn_slogan{position:absolute; top:213px; left:233px}

/* content1 */

#content1{width:715px; height:157px; position:relative; margin:0 auto 10px auto;}
#content1 ul li{ background: url(../images/bullet1.gif) 0 5px no-repeat; padding-left:14px; margin-bottom:2px}
#content1 ul li a{font:12px/14px Tahoma, Geneva, sans-serif; color:#848484; text-decoration:underline;}
#content1 ul li a:hover{color:#848484; text-decoration:none}

#c1_1{width:348px; height:157px; margin: 0 19px 0 0; float:left; background:url(../images/b_plan1.jpg) 0 0 no-repeat; position:relative}
#c1_1 h2{height:48px; position:relative; background:url(../images/h_plan1.gif) 13px 14px no-repeat; margin-bottom:8px}
#c1_1 img.plan_more{position:absolute; top:133px; left:12px}
#c1_1 ul{margin-left:17px}

#c1_2{width:348px; height:157px; margin: 0 0 0 0; float:left; background:url(../images/b_plan2.jpg) 0 0 no-repeat; position:relative}
#c1_2 h2{height:48px; position:relative; background:url(../images/h_plan2.gif) 13px 14px no-repeat; margin-bottom:8px}
#c1_2 img.plan_more{position:absolute; top:135px; left:13px}
#c1_2 ul{margin-left:17px}


/* content2 */

#content2{width:715px; position:relative; margin:0 auto; background:url(../images/b_content.gif) 0 0 repeat-x}
#c2_1{width:305px; margin: 18px 58px 0 18px; float:left; display:inline}
#c2_2{width:320px; margin: 18px 0 0 0; float:left;}

#included h2{height:19px; position:relative; background:url(../images/h_included.gif) 0 0 no-repeat; margin-bottom:18px}
#included p{margin-bottom:15px}
#included ul {margin-left:2px}
#included ul li{ background: url(../images/check.gif) 0 1px no-repeat; padding-left:26px; margin-bottom:8px;}
#included ul li a{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484; text-decoration:none; text-transform:uppercase}
#included ul li a:hover{color:#ef8e00; text-decoration:none}

#solutions h2{height:19px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:13px}
#solutions img{float:left; margin-right:18px; border-bottom:#22afcc 5px solid}
#solutions p#soltxt1{padding-top:5px}


/* footer */

#footerPan{width:715px; height:46px;  margin:0 auto; background:url(../images/b_footer.gif) 0 0 no-repeat}
#footerPan p{padding: 8px 0 0 0; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footerPan p span{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
#footerPan p a{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding: 0 3px }
#footerPan p a:hover{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline;}