/* CSS Document for Omnio Tech */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
body {
	font: 80% Arial, Helvetica, sans-serif;
	color: #011A53;
	}

.bold {font-weight: bold;}
	
p {margin-bottom: 15px}

.wrapper {
	width: 770px;
	margin: auto auto;
	}
	
h1 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #7297C4;
	text-align: center;
	padding-bottom: 6px;
	}
	
.searchbkg {border-top: 1px solid #F60; border-bottom: 1px solid #F60; background-color: #5B87BA; height: 18px; padding: 3px;}
.search {width: 770px; margin: auto auto; text-align: right;}
input.searchtext {border: 1px solid #F60; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #2B63A6;}
input.submit {border: 1px solid #FFF; background: #F40; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}

.header {height: 86px; background: url(images/header.jpg) no-repeat right; width: 770px; margin: auto auto}

.navbkg {border-top: 1px solid #F60; border-bottom: 1px solid #F60; background-color: #5B87BA; height: 24px;}
#navigation {width: 770px; margin: auto auto; padding-left: 4px;}
#navigation a:link, #navigation a:visited {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #2B63A6;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	border-top: 1px solid #7599C5; border-left: 1px solid #7599C5; border-right: 1px solid #214C80; border-bottom: 1px solid #214C80;
	}
#navigation a:hover {
	background: #F60;
	border-top: 1px solid #FF9B59; border-left: 1px solid #FF9B59; border-right: 1px solid #A04000; border-bottom: 1px solid #A04000;
	}

#navigation a.sixtytwo {width: 64px;}	
#navigation a.sixtyfour {width: 66px;}
#navigation a.onehundredfour {width: 106px;}
#navigation a.eightfour {width: 86px;}
#navigation a.nintyeight {width: 98px;}
#navigation a.oneonefour {width: 115px;}

.rightcol {width: 155px; float: right; padding: 15px;}

.content {width: 514px; border-right: 1px solid #F60; float: left; padding: 25px; font: Arial, Helvetica, sans-serif; color: #153051;}
.content a:link, .content a:visited {font: Arial, Helvetica, sans-serif; color: #153051; text-decoration: underline;}
.content a:hover {text-decoration: none;}

h2 {font: 20px Arial, Helvetica, sans-serif; color: #011A53; background: url(images/heading-bkg.gif) no-repeat left bottom; padding-bottom: 25px; margin-bottom: 15px;}

ul.homepagelist li {display: inline; background: url(images/list-image.gif) no-repeat left; padding-left: 15px; padding-right: 7px;}

ul.homepagelist a:link, ul.homepagelist a:visited {font-weight: bold;}

a.slink:link, a.slink:visited {font: bold 10px Verdana, Arial, Helvetica, sans-serif; float: right;}
a.slink:hover {text-decoration: none;}

.topblue {margin-top: 15px; background: url(images/blue-top.gif) no-repeat; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; padding: 8px 0 27px 10px;}
.toporange {background: url(images/orange-top.gif) no-repeat; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; padding: 8px 0 27px 10px;}
.botorange {background: url(images/orange-bot.gif) no-repeat bottom; font-weight: bold;}
p.toporangetext {padding: 4px 10px 24px 10px; text-align: center;}

.lgeorange {font: bold 12px Arial, Helvetica, sans-serif; color: #F60;}
p.topbluetext {padding: 5px 0px 7px 0px; margin-bottom: 0px;}

.productleft {border: 1px solid #011A53; background-color: #5B87BA; float: left; width: 230px; padding: 10px; margin-top: 10px; margin-right: 10px;}
.productright {border: 1px solid #011A53; background-color: #5B87BA; float: left; width: 230px; padding: 10px; margin-top: 10px;}

h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #011A53;}

.hpproducts img {float: left; width: 122px;}
.hpproducts p {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; float: right; width: 100px; margin-left: 5px; margin-bottom: 0px;}

.viewlink {clear: both; text-align: right; width: 230px; padding-top: 6px; padding-bottom: 6px;}
.hpproducts a.view:link, .hpproducts a.view:visited {border: 1px solid #FFF; background-color: #011A53; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 5px;}
.hpproducts a.view:hover {background-color: #F60;}

.footer {border-top: 1px solid #F60; clear: both; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #7297C4;	text-align: center; padding-top: 5px;}
.footer a:link, .footer a:visited {font-weight: normal; color: #7297C4; text-decoration: underline;}
.footer a:hover {text-decoration: none;}

.toppad {padding-top: 15px; clear: both; font-weight: bold;}