@charset "UTF-8";
* {
	margin: 0px;
}
body,td,th {
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #0066FF;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #FF9900;
}
h1, h2, h3, h4 {
	margin-bottom: .5em;
}
h1 {
	font-size: 28px;
	color: #000000;
	margin-top: .5em;
}
h2 {
	font-size: 24px;
	color: #666666;
}
h3 {
	font-size: 18px;
	color: #0099FF;
}
h4 {
	font-size: 16px;
	color: #FF9900;
}
#wrapper {
	padding: 0px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
	height: 100px;
	width: 940px;
}
#logo {
	width: 280px;
	float: left;
}
.header_floatbox {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 400px;
}
#top-navbar {
	height: 39px;
	width: 940px;
	background-image: url(../images/bg-bottom-bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
}
#content-box {
	width: 940px;
}
#footer {
	background: url(../images/bg-footer.jpg) no-repeat;
	height: 70px;
	width: 920px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	color: #000000;
}
.clear {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 0px;
	visibility: hidden;
	clear: both;
}
#footer .footer-nav-box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 530px;
}
.addressbox {
	float: left;
	width: 196px;
}
.phonebox {
	float: right;
	width: 165px;
}
#footer .footer-nav-box p {
	margin: 0px;
	padding: 0px;
}
#footer .footer-address-box {
	line-height: 16px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 380px;
}
.bg-blue {
	background: url(../images/bg-leftcol.gif) repeat-y left top;
}
.left-column {
	float: left;
	width: 240px;
}
.right-column {
	float: right;
	width: 700px;
}
.right-column p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0.7em;
}
.quote-box {
	display: block;
	margin: 0px auto;
	padding: 18px 0px 0px;
	width: 300px;
	background: #E1E1E1 url(../images/quote-bg-top.gif) no-repeat left top;
}
.quote-box-top {
	background: url(../images/quote-bg-top.gif) no-repeat left top;
	width: 300px;
}
.quote-box-bottom {
	background: url(../images/quote-bg-bottom.gif) no-repeat left bottom;
	width: 300px;
}
.quote-box-text {
	display: block;
	margin: 0px 18px;
	padding: 0px 0px 14px;
	font-style: italic;
	color: #FF9900;
}
.quote-box-text p {
	font-size: 14px;
	line-height: 18px;
}
.quote-box-text span {
	font-size: 16px;
}


/*	Content Style
	================================================*/
	
#navigation {
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 940px;
	background: url(../images/nav-bg.jpg) no-repeat left top;
}
#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navigation li {
	display: block;
	float: left;
	height: 32px;
	overflow: hidden;
}
#navigation ul li a, #navigation ul li a:visited {
	display: block;
}
#navigation ul li a:hover, #navigation ul li a#current {
	background-position: 0 100%;
	display: block;
}
/*#navigation a.home {
	background: url(../images/nav-home.jpg) no-repeat 0 0;
	height: 32px;
	width: 118px;
}*/
#navigation a.product {
	background: url(../images/nav-product.jpg) no-repeat 0 0;
	height: 32px;
	width: 118px;
}
#navigation a.watersafe {
	background: url(../images/nav-watersafe.jpg) no-repeat 0 0;
	height: 32px;
	width: 121px;
}
#navigation a.stiction {
	background: url(../images/nav-stiction.jpg) no-repeat 0 0;
	height: 32px;
	width: 129px;
}
#navigation a.surfmod {
	background: url(../images/nav-surfmod.jpg) no-repeat 0 0;
	height: 32px;
	width: 129px;
}
#navigation a.services {
	background: url(../images/nav-services.jpg) no-repeat 0 0;
	height: 32px;
	width: 111px;
}
#navigation a.demo {
	background: url(../images/nav-demo.jpg) no-repeat 0 0;
	height: 32px;
	width: 110px;
}
#navigation a.about {
	background: url(../images/nav-about.jpg) no-repeat 0 0;
	height: 32px;
	width: 110px;
}
#navigation a.library {
	background: url(../images/nav-library.jpg) no-repeat 0 0;
	height: 32px;
	width: 112px;
}
#navigation a.product, #navigation a.watersafe, #navigation a.stiction, #navigation a.surfmod, #navigation a.services, #navigation a.demo, #navigation a.about, #navigation a.library {
	text-indent: -10000px;
}

.left-quote-text {
	width: 220px;
	margin: 300px 10px 20px;
}
.left-text {
	width: 220px;
	margin: 20px 10px;
}
.left-text .imgbox {
	margin: 5px auto;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	display: block;
}
.left-quote-text  p, .left-text p {
	line-height: 18px;
	margin-bottom: .5em;
	font-size: 13px;
}
.left-text .icon-label {
	text-align: center;
}
.left-text .dl1 dl {
	display: block;
	margin: 0px 0px .5em;
	padding: 0px;
	width: 100%;
}
.left-text .dl1 dt, .left-text .dl1 dd, .left-text .dl2 dt, .left-text .dl2 dd  {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
.left-text .dl1 dt  {
	float: left;
	width: 60%;
}
.left-text .dl1 dd {
	float: right;
	width: 40%;
}
.left-text .dl2 dl {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.left-text .dl2 dt {
	float: left;
	width: 72%;
}
.left-text .dl2 dd {
	float: right;
	width: 28%;
}
.left-columnbg {
	float: left;
	width: 240px;
	background: #C3E7F1 url(../images/bg-left-phone-img.jpg) no-repeat top;
}
.clearfix:after {
	content: ".";
	height:0;
	display: block;
	clear: both;
	visibility: hidden;
}
.googlemap {
	width: 240px;
}
.content-AB-holder {
	display: block;
	margin: 1.5em 10px 0.5em;
	padding: 0px;
	width: 680px;
}
.col-AB-A {
	float: left;
	width: 330px;
}
.col-AB-B {
	float: right;
	width: 330px;
}
.col-AB-A-about-img {
	float: left;
	width: 110px;
}
.col-AB-B-about-desc {
	float: right;
	width: 550px;
}
.content-AB-holder2 {
	display: block;
	margin: 1.5em 10px 0.5em;
	padding: 0px;
	width: 680px;
	position: relative;
}
#col-AB-AP {
	position: absolute;
	z-index: 10;
	width: 330px;
	right: 0px;
}
.content-ABC-holder {
	display: block;
	margin: 1.5em 10px 0.5em;
	padding: 0px;
	width: 680px;
}
#flashcontent2 {
	height: 430px;
	width: 680px;
}

.leftmenu-blue ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.leftmenu-blue li {
	line-height: 28px;
	color: #0066FF;
}
.leftmenu-blue li a, .leftmenu-blue li a:visited {
	text-decoration: none;
	display: block;
	padding: 0px 4px;
	width: 190px;
	color: #FFF;
	padding-left: 22px;
	background: url(../images/btn-blue.png) no-repeat 0 top;
	border-top: 1px solid #FFF;
	border-right: 1px solid #0099CC;
	border-bottom: 1px solid #0099CC;
	border-left: 1px solid #0099CC;
}
.leftmenu-orange li a, .leftmenu-orange li a:visited {
	text-decoration: none;
	display: block;
	padding: 0px 4px;
	width: 190px;
	color: #FFF;
	padding-left: 22px;
	background: url(../images/btn-orange.png) no-repeat 0 top;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
}
.leftmenu-blue li a:hover {
	background: url(../images/btn-orange.png) no-repeat 0 top;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
}
.leftmenu-orange li a:hover {
	border: 1px solid #0099CC;
}
.leftmenu-blue li a.current {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	background: url(../images/btn-orange.png) no-repeat 0 top;
}
.leftmenu-orange li a.current {
	border: 1px solid #FF9900;
}
.leftmenu-orange ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.leftmenu-orange li {
	line-height: 28px;
	color: #FF9900;
}
.col-ABC {
	float: left;
	width: 212px;
}
.abc-ab {
	margin: 0px 20px 0px 0px;
}
.label-ctr {
	font-weight: bold;
	text-align: center;
}
.img-ctr {
	text-align: center;
}
.label-ctr-blue {
	text-align: center;
	font-weight: bold;
	color: #0099FF;
}
.blue-para {
	color: #0099FF;
}
.orange-para {
	color: #FF9900;
}
#ap-angles1 {
	position:absolute;
	left:183px;
	top:57px;
	width:78px;
	height:49px;
	z-index:1;
	text-align: center;
	font-weight: bold;
}
#ap-angles2 {
	position:absolute;
	left:183px;
	top:220px;
	width:78px;
	height:42px;
	z-index:1;
	text-align: center;
	font-weight: bold;
}
.label-caption {
	font-weight: bold;
}
.content-ABCD-holder {
	display: block;
	margin: 1.5em 10px 0.5em;
	padding: 0px;
	width: 680px;
}
.col-ABCD {
	float: left;
	width: 155px;
}