* {padding: 0; margin: 0;}
body {background: url(../images/bg.gif) repeat-x;font-family: helvetica, sans-serif; color: #333;font-size: 13px;behavior:url(csshover.htc);}

p {line-height: 140%; margin: 10px 0;}
h1, h2, h3 {font-weight: normal;margin; 0 0 10px 0;letter-spacing: -1px;}
h1 {font-size: 28px; color: #333; font-weight: normal;}
h1.why {font-size: 28px; color: #018bb2; font-weight: normal;}
h1.platform {font-size: 28px; color: #ff9900; font-weight: normal;}
h1.sol {font-size: 28px; color: #559a07; font-weight: normal;}
h2 {color: #018bb2;margin-bottom: 8px;font-size: 22px;}
h3 {color: #333;margin-bottom: 8px; font-size: 18px;}

a {color: #018bb2; text-decoration: none; border: 0;}
a:hover {color: #000; text-decoration: none; border-bottom: 0;}

img {border: 0px;}

.top {background: url(../images/poweredby-logo.gif) no-repeat 0 0; height: 65px; width: 100%;}
.top a.invis {height:55px;position:absolute;width:230px;}
.top a.invis span {display:none;}

/*<navigation>*/
#nav {display:block; height:65px; margin-left:552px;z-index: 1; position: absolute}
ul#navigation {list-style-type: none;padding: 0;margin: 0;border: 0;height: 65px;width: 401px;background: url(../images/navigation-over.gif) no-repeat;}

/*<group=level 1>*/
ul#navigation li {padding: 0;margin: 0;display: block;float: left;font-size: 12px;}
ul#navigation li a {border: 0;display: block;height: 65px;background: url(../images/navigation.gif) no-repeat;}
ul#navigation li a:hover {border: 0;display: block;background-image: url(../images/navigation-over.gif);}	

ul#navigation li a.solutionsHover{background-position: -291px 0 !important;background-image:url(../images/navigation-over.gif);border:0 none;display:block;}

ul#navigation li a.whyHover{background-position: -49px 0 !important;background-image:url(../images/navigation-over.gif);border:0 none;display:block;}

li#home a {width: 48px;}
li#why a {width: 104px;}
li#why a:link, li#why a:visited, li#why a:hover {background-position: -49px 0px;}

li#features a {width: 136px;}
li#features a:link, li#features a:visited, li#features a:hover {background-position: -154px 0px;}

li#solutions a {width: 113px;}
li#solutions a:link, li#solutions a:visited, li#solutions a:hover {background-position: -291px 0px;}

ul#navigation li a #select {background-image:url(../images/navigation-over.gif);background-position: -291px 0 !important;}

/*<group=level 2>*/
#navigation li ul {display: block;visibility: hidden;position: absolute;left: 0px;width: 113px;margin: 0;}
#navigation li:hover ul {visibility: visible;z-index: 100;}
#navigation li#solutions ul {background: none;height: 16px;margin-left: 288px;}
* html #navigation li#solutions ul {margin-left: 846px;}

ul#navigation li#solutions ul li#assoc a:link, 
ul#navigation li#solutions ul li#assoc a:visited {color: #fff;padding: 5px;background: #8fc416; width: 103px;height: 16px;}
ul#navigation li#solutions ul li#assoc a:hover {color: #539907;padding: 5px;background: #a2d62d; width: 103px;height: 16px;}

ul#navigation li#solutions ul li#events a:link, 
ul#navigation li#solutions ul li#events a:visited {color: #fff;padding: 5px;background: #8fc416; width: 103px;height: 16px;}
ul#navigation li#solutions ul li#events a:hover {color: #539907;padding: 5px;background: #a2d62d; width: 103px;height: 16px;}

ul#navigation li#solutions ul li#ed a:link, 
ul#navigation li#solutions ul li#ed a:visited {color: #fff;padding: 5px;background: #8fc416; width: 103px;height: 16px;}
ul#navigation li#solutions ul li#ed a:hover {color: #539907;padding: 5px;background: #a2d62d; width: 103px;height: 16px;}

/*<group=level 2>*/
#navigation li ul {display: block;visibility: hidden;position: absolute;left: 0px;width: 104px;margin: 0;}
#navigation li:hover ul {visibility: visible;z-index: 100;}
#navigation li#why ul {background: none;height: 16px;margin-left: 186px;}
* html #navigation li#why ul {margin-left: 846px;}

ul#navigation li#why ul li#easy a:link, 
ul#navigation li#why ul li#easy a:visited {color: #fff;padding: 5px;background: #51aee2; width: 150px;height: 16px;}
ul#navigation li#why ul li#easy a:hover {color: #336699;padding: 5px;background: #90d5fb; width: 150px;height: 16px;}

ul#navigation li#why ul li#connected a:link, 
ul#navigation li#why ul li#connected a:visited {color: #fff;padding: 5px;background: #51aee2; width: 150px;height: 16px;}
ul#navigation li#why ul li#connected a:hover {color: #336699;padding: 5px;background: #90d5fb; width: 150px;height: 16px;}

ul#navigation li#why ul li#custom a:link, 
ul#navigation li#why ul li#custom a:visited {color: #fff;padding: 5px;background: #51aee2; width: 150px;height: 16px;}
ul#navigation li#why ul li#custom a:hover {color: #336699;padding: 5px;background: #90d5fb; width: 150px;height: 16px;}

ul#navigation li#why ul li#ux a:link, 
ul#navigation li#why ul li#ux a:visited {color: #fff;padding: 5px;background: #51aee2; width: 150px;height: 16px;}
ul#navigation li#why ul li#ux a:hover {color: #336699;padding: 5px;background: #90d5fb; width: 150px;height: 16px;}

ul#navigation li#why ul li#partners a:link, 
ul#navigation li#why ul li#partners a:visited {color: #fff;padding: 5px;background: #51aee2; width: 150px;height: 16px;}
ul#navigation li#why ul li#partners a:hover {color: #336699;padding: 5px;background: #90d5fb; width: 150px;height: 16px;}



/* this line give you a nice, if less sexy, GIF background */
#splash { background:url(../images/splash-iefix.jpg) no-repeat; width: 940px; height: 315px; position: relative; z-index: 0; margin-top: -17px;}

/* PNG power! */
body > * #splash {background: url(../images/splash.png) no-repeat; width: 940px; height: 315px; position: relative; z-index: 0; margin-top: -17px;}
.video {position: absolute; left: 440px; top: 220px;}


/* this line give you a nice, if less sexy, GIF background */
 #contentwrap { background:none; width: 920px; padding: 0 10px;margin-top: -20px;}

/* PNG power! */
body > * #contentwrap {background: url(../images/bg-content.png) no-repeat; width: 920px; padding: 0 10px;}

.video {position: absolute; left: 470px; top: 214px;}
.contentBox {background: #fff; border: 5px solid #e9e9e9; padding: 20px 10px; width: 890px;font-size: 12px;}
 	.ch-assoc {float: left;background: url(../images/assoc-lg.gif) no-repeat; padding-left: 50px; width: 160px;margin-right: 10px; }
 	.ch-event {float: left;background: url(../images/event-lg.gif) no-repeat; padding-left: 56px; width: 175px;margin-right: 5px;}
 	.ch-ed {float: left;background: url(../images/ed-lg.gif) no-repeat; padding-left: 60px; width: 160px;margin-right: 15px;}
 	.ch-soon {float: left;background: url(../images/soon-lg.gif) no-repeat; padding-left: 54px; width: 135px;}

.contentPad {height: 30px;}

.contentleftMargin {float: left; width: 184px;}
.contentIndent {float:left;margin:0 20px;width:454px;}
.contentIndent-wide {float:left;margin: 0 20px;width:638px;}


#assocnav ul {width: 184px;margin-bottom: 20px}
#assocnav li {width: 144px; margin-bottom: 1px;height: 25px; list-style-type: none;text-align: right;padding: 12px 40px 0 0;font-size: 14px; font-weight: normal;background: #f1f1f1;}
#assocnav a {padding: 15px 0; overflow: hidden;color: #333; text-decoration: none; border; 0;}
#assocnav a:hover {color: #fff;text-decoration: none; border; 0;}
#assocnav li.assoc {background: url(../images/subnav-assoc.gif) no-repeat 154px 10px #f1f1f1;}
#assocnav li.events {background: url(../images/subnav-events.gif) no-repeat 154px 10px #f1f1f1;}
#assocnav li.ed {background: url(../images/subnav-ed.gif) no-repeat 154px 10px #f1f1f1;}


#assocnav li.assoc:hover {background: url(../images/subnav-assoc2.gif) no-repeat 154px 10px #999;}
#assocnav li.events:hover {background: url(../images/subnav-events2.gif) no-repeat 154px 10px #999;}
#assocnav li.ed:hover {background: url(../images/subnav-ed2.gif) no-repeat 154px 10px #999;}

#assocnav li.assoc-select {color: #fff;background: url(../images/subnav-assoc3.gif) no-repeat 154px 10px #559a07;}
#assocnav li.events-select {color: #fff;background: url(../images/subnav-events3.gif) no-repeat 154px 10px #559a07;}
#assocnav li.ed-select {color: #fff;background: url(../images/subnav-ed3.gif) no-repeat 154px 10px #559a07;}


* html #assocnav a:link, * html #assocnav a:visited {height:37px; he\ight:0;}


#whynav ul {width: 184px;margin-bottom: 20px}
#whynav li {width: 174px; margin-bottom: 1px;height: 25px; list-style-type: none;text-align: right;padding: 12px 10px 0 0;font-size: 14px; font-weight: normal;background: #f1f1f1;}
#whynav a {padding: 15px 0; overflow: hidden;color: #333; text-decoration: none; border; 0;}
#whynav a:hover {color: #fff;text-decoration: none; border; 0;}
#whynav li:hover {background:#13a5d0;color: #fff}

#platnav ul {width: 184px;margin-bottom: 20px}
#platnav li {width: 174px; margin-bottom: 1px;height: 25px; list-style-type: none;text-align: right;padding: 12px 10px 0 0;font-size: 14px; font-weight: normal;background: #f1f1f1;}
#platnav a {padding: 15px 0; overflow: hidden;color: #333; text-decoration: none; border; 0;}
#platnav a:hover {color: #fff;text-decoration: none; border; 0;}
#platnav li:hover {background:#ff9900;color: #fff}



* html #whynav a:link, * html #whynav a:visited {height:37px; he\ight:0;}

#assocPhone {width: 210px;top: -40px;float: left;position: relative; }
#assocPhone a {padding: 0; border: 0}

.footerBox {background: transparent/* url(../images/bg-footer.gif) repeat-x #f5f5f5*/; margin: 0 30px 20px 30px; width: 820px; padding: 10px 40px; font-size: 11px;} 

.footer4th {width: 120px;float: left;margin: 0 40px;}
.footer4th-last {width: 120px;float: left;margin-left: 40px;}

.bulletBox {background: #f3f3f3; padding: 10px; margin: 10px 0;}
	.bulletBox ul {}
	.bulletBox li {list-style-type: none;background: url(../images/tick.gif) no-repeat 0 4px; padding: 8px 0 8px 20px;}

.assocTxt {background: url(../images/assoc-lg.gif) no-repeat 20px 10px; padding: 10px 0 10px 80px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}

.eventTxt {background: url(../images/event-lg.gif) no-repeat 20px 10px; padding: 10px 0 10px 80px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}

.edTxt {background: url(../images/ed-lg.gif) no-repeat 20px 20px; padding: 10px 0 10px 80px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}

.soonTxt {background: url(../images/soon-lg.gif) no-repeat 20px 15px; padding: 10px 0 10px 80px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}

.partners {padding: 20px; border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.partners img {margin: 0 20px;}

.featureBox {width: 205px; float: left; font-size: 11px; color: #666; margin-right: 15px;}
.featureBox img {margin-bottom: 10px;}
.dash {height: 2px; border-top: 1px dashed #ccc;margin: 20px 0; width: 100%}

.whyBox {border-top: 1px dashed #ccc; padding: 10px 0; margin-bottom: 10px;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left: auto;margin-right: auto;width: 960px;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative; margin-left: 10px;margin-right: 10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}


/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {left:80px;}
.container_12 .push_2 {left:160px;}
.container_12 .push_3 {left:240px;}
.container_12 .push_4 {left:320px;}
.container_12 .push_5 {left:400px;}
.container_12 .push_6 {left:480px;}
.container_12 .push_7 {left:560px;}
.container_12 .push_8 {left:640px;}
.container_12 .push_9 {left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {left:-80px;}
.container_12 .pull_2 {left:-160px;}
.container_12 .pull_3 {left:-240px;}
.container_12 .pull_4 {left:-320px;}
.container_12 .pull_5 {left:-400px;}
.container_12 .pull_6 {left:-480px;}
.container_12 .pull_7 {left:-560px;}
.container_12 .pull_8 {left:-640px;}
.container_12 .pull_9 {left:-720px;}
.container_12 .pull_10 {left:-800px;}
.container_12 .pull_11 {left:-880px;}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}