/* gapps homepage */
.gapps-homepage { clear: both; overflow: hidden; width: 940px; margin: 30px auto; }
.gapps-homepage .youtube { clear: both; overflow: hidden; background: url(../img/youtube-bg.gif) no-repeat; width: 700px; padding: 0px 120px; text-align: center; }
.gapps-content .pslogo, .gapps-homepage .pslogo { clear: both; overflow: hidden; background: url(../img/ps-gapps-bg.gif) no-repeat; width: 700px; padding: 20px 140px; height: 58px; }

.wp-homepage { clear: both; overflow: hidden; width: 940px; margin: 30px auto; }
.wp-homepage .youtube { clear: both; overflow: hidden; background: url(../img/youtube-wordpress-bg.gif) no-repeat; width: 700px; padding: 20px 120px; text-align: center; }
.wp-content .pslogo, .wp-homepage .pslogo { clear: both; overflow: hidden; background: url(../img/ps-wordpress-bg.gif) no-repeat; width: 700px; padding: 20px 140px; height: 58px; }

.pslogo .pslogo-tagline { clear: both; overflow: hidden; padding-left: 250px; padding-right: 40px;  }
.pslogo .pslogo-tagline h1 { font-weight: normal; font-size: 20px;  margin-bottom: 10px; }
.pslogo .pslogo-tagline h2 { font-weight: normal; font-size: 14px; }

.gapps-content { clear: both; overflow: hidden; width: 940px;  margin: 30px auto;  font-size: 14px; line-height: 20px;}
.gapps-content .isi-content { clear: both; overflow: hidden; background: url(../img/gappscontent-bg-top.gif) no-repeat; width: 700px;  padding: 0px 120px 0; }
.gapps-content .bottom-content { clear: both; overflow: hidden; background: url(../img/gappscontent-bg-bottom.gif) no-repeat; width: 700px; padding: 0 140px; height: 30px;}


body { background:#1d5c91 !important; }

.contactus-line { clear: both; overflow: hidden; background: url(../img/gapps-contactus-line.png) no-repeat; width: 940px;  padding: 15px 0; height: 50px; margin-bottom: 30px;  }

.gapps-tagline { float:left; margin: 57px 0 0; padding-left: 60px;  }
	.gapps-tagline p { color:#fff; }
	.gapps-tagline a { color:#fff; }
	.gapps-tagline h1  { font-size: 24px; text-shadow: 1px 1px #2f2f2f; margin: 0 0 10px; color:#fff; font-weight: normal;}	
	.gapps-tagline h2 { font-size: 18px; text-shadow: 1px 1px #2f2f2f; margin: 0 0 10px; color:#fff; font-weight: normal;   }

.gapps-badge { float: left; margin: 21px 0 0; }

.back-bar {  clear: both; overflow: hidden; padding: 10px 0; margin: 0; background-color: #fff; }
.back-bar p { text-align: right; padding-right: 40px;  }	
.back-bar ul { padding: 0; margin: 0; }
.back-bar li { padding: 0; margin: 0; list-style: none; display: inline; }
	
.sitemap { clear: both; overflow: hidden; color:#fff; }
.sitemap .title { height: 40px; margin-bottom: 10px; }
.sitemap h1 { color:#fff; font-size: 12px; font-weight: normal; }
.sitemap a { color:#8fa6c4; font-size: 11px; }

.sitemap ul { padding: 0; margin: 0; }
.sitemap li { padding: 0 0 10px; margin: 0; list-style: none; }

.sitemap li ul { padding: 0; margin: 10px 0 0; }
.sitemap li li { padding: 0 20px; margin: 0; }

.gapps-page-content { clear: both; overflow: hidden; margin: 20px 0 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; }

	/* submenu */
	.submenu { padding:20px 10px; clear: both; overflow: hidden; }
	.submenu ul { padding: 0; margin: 0;}
	.submenu li { padding: 0 0 10px; margin: 0; list-style: none; }

	/* content col */
	.con { clear: both; overflow: hidden; background-color: #fff; width: 660px; padding: 20px; }
	
	.con .subpage-title { clear: both; overflow: hidden;  }
	.con .subpage-desc { float: left; width: 340px; padding-right: 20px; }
	.con .subpage-cap { float: left; width:220px; }
	
	.con .subpage-desc2 { float: left; width: 491px; padding-left: 20px; }
	.con .subpage-cap2 { float: left; width:149px; }
	
	.con h2{ font-size:20px; padding: 0 0 20px; color:#ca331e; font-weight: bold; }
	.con h3 { font-size:16px; padding: 0 0 20px; color:#ca331e; font-weight: bold; }
	.con .subpage-desc h3 { color:#000; }
	.con h4 { font-size:14px; padding: 10px 0; font-weight: bold; }
	.con p { padding: 0 0 10px;}
	.con p.font-11 { font-size: 11px; color:#333;}
	.con ul { padding: 0; margin: 0 0 20px; }
	.con li { padding: 10px; margin: 0; list-style: none; border-bottom: 1px dotted #ccc; font-size: 14px;}
	.con li li ul { padding: 0; margin: 0; }
	.con li li li { border: none; padding: 10px; list-style: none; font-size: 14px; }
	
	.gapps-icon { float: left; width: 60px; padding-right: 20px; }
	.gapps-desc{ float: left; width: 240px; }
	.gapps-desc h3 { margin: 0; padding: 0 0 5px}
	.gapps-desc2 { float: left; width: 580px; }
	.gapps-desc2 h3 { margin: 0; padding: 0 0 5px}
	
	.con .grid_320 { margin-bottom: 30px; }
	
	.con .grid_320 ul { padding: 0; margin: 0; }
	.con .grid_320 li { padding: 0; margin: 0; list-style: none; }
	
	
	.gapps-paging { clear: both; overflow: hidden; text-align: center; font-size: 14px; font-weight: normal; background-color: #f2f2f2; padding:0 0 20px;  }
	
	
	.gapps-paging-menu { width:700px; height:50px; display: inline; float:left; margin-bottom: 20px}
	.gapps-paging-menu ul { width:700px; height: 50px; margin: 0; padding: 0; list-style: none; background: url(../gapps/gapps-pagingmenu.gif) no-repeat #f2f2f2; }
	.gapps-paging-menu li { margin: 0; padding: 0;  font-size:0px; float:left;}
	.gapps-paging-menu li a { display: block; height: 50px;  text-decoration: none;  color:#444444; text-align:left; }	
	.gapps-paging-menu li li a { height:auto; }	
	
	.step1-button { width: 140px; }
	.step1-button  span:hover { width: 140px;  background: url(../gapps/gapps-pagingmenu.gif) 0px -50px }	
	.step1-button.on { width: 140px; background: url(../gapps/gapps-pagingmenu.gif) 0px -50px}
	
	.step2-button { width: 140px;  }
	.step2-button span :hover { width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -140px -50px }
	.step2-button.on { width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -140px -50px }
	
	.step3-button { width: 140px;  }
	.step3-button span:hover { width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -280px -50px }
	.step3-button.on, .step3-button.on span:hover{ width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -280px -50px }
	
	.step4-button { width: 140px;  }
	.step4-button span:hover { width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -420px -50px }
	.step4-button.on, .step4-button.on span:hover{ width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -420px -50px }
	
	.step5-button { width: 140px;  }
	.step5-button span:hover { width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -560px -50px }
	.step5-button.on, .step5-button.on span:hover{ width: 140px; background: url(../gapps/gapps-pagingmenu.gif) -560px -50px }	
	

.wp-contact {width: 940px; margin: 15px auto; color:#666;}
	.contact-left{	width:620px; float:left; margin:0 0 20px 0; padding:0 20px 0 0;}
	.contact-right{	width:300px; float:left; margin:0; 	}
	
	
	
#suckerfishnav {
    /*background: url(../gapps/gapps-pagingmenu.gif) no-repeat #f2f2f2;*/
    font-size:18px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }

#suckerfishnav ul {
    position:absolute;
    left:-1000px;	
    height:auto;
    width:176px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
	
    }
#suckerfishnav li li {
    width:175px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:arial,verdana,sans-serif;
	font-size:10px;	
	height:42px;
    }
#suckerfishnav li li a {
    padding:3px 10px;
    /*width:80px;*/	
    font-size:12px;
    color:#ffffff;
	
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#1d5c91;
    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-1000px; 
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto; 
    background:#444444;
    }
#suckerfishnav li.sfhover {
    background:#1d5c91 ; 
    }


/* contact form */
	.contact-form { clear: both; overflow: hidden; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; padding:10px; }
	.contact-form .contact-row { clear: both; overflow: hidden; margin-bottom: 10px; }
	.contact-form .contact-title { float: left; width: 180px; padding-right: 10px; }
	.contact-form .contact-field { float: left; width: 400px; }