html{
 
}

#site-wrapper{
 z-index: 2;
 position: relative;
 background-image: none;
 /*background: url("/resource/1296194312000/Clouds") no-repeat scroll right 60px transparent;
 -webkit-transition: all 3s ease-in-out;
 -moz-transition: all 3s ease-in-out;
 -o-transition: all 3s ease-in-out;
 -webkit-transition: all 3s ease-in-out;
 transition: all 3s ease-in-out; 
 -webkit-transform:translate(0px, 30px);
 -webkit-animation-iteration-count: infinite;
 */
 /*min-height: 1000px;
*/
}
/*
.home #site-wrapper{
 background: url(/resource/1296192761000/CurvedWhiteBackground) repeat-x scroll center 470px;
}*/

body{
 color: #7E7E7E;
 font-family: Verdana, Arial, sans-serif;
 background: url(/resource/1296196048000/WebsiteBackground) repeat-x scroll 0 -360px #FFFFFF;
}
/*
body.home{
 background-position: 0 0;
}*/


.logo a{
 display: block;
 position: relative;
 z-index: 10;
}

 .home  #background-feature {
  /*  background: url("/resource/1296194312000/Clouds") no-repeat scroll center 0 transparent;
    height: 280px;
    left: -100px;
    position: absolute;
    top: 360px;
    width: 100%;
    z-index: 1;
    */
    /*
    background: url("/resource/1300685059000/CustomersCloud") no-repeat scroll center 0 transparent;
    height: 350px;
    left: -100px;
    position: absolute;
    top: 50px;
    width: 100%;*/
}

#home-banner{
 position: absolute;
 z-index: 0;
 float: right;
 margin-top: -150px;
 margin-left: 40px;
}

.home h1{
   width: 470px;
   margin-top: 50px;
}

.home-promo{
 position: absolute; 
 margin-left: 530px; 
 margin-top: -140px;
}

.home-accent{
 float: right;
 margin: 20px;
 text-align: center;
}

.home-accent img{
 width: 300px;
}

.home-accent  a{
 text-decoration: none;
}
.home-accent  a:hover{
 text-decoration: underline;
}
.home-accent p{
 margin: 0;
}

#home-customer-list{
 position: absolute;
 left: 520px;
 top: 130px;
}

#home-customer-list li{
 min-height: 80px;
}

#home-customer-list li img{
 max-height: 80px;
 cursor: pointer;
}

.customer-list-1{
 margin-left:0;
 margin-top: 20px;
}

.customer-list-2{
 margin-left: 200px;
 margin-top: 60px;
}

.customer-list-3{
 margin-left: 0;
 margin-top: 130px;
}



.container_12{
 padding-top: 20px;
 position: relative;
 z-index: 1;  
 
 /*border: 1px dashed #CCCCCC;
 background: url("http://960.gs/img/12_col.gif") repeat-y scroll 0 0 #FFFFFF;
 margin-top: 20px;*/

}

header, article, footer{
 display: block;
 border: 0px dashed red; 
}

article{
  /*background: rgba(239, 182, 29, .50);*/
  min-height: 450px;
  margin-top: 35px;
}

/*article .grid_12{
 padding-top: 40px;
}*/



p,h1, h2, h3{
 margin: 1em 0 1em 0;
}


h1, h2{
 color: #066A72;
}

h3{
 color: #1ec2f3;
 font-size: 1.2em;
}

a{
 color: black;
 color: #00B1E6;
 color: #BF5A13;
}

#content ul, #content ol{
  margin-left: 0;
  padding-left: 20px;
  /*list-style: none;*/  
}

#content ul li{
 color: black;
 list-style-type: disc;
 margin-left: 10px; 
 /*padding-left: 30px;
 background-image: url(/resource/1300545410000/ShieldBullet);
 background-repeat: no-repeat;
 background-position: 0 .2em; 
 */
}

#content ol li{
  list-style-type: decimal; 
}

#content  li li{
 /*
 background-image: none;
 padding-left: 20px;
 list-style-type: circle;
 */
}


/**** Top Menu ****/

   .topNav{
     *width: 620px;  
    }

    #topNav{
     background-image: url(/resource/1296362376000/MenuBackground);
     background-repeat: repeat-x;
     /*width: 600px;*/
     display: block;
     top: 5px;
     position: relative;
     float: right;
     -moz-border-radius: 4px;
     border-radius: 4px;
    }
#topNav ul { /* all lists */
	line-height: 1;
	font-size: 0.8em;
    font-family: 'Droid Sans', arial, sans-serif;	
}

#topNav ul a {
	display: block;
    width: 87px;
    text-align: center;
	color: white;
	height: 26px;
    margin: 10px auto 0 auto;
    text-decoration: none;
    font-weight: bold;
}

#topNav ul ul a{
  text-align: left;
  padding-left: 20px;   
  width: 110px;  
}

#topNav ul li { /* all list items */
	float: left;
	 /*width: 100px; width needed or else Opera goes nuts */
	min-height: 36px;
	padding-left: 0;
	*width: 85px;

}
#topNav ul li.longmenu a {
   width: 180px;  
}

#topNav ul li.longmenu{
  *width: 180px;
}

#topNav ul ul { /* second-level lists */
	position: absolute;
	background: #606060;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index: 999;
   background-image:none;
     -moz-border-radius: 0 0 4px 4px;
     border-radius: 0 0 4px 4px;  
    font-size: 1em;
    border: 1px solid #565656;
    margin-left: 4px;
}

#topNav ul ul ul { /* third-and-above-level lists */
	margin: -30px 0 0 10em;
     -moz-border-radius: 4px;
     border-radius: 4px; 	
}

#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul {
	left: -999em;
}

#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#topNav .active{
 font-weight: bold;
}

#topNav .active ul{
 font-weight: normal;
}
.a2a_kit{
 float: right;
 margin-top: 15px;
 font-size: 0.8em;
 position: relative;
 z-index: 10;
}


#social-follow{
    left: 0;
    margin-top: 230px;
    position: absolute;
    z-index: 10;
    background-color: orange;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;    
    padding: 3px;    
    display: none;
}
#social-follow div{
 background-repeat: no-repeat;
}
#social-follow a{
 width: 30px;
 font-size: 0.1em;
 height: 30px;
 text-indent: -20000px;
 display: block;
}

.facebook{
 background-image: url(/resource/1304809589000/FacebookIcon);
}
.twitter{
 background-image: url(/resource/1304809657000/TwitterIcon);
}
.linkedin{
 background-image: url(/resource/1304809556000/LinkedInIcon);
}

.sideblock{
 background-color: #757575;
 margin-top: 40px;
 padding: 20px;
 -moz-border-radius: 10px;
 border-radius: 10px; 
}

.sideblock ul{
 margin: 0 !important;
 padding: 0 !important;
}

.sideblock ul li{
 list-style-type: none !important;
 margin: 0 !important;
 line-height: 2.2em;
 font-size: 0.8em;
}

.sideblock a{
 color: white;
 text-decoration: none;
}

.sideblock a:hover{
 text-decoration: underline;
}


.sideblock a.active{
 color: black;
}
.sideblock h3{
 padding: 0;
 margin: 0 0 10px 0;
}

.sideblock h4{
 color: black;
 font-size: 0.9em;
}

.sideblock li.long-side-menuitem{
 font-size: 0.7em;
}

.sidebar #partner-logo{
 margin-top: 20px;
}
.sidebar #partner-logo img{
 width: 222px;
} 
/* Flow Panes */
	#customer-videos-scrollable {
		position:relative;
		overflow:hidden;
		clear:both;
		height: 290px;
        background-color: #C3E5F7;	  
        /*background-repeat: no-repeat;*/
        padding-top: 20px;
        position: relative;
        width: 680px;        
               
	}

	/* override single pane */
	#customer-videos-scrollable div.item {
		float:left;
		display:block;
		width:680px;
		height: 250px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#customer-videos-scrollable .items {
		width:20000em;
		clear:both;
		margin: 0 0 0 0px;
		padding:0;
		position: absolute;
	}

	#customer-videos-scrollable .less, #customer-videos-scrollable .less a {
		color:#999 !important;
		font-size:11px;
	}
	
    #video-navigation{
     clear: both;
     padding-left: 0 !important;
    }
	
    #video-navigation li{
     background-color: #26A3E2;
     background-color: #BF5A13;
     float: left;
     height: 50px;
     list-style-type: none !important;
     margin-bottom: 40px;
     margin-left: 0 !important;
     padding: 10px 0 15px 0;
     text-align: center;
     width: 170px;
    }
    #video-navigation li a{
     background-color: white;
     color: white;
     display: block;
     margin-left: 10px;
     width: 150px;  
    }
    
    #video-navigation li.current{
        background-color: #C3E5F7;
    }
    
    #video-navigation li a img{
     /*width: 150px;*/    
     height: 35px;
    padding: 10px 0 7px;     
    }
    
    
    #customer-videos-scrollable .feature-image{
     float: right;
     /*width: 550px;*/
    }
    
    #customer-videos-scrollable .video-details{
     float: right;
     margin-top: -20px;
     width: 250px;
     padding: 0 10px 0 20px;     
    }
    
    #customer-videos-scrollable .video-object{
     width: 400px;
    }
    
    #customer-videos-scrollable .video-details p{
     font-size: 0.9em;
    }
    
    h1, h2, h3{
     font-family: 'Droid Sans', arial, sans-serif;
     clear: both;
    } 
    
    h1{
     font-size: 2em;
    }
    h2{
     font-size: 1.5em;
    }    
    
    .feature-header{
     padding-top: 20px;
     font-size: 2.5em;
     color: white;
     width: 550px;
     margin-left: 20px;
    }
    
    .feature-subheader{
     font-size: 1.5em;
     color: #636466;
     margin: -20px 0 0 40px;
    }   
    
    
.page-accent{
 float: right;
 padding: 0 0 20px 20px;
}    

.page-accent img{
 -moz-border-radius: 5px;
 border-radius: 5px; 
 -moz-box-shadow: 10px 10px 5px #888;
 -webkit-box-shadow: 10px 10px 5px #888;
 box-shadow: 10px 10px 5px #888; 
 max-width: 350px;
}
    
/** HOME CONTENT **/

.social-icons li{
 float: left;
 padding-right: 20px;
}    

.promo2{
 height: 50px;
}

.valueprop{
 color: black;
 /*margin-top: -90px;
*/
}

.valueprop h1{
 font-size: 1em;
}
.valueprop strong{
 color: red;
}   
    
    /** FOOTER **/
     
#footer-background{
 width: 100%;
 height: 152px;
 background-color: #5C5C5A;
 position: absolute;
 margin-top: -152px;
 z-index: 0;
}

footer{
 font-size: 0.8em;
 padding-bottom: 20px;
 color: black;
}

footer a{
 color: white;
 text-decoration: none;
}

footer a:hover{
 text-decoration: underline;
}
 
#seo-container{
 width: 1px;
 height: 1px;
 left: -3000px;
 overflow: hidden;
 position: absolute;
}
#seo-container-proper{
 padding-bottom: 40px;
 margin-top: 40px;
 background-color: #bbe196;
 background-color:  #B8D677; 
 background-color:  #BF5A13;
 background-color: #339933;
 background-color: #85E4FF;
  background-color: #63CDED;
 -moz-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;  
}

#seo-container-proper h2{
 margin-top: 20px;
 font-size: 1.2em;
 font-weight: bold;
 color: black;
}

#seo-container-proper li{
 list-style: disc;
 margin-left: 20px;
}

.footer-menu{
 padding-top: 20px;
 float: right;
}

.footer-menu li{
 float: left;
 padding-right: 20px;
}

.microcard{
 padding-top: 20px;
}
.vcard .org{
 font-weight: bold;
}
.hide{
 display: none;
 visibility: hidden;
}
  
 /** customer list page **/
 .customer-logo{
    float: left;
    height: 150px;
    overflow: hidden;
    padding: 10px 30px 10px 0;
    width: 200px;
text-align: center;    
 }
 
  .customer-logo img{
   max-height: 100px;
  }
 
 /* root element for tabs  */
ul.tabs{
 margin-left: 0 !important;
 border-bottom: none !important;
}

ul.tabs ul{
 margin-left: 20px;
}

ul.tabs li{
 list-style-type: none !important
} 
	
/* tab pane */
.panes div {
}

.panes{
  border: 1px solid black;
  margin-top: 30px;
  padding: 40px 20px 20px 20px;
}

.partner{
 margin-top: 20px;
 padding-bottom: 20px;
 border-bottom: 2px dashed gray;
}
.partner-logo{
 
}

.last{
 border-bottom: none !important;
}

.accent-odd{
 float: right;
 padding-left: 20px;
}

.accent-even{
 float: left;
 padding-right: 20px;
}

/***** BLOG SECTION ****/

.home-blog-posts{
 
}
.home-blog-post{
 border-bottom: 2px dashed #006A72;
 padding: 20px 0 20px 0;
}

.home-blog-post-date{
 font-size: 0.7em;
 color: black;
}

.home-blog-post-content{
 font-size: 0.9em;
}

#content .required{
 padding-left: 0;
}

#content .required li{
 color: red !important;
 font-weight: bold;
}

#content .required li{
 list-style: none;
 list-style-type: none;
}

.dialog-msg{
 display: none;
}
 
#news {
    font-size: 0.7em;
    margin-left: 13px;
    margin-top: 220px;
    position: absolute;
    z-index:11;
}

#news a{
 color: #737373;
}