@charset "utf-8";
/* CSS Document */

/************ GAPPS STYLES ***************/

@charset "utf-8";
/* CSS Document */
img, a {
border:0px;
outline:0;
}
body {
	font:77% Arial, Helvetica, sans-serif;
}
.pageHeader{
width:960px;
}
.pageHeader .subMenu h3 {color:#888;}
.buttonLink:hover {
	text-decoration:none;
}

.navigationList {
   background:#336cae;
   background:-moz-linear-gradient(center top , #4D88D9, #336CAE) repeat scroll 0 0 transparent;
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D88D9), to(#336CAE));
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D88D9', endColorstr='#336CAE');

    height: 34px;
	      
}
	.navigationList .content {
		width:960px;
	}
	.navigationList ul > li:first-child {
    border-left: 0px solid #DCDCDC;
}
	.navigationList .content ul li {
   border-right: 1px solid #1D58B4;
    cursor: pointer;
    float: left;
    font-weight: bold;
    position: relative;
    text-align: center;
    top: 1px;
	   
}
	
	.navigationList .content ul li:hover a {
	  
    background: none repeat scroll 0 0 #2364A9;
    color: #FFFFFF;
	}


.navigationList .content ul li.selected a, .navigationList .content ul li.selected a:hover {
           -moz-border-radius: 0 0 0 0;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
	
	.contentCont {
	    -moz-box-shadow: -3px 1px 3px #BBBBBB;
    background: url("../images/banner-bg3.png") repeat-x scroll center top transparent;
    height: 355px;
    margin: 0 auto;
    padding: 0px 15px;
	          
}
.gaddButton {
	background:url(../images/gapps-sprite.png) -9px -382px;
	width:303px;
	height:75px;
}
	.navContentCont {
		 background: none repeat scroll 0 0 #1F589D;
   
    margin: 0 auto;
    padding:20px;
	}
		.navContentCont .wrapper {
			width:960px;
			margin:0 auto;
			overflow:hidden;
		}
		.navContentCont h1 {
			color: #FEFEFF;
    font-family: 'Cabin',"Times New Roman",Times,serif;
    font-size: 2.7em;
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin: 0;
    padding: 5px 0 5px 5px;
    text-align: left;
    text-shadow: 0 1px 1px #000000;
		}
	.headerCont {
		width:47%;
	}
	.headerCont  .wrapper{
   
   padding: 3px 0 0;
}
	.gaAddButton {
	
    margin-top: 5px;
    position: relative;
    
    
		
	}
	.heading {
		      color: #B34325;
    font-family: 'Cabin',"Times New Roman",Times,serif;
    font-size: 3.4em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 2.1em;
    padding: 0 3px;
	}
	.pagebannerAreaGapps {
	width:960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 0px;
}
	.pagebannerAreaGapps h1 {
letter-spacing: -0.03em;
    line-height: 1;
    margin: 0;
    padding: 2px 0 3px;
    text-align: left;
    
	  color: #2C62A3;
    font-family: 'Cabin',"Times New Roman",Times,serif;
    font-size: 4em;
    font-weight: bold;
}
	.pagebannerAreaGapps h5 {
        color: #6892AB;
    font: 1.5em/1.3 'Cabin';
    padding: 8px 22px 5px 1px;
    text-align: left;
   
	    
}


	.bannercontentGapps {
		width:53%;
		clear:none;
		margin:0;
		
	}
	.buttonCont {
	float:left;
    
    padding: 0;
    text-align: left;
    width: 250px;
	}
	
	.bannercontentGapps .wrapper {
    text-align:right;
    
    
    padding: 0px 0 0;
	
}
	.imgmainscreenshot {
            background:url("../images/gapps-sprite.png") no-repeat scroll -1px -4px transparent;
    cursor: pointer;
    height: 307px;
	margin-top:-3px;
    width: 497px;
}
		.imgmainscreenshot:hover {
    background:url("../images/gapps-sprite.png") no-repeat scroll -1px -4px transparent;
      cursor: pointer;
	 height: 307px;
		margin-top:-3px;
    width: 497px;

	}
	.imgmainscreenshot img {
		margin-right: 4px;
    margin-top: 30px;
	}
	.slideNumber {
	margin:0px 0% -3px 42%;
	list-style:none;
	padding-top:10px;
	}
	.slideNumber li {
		float:left;
		background:url("../images/gapps-sprite.png") -318px -391px no-repeat;
		width:16px;
		height:16px;
		text-align:center;
		
		
		margin:0px 8px 0px 0px;
	}
		.slideNumber li:hover {
		cursor:pointer;
		cursor:hand;
		color:#8CFF58;
		font:bold 0.8em Arial,verdana;
	}
	.slideNumber li.selected {
		float:left;
		background:url("../images/gapps-sprite.png") -337px -391px no-repeat;
		width:16px;
		height:16px;
		text-align:center;
		
	}

.bannerrightcontent {
	display:none;
}
.tabContainer {
	margin: 0 0;
    overflow: hidden;
    padding:5px 17px;
    position: relative;
    text-align: center;
}
		h4.heading1 {
              color: #000000;
    font: 2.4em/2 Crimson Text;
    letter-spacing: -0.03em;
    padding: 0;
    text-align: left;
    text-shadow: 0 0 0 #000000;
    text-transform: none;
}
.tabContainer .ulNoStyle {
		background: none repeat scroll 0 0 #EEEEEE;
		list-style: none outside none;
		margin: 0px -10px 0px;
		padding: 0px 15px;
	}

	.tabs li {
		-moz-border-radius:3px 3px 0 0;
		color: #777777;
		cursor:pointer;
		cursor:hand;
		float:left;
		font:0.9em trebuchet MS;
		line-height: 0;
		margin:0 2px;
		padding:9px 5px 3px;
		text-align: center;
		text-transform: uppercase;
		width:150px;
}
	.tabs li.selected,.tabs li.selected:hover {
        background: #fff;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 0;
    position: relative;
    top: 1px;
	color:#000;
}
	.tabs li:hover {
		background:#ddd;
	}
	.tabContent {
		-moz-border-radius: 3px 3px 3px 3px;
		background: none repeat scroll 0 0 #FFFFFF;
		border-top: 0px solid #DDDDDD;
		clear: both;
		overflow: hidden;
		padding:10px 20px;
		text-align: left;
	}
		.tabContent h3 {
			font-size:1.3em;
			line-height:2;
		}
		.tabMainContent {
			padding:0px 0px 0px;
		}
			.tabMainContent h6 {
				font:bold 1.1em Arial,verdana,tahoma;
			}
	.tabContent .scrnShot, .tabContent .tabMainContent {
		width:50%;
	}
		.tabMainContent .wrapper {
			  padding: 10px;
		}
		.imgContainer {
			padding:10px;
		}
		
		.tabMainContent h3 {
			 font: 1.7em 'Philosopher';
    text-shadow: 0 0 0 #000000;
		}
		.tabMainContent h4 {
			    font: 1.5em/2.2 Arial;
		}
		.tabMainContent p {
			 color: #666666;
    font: 1.2em/1.5 Arial;
    padding: 0 0 0;
		}
		.tabMainContent ol {
			      font: 1.2em Arial;
    list-style-position: outside;
    list-style-type: decimal;
	margin:0;
		}
			ol li {
				  line-height: 1.7;
    margin: 5px 0;
    padding: 0;
			}
			
	/*** ICON STYLES ***/
	
		.iconGaUniversalNav {
			background:url(../images/gapps-sprite.png) -5px -317px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 57px;		
		}
		.iconGaMapUsers {
			background:url(../images/gapps-sprite.png) -69px -317px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 64px;		
		}
		.iconGaAttachDocs {
			background:url(../images/gapps-sprite.png) -130px -317px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 64px;		
		}
		.iconGaFeedback {
			background:url(../images/gapps-sprite.png) -443px -381px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 64px;		
		}
		.iconGaGadget {
			background:url(../images/gapps-sprite.png) -315px -327px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 64px;		
		}
		.iconGaanalycode {
			background:url(../images/gapps-sprite.png) -377px -327px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 64px;		
		}
		.iconGatranslate {
			background:url(../images/gapps-sprite.png) -444px -316px no-repeat;
			height: 64px;
		    margin: 0 10px 0 -10px;
		    width: 64px;		
		}


	.wikiFeatureList ul{
	padding:0px 10px;
	list-style:none;
	color:#666;	
	line-height:20px;
	}
	.wikiFeatureList ul span{
	font:bold 15px Crimson Text ;
		color:#2A74CD;
	}
	
	
	.wikiFeatureList ul li{
	padding-bottom:10px;
	}
	.clientsList {
		padding:5px 10px;
	}
	.clientsList img {
		width:110px;
		height:36px;
	}		
	.clientsList li {
		margin:0px 35px 0px 0px;
		padding:10px 0px;
	}
.footerLinks {
	padding:10px 5px 25px 5px;
	color:#999;
}
	.footerLinks a {
		padding:0px 25px 0px 0px;
		color:#aaa;
		text-decoration:underline;
	}
		.footerLinks a:hover {
		
		color:#fff;
		
	}
	.socialLink a {
		padding:0px 5px 0px 0px;
		color:#457bd9;
		text-decoration:none;
	}
.lpContentArea {
	width:960px;
	margin:7px auto;
}
	.lpGIContent {
		background-color:transparent;
		
		
	}
		.lpGIContent .wrapper {
			padding:5px 0px 15px;
		}
		.giList {
			
		}
			.giList li {
				width:50%;
				float:left;
				height:80px;
			}
				.giList li .wrapper {
					padding:10px;
					}
			.giList h3 {
				 color: #2A74CD;
    font: 1.7em/1.3 Crimson Text;
    letter-spacing: -0.02em;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 0 #3B67AD;
			}
			.giList p {
				color:#666;
				line-height:1.5;
				margin:0;
				padding:0 10px 0px 0px;
			}
		.lpQuotes {
			 background-color:transparent;
			
		}
		
				.quotesList li {
					-moz-border-radius: 3px 3px 3px 3px;
					border-bottom: 1px dotted #DDDDDD;
					padding: 20px 24px 12px 6px;
				}
				.quotesList .quote {
					color: #B1541E;
					display: block;
					float: left;
					font: 5em/0pt georgia;
					margin: 0;
					padding: 20px 0;
				}
				.quotesList .quoteText-ga {
					   color: #595959;
    font: italic 1.3em Crimson Text;
				}
				
				.authorDetails {
					padding:10px 0px;
				}
					.authorName {
						font:bold 0.9em Arial;
						line-height:3;
					}
					.authorDetails .imgLogoJquery {
						float:left;
						width:112px;
						height:26px;
						background:url(../images/gapps-sprite.png) -15px -532px;
					}
					.authorDetails .imgLogoDuck {
						float:left;
						width:157px;
						height:26px;
						background:url(../images/gapps-sprite.png) -186px -532px;
					}
					.authorDetails .imgLogoCart {
						float:left;
						width:56px;
						height:27px;
						background:url(../images/gapps-sprite.png) -250px -532px;
					}
	.caContainer {
		   -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #DCEDFC;
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px 16px 15px;
	}
		.caContainer .heading1 {
			    color: #1C1B6F;
    display: block;
    float: left;
    font: italic 2.4em/1.2 Droid Sans-serif;
    letter-spacing: -0.02em;
    text-transform: none;
    width: 65%;
		}
	.imgGappsScreen {
            background:url("../images/gapps-sprite.png") no-repeat scroll -1px -4px transparent;
    cursor: pointer;
    height: 307px;
	margin-top:-3px;
    width: 497px;
}
		
	.imgGappsScreen img {
		margin-right: 4px;
    margin-top: 30px;
	}

.coda-slider, .coda-slider .panel{width: 497px}
.coda-nav ul li{
    float:left;
    background:url("../images/gapps-sprite.png") -318px -391px no-repeat;
    width:16px;
    height:16px;
    text-align:center;
    font:bold 0.8em Arial,verdana;
    color:#fff;
    margin:0px 8px 0px 0px;
}
.coda-nav ul li a.current{
    float:left;
    background:url("../images/gapps-sprite.png") -337px -391px no-repeat;
    width:16px;
    height:16px;
    text-align:center;
    font:bold 0.9em Arial,verdana;
	line-height:1.5;
	color:#fff;
}
.coda-slider p.loading{text-align:center}
.coda-nav ul li a{font-weight:normal; text-decoration:none;color:#C3D5F2;}
.coda-nav ul li a:hover{color:#fff}
.coda-slider-wrapper{ margin:0 auto;}
.coda-slider{float:left; overflow:hidden;position:relative}
.coda-slider .panel{float:left}
.coda-slider .panel-container{position:relative}
.coda-nav{
	
}