#global-wrap { }
body 								{ font-family: 'Open Sans', sans-serif; color: #333; font-style: normal; padding: 0px; margin: 0px; }
a 									{ color:#296492; font-weight: 300; text-decoration:underline; }

#topbar  							{  padding: 0px; position: fixed; width: 100%; z-index: 1000; background: #1C1C1C; }
.header-bg                          { opacity: 0.4;  background: #1C1C1C;}


#logo								{ width:211px; float: left; margin:10px 0px 0px 0px;}


/* Navigation */

#menu 								{ height: 80px; margin: 0 auto; width: 1000px; font-weight: 300;}
#menu .nav ul 						{ margin: 0; padding: 0px 0px 0px 0px; overflow: hidden; }
#menu .nav li 						{ float: right; list-style-type: none; font-size:14px; padding: 20px 0px 0px 0px;  }
#menu .nav li a 					{ display: block; color:#FFF; text-align: center; padding: 14px 12px; text-decoration: none; }
#menu .nav a:hover               	{ display: block; color:#a1ed5c; }
#nav-button							{ float: right; margin:-4px 0px 0px 10px;  padding:0px 0px 0px 0px; }




/* SECTIONS ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////*/

/* SECTION IDs These define the content within each section //////////////////////
///////////////////////////////////////////////////////////////////////////////*/

/* MAIN IMAGE ID This is the wide background and contains the video content */

#pageintro                          { }

.intro 		                        { margin: 0 auto; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; text-align: center; width: 1000px; }
.intro h1                           { font-size: 56px; text-align: center; font-weight: 600; color: #1b5481; text-shadow: 0px 1px 1px #fff;  padding: 0px; margin: 40px 0px 10px 0px; }\
.intro h2	       			        { font-size: 14px; text-align: center; font-weight: 300; line-height: 40px; color: #666; padding: 0px; margin: 0px 0px 10px 0px; }
.intro-divider                      { text-align:center; width:300px; border-bottom:solid 1px  #E3E3E3; margin:30px auto 30px auto; padding:10px 0px 0px 0px;}


#section-0  						{  height: 707px; padding: 0px; background: url(../images/icomm_home_main_img.jpg) no-repeat scroll center; position: relative; z-index: 100; }
#section-0 h1 						{ font-size: 50px; text-align: center; font-weight: 300; color: #FFF; letter-spacing: -1px; padding: 170px 0px 0px 0px; margin: 0px; }
#section-0 h2 						{ font-size: 56px; text-align: center; font-weight: 600; color: #a1ed5c;  text-transform: uppercase; padding: 0px; margin: 10px 0px 10px 0px; }
#section-0 p 						{ text-align:center; margin: 0px ; padding: 20px 0px 0px 0px; }
#section-0 span						{ font-weight: 600; }

/* Home */
#section-1 							{ }
#section-1 .wrap h2 				{ font-size: 16px; text-align: left; font-weight: 700; color: #a1ed5c; text-transform: uppercase; padding: 0px; margin: 0px 0px 10px 0px; }
#section-1 .wrap p					{ font-size: 12px; text-align: center; font-weight: 300; line-height: 20px; color: #666; padding: 0px; margin: 0px 0px 10px 0px; }
.home-col							{ float: left; width: 320px; margin-right: 20px; }
.home-col-last						{ float: left; width: 320px; }
.home-col-img						{ float: left; padding: 0px 8px 8px 0px; }


/* Our Expertise */
#section-2 							{ }

/* Advertisers */
#section-3 							{ }
#section-3-sidebar					{ float: right; width:230px; padding: 0px 0px 0px 20px; margin: 40px 0px 0px 25px; border-left: 1px solid #e5e5e5; text-align: center; }
#section-3-sidebar .wrap h4			{ text-align: center; }

/* Affiliates */
#section-4 							{ }
#section-4-sidebar					{ float: right; width:230px; padding: 0px 0px 0px 20px; margin: 40px 0px 0px 25px; border-left: 1px solid #e5e5e5; text-align: center; }
#section-4-sidebar .wrap h4			{ text-align: center; }

/* The Team */
#section-5 							{ }
#section-5 .wrap h4 				{ font-size: 16px; text-align: left; font-weight: 700; color: #333; text-transform: uppercase; padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px; }
#section-5 .wrap h5					{ font-size: 12px; text-align: left; font-weight: 400; line-height: 18px; color: #666; padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px; }
.team-col							{ float: left; width: 180px; height: 275px; margin: 40px 20px 0px 0px; }
.team-col-last						{ float: left; width: 180px; height: 275px; clear: right; }

/* Contact */
#section-6 							{ }
#section-6-sidebar					{ float: right; width:230px; height: 875px; padding: 0px 0px 0px 20px; margin: 40px 0px 0px 25px; border-left: 1px solid #e5e5e5; text-align: center; }
#section-6-sidebar .wrap h4			{ text-align: center; }
.contact-img						{ float: right; padding-top: 22px; }
.contact-form 						{ float: left; width: 500px; margin: 0px auto 0px auto; padding: 25px; margin-top: 25px; background: #e5e5e5; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.contact-form p						{ font-size: 14px; font-weight: 400; color: #296492; clear: both; }
.contact-form h5					{ font-size: 18px; font-weight: 600; color: #333; text-align: left; padding: 0px; margin: 0px 0px 10px 0px; }
.contact-form fieldset 				{ margin: 0px auto 0px auto; }
.contact-form label 				{ float: left; clear: both; }
.contact-form-row	 				{ float: left; clear: both; }
.contact-field01					{ width: 400px; height: 24px; border: 1px solid #ccc; }
.contact-field02					{ width: 400px; height: 200px; background: #FFF; border: 1px solid #ccc; overflow: auto; }



/* footer */
.footer 							{ background:#0E0E0E; padding:0px 0px 0px 0px; margin:50px 0px 0px 0px; width: 100%;}
.footer-wrap						{ width: 1000px; height:250px;  margin: 0px auto 0px auto; padding: 60px 0px 0px 0px;}
.footer-left						{ float: left; width: 500px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
.footer-left img   					{ margin:0px 0px 0px 0px; padding: 0px 0px 30px 0px; }
.footer-left p     					{ font-size: 14px; font-weight: 400; color:#747474; line-height:20px;  padding: 0px; margin:0px 0px 10px 0px;}
.footer-left a   					{ text-decoration:none; color:#a7d761;}
.footer-right						{ float:right; width: 300px; margin: 20px auto 0px auto; padding: 0px 0px 0px 0px; }
.footer-right img   			    { margin:0px 0px 0px 0px; padding: 0px 0px 30px 0px; }
.footer-right p     				{ font-size: 14px; font-weight: 400; color:#747474; line-height:20px;  padding: 0px; margin:0px 0px 10px 0px;}
.footer-icon						{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px;}


/* Controls the padding for each section, this compensates for the main nav height */
.section 							{ padding: 109px 0px 0px 0px; position:relative; }
.section-home						{ padding: 50px 0px 0px 0px; position: relative; }


/* Controls the inside content each section */
.wrap 								{ margin: 0 auto; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; text-align: center; width: 1000px; }
.wrap h2 							{ font-size: 60px; text-align: left; font-weight: 300; color: #296492; padding: 0px; margin: 40px 0px 10px 0px; }
.wrap h3							{ font-size: 24px; text-align: left; font-weight: 300; color: #666; padding: 0px; margin: 0px 0px 20px 0px; }
.wrap h4							{ font-size: 16px; text-align: left; font-weight: 700; color: #a1ed5c; text-transform: uppercase; padding: 0px; margin: 0px 0px 10px 0px; }
.wrap p								{ font-size: 14px; text-align: left; font-weight: 300; line-height: 26px; color: #666; padding: 0px; margin: 0px 0px 10px 0px; }

.home-button                        { padding: 5px 0px 0px 0px; }



/* Controls the Icon Section */
.icon-sec 						    { margin: 0 auto; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; text-align: center; width: 1000px; }
.icon-block-wrap  					{ width: 280px;  margin: 0px 58px 0px 0px; overflow: hidden; padding: 40px 0px 0px 0px; float:left; clear:right; }
.icon-block  						{ width: 280px;  background: #a7d761; color:#FFF; align-content:center; margin: 0px 0px 25px 0px; overflow: hidden; padding: 60px 0px 60px 0px; }
.icon-block h1  				    { font-size: 20px; text-align: center; text-transform:uppercase; font-weight: 400; line-height: 26px; color: #FFF; padding: 0px; margin: 0px 0px 0px 0px; }
.icon-block p 						{ font-size: 12px; text-align: left; font-weight: 400; line-height: 26px; color: #666; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.icon-block-wrap-2  			    { width: 280px;  margin: 0px 0px 0px 0px; overflow: hidden; padding: 40px 0px 0px 0px; float:left; clear:right; }




/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}





/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #a7d761;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}