/* 
   =========
   IntePoint 
   =========
   
   11.18.2007
   ND v2.2 
   
   Palette
   Blue 	#7995BC
   Orange 	#E18446
   Green 	#92D38B

*/

/* GLOBAL WHITESPACE RESETS */
* { margin: 0; padding: 0; }
body { 	width: 100%; color: #888; font-family: arial,helvetica,verdana,sans-serif; background: #FFF url(../webgfx/bg_page2.jpg) top left repeat-x; } /* gradient */
* html body { text-align: center; }
* html body #wrapOuter { text-align: left; }

/* LAYOUT */
#wrapOuter { width: 950px; margin: 0 auto; background: transparent url(../webgfx/bg_b2.jpg) top center no-repeat; } /* wires */
#b { position: relative; width: 950px; height: 129px; margin-bottom: 0px; }
#b h1 { text-indent: -10000px; }
#linkLogoIntepoint { position: absolute; top: 0; right: 0; display: block; width: 180px; height: 129px; margin-top: 0px; margin-right: 0px; background: transparent; }
#logoIntepoint { display: block; width: 180px; height: 129px; }
#container { width: 950px; float: right; background: transparent; overflow: hidden; } /* Floated to contain 3 column floats within. */
#content { width: 540px; float: left; padding-bottom: 60px; background: #FFF url(../webgfx/bg_content-L.jpg) top left no-repeat; margin-left: 50px; display: inline; overflow: hidden; } 
#content div.pad { background: transparent url(../webgfx/bg_content-R.jpg) top right no-repeat; }

#container-supp { padding-top: 0px; overflow: hidden; } /* padding-top for IE7 - collapsing margins? */
#supp1 { width: 180px; float: right; color: #FCC8A3; background: #335E99 url(../webgfx/bg_supp1.jpg) no-repeat; margin-top: 0px; } /* nav */  
#supp2 { width: 180px; float: right; color: #92AF83; background: transparent url(../webgfx/bg_supp2-top.jpg) no-repeat; padding-top: 52px; } /* proof points */

#supp3 { width: 170px; float: right; padding-left: 10px; border-left: 1px dotted #CCC; font-size: .8em; font-color: #090; line-height: 1.6; }
#supp3 blockquote p { line-height: 2 !important; color: #090; }
#supp3 cite { font-size: .9em; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: bold; color: #090; }
#maincontent { width: 490px; float: left; }

/* 
#si 	{ float: right; width: 900px; clear: both; background: #EEE url(../webgfx/bg_si.gif) left top no-repeat; padding-top: 20px; padding-bottom: 40px; border-bottom: 8px solid #888; margin-top: 0px; } 
*/
#si 	{ float: right; width: 900px; clear: both; background: #EEE url(../webgfx/bg_si.jpg) left top no-repeat; padding-top: 20px; padding-bottom: 60px; border-bottom: 8px solid #AAA; margin-top: 0px; } 
#si h1, #si p	{ font-family: verdana,arial,sans-serif; font-size: 11px; color: #777; margin-left: 40px; padding-right: 20px; }
#si ul { margin-left: 40px; }
#si ul a { font-size: 12px; }

/* COL SWITCH */
.TwoCol #supp2 { display: none !important; }
.TwoCol #container { background: url(../webgfx/bg_supp1.gif) right top repeat-y !important; } /* faux column for supp1 */
.ThreeCol #supp2 { display: block; } 
.TwoCol #content { width: 720px !important; }
.ThreeCol #container { background: url(../webgfx/bg_supp1-2.gif) right top repeat-y; } /* faux columns for supp1 and supp2 */
	
/* UTILITIES */
.pad { padding: 16px; }
#content .pad { padding-top: 0; }
#supp1 .pad { padding: 0; } 
#supp2 .pad { padding: 0; }
.clearer { clear: both; height: 1px; overflow: hidden; }

/* TYPOGRAPHY */
#content h1, #content h2, #content h3, #content h4 { font-family: arial,helvetica,verdana,sans-serif; letter-spacing: -1px; line-height: 1;} /* color: #C3C5DF;  */
#content h1 { color: #7995BC; padding-top: 20px; margin-top: 0; margin-bottom: 10px; } /* color: #CC6 */
#content h2 { font-size: 1.2em; color: #CC6; margin-bottom: 1.5em; } 
#content h3 { font-size: 1em; color: #999; }
/* #content p.intro { color: #C1D3BA; } */
#content p.intro { font-size: 1.2em; line-height: 1.2; margin-top: 0; margin-bottom: 2em; } /* color: #CF7336 */
#content p.intro span { text-transform: uppercase; } 
#content p, #content ul, #content ol, #content dl { font-size: .9em; font-family: arial,helvetica,verdana,sans-serif; color: #444; line-height: 1.6; margin-bottom: 1em; }
#content ul { line-height: 1.2; margin-top: 1em; margin-bottom: 1em; }
#content ul li span { font-weight: bold; }
#content dt { font-weight: bold; } 
#content dd { margin-left: 2em; margin-bottom: 1em; }
#supp2 h1, #supp2 h2, #supp2 h3 { font-family: arial,helvetica,verdana,sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 0; }
#supp2 h2 { padding-top: 2.4em; padding-bottom: 8px; margin-bottom: 10px; margin-top: 0; background-color: transparent; }


#supp1 ul { font-family: arial,helvetica,verdana,sans-serif; } 
#supp2 p, #supp2 ul, #supp2 blockquote, #supp2 cite { display: block; font-size: .9em; font-family: arial,helvetica,verdana,sans-serif; color: #222; margin: 10px; margin-top: 30px; } 
#supp2 blockquote p { margin: 0; }
#supp2 blockquote ul { margin-left: 1em; padding-left: 0; }
#supp2 cite { font-size: .8em; }
#supp2 ul { margin-left: 2em; }
#supp2 ul.quicklinks { margin: 0; }
ul, ol { margin-top: 1em; margin-left: 1em; }
li 		{ margin-bottom: .5em; }


/* LINKS */
#content a { color: #335E99; border-bottom: 1px solid #E18446; text-decoration: none; } 
#content a:hover { border-bottom: 1px solid #FFF; }
#supp1 a { color: #FCC8A3; text-decoration: underline; }
#supp1 a:hover { color: #FFF; text-decoration: none; }
#supp2 a { color: #C1D3BA; text-decoration: underline; } 
#supp2 a:hover { color: #FFF; text-decoration: none; } 
#content h2 a { border-bottom: 2px solid #E18446; }

ul.nav { list-style: none; width: 180px; color: #FFF; padding-top: 51px; background: transparent url(../webgfx/bg_nav-top.jpg) top left no-repeat; margin: 0; }
#supp1 ul.nav li { margin: 0; line-height: 1; }
#supp1 ul.nav li a { display: block; font-size: .8em; color: #FFF; text-decoration: none; padding: 8px; padding-left: 14px; background: transparent; border-bottom: 1px dotted #DDD; }
* html #supp1 ul.nav li a { height: 1%; } /* Removes additional space above the links in IE6 by giving hasLayout */
#supp1 ul.nav li a:hover { color: #FFF !important; background: #537095; }
ul.nav ul { margin: 0; padding: 0; list-style: none; background: #EF9559; } 
#supp1 ul.nav li li a { display: block; padding: 8px; padding-left: 14px; font-size: .75em; color: #FFF !important; text-decoration: none !important; background: transparent; }
#supp1 ul.nav li li a:hover { display: block; color: #FFF; background: #E18446; }
ul ul { border-left: 4px solid #E18446; } 

/* Partner Links */
#partnerlinks 			{ width: 600px; }
h2.partnerlinks 		{ margin-top: 2em; margin-bottom: 1em !important; }
h2.partnerlinks-first 	{ margin-top: .5em; }
#partnerlink1 a { display: block; width: 600px; height: 50px; background: url(../webgfx/logo_viscenter.jpg) 0 0 no-repeat; text-decoration: none !important; border: none !important; margin-bottom: 1em; }
#partnerlink1 a:hover { background: url(../webgfx/logo_viscenter.jpg) 0px -50px no-repeat; text-decoration: none; border: none; }
#partnerlink2 a { display: block; width: 600px; height: 50px; background: url(../webgfx/logo_esri.jpg) 0 0 no-repeat; text-decoration: none !important; border: none !important; margin-bottom: 1em; }
#partnerlink2 a:hover { background: url(../webgfx/logo_esri.jpg) 0px -50px no-repeat; }
#partnerlink3 a { display: block; width: 600px; height: 50px; background: url(../webgfx/logo_pointone.jpg) 0 0 no-repeat; text-decoration: none !important; border: none !important; margin-bottom: 1em; }
#partnerlink3 a:hover { background: url(../webgfx/logo_pointone.jpg) 0px -50px no-repeat; }
#partnerlink4 a { display: block; width: 600px; height: 50px; background: url(../webgfx/logo_tideway.jpg) 0 0 no-repeat; text-decoration: none !important; border: none !important; margin-bottom: 1em; }
#partnerlink4 a:hover { background: url(../webgfx/logo_tideway.jpg) 0px -50px no-repeat; }
#partnerlink5 a { display: block; width: 600px; height: 50px; background: url(../webgfx/logo_uncc-compinfo.jpg) 0 0 no-repeat; text-decoration: none !important; border: none !important; margin-bottom: 1em; }
#partnerlink5 a:hover { background: url(../webgfx/logo_uncc-compinfo.jpg) 0px -50px no-repeat; }

/* News */ 
#supp1 #news { font-size: .7em; color: #B3CDEF; padding-bottom: 40px; background: #274D7F; border-top: 8px solid #1B406F; border-bottom: 2px solid #1B406F; } 
#supp1 #news h1 { font-size: 1em; color: #B3CDEF; text-transform: uppercase; padding: 14px; padding-bottom: 0; margin-bottom: 0; } 
#supp1 #news { } 
#supp1 #news ul { list-style: none; padding: 14px; margin: 0; } 
#supp1 #news ul li { margin-bottom: 14px; }
#supp1 #news ul li.external { padding-right: 14px; background: url(../webgfx/ico_ext.gif) bottom right no-repeat; } 
#supp1 #news a { color: #B3CDEF; text-decoration: none; border-bottom: 1px dotted #B3CDEF; } 
#supp1 #news a:hover { border-bottom: 1px dotted #274D7F; } 
#supp1 #news p { padding: 14px; } /* future-proofing... */


/* Site Map List */ 
.sitemap ul.sitemap { width: 80%; margin-left: 8em; border-top: 1px solid #FFF; margin-top: 60px !important; } 
.sitemap ul.sitemap, .sitemap ul.sitemap ul { list-style: none; } 
.sitemap ul.sitemap li, .sitemap ul.sitemap ul, .sitemap ul.sitemap li a { border-left: none !important; background: transparent !important; } 
.sitemap ul.sitemap li a { font-weight: bold; text-transform: uppercase; } 
.sitemap ul.sitemap li li a { font-weight: normal; text-transform: none; } 

/* Nav Contextual Switch */
.home #supp1 ul.nav #nav-home,
.solutions #supp1 ul.nav #nav-solutions,
.products #supp1 ul.nav #nav-products,  
.about #supp1 ul.nav #nav-about, 
.contact #supp1 ul.nav #nav-contact { font-weight: bold; color: #FFF; background: #E18446; text-decoration: none; }
/* Subnav Contextual Switch */
#about-overview #supp1 .nav a#nav-about-sub1, 
#about-partners #supp1 .nav a#nav-about-sub2,
#about-directions #supp1 .nav a#nav-about-sub3, 
#products-overview #supp1 .nav a#nav-products-sub1, 
#products-agent #supp1 .nav a#nav-products-sub2, 
#solutions-overview #supp1 .nav a#nav-solutions-sub1, 
#solutions-business #supp1 .nav a#nav-solutions-sub2,
#solutions-governance #supp1 .nav a#nav-solutions-sub3,
#solutions-response #supp1 .nav a#nav-solutions-sub4,
#solutions-site #supp1 .nav a#nav-solutions-sub5 { color: #1B406F !important; }

/* Show / Hide Subnav */
ul.nav ul { display: none; }
.about ul.nav #nav-about-sub { display: block; }
.solutions ul.nav #nav-solutions-sub { display: block; }
.products ul.nav #nav-products-sub { display: block; }

/* supp2 Quick Links */
ul.quicklinks { list-style: none; width: 180px; color: #FFF; background: transparent; margin: 0; }
ul.quicklinks li { width: 180px; height: 149px; background: transparent; border-bottom: 1px dotted #FFF; margin: 0; }
ul.quicklinks li a { display: block; width: 164px; height: 133px; font-size: 12px; font-weight: bold; color: #FFF !important; text-transform: uppercase; text-decoration: none !important; padding: 8px; background: transparent; }
ul.quicklinks #quicklink-1 { background: url(../webgfx/bg_quicklink-1.gif) no-repeat; }
ul.quicklinks #quicklink-2 { background: url(../webgfx/bg_quicklink-2.gif) no-repeat; }
ul.quicklinks #quicklink-3 { background: url(../webgfx/bg_quicklink-3.gif) no-repeat; }
ul.quicklinks li a:hover { color: #FFF !important; background: #508F49 !important; }
ul.quicklinks li.gfx { border: none; margin: 0; }
ul.quicklinks li.gfx a { padding: 0; }
ul.quicklinks li.gfx a:hover {  }
ul.quicklinks li a span.ql-description { font-weight: normal; color: #ADDFA7; text-transform: none; display: none; }
ul.quicklinks li a:hover span.ql-description { display: block; }

/* si */
#si a 		{ color: #F90; text-decoration: none; }
#si a:hover { color: #FFF; background: transparent; } 
#si ul 		{ list-style: none; margin-top: 1em; margin-bottom: 1em; } 
#si ul li 	{ display: inline; margin-left: 10px; padding-left: 10px; border-left: 1px solid #AAA; } 
#si ul li.first { margin-left: 0; padding-left: 0; border-left: none; }
#si ul li a { font-size: .8em; color: #335E99; border-bottom: 1px solid #335E99; } 
#si ul li a:hover { color: #335E99; border-bottom: 1px dotted #335E99; }