/* omansys.css 
** http://omanco.com
** by Wayne Cater
** December 2008 
**/



body {
	background-color: #656565; /*#cbcbcb;*/
	font-family: verdana, arial, "lucida console", sans-serif;
	font-size:75%;

}


#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;

	background-color: #656565;
}


#paperContainer {
	position:relative;
	top:-.75em;
	width:950px;
	margin-left:auto;
	margin-right:auto;

	background-color: #656565;
	background-image: url('images/container950px.jpg');
	background-repeat: repeat-y;

	min-height:1000px;
}


#Oman {
	position:relative;
	left:1em;
	height:109px; 
	width:216px;
	background-image: url('images/logoSm.jpg');
	background-repeat: no-repeat;
	cursor:pointer;
}

#Oman span {
	display:none;
}


#container #slogan #part1{
	color: #004d45;
	position:absolute;
	top: 2em;
	left: 16em;
	width:350px;
	font-size:large;
}

#container #slogan #part2 {
	color: #004d45;
	position:absolute;
	top: 3.5em;
	left: 20em;
	width:350px;
	font-size:large;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

.menu1 {
position:relative;
top:-1em;
left: 5px;
float:left; width:940px; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(cssMenuImages/menu1.gif) repeat-x top left #fff; 
border-top:3px solid #004d45;  border-bottom:3px solid #004d45;
margin:0 0 0 0; 
z-index: 10000;
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(cssMenuImages/divider1.gif) no-repeat top right;
z-index: 88;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none; color:#000; padding:0px 16px; line-height:31px; height:31px; border-bottom:3px solid #fff; 
z-index: 120;
font-weight: bolder;
}

.menu1 ul li:hover {width:auto; z-index:120;}

.menu1 ul li a.menu1one:hover {border-color:#004d45; color:#004d45; }
.menu1 ul li a.menu1two:hover {border-color:#004d45; color:#004d45;}
.menu1 ul li a.menu1three:hover {border-color:#004d45; color:#004d45;}
.menu1 ul li a.menu1four:hover {border-color:#004d45; color:#004d45;}
.menu1 ul li a.menu1five:hover {border-color:#004d45; color:#004d45;}
.menu1 ul li a.menu1six:hover {border-color:#004d45; color:#004d45;}

.menu1 ul li:hover a.menu1one {border-color:#004d45; color:#004d45;}
.menu1 ul li:hover a.menu1two {border-color:#004d45; color:#004d45;}
.menu1 ul li:hover a.menu1three {border-color:#004d45; color:#004d45;}
.menu1 ul li:hover a.menu1four {border-color:#004d45; color:#004d45;}
.menu1 ul li:hover a.menu1five {border-color:#004d45; color:#004d45;}
.menu1 ul li:hover a.menu1six {border-color:#004d45; color:#004d45;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0; width:164px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:130px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#9EA0A2  url(cssMenuImages/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #9EA0A2 url(cssMenuImages/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #9EA0A2 url(cssMenuImages/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#9EA0A2 url(cssMenuImages/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#fff; background: #9EA0A2  url(cssMenuImages/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #9EA0A2  url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#fff; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

<!--[if lte IE 5.5]>
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height:33px;}
</style>
<![endif]-->

#marquee {
	position:relative;
	top:0em;
	left:0em;
	width:1102px;
	margin-left:auto;
	margin-right:auto;
	background-color: #0066ff;
	padding:0 0 0 0;
}

/* flash item */
#banner {
	position:relative;
	top:-1em;
	left:5px;
	right:0em;
	height:120px;
	width: 939px;
	z-index:10;
	background-color: #3399ff
}


#Bottom {
	position:relative;
	top:-2.75em;                         /*  -1.5em; */
	margin-left:5px;
	margin-right:6px;
	background: url('images/convex.jpg') repeat-x top left;
	height:31px;
	z-index: 50;
}


#container #phone {
	position:relative;
	top:-3.4em;                /*-2.75em;*/
	color: #fff;
	left:0em;
	z-index:50;
	width:938px;
	text-align:right;
	font-size:2em;
	font-weight:bolder;
}

#container #main {
	position:relative;
	top:-8em;              /*-5em;*/
	left:20em;
	width:500px;
	z-index:5000;
}


#container #mainCustomer  {
	position:relative;
	top:-8em;
	left:18em;
	width:500px;
	z-index:5000;
	
}



#container #main #emailSection {
	position:relative;
	top: -23em;
	left: 18em;
	width:200px;
}



/* for the contactus page emails section */
#container #main ul ul {
	width:200px;
}

#container #main ul ul li {
	list-style-type:none;
}

#contactusForm {
	position:relative;
	top:4em;
	left:-20em;
	font-size:100%;
	font-weight:bold;
	width:450px;
}


#container #main p {
	width:475px;
}


#container #main h3 {
	top: 1em;
	width: 475px;
	font-size:large;
}

#container #main a, #container #mainSect a  {
	color: #004d45;
}

#container #main a:visited, #container #mainSect a:visited {
	color: #000;
}

#container #main .unorderedlists {
	position:relative;
	width:425px;
}

#container #main p .picright {

float: right; 
padding:5px 8px 5px 8px; 
margin: 0; 
font-size:90%; 
color: #fff; 
font-style:italic; 
border:none;

}

#container #main p .picleft {
float: left; 
padding:5px 8px 5px 8px;
margin: 0; 
font-size:90%; 
color: #fff; 
font-style:italic; 
border:none;
}


#login {
	position:absolute;
	top:30em; /*40em;*/
	left:3em;

	width: 175px;
	z-index:0;
	font: 8pt Verdana;
	color: #000;/*#004d45;*/
}

#weather {
	position:absolute;
	top:37em;
	left:1em;
}

#login #table36 {
	border:none;
	width:200px;
	height:163px;
}

#login #table36 tr td {
	width:87%;
	height:16px;
}

#login a {
	text-decoration:none;
	color:#000;
}

#login a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#004d45;
}

#microsoftpartner {

	position:absolute;
	top:2.5em;
	left:63em;

	background-image:url('images/microsoftcert.gif');
	background-repeat:no-repeat;
	width:130px;
	height:78px;

	z-index: 10000;
	cursor:pointer;
}

#microsoftpartner span {
	display:none;
}

#buttonsRight {
	position:absolute;
	top:28em;           /*35em;*/
	right:1em;
	width:200px;
	height:500px;
}




#tabData {
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#tabData span {
	position:relative;
	top:1.5em;
	left:2.5em;
}

a #tabData span {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #tabData span , a:visited #tabData span {
	font-weight:bold;
	color: #004d45;
	cursor:pointer;
}



#training {
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#training span {
	position:relative;
	top:1.5em;
	left:3em;
}

a #training span {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #training span , a:visited #training span {
	font-weight:bold;
	color: #004d45;
	cursor:pointer;
}





#connectnow {	
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#connectnow span {
	position:relative;
	top:1.5em;
	left:4em;
}

a #connectnow span  {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #connectnow span, a:visited #connectnow span {
	font-weight:bold;
	color: #004d45;
	cursor:pointer;
}

#contactus {	
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#contactus span {
	position:relative;
	top:1.5em;
	left:4.5em;
}

a #contactus span  {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #contactus span , a:visited #contactus span {
	font-weight:bold;
	color: #00454d;
	cursor:pointer;
}


#download {	
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#download span {
	position:relative;
	top:1.5em;
	left:3em;
}

a #download span {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #download span, a:visited #download span {
	font-weight:bold;
	color: #00454d;
	cursor:pointer;
}


#viewdemo {	
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#viewdemo span {
	position:relative;
	top:1.5em;
	left:4em;
}

a #viewdemo span  {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #viewdemo span, a:visited #viewdemo span {
	font-weight:bold;
	color: #004d45;
	cursor:pointer;
}



#downloaddemo {	
	background-image:url('images/btn1.jpg');
	background-repeat:no-repeat;
	width:184px;
	height:48px;
	cursor:pointer;
}

#downloaddemo span {
	position:relative;
	top:1.5em;
	left:3.25em;
}

a #downloaddemo span {
	font-weight:bold;
	color: #000;
	cursor:pointer;
}

a:hover #downloaddemo span,  a:visited #downloaddemo span {
	font-weight:bold;
	color: #00454d;
	cursor:pointer;
}



/* sideBarLeft */

#sideBarLeft {
   position:absolute;
   top: 26em;
   left: 3em;
}

#sideBarLeft span {
   display:none;
}

#sideBarLeft a {
   color:#000;
   font-weight:bold;
   padding-top: .5em;
   text-decoration:none;
}


#sideBarLeft a:visited {
	color: #000;
	text-decoration:none;
}

#sideBarLeft a:hover {
	color: #fff;
	background-color: #004d45;
	text-decoration:none;
}




#sideBarRight {
   position:absolute;
   top:25em;
   right:3em;
}

#sideBarRight span {
   display:none;
}



#footer {
	position:relative;
	top:1em;
	left:0em;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	color: #000;
	text-align:center;
}

#footer #phone2 {
	position:relative;
	top:-2em;
	color: #000;
	font-size:100%;
	text-align:center;
	padding: 0 0 0 0;
}

#footer #fax {
	position:relative;
	top:-3em;
	color: #000;
	font-size:100%;
	text-align:center;
	padding: 0 0 0 0;
}

#footer #location span {
	position:relative;
	top:-4em;
	left:0em;
	color: #000;
	font-size:100%;
	text-align:center;
	padding: 0 0 0 0;

}

#footer #location span a {
	color: #000;
}

#footer #location span a:hover {
	color: #fff;
	background-color: #004d45;
}

#footer #copyright  {
	position:relative;
	top:-5em;
	color: #000;
	font-size:100%;
	text-align:center;
	padding: 0 0 0 0;
}


#footer a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#004d45;
	font-weight: bold;
}



#footerMenu {
	position:relative;
	top:0em;
	left:1em;
	height: 25px;
	width: 250px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0;
}


#footerMenu li {

	float:left;
	padding-right: .5em;
	list-style-type:none;
	font-size: normal;
}


#footerMenu li a {
	text-decoration:none;
	color: #000;
	font-weight: bold;
}



#productsSideBarLeft {
   position:absolute;
   top: 26em;
   left: 2em;
}


#container #productSubMenu  {
	position:relative;
	top:3em;
	left:-1.25em;
	width:225px;
	z-index:1000;
}


#container #productSubMenu ul li {
	/*background-color: #004d45;*/
	color:#000;
	list-style-type:none;
	font-weight:bold;
	padding-top: .5em;

}

#container #productSubMenu a {
	color: #000;
	text-decoration:none;
}

#container #productSubMenu a:visited {
	color: #000;
	text-decoration:none;
}

#container #productSubMenu a:hover {
	color: #fff;
	background-color: #004d45;
	text-decoration:none;
}