@charset "utf-8";
* { margin: 0; padding:0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body {
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #333;
}
#wrap {
	width: 643px;
	margin: auto;
}
a, a:visited, a:active { color: #0175ae; }
a:hover { color: #333; }

h1,h2,h3,h4, { font-family: Arial, Helvetica, sans-serif; }

#head { position: relative; }
#head img.logo { float:left; margin: 18px 0 15px 15px; border: none; }
#head a.powered { background: url(../images/poweredby.gif) no-repeat; width: 231px; height: 35px; float:left; margin: 27px 0 0 19px; text-decoration: none; position: relative; }
#head a.powered span.pb { display: none; }
#head a.powered span.tooltip { font-family: Arial, Helvetica, sans-serif; z-index: 100; font-size: 10px; color: #666; background: #fff; padding: 2px 10px 6px 10px; width: 500px; position: absolute; top: -10px; left: -150px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #ccc; display: none;  }
#head a.powered span.tooltip strong { display: block; color: #0175ae; font-size: 11px; margin-top: 4px; }
#head a.powered:hover span.tooltip { display: block;}

#head ul#nav { background: url(../images/nav_bg.gif) repeat-x 0 0; height: 34px; display: block; clear:left; list-style: none; }
#head ul#nav li { float:left; background: url(../images/nav_divider.gif) no-repeat right 0; height: 34px; }
#head ul#nav li.last { background: url(../images/nav_right.gif) no-repeat right 0; width: 10px; float: right; }
#head ul#nav li a {  background: url(../images/nav_bg.gif) repeat-x 0 0; color: #fff; font-weight: bold; font-size: 12px; float:left; height: 25px; padding: 9px 25px 0 25px; text-decoration: none; outline: none; margin: 0 2px 0 0; }
#head ul#nav li a.first {background: url(../images/nav_bg.gif) repeat-x 0 0; padding:0; height: 34px; }
#head ul#nav li a.first span { height:25px; display: block; background: url(../images/nav_left.gif) no-repeat left 0; padding: 9px 25px 0 25px; cursor: pointer; } 
#head ul#nav li a:hover, #head ul#nav li a.first:hover span, #head ul#nav li.active a, #head ul#nav li.active a span { background-position: 0 -34px; }

#head ul#links { position: absolute; right: 7px; top: 12px; list-style: none; }
#head ul#links li { border-left: 1px solid #ccc; display: inline; padding: 0 2px; font-size: 11px; }
#head ul#links li.first { border-left: none; }
#head ul#links li a { color: #098ecc; font-size: 11px; padding: 3px 6px; text-decoration: none; }
#head ul#links li a:hover { color: #000;text-decoration: underline;  }

#head h1.order { font-size: 19px; letter-spacing: -1px; color: #333; position: absolute; right: 15px; top: 46px; font-weight: normal; }
#head h1.order span { color: #0175ae; }

#index {}
#index #splash { background: url(../images/index_splash.jpg) no-repeat top; height: 362px; position: relative; margin-bottom:6px; }
#index #splash .text { background: url(../images/index_splash_text.gif) no-repeat left 0; height: 200px; }
#index #splash p { color: #666; font-size: 12px; width: 194px; position: absolute; font-family: Arial, Helvetica, sans-serif; }
#index #splash p a { display: block; width: 105px; height: 35px; background: url(../images/btn_learnmore.gif) no-repeat; margin: 16px 0 0 0; background-position: 0 -70px; }
#index #splash p a:hover { background-position: 0 0; }
#index #splash p a span { display: none; }

#personal #splash, #commercial #splash { margin-bottom: 10px; position: relative; }
#personal #splash img.product-img, #commercial #splash img.product-img { position: absolute; top: 8px; right: 34px; }
#personal #splash h1, #commercial #splash h1, .sub-page h1 { font-size: 40px; letter-spacing: -2px; color: #333; font-weight: bold; margin: 14px 0 6px 24px;  }
#personal #splash h2, #commercial #splash h2, .sub-page h2 { font-size: 28px; letter-spacing: -1px;  margin: 14px 0 14px 24px; }
#personal #splash p, #commercial #splash p { margin: 0 300px 10px 24px; font-size: 12px; line-height: 20px; color: #666; }
#personal #splash .box, #commercial #splash .box { margin-top: 24px; }

#personal #features ul, #commercial #features ul { list-style: none; margin: 20px 0; }
#personal #features ul li, #commercial #features ul li { float:left; width:143px; font-size: 11px; margin-left: 44px; color: #666; display: inline; }
#personal #features ul li img, #commercial #features ul li img { border: none; display: block; margin: auto; margin-bottom: 6px; }
#personal #features ul li strong, #commercial #features ul li strong { display: block; margin-bottom: 6px; font-size: 12px; color: #333; }
#commercial p.pt { clear:left; }
#commercial p.pt img { float:left; border: 1px solid #ccc; margin: 0 40px 10px 0; }
#commercial p.pt strong { display: block; margin-bottom: 10px; font-size: 16px;  }

.content { background: url(../images/nav_shadow.gif) no-repeat top center; padding-top: 20px; padding-bottom: 18px;  }

.content h1.page-title { font-size: 18px; border-bottom: 1px solid #dedede; margin:0 0; padding:0 0 8px 24px; color: #666; font-weight: normal; letter-spacing:-1px; position: relative;  }
.content h1.page-title span.grey { color: #999; }
.content h1.page-title a.right {
	position: absolute;
	top:-2px;
	right:0;
	width: auto !important;
	width: 220px;
	background: url(../images/btn_grey_left.gif) no-repeat left 0;
	height: 26px;
	text-decoration: none;
	color: #004d73;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	margin-right: 110px;
}
.content h1.page-title a.right span { display: block; height: 21px; background: url(../images/btn_grey_right.gif) no-repeat right 0; padding: 5px 14px 0 14px; text-align: center; cursor:pointer; }
.content h1.page-title a.right:hover { color: #333; background-position: 0 -26px; }
.content h1.page-title a.right:hover span { background-position: right -26px; }

.content .box, .content .box_blue { margin-bottom: 10px; }
.content .box .box_head { background: url(../images/main_tl.gif) no-repeat left; }
.content .box .box_head span { background: url(../images/main_tr.gif) no-repeat right; height: 10px; display: block; font-size: 2px; }
.content .box .box_content, .content .box_blue .box_content { border: 1px solid #dedede; border-top: none; border-bottom: none; background: url(../images/main_b.gif) repeat-x bottom; padding: 1px 14px; }
.content .box .box_content h1 { font-size: 40px; letter-spacing: -2px; color: #333; font-weight: bold; margin: 10px 24px 14px 24px;}
.content .box .box_content p { margin: 0 24px 20px 24px; font-size: 12px; line-height: 20px;  }
.content .box .box_content p#newsdate { border-top:1px solid #CDCDBE; color: #0175ae;}

.content .box .box_content p { margin: 10px 24px; }
.content .box .box_content p label { float:left; width: 160px; font-weight: bold; font-size: 11px; margin: 4px 0 0 0; }
.content .box .box_content p input.txt { width: 220px; padding: 5px; }
.content .box .box_content p select {
	width: 232px;
	padding: 5px;
}
.content .box .box_content p select.bday {
	width: 90px;
	padding: 5px;
}
.content .box .box_content p textarea { font-family: Arial, Helvetica, sans-serif; width: 220px; height: 120px; font-size: 12px; padding: 5px; }
.content .box .box_content img.video { margin:10px 24px;}

.content .box .box_foot, .content .box_blue .box_foot { background: url(../images/main_bl.gif) no-repeat left top; }
.content .box .box_foot span, .content .box_blue .box_foot span { background: url(../images/main_br.gif) no-repeat right top; display: block; height: 14px; font-size: 2px; }
.content .box_blue .box_head { background: url(../images/main_blue_tl.gif) no-repeat left; }
.content .box_blue .box_head h1 { background: url(../images/main_blue_tr.gif) no-repeat right; height: 28px; display: block; margin:0; font-size: 14px; font-weight: bold; letter-spacing:-1px; color: #fff; padding: 7px 0 0 24px; }
.content .box_blue .box_content p { color: #666; font-size: 11px; margin:10px; }
.content .box_blue .box_content ul { list-style: none; margin: 10px 10px 10px 10px; list-style: square; color: #666; }
.content .box_blue .box_content ul li { font-size: 11px; line-height: 17px; margin: 8px 10px 0 14px; }
.content .box_blue .box_content ul li a#on { color:#333}
.content .box_blue .box_content ul li span { font-weight: bold; }
.content .box_content img.floating-pic { float:left; margin: 0 20px 20px 14px; }

.content .box_blue #tech-specs ul { float: left; width: 278px; display: inline;  list-style: none; padding-left: 28px }
.content .box_blue #tech-specs ul li { margin: 2px 10px 0 0px ;font-size: 10px; text-align: right; border-bottom: 1px solid #f2f2f2; padding: 2px 0; }
.content .box_blue #tech-specs ul li strong { color: #0175ae; text-align: left; display: block; }
.content .box_blue #tech-specs ul li span { float:left; width: 130px; text-align: left; }

.content .box_small { width: 326px; float:left; margin-left: 10px; display: inline; }
.content .box_med { width: 643px; float:left; display: inline; }
#products .box_small { width: 320px; float:left; margin-left: 11px; display: inline;   }
#products h2 span { display: block; font-size: 14px; color: #666; letter-spacing: normal; border-top: 1px solid #dedede; padding-top:3px; }

.content a.grey-button { float:left; width: auto !important;  width: 220px; background: url(../images/btn_grey_left.gif) no-repeat left 0; height: 26px; text-decoration: none; color: #004d73;  font-size: 12px; font-weight: bold; letter-spacing: normal; margin: -2px 10px 0 0; }
.content a.grey-button span {
	display: block;
	height: 22px;
	background: url(../images/btn_grey_right.gif) no-repeat right 0;
	padding: 4px 15px 0 15px;
	text-align: center;
	cursor:pointer;
}
.content a.grey-button:hover { color: #333; background-position: 0 -26px; }
.content a.grey-button:hover span { background-position: right -26px; }

.content a.red-button {
	float:right;
	width: auto !important;
	width: 220px;
	background: url(../images/btn_red_left.gif) no-repeat left 0;
	height: 26px;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	margin: -2px 10px 0 0;
}
.content a.red-button span {
	display: block;
	height: 22px;
	background: url(../images/btn_red_right.gif) no-repeat right 0;
	padding: 4px 15px 0 15px;
	text-align: center;
	cursor:pointer;
}
.content a.red-button:hover { color: #333; background-position: 0 -26px; }
.content a.red-button:hover span { background-position: right -26px; }

.content ul#technology { list-style: none; padding: 17px 0; margin:0; }
.content ul#technology li { width: 270px; font-size: 11px; margin-left: 10px; }
.content ul#technology li p { font-size: 11px; margin:0; }
.content ul#technology li img { float:left; margin: 0 14px 0 0; }

.content p { font-size: 12px; margin: 10px 0; line-height: 19px; }
.sub-page p { margin: 0 24px 10px 24px; font-size: 12px; line-height: 18px; color: #666; }

#markets .market { clear:left; }
#markets .market h2 { margin-bottom: 8px;  }
#markets .market h2 a { color: #0175ae; text-decoration: none; }
#markets .market p a { color: #0175ae;  }
#markets .market a:hover { color: #333; }
#markets .col { float:left; width: 490px; }
#markets .market span { float:left; width: 80px; background: url(../images/markets.jpg) no-repeat; height: 82px; margin: 4px 20px 24px 24px; }
#markets .market span.icon-02 { background-position: 0 -86px; }
#markets .market span.icon-03 { background-position: 0 -172px; }
#markets .market span.icon-04 { background-position: 0 -258px; }
#markets .market span.icon-05 { background-position: 0 -344px; }
#markets .market span.icon-06 { background-position: 0 -430px; }
#markets img.image { float:right; margin: 0 0 20px 48px; }

#testimonials p { background: url(../images/testimonials_quote.gif) no-repeat 94px 0 ; padding-left: 152px; margin-bottom: 34px; }
#testimonials img.author { float: left; border: 1px solid #dedede; margin: 0 0 0 24px; padding: 2px; clear: left; }
#testimonials span.author { color: #0175ae; font-weight: bold; display: block; margin: 4px 0 0 0 }
#testimonials span.title { font-size: 10px; margin: 0 0 0 0; color: #aaa; }
#testimonials .col { float:left; width: 490px; }

#faq p { }
#faq p.answer { margin-bottom: 24px; margin-left: 44px; display: none; }
#faq ul.answer { display: none; }
#faq p strong a { color: #0175ae; cursor: pointer; }
#faq p strong a:hover { color: #333; }
#faq ul { list-style: square; font-size: 12px; color: #666; margin: 0 0 24px 60px; }
#faq ul li { margin: 4px 0; }

#contact .col { width: 646px; float:left; }

#contact form p { margin: 10px 24px; }
#contact form p label { float:left; width: 160px; font-weight: bold; font-size: 11px; margin: 4px 0 0 0; }
#contact form p input.txt { width: 220px; padding: 5px; }
#contact form p select { width: 232px; padding: 5px; }
#contact form p textarea { font-family: Arial, Helvetica, sans-serif; width: 220px; height: 120px; font-size: 12px; padding: 5px; }

#reference ul.list a { font-weight: bold; font-size: 12px; }
#reference h3 { font-size: 20px; letter-spacing: -1px; margin: 10px 24px; }
#reference .box a { margin: 24px 24px 6px 24px; font-size: 12px; display: block; text-decoration: none;  }

#boxes { height: 164px; clear:left; }
#boxes img { border: none; float:left; margin-left: 14px; }

#footer { clear:left; background: url(../images/footer.gif) no-repeat top center; padding: 1px; }
#footer p { color: #7f7f7f; font-size: 11px; margin: 10px 14px; }
#footer ul {  list-style: none;  margin: 20px 14px 20px 14px; }
#footer ul li { border-left: 1px solid #ccc; display: inline; padding: 0 0 0 4px; font-size: 11px; }
#footer ul li.first { border-left: none; padding-left:0; }
#footer ul li.first a { margin-left:0; padding-left:0; }
#footer ul li a { color: #098ecc; font-size: 11px; padding: 3px 7px; text-decoration: none; }
#footer ul li a:hover { color: #000; text-decoration: underline; }