/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:#fff url(../images/b_body1.gif) 0 0 repeat;
	color:#666;
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-align:center;
	min-width:725px;
}
div, p, ul, h2, h3, h4, img{
	padding:0px;
	margin:0px;
	float: left;
}
h1{
	color:#286675;
	font-size:24px;
	text-align:center;
}
h2{
	color:#286675;
	font-size:18px;
	text-align:center;
}
h3{
	color:#286675;
	font-size:16px;
}
h4{
	color:#286675;
}
img{
	border:none;
}
ul{
	list-style-type:none;
}
a {
	color:#286675;
}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#286675; text-decoration:underline;}
p a:hover{ color:#286675; text-decoration:none;}

p a.link2{font:10px/14px Tahoma, sans-serif; color:#d76439; text-decoration:underline;}
p a.link2:hover{ color:#d76439; text-decoration:none;}

.headline{font:12px/16px Arial, Helvetica, sans-serif; color:#d55321; font-weight:bold}

#bodycontainer{
	width:725px;
	margin:0 auto;
	padding: 5px;
	border: solid 2px #999;
	background: #fff url(../images/b_body.gif) 0 0 repeat-x;
	float: none;
	text-align:left;
	display:inline-block;
 }

#container{
	width:725px;
	margin:0 auto;
}

#header{
	width:725px;
	margin:0 auto;
}

#title{
	/* [disabled]position:absolute; */
	/* [disabled]top:15px; */
	/* [disabled]left:90px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding: 10px;
	padding-top: 15px;
	/* [disabled]display: block; */
	width: 500px;
	text-align: left;
}

#subtitle{
	/* [disabled]position:absolute; */
	/* [disabled]top:53px; */
	/* [disabled]left:90px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding: 10px;
	padding-top: 5px;
	display: block;
	width: 350px;
	text-align: left;
}

/* HEADER */


#headerPan{
	width:725px;
	/* [disabled]height:460px; */
	position:relative;
	margin:0 auto;
	z-index: 1;
}

#headerPan ul.menu{
	position:relative;
	top:0px;
	left:21px;
	width:700px
}
#headerPan ul.menu li{float:left; height:14px; margin-right:27px}
#headerPan ul.menu li a{ height:14px;  display:block; text-indent:-20000px; }
#headerPan ul.menu li a:hover{height:14px; }

#headerPan ul.menu li.b01 a{
	width:65px;
	background:url(../images/home_page.gif) 0 0 no-repeat;
}
#headerPan ul.menu li.b01 a:hover{
	width:65px;
	background:url(../images/home_page_hover.gif) 0 0 no-repeat;
}

#headerPan ul.menu li.b02 a{
	width:57px;
	background:url(../images/software.gif) 0 0 no-repeat;
}
#headerPan ul.menu li.b02 a:hover{
	width:57px;
	background:url(../images/software_hover.gif) 0 0 no-repeat;
}

#headerPan ul.menu li.b03 a{
	width:61px;
	background:url(../images/solutions.gif) 0 0 no-repeat;
}
#headerPan ul.menu li.b03 a:hover{
	width:61px;
	background:url(../images/solutions_hover.gif) 0 0 no-repeat;
}

#headerPan ul.menu li.b04 a{
	width:65px;
	background:url(../images/contact_us.gif) 0 0 no-repeat;
}
#headerPan ul.menu li.b04 a:hover{
	width:65px;
	background:url(../images/contact_us_hover.gif) 0 0 no-repeat;
}

#headerPan ul.menu li.b05 a{
	width:58px;
	background:url(../images/about_us.gif) 0 0 no-repeat;
}
#headerPan ul.menu li.b05 a:hover{
	width:58px;
	background:url(../images/about_us_hover.gif) 0 0 no-repeat;
}

#headerPan ul.menu li.linem{width:5px; background:url(../images/spacer_m.gif) 0 0 no-repeat}

/** SLIDESHOW */

#slider {
	width: 725px;
	height: 347px;
	margin: 0px auto;
	float: left;
}

#slider .viewer {
	position: relative;
	width: 725px;
	height: 347px;
	overflow: hidden;
}

#slider .reel {
}

#slider .slide {
	width: 725px;
	height: 347px;
	/*z-index: -1;*/
}

#slider .nav a {
	display: block;
	width: 35px;
	height: 45px;
	position: absolute;
	top: 125px;
	background: #FFFFFF url(images/slideshow_sprites.png) no-repeat 0 -294px;
	outline: none;
	text-indent: -9999em;
}

#slider .nav a.prev {
	outline: none;
	left: 25px;
}

#slider .nav a.next {
	right: 25px;
	background-position: -35px -294px;
	outline: none;
}

#slider .indicator
{
	margin: 0px auto 0 auto;
	float: none;
	/* [disabled]z-index: 100; */
	position: absolute;
	top: 440px;
	width: 725px;
}

#slider .indicator ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	float: none;
}

#slider .indicator ul li
{
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: #c8c8c8;
	margin: 0 2px 0 2px;
	border-radius: 8px;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #909090;
}

#slider .indicator ul li.active
{
	background: #505050;
	border-top: solid 1px #505050;
}
			
#solution_slide img#logo{position:absolute; top:3px; left:0}
#solution_slide div#droid_home_right{
	position:absolute;
	top:240px;
	left:420px;
	color:#FF0;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width: 200px;
}
#solution_slide div#droid_graph_left{
	position:absolute;
	top:195px;
	left:5px;
	color:#549C0B;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width: 185px;
}
#solution_slide div#droid_instrumentation_left{
	position:absolute;
	top:264px;
	left:140px;
	padding-right: 3px;
	color:#81F808;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width: 185px;
	background-color: #010929;
}
#solution_slide div#droid_trend_left{
	position:absolute;
	top:264px;
	left:120px;
	color:#193100;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width: 185px;
}
#solution_slide img#slogan{
	position:absolute;
	top:31px;
	left:380px
}
#solution_slide div#slogan{
	position:absolute;
	top:35px;
	left:450px;
	color:#FFFFFF;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
#solution_slide div#sub_slogan{
	position:absolute;
	top:100px;
	left:481px;
	color:#00EAFF;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
#solution_slide ul.menu{
	position:relative;
	top:0px;
	left:21px;
	width:700px
}
#solution_slide ul.menu li{float:left; height:14px; margin-right:27px}
#solution_slide ul.menu li a{ height:14px;  display:block; text-indent:-20000px; }
#solution_slide ul.menu li a:hover{height:14px; }

#solution_slide ul.menu li.b01 a{
	width:65px;
	background:url(../images/home_page.gif) 0 0 no-repeat;
}
#solution_slide ul.menu li.b01 a:hover{
	width:65px;
	background:url(../images/home_page_hover.gif) 0 0 no-repeat;
}

#solution_slide ul.menu li.b02 a{
	width:57px;
	background:url(../images/software.gif) 0 0 no-repeat;
}
#solution_slide ul.menu li.b02 a:hover{
	width:57px;
	background:url(../images/software_hover.gif) 0 0 no-repeat;
}

#solution_slide ul.menu li.b03 a{
	width:61px;
	background:url(../images/solutions.gif) 0 0 no-repeat;
}
#solution_slide ul.menu li.b03 a:hover{
	width:61px;
	background:url(../images/solutions_hover.gif) 0 0 no-repeat;
}

#solution_slide ul.menu li.b04 a{
	width:65px;
	background:url(../images/contact_us.gif) 0 0 no-repeat;
}
#solution_slide ul.menu li.b04 a:hover{
	width:65px;
	background:url(../images/contact_us_hover.gif) 0 0 no-repeat;
}

#solution_slide ul.menu li.b05 a{
	width:58px;
	background:url(../images/about_us.gif) 0 0 no-repeat;
}
#solution_slide ul.menu li.b05 a:hover{
	width:58px;
	background:url(../images/about_us_hover.gif) 0 0 no-repeat;
}

#solution_slide ul.menu li.b06 {margin-right:0}
#solution_slide ul.menu li.b06 a{
	width:70px;
	background:url(../images/support.gif) 0 0 no-repeat;
}
#solution_slide ul.menu li.b06 a:hover{
	width:70px;
	background:url(../images/support_hover.gif) 0 0 no-repeat;
}

#solution_slide ul.menu li.linem{width:5px; background:url(../images/spacer_m.gif) 0 0 no-repeat}

#solution_slide ul.ico_menu{
	position:absolute;
	top:55px;
	left:467px;
	width:255px
}
#solution_slide ul.ico_menu li{float:left; height:14px; margin-right:20px; padding-left:17px}
#solution_slide ul.ico_menu li a{
	font:12px/14px Tahoma, sans-serif;
	color:#fff;
	text-decoration:none;
}
#solution_slide ul.ico_menu li a:hover{ text-decoration:underline}

#solution_slide ul.ico_menu li.ico01 { background:url(../images/ico1.gif) 0 2px no-repeat; }
#solution_slide ul.ico_menu li.ico02 { background:url(../images/ico2.gif) 0 2px no-repeat; }
#solution_slide ul.ico_menu li.ico03 { background:url(../images/ico3.gif) 0 2px no-repeat; }

#solution_slide div#h_new{
	position:absolute;
	top:32px;
	left:21px;
	color:#00EAFF;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#solution_slide ul.ul_new{
	position:absolute;
	top:75px;
	left:10px;
	width:280px
}
#solution_slide ul.ul_new li{height:17px; margin-bottom:9px; display:block; text-indent:30px; }

#solution_slide ul.ul_new li.new1{background:url(../images/item_new.jpg) 0 0 no-repeat}

#solution_slide div#h_new_item{
/*	position:absolute;
	top:32px;
	left:21px;*/
	color:#FFF;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#solution_slide a{
/*	position:absolute;
	top:32px;
	left:21px;*/
	color:#FFF;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#solution_slide div#h_chart{
	position:absolute;
	top:32px;
	left:21px;
	color:#286675;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#solution_slide ul.ul_chart{
	position:absolute;
	top:75px;
	left:10px;
	width:280px
}
#solution_slide ul.ul_chart li{height:17px; margin-bottom:9px; display:block; text-indent:30px; }

#solution_slide ul.ul_chart li.new1{background:url(../images/item_new.jpg) 0 0 no-repeat}

#solution_slide div#h_chart_item{
/*	position:absolute;
	top:32px;
	left:21px;*/
	color:#13C9DA;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#solution_slide div#chart_sub_slogan{
	position:absolute;
	top:50px;
	left:451px;
	width: 250px;
	color:#13C9DA;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

#solution_slide div.h_div{
	position:absolute;
	top:12px;
	left:115px;
	width: 490px;
	color:#fff;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background-color: #001772;
	padding: 3px;
}

#solution_slide div.trend_h_div{
	position:absolute;
	top:12px;
	left:115px;
	width: 490px;
	color:#fff;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background-color: #2C429C;
	padding: 3px;
}

/* C1 */

/*#c1{
	width:725px;
	position:absolute;
	margin:0 auto;
	top: 480px;
}

#c1_1{width:440px; margin: 0 12px 0 26px; float:left; display:inline}
#c1_2{width:221px; margin: 0 0 0 0; float:left; display:inline}*/

/*#right{width:440px; margin-bottom:20px}
#right h2{height:33px; position:relative; background:url(../images/h_right.gif) 0 0 no-repeat; margin-bottom:15px}
#right p{margin-left:4px;}
#right p.headline{margin-left:4px; margin-bottom:13px}

#small_biz{width:210px; background:url(../images/b_p1.jpg) 0 33px no-repeat; float:left; margin-right:20px}
#pro_plus{width:210px; background:url(../images/b_p2.jpg) 0 33px no-repeat; float:left; }

#small_biz h2{height:33px; position:relative; background:url(../images/h_p1.gif) 0 0 no-repeat; margin-bottom:10px}
#pro_plus h2{height:33px; position:relative; background:url(../images/h_p2.gif) 0 0 no-repeat; margin-bottom:10px}

#small_biz p, #pro_plus p{margin:0 0 10px 75px}

img.btn_details{margin-left:35px}

#solutions{width:221px; }
#solutions h2{height:33px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:17px}
#solutions img{margin-bottom:15px}
#solutions ul{margin-left:15px}
#solutions ul li{ background: url(../images/plus.gif) 0 3px no-repeat; padding-left:15px; height:24px;}
#solutions ul li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#89c1ba; text-decoration:underline;}
#solutions ul li a:hover{color:#89c1ba; text-decoration:none}*/

/*.clear#endc1{height:20px}*/

/* C2 */



/*#c2{
	width:725px;
	position:absolute;
	margin:0 auto;
	background:url(../images/b_c2.gif) 0 0 repeat-x;
	top: 775px;
}

#c2_1{width:200px; margin: 17px 27px 0 26px; float:left; display:inline}
#c2_2{width:200px; margin: 17px 27px 0 0; float:left; display:inline}
#c2_3{width:200px; margin: 17px 0 0 0; float:left; display:inline}

#spotlight h2{height:18px; position:relative; background:url(../images/h_spotlight.gif) 0 0 no-repeat; margin-bottom:7px}
#spotlight img#img_spotlight{float:left}
#spotlight p{margin-bottom:10px}

#why h2{height:18px; position:relative; background:url(../images/h_why.gif) 0 0 no-repeat; margin-bottom:7px}
#why img#img_why{float:left; margin-right:5px}

#why ul {width:120px; float:left; padding-top:7px}
#why ul li{ background: url(../images/plus.gif) 0 3px no-repeat; padding-left:15px; height:24px;}
#why ul li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#89c1ba; text-decoration:underline;}
#why ul li a:hover{color:#89c1ba; text-decoration:none}


#support h2{height:18px; position:relative; background:url(../images/h_support.gif) 0 0 no-repeat; margin-bottom:7px}
#support img#img_support{float:left}
#support p{margin-bottom:10px}

.clear#endc2{height:10px}
*/
/* FOOTER */

#footer{
	width:725px;
	height:60px;
	background:url(../images/b_footer.gif) 0 0 no-repeat;
	/*position: absolute;
	top: 900px;*/
}
#footer p{
	padding: 12px 0 0 0;
	font:10px/16px Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-align:center;
	color:#fff;
	width: 725px;
}
#footer p span{ font:10px/16px  Tahoma, Geneva, sans-serif; color:#fff;}
#footer p a{ font:10px/16px  Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{ font:10px/16px  Tahoma, Geneva, sans-serif; text-decoration:underline;}

/* CONTENTPAGE */

#contentpage{ position:relative; height:400px }
#contentpage p{padding-top:200px; font-weight:bold; text-align:center}
#main {
	background-color: #FFF;
	padding: 10px;
	border-top: 2px solid #286675;
	overflow: hidden;
}
#content {
	display:inline;
	padding: 10px;
	float: left;
	/*width: 500px;*/
}
#side_nav {
	padding: 10px;
	display:inline;
	border-left: 2px solid #286675;
	width: 163px;
}
#graph_main {
	width: 330px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#instrumentation_main {
	width: 330px;
	padding-bottom: 20px;
}
#trend_main {
	width: 330px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#consult_main {
	width: 330px;
	padding-bottom: 20px;
}
.basic_list {
	list-style-type:disc;
	padding-left:20px;
	width:100%;
}
.link_div {
	padding-top:5px;
}
.link_div a {
	color:#286675;
	background-color:rgba(85, 85, 85, 0.09);
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:2px;
}
.tdBuy {
	text-align:center;
	margin:0 auto;
}
.tdBuy td{
	text-align:center;
	margin:0 auto;
	padding:10px;
}
.tdBuy div{
	text-align:center;
	margin:0 auto;
	width:100%;
	padding-bottom:12px;
}
.tdBuy a
{
	color:#666;
    text-decoration:none;
    padding:4px 10px;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cacaca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cacaca 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cacaca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cacaca 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#cacaca 100%); /* W3C */
}

.tdBuy a:hover 
{
	background: #f0f9ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f9ff 0%, #a1dbff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f9ff 0%,#a1dbff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f9ff 0%,#a1dbff 100%); /* IE10+ */
	background: linear-gradient(top,  #f0f9ff 0%,#a1dbff 100%); /* W3C */

}
.image_div img{
	padding:10px;
}
