/* CSS Document */
body{background:#FFFFFF; color:#848484; font:13px/20px Roboto;}
ul{list-style-type:square;}
h1{
color:#ec691e;
font:26px/32px Roboto;
letter-spacing:-1px;
text-align:center;
padding-top: 12px;
padding-bottom: 4px;
border-bottom: dashed #999999;
text-transform:uppercase;

}

h2{
color:#be1f46;
font:20px/26px Roboto;
padding-top: 12px;
padding-bottom: 4px;
border-bottom: dashed thin #999999;
}
h3{
color:#147bd3;
font:16px/22px Roboto;
padding-top: 12px;
}
#form{
	text-align: center;
}
input, select{
	height: 20px;
	
}
select{
	width: 174px;
	height: 27px;
}
.subp{
	text-align: left;
	font: Roboto; 
	color:#ec691e; 
}


.button{
	padding-top: 10px;
	padding-bottom: 30px;
	width: 250px;
	text-align: left;
}
.clear {clear: both; margin: 0px; height:0}

p a{font: Roboto; color:#ec691e; text-decoration:none;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:11px/14px Roboto; color:#65c9ec; font-weight:bold}
.headline2{font:11px/14px Roboto; color:#125487; font-weight:bold}

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

ul a{font: Roboto; color:#ec691e; text-decoration:none;}
ul a:hover{ color:#000; text-decoration:none;}

strong{color:#1a427d; font-weight:bold;}

em{color:#be1f46; font-weight:bold;}

/* 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:67px;
	left:344px;
	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:115px; position:relative; margin:0 auto;}
#headerPan img#slogan{position:absolute; top:33px; left:30px}
#headerPan p{position:absolute; top:114px; left:40px; width:270px; color:#755f5e; font:11px/14px Roboto;}

/* CONTENT1 */

.content1{width:715px; 
position:relative; 
text-align:center; 
margin:0 auto; }

#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.png) 0 0 no-repeat; padding-top:7px}
#solutions h2{height:22px; position:relative; margin-top:10px; margin-bottom:10px}
#faster{padding-left:88px; background:url(../images/img_faster.png) 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:33 auto;) 0 0 repeat-x}
#c2_0{width:400px; margin: 21px 32px 0 13px; float:left; display:inline;}
#c2_4{width:255px; padding-left:445px; margin: 0px 0px 0 0px; position:left;}

#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; }
#servicesTitle h2{height:52px; position:relative; margin-bottom:18px}

#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 Roboto; color:#869496; text-decoration:underline;}
#smart ul li a:hover{color:#000; text-decoration:none}

/* FOOTER */

#footerPanOut{width:100%; clear: both; 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 Roboto; font-weight:normal; text-align:center; color:#454b55;}
#footerPanIn p span{ font:11px/14px Roboto; color:#454b55;}
#footerPanIn p a{ font:11px/14px Roboto; color:#454b55; text-decoration:none; padding: 0 3px }
#footerPanIn p a:hover{ font:11px/14px Roboto; text-decoration:underline;}