nav#mainnav_wrapper {
	background: url(../images/bg-nav.gif) repeat-x bottom left;
	height: 42px;
}

ul#mainnav  {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3c81d3;
	font-size: 12px;
	list-style:none;
	margin-left: 316px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	line-height:	1.0;
}

.sf-menu {
	float: left;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 505px; /* left offset of submenus need to match (see below) */
	background: #fff;
}

.sf-menu ul li {
	width:100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li /* main nav items */ {
	float: left;
	position: relative;
	background:	none;
}

.sf-menu li li /* secondary nav items */ {
	background:	#fff;
}

.sf-menu a {
	display:		block;
	position:		relative;
	outline: none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #3c81d3;
	padding: 15px 33px 15px 33px;
	text-decoration:none;
	outline: none;
}

@media only screen and (max-device-width: 480px) {
  .sf-menu a, .sf-menu a:visited {
	padding: 15px 32px 15px 32px;
  }
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	none;
	outline: 0;
	color: #39a5eb;
	text-decoration: none;
}

.sf-sub-indicator {
	display: none;
}

/*** creates the all-horizontal nav-bar menu ***/
.sf-navbar {
	background: none;
	height:	60px;
	padding-bottom:	15px;
	position: relative;
}

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

.sf-navbar a, .sf-navbar a:visited {
	border-top:	none;
	color: #3c81d3;
}

.sf-navbar li ul {
	left: 0px;
}

.sf-navbar li li {
	background:	#fff;
	position: relative;
	padding: 0px;
}

.sf-navbar ul li.left_float {
	width: auto;
	float: left;
}

.sf-navbar ul li {
	width:	auto;
	float:	right;
}

/* About Us hover and on state */
.sf-navbar li ul.about /* secondary wrapper for about us*/ {
	width: 268px; /*IE6 soils itself without this*/
	margin-top: 12px;
	padding-right: 425px;
	padding-left: 0px;
}

.sf-navbar li ul.about a {
	padding: 10px;
}

.sf-navbar li ul.about li a:hover {
	background: none;
}

.sf-menu li:hover ul.about,
.sf-menu li.sfHover ul.about  {
	left: 0px;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

.sf-navbar li.about_main:hover,
.sf-navbar li.about_main.sfHover,
.sf-navbar li.about_main li.current,
.sf-navbar li.about_main a:focus, .sf-navbar li.about_main a:hover, .sf-navbar li.about_main a:active   {
	background: url(../images/hover_about.gif) no-repeat -5px 0px;
 	color: #39a5eb;
	text-decoration: none;
}

.sf-navbar li.current_about {
	background: url(../images/hover_about.gif) no-repeat -5px 0px;
}

.sf-navbar li.current_about a {
	color: #39a5eb;
}

ul.sf-navbar .current_about ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	background: #fff;
 	color: #39a5eb;
	left: 0px;
	top: 2.5em; /* match top ul list item height */
	text-decoration: none;
}

ul.sf-navbar .current_about ul a {
	color: #3c81d3;
}

ul.sf-navbar .current_about ul a:hover {
	color: #39a5eb;
}

ul.sf-navbar li li.current > a {
 	color: #39a5eb;
}


/* What We Do hover*/
.sf-navbar li ul.what /* secondary wrapper for what we do*/ {
	width: 555px; /*IE6 soils itself without this*/
	margin-top: 12px;
	padding-left: 108px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .sf-navbar li ul.what { 
		padding-left: 103px; 
	}
}

.sf-navbar li ul.what a {
	padding: 10px 8px 10px 8px;
}

.sf-navbar li ul.what li a:hover {
	background: none;
}

.sf-menu li:hover ul.what,
.sf-menu li.sfHover ul.what  {
	left: 0px;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

.sf-navbar li.what_main:hover,
.sf-navbar li.what_main.sfHover,
.sf-navbar li.what_main li.current,
.sf-navbar li.what_main a:focus, .sf-navbar li.what_main a:hover, .sf-navbar li.what_main a:active   {
	background: url(../images/hover_whatwedo.gif) no-repeat -5px 0px;
 	color: #39a5eb;
	text-decoration: none;
}

.sf-navbar li.current_what {
	background: url(../images/hover_whatwedo.gif) no-repeat -5px 0px;
}

.sf-navbar li.current_what a {
	color: #39a5eb;
}

ul.sf-navbar .current_what ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	background: #fff;
 	color: #39a5eb;
	left: 0;
	top: 2.5em; /* match top ul list item height */
	text-decoration: none;
}

ul.sf-navbar .current_what ul a {
	color: #3c81d3;
}

ul.sf-navbar .current_what ul a:hover {
	color: #39a5eb;
}

.sf-navbar li li.current > a {
 	color: #39a5eb;
}

/* Our Work hover*/

.sf-navbar li ul.work /* secondary wrapper for our work*/ {
	width: 365px; /*IE6 soils itself without this*/
	margin-top: 12px;
	padding-right: 129px;
	padding-left: 171px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .sf-navbar li ul.work { 
		padding-left: 167px; 
	}
}

.sf-navbar li ul.work a {
	padding: 10px 8px 10px 8px;
}

.sf-navbar li ul.work li a:hover {
	background: none;
}

.sf-menu li:hover ul.work,
.sf-menu li.sfHover ul.work  {
	left: 0px;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

.sf-navbar li.work_main:hover,
.sf-navbar li.work_main.sfHover,
.sf-navbar li.work_main li.current,
.sf-navbar li.work_main a:focus, .sf-navbar li.work_main a:hover, .sf-navbar li.work_main a:active   {
	background: url(../images/hover_ourwork.gif) no-repeat -5px 0px;
 	color: #39a5eb;;
	text-decoration: none;
}

.sf-navbar li.current_work {
	background: url(../images/hover_ourwork.gif) no-repeat -5px 0px;
}

.sf-navbar li.current_work a {
	color: #39a5eb;
}

ul.sf-navbar .current_work ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	background: #fff;
 	color: #3c81d3;
	left: 0px;
	top: 2.5em; /* match top ul list item height */
	text-decoration: none;
}

ul.sf-navbar .current_work ul a {
	color: #3c81d3;
}

ul.sf-navbar .current_work ul a:hover {
	color: #39a5eb;
}

.sf-navbar li li.current > a {
 	color: #3c81d3;
}

/* Why Choose Us hover
.sf-navbar li.why_main:hover,
.sf-navbar li.why_main.sfHover,
.sf-navbar li.why_main li.current,
.sf-navbar li.why_main a:focus, .sf-navbar li.why_main a:hover, .sf-navbar li.why_main a:active   {
	left: 0px;
	background: url(../images/hover_whychooseus.gif) no-repeat -5px 0px;
 	color: #39a5eb;
	text-decoration: none;
}

.sf-navbar li.current_why {
	background: url(../images/hover_whychooseus.gif) no-repeat -5px 0px;
}

.sf-navbar li.current_why a {
	color: #39a5eb;
}
*/

/* Our Thinking hover */
.sf-navbar li.thinking_main:hover,
.sf-navbar li.thinking_main.sfHover,
.sf-navbar li.thinking_main li.current,
.sf-navbar li.thinking_main a:focus, .sf-navbar li.thinking_main a:hover, .sf-navbar li.thinking_main a:active   {
	left: 0px;
	background: url(../images/hover_thinking.gif) no-repeat -5px 0px;
 	color: #39a5eb;
	text-decoration: none;
}

.sf-navbar li.current_thinking {
	background: url(../images/hover_thinking.gif) no-repeat -5px 0px;
}

.sf-navbar li.current_thinking a {
	color: #39a5eb;
}

/* Contact Us hover*/
.sf-navbar li.contact_main:hover,
.sf-navbar li.contact_main.sfHover,
.sf-navbar li.contact_main li.current,
.sf-navbar li.contact_main a:focus, .sf-navbar li.contact_main a:hover, .sf-navbar li.contact_main a:active   {
	background: url(../images/hover_contactus.gif) no-repeat -5px 0px;
 	color: #39a5eb;
	text-decoration: none;
}

.sf-navbar li.current_contact {
	background: url(../images/hover_contactus.gif) no-repeat -5px 0px;
}

.sf-navbar li.current_contact a {
	color: #39a5eb;
}

/* Secondary Nav hover*/
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:	#fff;
 	color: #39a5eb;
	text-decoration: none;
}