html { margin: 0; padding: 0; }

body {
color: #000;
background: #0A1693;
margin: 0;
padding: 0;
}

#content h1 { font-size: 18px; color: #000; background: transparent; border-bottom: solid 1px #000; }
#content h2 { font-size: 14px; color: #444; background: transparent; margin: 35px 0px 0px 0px; }
#content h3 { font-size: 12px; color: orange; background: transparent; margin: 5px 0px 0px 0px; padding: 0px; }
#content p { margin-top: 3px; }
a, a:link { color: #0000CC; font: normal 11px Verdana, Arial, sans-serif; text-decoration: none; }
a:hover { color: #75AEE9; font: normal 11px Verdana, Arial, sans-serif; text-decoration: none; }
.right { text-align: right; }
.float-right { float: right; clear: none; vertical-align: middle; }
.divider { margin: 15px 0px; text-align: center; }
.notify { font-weight: bold; }
.error { color: #FF3333; background: transparent; font-weight: bold; }
.message { color: #00CC00; background: transparent; font-weight: bold; }
.submit { font-weight: bold; color: #fff; background: #75AEE9; }
textarea, input { font: normal 11px Verdana, Arial, sans-serif; background: #F6F5F5; border: solid 1px #ccc; }
.blue-gradient-bg { background: transparent url(../images/blue-gradient-bg.gif) top right repeat-y; }
#phone-number { color: #000; background: transparent; font: bold 11px Verdana, Arial, sans-serif; }
.note { color: #00CC00; background: transparent; font-weight: bold; }
a img, a:link img { border: none; }

#header {
height: 167px;
width: 100%;
background: #ccc;
border-bottom: solid 19px #0A1693;
padding: 0px;
margin: 0px;
}

#top-blue-bar {
font-size: 10px;
height: 19px;
width: 100%;
color: #000;
background: #0A1693;
border-bottom: solid 2px #75AEE9;
}

#header #logo-image {
margin: 0;
padding: 0;
vertical-align: bottom;
}

#navigation {
position: relative;
margin-left: 170px;
}

#left-column {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
top: 186px;
left: 10px;
width: 150px;
padding-top: 10px;
font: normal 10px Verdana, Arial, sans-serif;
color: #fff;
background: transparent;
line-height: 14px;
}

#left-column h1 {
font-weight: bold;
font-size: 11px;
color: #fff;
background: transparent;
margin: 5px 0 5px 0;
padding: 0;
}

.rounded-white-box {
margin: 5px 0 20px 0;
padding: 0;
background: #fff url(../images/rounded-corners_sm.gif) top left no-repeat;
color: #000;
font-size: 11px;
text-align: center;
line-height: 14px;
}

.rounded-white-box p {
	padding: 5px;
	margin: 2px 0px;
}

#rotating-testimonials {
	font-size: 11px;
	text-align: center;
	background: #fff url(../images/bg-quotes.gif) top left no-repeat;
}

#content-frame {
margin: 0 0 0 170px;
width: 595px;
background: #fff;     /*** This div has a background to cover the 2-tone body BG ***/
}

#content {
padding: 20px 20px 30px 20px;
font: normal 11px Verdana, Arial, sans-serif;
line-height: 16px;
color: #000;
background: #fff url(../images/rounded-corners.gif) top left no-repeat;
}

#footer {
font: normal 10px Verdana, Arial, sans-serif;
color: #666;
background: #ccc;
border-top: solid 2px #75AEE9;
border-bottom: solid 1px #000;
width: 555px;
padding: 5px 20px;
margin: 0px 0px 10px 170px;
}

.mini-footer {
background: #ccc;
border-top: solid 2px #75AEE9;
border-bottom: solid 1px #000;
line-height: 0;
font-size: 0px;
height: 7px;
}

/***** START NAVIGATION ******/
#navcontainer {
position: absolute;
top: 129px;
left: 180px;
width: 595px;
background: #ccc;
font-size: 93%;
line-height: normal;
}

#navcontainer ul {
margin: 0;
padding: 10px 10px 0;
list-style: none;
}

#navcontainer li {
float: left;
background: url(../images/norm-left.gif) no-repeat left top;
margin: 0;
padding: 0 0 0 9px;
}

#navcontainer a {
float: left;
display: block;
background: url(../images/norm-right.gif) no-repeat right top;
padding: 10px 20px 4px 6px;
text-decoration: none;
font-weight: bold;
color: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a {float: none;}
/* End IE5-Mac hack */

#navcontainer a:hover { color: #000; }
#navcontainer #current { background-image: url(../images/norm-left-on.gif); }

#navcontainer #current a {
background-image: url(../images/norm-right-on.gif);
color: #fff;
padding-bottom: 5px;
}

#navcontainer #current a:hover { cursor: default; }
/***** NAVIGATION ******/

/***** Contact Form Styles *****/
.label-required { font-weight: bold; text-align: right; }
.label { text-align: right; }
.form-input input,
.form-input textarea { padding: 4px; width: 259px; }
form label small { display: block; font-weight: normal; }
form table tr td { vertical-align: top; line-height: 12px; }
/***** Contact Form Styles *****/


/***** Start FAQs Styles *****/
	.faqs-question {
		background: #fff url(../images/bullet.gif) center left no-repeat;
		font-weight: bold;
		padding: 0px 0px 0px 20px;
		margin: 0px 0px 3px 0px;
		border-bottom: dotted 1px #ccc;
	}
	
	.faqs-answer { color: #444; padding: 0px; margin: 0px 0px 25px 0px; }
	ul.faqs-answer, ol.faqs-answer { margin-left: 30px; }
	
	ol { margin-top: 0px; padding-top: 0px; }
	ol li { margin-bottom: 5px; }
	ol ul { margin-top: 3px; margin-bottom: 5px; list-style-type: disc; }
	ol ul li { margin-left: 0px; padding-left: 0px; }
/***** End FAQs Styles *****/


/***** Start About Styles *****/
	#testimonials p {
		background: #eee url(../images/left-quote.gif) top left no-repeat;
		padding: 5px 0px 5px 12px;
		margin: 0px 0px 10px 0px;
		border: dotted 1px #ccc;
	}
/***** End About Styles *****/


/***** Start Products Styles *****/
	#products-listing td {
		border-right: dotted 1px #ccc;
		padding: 0px 5px 15px 5px;
		text-align: center;
		vertical-align: top;
	}
	
	.thumbnail {
		float: left;
		padding: 5px;
		border: solid 1px #ccc;
		margin: 5px 10px 0px 0px;
	}
	
	.thumbnail img { border: solid 1px #000; }
	
	.sub { margin: 0px 0px 0px 10px; }
	
	#products { float: right; border: solid 1px #ccc; margin: 0px 0px 10px 10px; }
	#products h3, .sub h3 { margin: 5px 0px 5px 10px; border-bottom: solid 1px #EDEDED; }
	.sub table { margin-bottom: 15px; }
	.sub table td { padding: 0px 25px 0px 0px; }
	.sub p { margin: 3px 0px; padding: 0px; }
	#products-desc { height: 275px; background: #fff url(../images/products_bg.gif) center center no-repeat; }
	.product-thumbs a img, .product-thumbs a:link img { vertical-align: top; border: solid 1px #ccc; margin: 0px 3px 20px 0px; padding: 2px; }
	#product-thumbs-hardware { width: 550px; height: 75px; overflow: auto; border: solid 1px #ccc; padding: 10px 0px 0px 5px; margin-bottom: 10px; }
	#preview-frame { float: left; text-align: center; width: 430px; }
	.product {
		vertical-align: middle;
		padding: 5px 10px;
	}
	
	.product img { border: solid 1px #000; vertical-align: middle; }
	
	#second-row td { padding-top: 15px; width: 100px; }
	
/***** End Products Styles *****/

.totop { text-align: right; }
.letter { border: solid 1px #000; border-top-color: #555; border-left-color: #555; }
.testimonial-paging { background: #eee; text-align: center; padding: 4px; }
.pdf { background: url(../images/ico-pdf.gif) center left no-repeat; padding: 1px 0 1px 20px; }