/* Default Stylesheet for Nterchange Frontend 				*/
/* ================================================== */

@import url(print.css) print;
/*@import url("other_stylesheet.css") screen;*/

/* HTML RULES 								 		  									*/
/* ================================================== */
body {background-color:#f2f1f1; font:11px Verdana, sans-serif; text-align:center; margin:0; padding:0;margin-top:50px;}
h1 { font-size:20px; color:#990033; margin:0; padding:0;  }
h1 img{margin:0; padding:0;}
h2 {color:#666; padding:0; margin:0; font-size:14px; font-weight:normal; margin-bottom:10px;}
h3 {color:#990033; margin:0; padding:0; font-size:11px; font-weight:bold; padding-top:6px;}
p { line-height:1.5; margin-bottom:10px; }
p.pebbles{background:url(/images/layout/pebbles.jpg) no-repeat left bottom; padding-bottom:110px;}
a {color:#000;}
a:hover {}
img, dl {
margin:0;
}
/* SITE LAYOUT RULES 								  								*/
/* ================================================== */
#site {position:relative;  width:960px;  margin:0 auto; margin-top:0px;  text-align:left; padding-top:0px;}
.fixed #site{height:600px; background: #fff url(/images/layout/site-bg.gif) no-repeat top left;}
.flex #site{height:auto; background: #fff url(/images/layout/flex-site-bg.gif) repeat-y left; padding-bottom:0px;}

#masthead {width:100%; clear:both; height:32px; padding-top:56px;}
.flex #masthead{background:url(/images/layout/masthead-bg.gif) no-repeat top left;}
	#logo {position:absolute; top:0; left:0;}

#nav {}

#search {}

#content {width:719px; float:left; display:inline; margin-top:66px;}
#home #content{margin-top:0; width:100%; height:512px;}
.twocol #content{margin-top:0px;}
	
#main {padding-right:20px;}
#home #main {padding:0;}
	#side {}
	#altside {}
#leftnav{width:195px; margin-right:45px; float:left; display:inline; margin-top:70px; text-align:right; border-right:1px solid #ccc;}
#leftnav ul, #leftnav ul li{margin:0; padding:0; list-style:none;}
#leftnav ul li{margin-right:5px; margin-bottom:4px;}

#leftnav ul ul li{margin-bottom:0px;}
#leftnav ul ul ul li{ margin-bottom:0px;}
#leftnav ul ul{margin-right:2px; margin-top:4px;}
#leftnav ul ul ul{}
#leftnav ul li.inactive{display:none;}
#leftnav ul li.active ul li.inactive{display:block;}
#leftnav ul li a {display:block; padding-right:16px;  }
#leftnav a:hover{background: url(/images/nav/arrow-over.gif) no-repeat right 5px;}
#leftnav li.current a{background:url(/images/nav/arrow-selected.gif) no-repeat right 5px;}
#leftnav ul li.current ul a{background:none;}
#leftnav ul li.current ul a:hover{background: url(/images/nav/arrow-over.gif) no-repeat right 5px;}
#leftnav li img{margin:0; padding:0;}
#leftnav a{text-decoration:none; color:#666;}
#leftnav ul li a span{font-weight:bold;}
#leftnav ul ul li a span{font-weight:normal;}
/*pages not having left nav */
#excellence #leftnav, #media #leftnav, #contact #leftnav{visibility:hidden;}

/* COLUMN RULES 								  								*/
/* ================================================== */
#leftcol{
float:left; display:inline; width:268px;
}
#rightcol{
float:left; display:inline; width:412px;
padding-top:55px; padding-left:10px;
}

#management #leftcol{width:280px; padding-top:66px;}
#management #rightcol{width:429px; padding-top:0px;}

#footer {clear:both; font-size:1px; height:0px;  visibility:hidden;}
.flex #footer{padding-bottom:30px;}
	#footer_nav {}
	#credits {}



/* BASIC CLASSES	 								  									*/
/* ================================================== */
.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }
.img_left { float:left; }
.img_right { float:right; }


/* NAVIGATION RULES 								  								*/
/* ================================================== */
#nav{ border:1px solid #ccc; border-left:0px; border-right:none; height:30px; padding:0px 2px; padding-left:220px;}
#nav ul {margin:0; padding:0; list-style:none; float:right; height:30px;}
#nav ul li { position:relative; margin:0; padding:0; float:left; display:inline; vertical-align:top; }

#nav ul li a {height:30px;display:inline-block; text-decoration:none;}

#nav ul li.last{}
#nav ul li.last a{margin-right:0px;}
#nav ul ul {display:none; position:absolute; top:30px; padding-right:20px; left:0; margin-left:12px; width:150px !important;}
/*#nav li.inactive ul {display: none;}
#nav li.active ul {display: block;}*/
#nav ul li a span{font-size:18px; visibility:hidden; display:none;}
#nav ul ul li a{ height:auto; display:block; width:100%;}
#nav ul ul li a span{font-family:verdana; visibility:visible; font-size:11px; display:block !important; white-space:nowrap; color:#666; width:100%;padding: 2px 0; padding-left:2px; }
#nav ul ul li a:hover span{background-color:#F2F1F1; }
#nav ul ul li {background-color:#fff; width:100%; display:block; border:1px solid #ddd; border-top:0px; padding:0; margin:0; }
#nav ul ul ul {display:none !important;}
#nav ul ul.over{display:block;}

/*specific nav bg images */
#navitem_factor a{width:102px; background: url(/images/nav/nav-factor.gif) no-repeat 0 0;}
#navitem_solutions a{width:150px; background: url(/images/nav/nav-solutions.gif) no-repeat 0 0;}
#navitem_excellence a{width:190px; background: url(/images/nav/nav-excellence.gif) no-repeat 0 0;}
#navitem_media a{width:164px; background: url(/images/nav/nav-media.gif) no-repeat 0 0;}
#navitem_contact a{width:127px; background: url(/images/nav/nav-contact.gif) no-repeat 0 0;}

#navitem_factor a:hover{background: url(/images/nav/nav-factor.gif) no-repeat 0 50%;}
#navitem_solutions a:hover{background: url(/images/nav/nav-solutions.gif) no-repeat 0 50%;}
#navitem_excellence a:hover{background: url(/images/nav/nav-excellence.gif) no-repeat 0 50%;}
#navitem_media a:hover{background: url(/images/nav/nav-media.gif) no-repeat 0 50%;}
#navitem_contact a:hover{background: url(/images/nav/nav-contact.gif) no-repeat 0 50%;}

#navitem_factor.active a{background: url(/images/nav/nav-factor.gif) no-repeat 0 100%;}
#navitem_solutions.active a{background: url(/images/nav/nav-solutions.gif) no-repeat 0 100%;}
#navitem_excellence.active a{background: url(/images/nav/nav-excellence.gif) no-repeat 0 100%;}
#navitem_media.active a{background: url(/images/nav/nav-media.gif) no-repeat 0 100%;}
#navitem_contact.active a{background: url(/images/nav/nav-contact.gif) no-repeat 0 100%;}

#nav ul ul li a{background-image:none !important;}

.horiz_nav {}
.horiz_nav ul {}
.horiz_nav ul li { float:left; }


/* SEARCH			 								  											*/
/* ================================================== */
#search form {}
#search form input.text {}
#search form input.button {}

#searchresults dd { margin-bottom:5px; }
#searchresults dl { margin-top:15px; }


/* HOMEPAGE OVERRIDES		 						  								*/
/* ================================================== */
#home .text {visibility:hidden; position:absolute;}



/* MISC TOMFOOLERY		 						  								*/
/* ================================================== */
dl{margin-top:4px; width:100%;}
dl dt{margin:0; padding:0;float:left; width:45%; display:inline; color:#666; font-weight:normal; margin-bottom:5px;  }
dl dd{margin:0; padding:0;float:right; width:45%; display:inline; color:#666; clear:right; margin-bottom:5px;}

#contact #bgwrapper{background: url(/images/layout/rocks-leaves.jpg) no-repeat right 95%;}
#contact #main{padding-right:290px;}
#excellence #bgwrapper{background: url(/images/layout/hands.jpg) no-repeat right 150px;}
#excellence #main {padding-right:290px;}
#markets #bgwrapper{background: url(/images/layout/vine.jpg) no-repeat right bottom;}
#factor #bgwrapper{background: url(/images/layout/balance.jpg) no-repeat right 160px;}
#earthfriendly #bgwrapper{background: url(/images/layout/bulb.jpg) no-repeat 93% 150px;}
#earthfriendly #main {padding-right:220px;}
#media #bgwrapper{background: url(/images/layout/zen.jpg) no-repeat right 220px;}
#media #main {padding-right:290px;}


.fixed #bgwrapper{height:516px;}
.flex #bgwrapper{height:auto;}

.spaced{margin-bottom:20px;}
ul.spaced-out li{margin-bottom:5px;}
h2.red {margin:0; color:#990033;}

#address{padding-bottom:50px;}
td{border:0px;}
#management .bodyimage{margin-top:10px !important;}