@import url(reset.css);
@import url(960.css);
@import url(text.css);

/* @import url(browsers.css);*/

/*
Theme Name: ZHS
Author: Allen Panakal & Brian Dinter

Version: 1.0
*/
/************************************************************************
TABLE OF CONTENT

1.- HOMEPAGE 
------------------------------------------------------------------------
1.1.- GENERAL STYLES & MAIN STRUCTURE
1.2.- NAVIGATION AND HEADER
1.3.- BANNER
1.4.- MAIN CONTENT
1.5.- TWITTER
1.6.- FOOTER RELATED
************************************************************************/
/* 1.1 General Styles & Main Structure */
body {
background:#fff;
font-family:Arial, sans-serif;
color:#5b5b5b;
}

#page {
background:transparent url(../images/bg.jpg) repeat-x;
}
#page1 {
background:transparent url(../images/header_bg.jpg) repeat-x;
}


#page-inner {
 background:transparent url(../images/greenwireleaf2.png) no-repeat; 
 background-position:bottom right;
}

small {
font-size:.9em;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

a:link {
color:#5b5b5b;
text-decoration:none;
}

a:visited {
color:#5b5b5b;
}

a:hover,a:focus {
color:#111;
text-decoration:underline;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.8em;
}

h3 {
font-size:1.5em;
}

h4 {
font-size:1em;
}

li {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
color:#212121;
}
#cu3er-container {width:920px; outline:0;}
/*1.2 Navigation and Header
-------------------------------------------------------------------------*/
#logo {
margin-top:5px;
}

#logo a {
display:block;
background:transparent url(../images/greenwire4.png) no-repeat;
height:172px;
width:367px;
position:relative;z-index:999;
float:left;
margin-top: 0px;
/*margin-left:-140px;*/
zoom:1;
}



#testlogo {
display:block;
background:transparent url(../images/greenwire3.png);
height:172px;
width:367px;
float:left;
margin-top:0px;
margin-left: 150px;
zoom:1;
position:relative;z-index:999;
}

#logo small {
color:#fff;
margin: 8px 0 0 3px;
float:left;
}


/*I added this for the network Analysis logo & address */

#analyze a {
display:block;
background:transparent url(../images/analysis.png) no-repeat;
height:88px;
width:233px;
text-indent:-9999px;
float: right;
margin-right: 200px;
margin-top: 50px;
padding: 0px 0px 20px 0px;
}

#address {
display:block;
font:Arial, Helvetica, sans-serif;
color:#000000;
text-align: right;
position: absolute;
top:0;
right: 15px;
float:right;
}

/**************/

#buttons {
height:25px;
margin-top:15px;
padding-top:0;
margin-bottom:0;
}

ul#buttons li {
float:right;
margin-right:12px;
margin-left:4px;
}

a.sign-up {
background:url(../images/signup.png) no-repeat;
display:block;
text-indent:-9999px;
width:97px;
height:22px;
}

a.login {
background:url(../images/login.png) no-repeat;
display:block;
text-indent:-9999px;
width:97px;
height:22px;
}

a:hover.login {
background:url(../images/login.png) no-repeat 0 -22px;
}

a:hover.sign-up {
background:url(../images/signup.png) no-repeat 0 -22px;
}

#top-bar {
height:45px;
position:relative;
z-index:999;
}

#top-bar a {
text-decoration:none;
}

#top-bar a:hover {
text-decoration:none;
}

div#breadcrumb {
margin-top:21px;
margin-left:-19px;
}

#breadcrumb p {
color:#fff;
margin-left:21px;
margin-top:-8px;
}

#breadcrumb a {
color:#afafaf;
}

ul#nav {
float: right;
font-size:88%;
line-height:normal;
margin-left: 320px;
margin-top:-100px;
padding:0;
width:300px;
}


#nav li {
float:left;
margin:2px 7px;
padding:0;
background:url(../images/navbr-trans1.png) no-repeat right top;
}

#nav a {
display:block;
background:url(../images/navbl-trans1.png) no-repeat left top;
padding:3px 8px;
margin-left:-1px;
color:#111;
text-shadow:0px 0 #fff;
}

#nav li:hover {
float:left;
margin:2px 7px;
padding:0;
background:url(../images/navgr-trans.png) no-repeat right top;

}

#nav a:hover {
display:block;
background:url(../images/navgl-trans.png) no-repeat left top;
padding:3px 8px;
margin-left:-1px;
color:#111;
text-shadow:0px 0 #fff;
text-decoration: none;
}

#nav #current {
background:url(../images/navgr-trans.png) no-repeat right top;
}

#nav #current a {
background:url(../images/navgl-trans.png) no-repeat left top;
text-shadow:0px 0 #fff;
}

/*1.3 Banner
-------------------------------------------------------------------------*/
#banner-left {
margin-top:19px;
}

#banner-left h1 {
color:#111;
line-height:27pt;
text-transform:uppercase;
font-size:2.1em;
word-spacing:.2em;
margin-bottom:8px;
margin-top:11px;
}

#banner-left p {
color:#555;
font-size:1.5em;
line-height:29px;
padding-bottom:19px;
width:400px;
}

#banner {
background:transparent url(../images/banner-bg.png) no-repeat scroll left top;
margin-top:-81px;
position:relative;
padding-top: 30px;
padding-bottom:0px;
/* zoom:1; */
z-index:0;
}

#banner-inner {
background:url(../images/lights-inner.png) no-repeat left top;
height:118px;
position:relative;
zoom:1;
margin-top:-2px;
}

#banner-inner h1 {
font-size:2.6em;
margin-top:22px;
border-right:1px solid #a6a6a6;
width:200px;
padding-right:20px;
float:left;
}

#banner-inner p {
border-left:1px solid #fafafa;
float:left;
font-size:1.2em;
height:15px;
margin-top:22px;
padding-left:20px;
text-shadow:none;
width:650px;
padding-top:3px;
}

#slider-container {
position:relative;
z-index:0;
background:url(../images/browser.png) no-repeat bottom center;
height:281px;
margin-top:19px;
zoom:1;
}

#slider-container div.image-slider img {
position:relative;
zoom:1;
top:29px;
left:13px;

}

/*Remove this _width and put it on the ie.css*/
#slider-container div.image-slider h2 {
position:absolute;
top:167px;
left:12px;
width:100%;

}

#slider-container div.image-slider h2 span {
color:#FFF;
font:bold 22px/45px Myriad Pro, Arial Sans-Serif;
letter-spacing:-1px;
background:#000;
/* fallback color */
background:rgba(0, 0, 0, 0.7);
padding:10px;
letter-spacing:1px;

}

#slider-container div.image-slider h2 span.spacer {
padding:0 5px;

}

#banner img#phone {
position:absolute;
z-index:1;
right:352px;
top:100px;
}

#sliderfade li {
margin:0;
}

/*this will fix the extra margin on the slider*/
a.pricing {
display:block;
background:url(../images/pricing-btn.png) no-repeat;
height:53px;
text-indent:-9999px;
width:283px;
}

a:hover.pricing {
display:block;
background:url(../images/pricing-btn.png) no-repeat 0 -53px;
text-indent:-9999px;
}

/*1.4 Main Content
-------------------------------------------------------------------------*/
.push40 {
padding-top:40px;
}

/* just remember this, is needed that negative margin? */
#mainContent #leftContent a {
text-decoration:underline;
}

#mainContent .thumb-img {
float:left;
margin:0 10px 0 0;
}

#mainContent .cols p {
width:273px;
margin-top:18px;
margin-left:2px;
}

/* No shortcode here */
#mainContent h2 {
font-size:1.2em;
line-height:26px;
text-transform:uppercase;
margin-bottom:0;
}

#col2 {
margin-left:8px;
margin-right:-25px;
}

.products,.visits {
padding-bottom:20px;
}

#leftContent {
margin-left:-10px;
}

.col3 {
border-left:1px dashed #ccc;
padding-left:24px;
margin-left:22px;
}

.about-text {
margin-right:-10px;
margin-bottom:50px;
}

.about-text h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

.about-text p.intro {
font-size:1.2em;
margin-top:20px;
}

#mainContent .about-text h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}

#mainContent .about-text h3 {
line-height:26px;
margin-bottom:0;
}

#product-page {
margin-right:-10px;
}

#product-page h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

#product-page p.intro {
font-size:1.2em;
margin-top:20px;
border-top:0px solid #e6e5e5;
border-bottom:1px solid #e6e5e5;
padding:15px 0;
}

#mainContent #product-page h2 {
font-size:1.8em;
line-height:26px;
text-transform:uppercase;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}

#mainContent #product-page h3 {
line-height:26px;
margin-bottom:0;
margin-top:-15px;
}

#product-page {
margin-bottom:50px;
}

#product-page div.title {
width:290px;
margin-bottom:20px;
}

#product-page div.title small {
font-size:.88em;
}

#product-page .title {
margin-left:28px;
}

/*Contact Form*/
#print-work p {margin-bottom:5px}
#print-work a {text-decoration: underline}
#print-work span {font-weight:bold; padding-left:22px}
.details1 {margin-left:30px;}
.address {background:url(../images/address-book.png) no-repeat center left}
.mail {padding-left:20px; background:url(../images/mail.png) no-repeat center left}
.phone { padding-left:20px; background:url(../images/mobile-phone.png) no-repeat center left}
.skype {padding-left:20px; background:url(../images/skype.png) no-repeat center left}
.twitter {padding-left:20px; background:url(../images/twitter.png) no-repeat center left}
.gwave {padding-left:20px; background:url(../images/gwave.png) no-repeat center left}
.facebook {padding-left:20px; background:url(../images/facebook.png) no-repeat center left}
.linkedin {padding-left:20px; background:url(../images/linkedin.png) no-repeat center left}
label {
display:none;
}

.qform {
background:url(../images/corner-trans.png) no-repeat 0 0;
padding:23px 86px;
}

.qform in?ut,.qform textarea {
background:#FFF none repeat scroll 0 0;
border:1px solid #D2D2D2;
color:#525861;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
max-width:400px;
padding:7px 5px;
width:383px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.qform textarea:focus,.qform input:focus {
border:1px solid #929292;
}

.qform button,#contactForm button {
border:medium none;
display:block;
line-height: 0;
cursor:pointer;
height:37px;
text-indent:-999px;
width:112px;
margin-left:150px;
}

.qform button#submit1 {
background:url(../images/button-sprite.jpg) no-repeat scroll 0 0;
}

.qform button:hover#submit1 {
background:url(../images/button-sprite.jpg) no-repeat scroll 0 -38px;
}

/*********************************************************************************************************
1.4.1 Showcase
**********************************************************************************************************/
#showcase {
position:relative;
zoom:1;
}

.scroll {
height:652px;
width:670px;
overflow:auto;
overflow-x:hidden;
position:relative;
zoom:1;
clear:left;
}

#showcase .scrollContainer div.panel {
height:670px;
}

.img-container {
padding-bottom:17px;
background:url(../images/thumb-container.jpg) no-repeat center bottom;
}

#websites {
margin-top:80px;
}

/*********************************************************************************************************
1.5. Sidebar area
**********************************************************************************************************/
#sidebar {
position:relative;
zoom:1;
float:right;
width:270px;
margin-right:10px;
padding-left:36px;
background:url(../images/separator.jpg) no-repeat top left;
height:auto!important;
height:599px;
}

#sidebar-inner {
background:transparent url(../images/sep-sidebar-trans.png) no-repeat scroll right top;
float:left;
margin-right:10px;
min-height:599px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:295px;
}

#interview {
width:270px;
padding-top:20px;
}

#interview h3 {
padding:0;
margin:0 0 0 3px;
}

#interview img {
padding:5px;
background-color:#e2e1e1;
border:1px solid #ccc;
}

#sidebar-inner .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar-inner a {
color:#818181;
font-weight:700;
}

#sidebar-inner a:hover {
color:#FFFFFF;
}


#sidebar-inner span.meta {
font-weight:400;
padding-left:10px;
}

#sidebar .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar .casestudies-h2 {
text-transform:none;
background:url(../images/pencil-ruler-trans.png) no-repeat center right;
width:265px;
margin-top:30px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar a {
color:#818181;
font-weight:700;
}

span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 4px;
padding-left:14px;
}

#sidebar span.meta {
font-weight:400;
padding-left:10px;
}

/*News Sidebar Begins*/
.news {
width:286px;
float:left;
clear:both;
padding-bottom:30px;
}

.news ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.news li {
border-bottom:1px solid #ccc;
}

.news li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .news a {
padding:6px 3px;
width:286px;
}

#top #latest_news .post_name {
font-size:13px;
display:block;
}

#top #latest_news a,.news a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #latest_news a,#sidebar-inner .news a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul.latest_news {
left:86px;
margin-right:27px;
margin-left:-28px;
}

/*News Sidebar End?*/
/*Inner Sidebar Begins*/
.menu {
width:310px;
float:left;
clear:both;
padding-bottom:30px;
}

.menu ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.menu li {
border-bottom:1px solid #ccc;
}

.menu li a:hover {
background:#6fb940;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .menu a {
padding:6px 3px;
width:286px;
}

#top #inner_menu .post_name {
font-size:13px;
display:block;
}

#top #inner_menu a,.menu a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #inner_menu a,#sidebar-inner .menu a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul#inner_menu {
left:86px;
margin-right:27px;
margin-left:-28px;
}

/*News Sidebar Ends*/
.box1,.box4,.box3,.box2, .box5 {
background:url(../images/corner.png) no-repeat top left;
padding:15px 0 0 10px;
}

#mainContent .box3,#mainContent .box4, #mainContent .box5 {
margin-top:54px;
}

/*1.5 Twitter (we all know, no many people use twitter but this could be useful for
ads, or another content, I've name it twitter to make it easy for you to recognize it.)
-------------------------------------------------------------------------*/
#twitter {
padding:20px 20px 20px;
background:#ffffff;
margin:40px auto 65px;
border:1px solid #6FB940;
-webkit-border-radius:4px;
-moz-border-radius:4px;
width:913px;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;

}

#twitter .twitter-bird {
float:left;
margin-right:15px;
}

.tweet {
color:#707070;
font-size:1.5em;
font-family:georgia;

}

.tweet .tweet_list {
list-style-type:none;
margin:0;
padding:0;
}

.tweet .tweet_list li {
overflow:auto;
padding:5px 0 24px;
margin:0 0 0 17px;

}

.tweet .tweet_list li a {
color:#393939;

}

.tweet .tweet_list .tweet_avatar {
float:left;
padding-right:20px;
margin-top:6px;
}

.tweet .tweet_list .tweet_avatar img {
vertical-align:middle;
padding:2px;
background:#ddd;
border:1px solid #aaa;
}

/*1.6 Footer
-------------------------------------------------------------------------*/
#footer {
margin:0 auto;
padding:22px;
width:960px;
}

#footer ul {
margin:0 53px 27px 0;
}


#footerbg {
background:url(../images/footer-bg.jpg) repeat-x;
clear:both;
overflow:hidden;
}

#footer h4 {
font-size:1.1em;
margin:16px 0 8px;
padding:0;
text-decoration:underline;
color:#4b4b4b;
}

#footer div.footer-col {
padding-left:0;
}

#footer ul li {
margin:0;
padding:0;
list-style-image:url(../images/bullet.jpg);
list-style-position:inside;
}

#footer a {
color:#5b5b5b;
text-decoration:none;
}

#footer a:hover {
color:#111;
text-decoration:underline;
}

#newsletter {
width:300px;
/* margin:10px 0 0 325px; */
margin:10px 0 20px 390px; 
}

#newsletter h3 {
margin:0;
text-transform:uppercase;
font-size:15px;
padding-bottom:3px;
}

#newsletter p {
margin:0;
}

#newsletter input.input {
color:#6d6d6d;
width:100px;
background:url(../images/input-bg.jpg) repeat-x top left;
border:1px solid #cecece;
height:14px;
float:left;
padding:4px 0 6px 7px;
margin:6px 5px 0 0;
}

#newsletter input.button {
background:url(../images/submit.png) no-repeat 0 0;
height:21px;
width:66px;
border:none;
font-size:0;
overflow: hidden;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-999px;
cursor:pointer;
}

#newsletter input:hover.button {
background:url(../images/submit.png) no-repeat 0 -22px;
}

#footer .valid {
font-size:1.1em;
font-family:Georgia;
font-style:italic;
color:#767675;
background:#eaeaea;
text-align:center;
border:1px solid #ccc;
width:284px;
}

#footer .valid a {
color:#668b11;
}

#footer-2 {
width:100%;
padding-top: 5px;
left:0px;
margin: 0;
bottom:0px;
height:60px; 
width:100%;
background: transparent url(../images/footerbg.jpg) repeat-x scroll 0 0
/*background-color: #FFFFFF none repeat scroll 0 0;*/



}

ul#footer-3 li {
	display: inline; /* Prevents "stepdown" */
}
ul#footer-3 li a {
	display: block;
	width: 85px; 
/*	width: 100%; */
	margin-left: 4px;
	text-align: center;
	font-weight: bold;
	float: left;
	color: white;
	font-size: .9em;
	text-decoration: none;
	background: #71bb42;
}
#footer-3 a:hover {
display:block;
margin-left: 4px;
text-align: center;
font-weight: bold;
float: left;
color: white;
font-size: .9em;
text-decoration: none;
background: #327903;

}


.copyright {
margin:0 auto;
padding:3px 0;
width:960px;
color:#444;
text-shadow:0px 0px #ddd;
}

.sitemap {
margin:0 auto;
padding:10px 0;
width:960px;
color:#444;
text-shadow:1px 1px #ddd;
}


/*Internet Explorer 6*/
.ie6 #banner p {
font-size:1.7em;
}

.ie6 #sidebar {
padding-left:20px;
}

.ie6 #mainContent {
margin-bottom:0;
padding-bottom:0;
}

.ie6 #sidebar {
height:?;
}

.ie6 #mainContent {
margin:0;
}

.ie6 #footerbg {
margin:0;
float:left;
margin-top:0;
}

.ie6 #banner-inner {
background:url(../images/lights-inner.jpg) no-repeat left top;
margin-top:-18px;
}

.ie6 #banner-inner p {
margin:22px 0 0;
padding:10px 0 11px 15px;
line-height:18px;
height:18px;
}

.ie6 .qform button,.ie6 #contactForm button {
font-size:0;
display:block;
line-height:0;
}

.ie6 ul#nav {
float:left;
font-size:88%;
line-height:normal;
margin-left:109px;
margin-top:17px;
padding:0 5px;
width:369px;
}

.ie6 #footer-2 {
margin-top:-16px;
height:10px;
}

.ie6 #footer #newsletter input.button {
background:url(../images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
border:medium none;
}
.ie6  #banner {margin-top:-20px;}
.chrome #banner { margin-left:13px; }

#shadow {background: transparent url(../images/shadow.png) no-repeat 0px 150px; height:300px; z-index:1;}


/* more we added */

#testlogo {
display:block;
background:transparent url(../images/greenwire3.png);
height:172px;
width:367px;
position:relative;z-index:999;
float:left;
margin-top:0px;
margin-left: 150px;
zoom:1;
}

/* 404 PAGE */


/* Links */

.navlink a:link {
	color:#71bb42;
}

.navlink a:visited {
	color:#000000;
}

.navlink a:hover,
.navlink a:active {
	color:#fff;
	background:#71bb42;
	text-decoration:none;
}


/* Clearing floats */
.clearx {
	clear:both;
	height:1%;
	display:block;
}

/* containers and wrappers */
.insidex {
	text-align:left;
	width:65em;
	margin:0 auto;
}


#mainx {
	clear:both;
	padding-top:67px;
	background:#ffffff;
	background:transparent url(../images/bg3x.jpg) repeat-x;

}


/* Header and logo */
#headerx {
	position:relative;
	width:80em;
	text-align:left;
	margin:0 auto;
	padding-top:15px;
}

#logox {
	width: 277px;
	height: 80px;
}		

#logox h1, 
#logox h1 a, 
#logox h1 img {
	width: 367px;
	height: 167px;
	margin: 0;
	padding: 0;
}

#logox h1 { 
	background: url(../images/greenwire3.png) no-repeat left bottom;
}

#logox h1 a {
	display: block;
	text-indent: -9999px; 
	text-decoration: none;
	border: 0;
	background: none; 
}


/* 404 */
#notfoundx {
	margin-top: 36px;
	padding: 15px;
	min-height:599px;
}

#notfoundx span {
	color:#666;
	font-weight:bold;
}

#notfoundx h2 {
	font-size:2em;
	color:#666;
	line-height:normal;
}

#notfoundx p {
	margin: 20px;
}

#notfoundx a {
	font-size:1.1em;
	color:#71bb42;
	line-height:normal;
}



/* Footer */
/* #footerx {
	clear:both;
	background: #ffffff;
	padding: 10px 0;	
	color:#444;
	border-top:2px solid #71bb42;
} */

#footerbgx {
background:transparent url(../images/footer-bg.jpg) repeat-x scroll 0 0;
clear:both;
overflow:hidden;
}

#services-inner {
float:left;
margin-right:10px;
min-height:699px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:960px;
}

/* Used for external html files in SERVICES section */
.external {
border-bottom-color:-moz-use-text-color;
clear:left;
height:450px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
min-height:699px;
position:relative;
width:642px;
}

span.post_namesub {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 14px 5px;
padding-left:25px;
}

#sidebar-sitemap {
float:left;
margin-right:10px;
min-height:599px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:295px;
}

.menux {
width:310px;
float:left;
clear:both;
padding-bottom:30px;
}

.menux ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.menux li {
border-bottom:1px solid #ccc;
}

.menux li a:hover {
background:#f9f9f9;
}

.selectedx {
background:#ececec;
}
ul#inner_menux {
left:86px;
margin-right:27px;
margin-left:-28px;
}

#navX {
position:relative;
float: right;
font-size:88%;
line-height:normal;
margin-left: 320px;
margin-top:-100px;
padding:0;
width:300px;
z-index: 1999;

}

/* MY SHIT */


/* Accessibility Styles
----------------------------------------------------------------------------------- */

.hidden{
	position: absolute;
	top: -99999px;
	left: -99999px;
}
.hiddenLabel{
	position: absolute;
	top: -99999px;
	left: -99999px;
}
/* Wrapper Styles
----------------------------------------------------------------------------------- */
#outerWrapper{
	width: 960px;
	margin: auto;
	padding: 0px;
	padding-bottom: 20px;
	border: 0px;
	position: relative;
}

#alignWrapper{
	margin: auto;
	padding: 0px;
}

/* Primary Navigation
----------------------------------------------------------------------------------- */
#primaryNav{
	width: 980px;
	height: 89px;
	padding: 0px;
/*	margin: 0px; */
	background: url(../primaryNavOLD.gif)  no-repeat;
	float: right;
	margin-right: 0px;
	margin-top: -115px;
	padding: 0px 0px 0px 0px;
	z-index: 998;

}
#primaryNav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 644px;
	height: 55px;
	margin-left: 139px;
	margin-top: 33px;
	float: left;	
}
#primaryNav ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#primaryNav ul li a{
	text-indent: -99999px;
	display: block;
	background: url(../primaryNavOLD.gif) top center  no-repeat;
}
#primaryNav #navHome{
	position: absolute;
	background: url(../somelogoifyouwant.png) top center  no-repeat;
	width: 94px;
	height: 91px;
	top: 14px;
	left: 22px;
	z-index: 500;
}
#primaryNav #navServices{
	background-position: -139px -33px;
	width: 158px;
	height: 56px;
}
#primaryNav #navServices:hover, #primaryNav #navServices.neon,  #primaryNav li.sfhover #navServices, #primaryNav li:hover #navServices {
	background-position:  -139px -122px;
}
#primaryNav #navMutual{
	background-position: -297px -33px;
	width: 138px;
	height: 56px;
}
#primaryNav #navMutual:hover, #primaryNav #navMutual.neon,  #primaryNav li.sfhover #navMutual, #primaryNav li:hover #navMutual {
	background-position:  -297px -122px;
}
#primaryNav #navBank{
	background-position: -435px -33px;
	width: 174px;
	height: 56px;
}
#primaryNav #navBank:hover, #primaryNav #navBank.neon,  #primaryNav li.sfhover #navBank, #primaryNav li:hover #navBank {
	background-position:  -435px -122px;
}

#primaryNav #navContact{
	background-position: -610px -33px;
	width: 174px;
	height: 56px;
}
#primaryNav #navContact:hover, #primaryNav #navContact.neon,  #primaryNav li.sfhover #navContact, #primaryNav li:hover #navContact {
	background-position:  -610px -122px;
}


/* DHTML Styles
------------------------------------------------------------ */
#primaryNav li:hover, #primaryNav li.hover {
    position: static;
}
#primaryNav li {
	padding: 0px;
	margin: 0px;
}
#primaryNav li ul{
	background: none;
	position: absolute;
	left: -9999px;
	height: auto;
	margin: 0px;
	margin-left: -18px;
	padding: 0px;
	padding-bottom: 18px;
	z-index: 1;
	width: 562px;
	background: url(../dhtmlFull.png) bottom left no-repeat;
}
#primaryNav li li ul{
	position: relative;
	padding: 0px;
	padding-top: 18px;
	margin: 0px;
	margin-left: 36px;
	margin-right: 18px;
	margin-bottom: 20px;
	width: 139px;
	float: left;
	font-weight: normal;
	background: none;
}
#primaryNav li li ul.two{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
	padding-top: 18px;
	margin-right: 18px;
	width: 140px;
	margin-bottom: 20px;
}
#primaryNav li li ul.three{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
	margin-right: 18px;
	padding-top: 18px;
	width: 139px;
	margin-bottom: 20px;
}

#primaryNav li li ul.four{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
	margin-right: 18px;
	padding-top: 18px;
	width: 140px;
	float:right;
	margin-bottom: 20px;
}

#primaryNav li li ul li{
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	border: 0px;
	display: block;
	clear: left;
	font-size: 1em;
	width: 139px;
}
#primaryNav li li ul li.bold{
	color: #a1a1a1;
	font-weight: bold;
	text-transform: uppercase;
}
#primaryNav li li ul.two li, #primaryNav li li ul.three li, #primaryNav li li ul.one li{
	font-size: .9em;
}
#primaryNav li ul li a {
	background: none;
	color: #6fb940;
	text-indent: 0px;
	text-decoration: none;
	display: block;
}
#primaryNav li ul a:hover {
	color: #337904;
	position: static;
}

#primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li li li:hover ul, #primaryNav li.sfhover ul, #primaryNav li li.sfhover ul, #primaryNav li li li.sfhover ul {
	left: auto;
	z-index: 1;
}



/* extra positioning rules for limited noscript keyboard accessibility */
#primaryNav li a:focus + ul { margin-left: -18px; }
#primaryNav li li a:focus + ul { margin-left: 1010em; }
#primaryNav li li a:focus { margin-left:1000em; width:10em; }
#primaryNav li li li a:focus {margin-left: 2010em; width: 10em; }
#primaryNav li:hover a:focus, #primaryNav li.sfhover a.sffocus { margin-left: 0; }
#primaryNav li li:hover a:focus + ul, #primaryNav li li.sfhover a.sffocus + ul { margin-left: 10em; }


/* DROPDOWN MENU */



	/* TITLE DIVIDERS */

	.qmmc .qmdivider{
	display:block;
	font-size:1px;
	border-width:1px;
	border-style:solid;
	position:relative;
	z-index:1;
		      
	}


	.qmmc .qmdividery{
	float:left;
	width:0px;
		      
	}
	
	/* TITLE SIZE */

	.qmmc .qmtitle{
	display:block;
	cursor:default;
	white-space:nowrap;
	position:relative;
	z-index:1;
		     
	}

	.qmclear {
	font-size:1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
	float:none !important;
		     
	}

	.qmmc {
	position:relative;
	zoom:1;
	z-index:10;
		    

	}

	.qmmc a, .qmmc li {
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
		     

	}

	.qmmc div a, .qmmc ul a, .qmmc ul li {
	float:none;
		      

	}

	.qmsh div a {
	float:left;
	}

	.qmmc div{
	visibility:hidden;
	position:absolute;

	}

	.qmmc li {
	z-index:auto;
	}

	.qmmc ul {
	left:-10000px;
	position:absolute;
	z-index:10;
      

	}

	.qmmc, .qmmc ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}

	.qmmc li a {
	float:none
	}

	.qmmc li:hover>ul{
	left:auto;
	}

	#qm0 ul {
	top:100%;
	}

	#qm0 ul li:hover>ul{
	top:0px;
	left:100%;
	}


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#555555;
		font-family:Arial;
		font-size:10px;
		text-decoration:none;

		
		
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:transparent; 
		border-style:none;

	}	


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		font-size:11px;
		border-width:0px;
		border-style:none;
	
			      
		
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		background-color:#6FB940;
		color:#FFFFFF;
		
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#6FB940;
		color:#FFFFFF;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#6FB940;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
		
		
	}

#Container {
  float:right;
  height: 100%;
  width: 289px;
  margin: -66px auto auto;
  border-collapse: collapse;
  margin-top: -81px;
  position: relative;
  z-index: 1000;
}