#mainnav {background-color: #fff;height: 33px;width: auto;vertical-align: bottom;float: left;margin-top: 38px;margin-right: 0px;margin-bottom: 0px;margin-left: 40px;background-image: url(../topnav.png);background-position: 0px 0px; }
#mainnav a {font-size: 125%; color:#Fff; text-decoration: none; margin-right: 0px; margin-left: 0px;  padding-top: 16px; padding-bottom: 4px; display: block; font-weight:inherit; float: left; text-transform: uppercase;  }
#mainnav li a:visited {color:#Fff; text-decoration: none;}
#mainnav li a:hover {color: #FC0;}

.sf-menu .menuLinkPort li {list-style-type: none;}
.sf-menu .menuLinkPort a {display:block;margin:0px auto;padding-left:20px;text-align:center;width:100%;}
.sf-menu .menuLinkPort a:hover {background-color: #000;background-image: url(../scripts/accordian_files/dot.png);background-position: 5px 12px;background-repeat: no-repeat;}

.sf-menu .mini a { display:block;text-align:left;width:100%;padding-left:20px;padding-right:-20px;margin-left:6px;}
.sf-menu .mini a:hover {background-color: #000; }

ul#tableServices {width:580px;margin-top:15px;}

li #tableServices .leftCol  {position:relative;	display:block;float:left;width:290px;margin:0px;padding:0px;}
li #tableServices .leftCol a {width:260px;background:none;}
li #tableServices .rightCol {position:relative;margin:0px;padding:0px;display:block;float:right;width:290px;}
li #tableServices .rightCol a {width:260px;background:none;}

.sf-navbar .menuLinkPort a {display:block;text-align:left;width:100%;}

li #tableServices  .menuLinkPort .video a {background-image: url(../images/hi-def-video-camera-sm.png);background-repeat: no-repeat;background-position: 150px 0px;text-align: left;vertical-align: top;display: block;float: right;width: 50%;padding-left: 20px;min-height:60px;margin-left:-220px;}
li #tableServices  .menuLinkPort .video a:hover {width:50%;} 

ul#tableSeo {width:580px;margin-top:5px;}

li #tableSeo .leftCol  {position:relative;	display:block;float:left;width:290px;margin:0px;padding:0px;}
li #tableSeo .leftCol a {width:260px;background:none;}
li #tableSeo .rightCol {position:relative;margin:0px;padding:0px;display:block;float:right;width:290px;}
li #tableSeo .rightCol a {width:260px;background:none;}

li #tableSeo  .menuLinkPort .video a {background-image: url(../images/hi-def-video-camera-sm.png);background-repeat: no-repeat;background-position: 150px 0px;text-align: left;vertical-align: top;display: block;float: right;width: 50%;padding-left: 20px;min-height:60px;margin-left:-220px;}
li #tableSeo  .menuLinkPort .video a:hover {width:50%;} 


ul#tablePortfolio {width:580px;margin-top:15px;}

li #tablePortfolio .leftCol  {position:relative;	display:block;float:left;width:290px;margin:0px;padding:0px;}
li #tablePortfolio .leftCol a {width:260px;background:none;}
/* point right for anchors in subs */
.sf-menu ul #tablePortfolio .sf-sub-indicator { background:  none; }
.sf-menu ul#tablePortfolio  a > .sf-sub-indicator { background:  none; z-index:199;}

li #tablePortfolio .rightCol {position:relative;margin:0px;padding:0px;display:block;float:right;width:290px;}
li #tablePortfolio .rightCol a {width:260px;background:none;}

li #tableServices  .menuLinkPort .video a {background-image: url(../images/hi-def-video-camera-sm.png);background-repeat: no-repeat;background-position: 150px 0px;text-align: left;vertical-align: top;display: block;float: right;width: 50%;padding-left: 20px;min-height:60px;margin-left:-220px;}
li #tableServices  .menuLinkPort .video a:hover {width:50%;} 

li #tableCompany .menuLinkPort a {text-align:left;background:none;}
li #tableCompany .greyText a {text-align:left;}

.sf-menu .greyText {color:#ccc; font-size: 13px;text-transform: none;}
.sf-menu .navLine {margin-top: 5px;margin-bottom: 0px;margin-right: 1px;margin-left: 1px;background-image: url(../scripts/accordian_files/navLine.png);background-repeat: no-repeat;background-position: 300px 30px;}
.sf-menu .noBorder {border-bottom-style: none;border-bottom-width: 0px;}

.sf-navbar .noBorder {border-bottom-style: none;border-bottom-width: 0px;}
.sf-navbar ul.portDrop {width:AUTO;margin-top:16px;}
.sf-navbar  ul.portDrop li a {margin-right:-1px;text-align:center;}
.sf-navbar  ul.portDrop li a:hover {}

/*///// DEFAULT CSS CODE ////////////////////////////////////////////*/
/*** default BG first horizontal submenu *background-color:#FFF;**/
.sf-menu, .sf-menu * {margin:0;	padding:0;	list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu {float:left;margin-bottom:0em;}
.sf-menu a {  text-decoration:none; padding-top:1.05em;padding-right:.60em; padding-bottom:0.75em; padding-left:.60em; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#FFF;}

.sf-menu ul {position:absolute;	top:-999em;	width:15em; /*     left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;list-style-type: none;vertical-align: middle;}

.sf-menu li {float: left;position: relative;	}
.sf-menu li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */background-image: url(../scripts/accordian_files/menuBG-nav.png);background-repeat: repeat;background-position: 0px 0px;}
.sf-menu li.current {background-image: url(../topnav.png);background-repeat: repeat-x;background-position: 3px 0px;/*z-index:99;*/	}
.sf-menu li.current:hover {	background-image: url(../topnav-over.png);background-repeat: repeat-x;background-position: 3px 0px;/*z-index:99;*/}

.sf-menu li ul {margin-bottom:0px; border-right-width: 1px;border-right-color: #FC3;border-right-style: solid;border-left-width: 1px;border-left-style: solid;border-left-color: #FC3;	border-bottom-color: #FC3;border-bottom-style: solid;border-bottom-width: 1px; }

.sf-menu li li {border-bottom: 1px #FC3 solid;  vertical-align:middle;font-size: 84%;padding-top:5px;padding-bottom:5px;}
.sf-menu li li a {width:auto;text-align:center;padding-top:5px;padding-bottom:5px;margin-right:20px;margin-top:-10px;} 

.sf-menu li li li {font-size: 100%;vertical-align:middle;height:auto;padding-top:5px;padding-bottom:5px;}
.sf-menu li li li a {position:relative;margin-top:-10px;padding-top:0px;padding-bottom:10px;}
 /* final tier on last drop. get ul and a the same and be one line */
ul.sf-menu ul li li a  {min-width: 200px ;margin-right:0px;}
.sf-menu ul ul {min-width: 220px ;margin-left:12px;}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar {padding-bottom:	4em;position:relative;}

.sf-navbar a {	height:30px;margin-top:0px;border-bottom:none;}
.sf-navbar a, .sf-navbar a:visited {border:none;width:auto;}

.sf-navbar li {position:static;}
.sf-navbar li.current {background:inherit;}

.sf-navbar li ul {width:1050px;margin-top:0px;margin-bottom:-12px; /*IE6 soils itself without this*/}

.sf-navbar li li {position: relative;}
.sf-navbar li li a { display: block; width: auto; margin-right: 2px; padding:4px;margin-top:0px;margin-bottom:-8px; }

.sf-navbar li li li {width:AUTO; height: auto; }

.sf-navbar li li li ul li,   .sf-navbar li li li ul li a,   .sf-navbar li li li ul li:hover {width: AUTO; height: auto;  }
.sf-navbar li li li ul li:hover a:hover {width: AUTO; height: auto;  }

/* last drop on products */
.sf-navbar ul li {width:auto;float:left;}

ul.sf-navbar ul li li   {min-width: 210px ;}


/*** Superfish Core ***/
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {/*background:#666;*/outline:0;}
ul.sf-menu li li.sfHover ul li ul , .sf-menu  ul  li.sfHover ul li ul  li a {display: block; /* width: AUTO;*/  }
.sf-top {margin-top: 4px;}
.sf-menu  ul  li.sfHover ul li a {display: block; width: 14em;   /*     trying to get a tags to be 100% of the block. Difficult*/ }
ul.sf-menu li:hover li ul,     ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,     ul.sf-menu li li.sfHover ul {left:16.6em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,  ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,  ul.sf-menu li li li.sfHover ul {left:16.0em; /* match ul width this is where it places the next drop to the right */top:0;}
.sf-menu li:hover ul,          .sf-menu li.sfHover ul {left:0;top:31px;z-index:99; /* match top ul list item height  */}
/*** arrows **/
.sf-menu a.sf-with-ul {	padding-right: 	2.0em;	min-width:1px; /* clip: rect(auto,-10px,-10px,auto); trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px;height:10px;text-indent:-999em; overflow:hidden; /* 8-bit indexed alpha png. IE6 gets solid image only */ background-image: url(../scripts/drop-nav/images/arrows-ffffff.png); background-repeat: no-repeat; background-position: -10px -100px; }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */	top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; z-index:199;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {	background-position: -10px 0; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul {padding: 0;	-moz-border-radius-bottomleft: 10px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomright: 10px;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;background-image: url(../shadow.png);	background-repeat:repeat;background-position: BOTTOM RIGHT;}
.sf-shadow ul.sf-shadow-off {background: transparent;width:100%;}
/*///// END DEFAULT ////////////////////////////////////////////*/
/* different color on 3 level*/
ul.sf-navbar ul li.sfHover ul li.sfHover li:hover, ul.sf-navbar ul li.sfHover ul li.sfHover li:hover a:hover {/*	background-color: #000;*/width:AUTO;}
/* First level below horizontal nav, hover  */
ul.sf-navbar li li li:hover,ul.sf-navbar li li li.sfHover,.sf-navbar li li.current li.current,.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {width:AUTO; }
ul.sf-navbar .current ul,ul.sf-navbar ul li:hover ul,ul.sf-navbar ul li.sfHover ul {left:0;top:31px; /* match top ul list item height */}
ul.sf-navbar .current ul ul {top:-999em;}
.sf-navbar li li.current > a {font-weight:	bold;}
/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0px -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,.sf-navbar ul a:hover > .sf-sub-indicator,.sf-navbar ul a:active > .sf-sub-indicator,.sf-navbar ul li:hover > a > .sf-sub-indicator,.sf-navbar ul li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
.sf-navbar ul li > ul li > a > .sf-sub-indicator,.sf-navbar ul li > ul li > a:hover > .sf-sub-indicator,.sf-navbar ul li > ul li > a:focus > .sf-sub-indicator,.sf-navbar ul li > ul li:hover > a > .sf-sub-indicator,.sf-navbar ul li > ul li.sfHover > a > .sf-sub-indicator { background-position: 0px 0px; } /* keep arrow to the right on 2nd level */
.sf-navbar ul li > ul li:hover > a > .sf-sub-indicator,.sf-navbar ul li > ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0px; }
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {background: transparent;padding: 0;-moz-border-radius-bottomleft: 10px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomright: 10px;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;background-image: url(../shadow.png);background-repeat:repeat;background-position: bottom right;}