@charset "utf-8";

/* CSS Document */



#main-content {min-height:758px;margin:0;padding:0;border:0;}

#sub-navigation-wrapper {display:none;}

#sub-navigation{display:none;}

#sub-sub-navigation-wrapper {display:none;}

#sub-sub-navigation{display:none;}



#home-content{

	position:relative;

}



#home-content h2 {

	font-size:24px;

	color:#666;

	letter-spacing:-1px;

	margin:0 0 18px 0;

}



#home-content h2 strong{

	color:#444;

}



#home-content h3 {

	font-size:24px;

	color:#666;

	letter-spacing:-1px;

	margin:0 0 15px 0;

}



#home-content h4 {

	font-size:16px;

	color:#2b913c;

	letter-spacing:-1px;

	margin:0 0 10px 0;

}



#home-content ul {

	float:left;

	margin:0 0 0 16px;

	padding:0;	

}



#home-content li {

	font-size:13px;

	color:#2b913c;

    margin:0 0 8px 0;

}



#home-content li span{

	color:#666;

}



.headlines {

	width:620px;

	height:368px;

	background:transparent url(../images/headlines.jpg) no-repeat left top; /* Old browsers */

    position:absolute;

	top:12px;

	left:0;

	padding:16px;

	

	/*

	-moz-box-shadow:inset 0 0 10px #999;

    -webkit-box-shadow:inset 0 0 10px #999;

    box-shadow:inset 0 0 10px #999;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; 	

	border:1px solid #dedede;

		*/



	/*background: -moz-linear-gradient(top,  rgb(240,240,240) 0%, rgb(255,255,255) 100%); /* FF3.6+ */

	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,240)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ 

	/*background: -webkit-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */

	/*background: -o-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */

	/*background: -ms-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* IE10+ */

	/*background: linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* W3C */

	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}



.cta-box {

	width:268px;

	height:368px;

	position:absolute;

	top:12px;

	right:0;

	padding:16px;

	background:transparent url(../images/ctabox.jpg) no-repeat left top; /* Old browsers */

		

	/*	

	background-color: rgb(43,145,60); /* Needed for IEs */

    	/*-moz-box-shadow:inset 0 0 10px #333;

    -webkit-box-shadow:inset 0 0 10px #333;

    box-shadow:inset 0 0 10px #333;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; 

	*/

	

}



#home-content .cta-box h3 {

	font-weight:bold;

	font-size:18px;

	color:#fff;

	background:transparent url(../images/it.gif) no-repeat right top;

	height:75px;

	margin:0 0 10px 0;

	line-height:25px;

}



#home-content .cta-box h3 div {

	width: 208px;

}



#home-content .cta-box p {

	font-size:16px;

	color:#fff;

}



#home-content .cta-box input {

	width:136px;

	height:14px;

    font-size:13px;

	color:#666;

	padding:2px;

}



#home-content .cta-box label {

	color:#fff;

	font-size:13px;

	width:116px;

	display:block;

	float:left;

}



#home-content .cta-box .fieldgroupField {

 	margin-bottom:10px;

}



#home-content .cta-box .example {

	color:#bada76;

	font-size:10px;

	margin-left:116px;

}



/* REQUIRED BUTTON STYLES: */		

#home-content .cta-box button { 

	position: relative;

	border: 0; 

	padding: 0;

	cursor: pointer;

	overflow: visible; /* removes extra side padding in IE */

}



#home-content .cta-box button::-moz-focus-inner {

	border: none;  /* overrides extra padding in Firefox */

}



#home-content .cta-box button span { 

	position: relative;

	display: block; 

	white-space: nowrap;	

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* Safari and Google Chrome only - fix margins */

	#home-content .cta-box button span {

		margin-top: -1px;

	}

}





/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		

#home-content .cta-box button.submitBtn { 

	padding: 0 20px 0 0; 

	margin-right:5px; 

	font-size:18px; 

	text-align: center; 

	background: transparent url(../images/btn_home_sprite.gif) no-repeat right -140px; 

       font-weight:bold;

}

	

#home-content .cta-box button.submitBtn span {

	padding: 13px 0 0 20px; 

	height:37px; 

	background: transparent url(../images/btn_home_sprite.gif) no-repeat left top; 

	color:#fff; 

}

	

#home-content .cta-box button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */

	background-position: right -210px; 

}

	

#home-content .cta-box button.submitBtn:hover span, button.submitBtnHover span {

	background-position: 0 -70px;

}



.support-box1 {

	width:941px;

	height:138px;

	position:absolute;

	top:430px;

	left:0;

	padding:16px;

	background:transparent url(../images/supportbox1.jpg) no-repeat left top; /* Old browsers */

	

	/*

	border:1px solid #dedede;

	

    -moz-box-shadow:inset 0 0 10px #999;

    -webkit-box-shadow:inset 0 0 10px #999;

    box-shadow:inset 0 0 10px #999;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; 

	background: rgb(240,240,240); /* Old browsers */

	/*

	background: -moz-linear-gradient(top,  rgb(240,240,240) 0%, rgb(255,255,255) 100%); /* FF3.6+ */

	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,240)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */

	/*background: -webkit-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */

	/*background: -o-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */

	/*background: -ms-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* IE10+ */

	/*background: linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* W3C */

	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}



.support-box2 {

	width:941px;

	height:108px;

	position:absolute;

	top:618px;

	left:0;

	padding:16px;

	background:transparent url(../images/supportbox2.jpg) no-repeat left top; /* Old browsers */

	

	

    /*

	border:1px solid #dedede;

		

	-moz-box-shadow:inset 0 0 10px #999;

    -webkit-box-shadow:inset 0 0 10px #999;

    box-shadow:inset 0 0 10px #999;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; */

	/*background: rgb(240,240,240); /* Old browsers */

	/*background: -moz-linear-gradient(top,  rgb(240,240,240) 0%, rgb(255,255,255) 100%); /* FF3.6+ */

	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,240)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */

	/*background: -webkit-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */

	/*background: -o-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */

	/*background: -ms-linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* IE10+ */

	/*background: linear-gradient(top,  rgb(240,240,240) 0%,rgb(255,255,255) 100%); /* W3C */

	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}



.support-box2 .left-col {



	float:left;



	clear:left;



}







.support-box2 .right-col {



	float:right;



	clear:right;



}







.support-box2 .right-col dl {



   clear:left;



   color:#666;



   margin:0 0 0 0;



   font-size:10px;



}







.support-box2 .right-col dt {



	margin:0;



	text-align:center;



	float:left;



	display:none;

	

}







.support-box2 .right-col dd {



	margin:0;



	text-align:center;



	float:left;







	background: transparent url(http://www.hostpapa.ca/assets/google-apps/images/homegmail.gif) no-repeat center top;





	border-right:1px solid #dedede;



}







.support-box2 .right-col dd a{



	color:#44aa11;



	text-decoration:none;



	width:112px;



	height: 20px;



	padding: 35px 0 0 0;



	display:block;



}







.support-box2 .right-col dd a:hover{



	color:#44aa11;

	

	cursor:pointer;



	text-decoration:none;



	width:112px;



	height: 20px;



	padding: 35px 0 0 0;



	display:block;



	text-decoration:underline;



}







.support-box2 .right-col dd.calander {



	background:transparent url(../images/homecalander.gif) no-repeat center top;



	}







.support-box2 .right-col dd.contacts {



	background:transparent url(../images/homecontact.gif) no-repeat center top;



	}







.support-box2 .right-col dd.docs {



	background:transparent url(../images/homedocs.gif) no-repeat center top;



	}







.support-box2 .right-col dd.cloud {



	background:transparent url(../images/homecloud.gif) no-repeat center top;



	}







.support-box2 .right-col dd.sites {



	background:transparent url(../images/homesites.gif) no-repeat center top;



	}







.support-box2 .right-col dd.video {



	background:transparent url(../images/homevideo.gif) no-repeat center top;



	}







.support-box2 .right-col dd.groups {



	background:transparent url(../images/homegroups.gif) no-repeat center top;



	}



.support-box2 .right-col dd.extend {



	background:transparent url(../images/homeextend.gif) no-repeat center top;



	}

	

.support-box2 .right-col dd.talk {



	background:transparent url(../images/hometalk.gif) no-repeat center top;



}



.point1 {	

	width:57px;

	height:72px;

	background: transparent url(../images/point.png) no-repeat 0 0;

	position:absolute;

	z-index:1000;

	top:180px;

	left:642px;

}



.point2 {

	width:72px;

	height:57px;

	background: transparent url(../images/point2.png) no-repeat 0 0;

	position:absolute;

	z-index:1000;

	top:415px;

	left:785px;

}



.stroke {

	width:108px;

	height:6px;

    background: transparent url(../images/stroke_orange.png) no-repeat 0 0;

	position:absolute;

	z-index:1000;

	top:37px;

	right:178px;

}



.stroke .white {background: transparent url(../images/stroke_white.png) no-repeat 0 0;}



.stroke .red {background: transparent url(../images/stroke_red.png) no-repeat 0 0;}



/*div.Actions-new button.css3button {

	font-size: 20px;

	color: #ffffff;

	padding: 6px 16px;

	background: -moz-linear-gradient(

		top,

		#fbd6bc 0%,

		#ed7520);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#fbd6bc),

		to(#ed7520));

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	border: 2px solid #ffffff;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.3),

		inset 0px 0px 0px rgba(5,0,5,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.3),

		inset 0px 0px 0px rgba(5,0,5,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,0.4);

	font-weight:bold;

	letter-spacing:-1px;

}



div.Actions-new button.css3button:hover {

    cursor:pointer;

	font-size: 20px;

	color: #ffffff;

	padding: 6px 16px;

	background: -moz-linear-gradient(

		top,

		#c3e083 0%,

		#6ea200);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#fbd6bc),

		to(#ed7520));

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	border: 2px solid #ffffff;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.3),

		inset 0px 0px 0px rgba(5,0,5,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.3),

		inset 0px 0px 0px rgba(5,0,5,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,0.4);

	font-weight:bold;

	letter-spacing:-1px;

}

*/



/* FAQ Slider */







#home-content .accordion {



	width: 400px;



	border-bottom: 0px;



	margin:0 0 0 220px;



}



#home-content .accordion h3 {



	background: transparent url(../images/arrow_square_home.gif) no-repeat 0 -48px;



	padding: 7px 0 7px 25px;



	margin: 0 0 0 0;



	font-weight:normal;



	cursor: pointer;



	font-size:14px;

	

	color:#2b913c;

	

	letter-spacing:normal;



}



#home-content .accordion h3:hover {



	color:#333;



}



#home-content .accordion h3.active {



	background-position: 0 top;



}



#home-content .accordion blockquote {





	margin: 0;



	padding: 0 0 0 0;

	

	color:#666;

	

	font-weight:normal;





}



#home-content .accordion blockquote p{



	margin:0;

	

	padding: 0 0 10px 25px;

	

	font-size:13px;

	

	color:#666;

	

	font-weight:normal;





}



#home-content .accordion blockquote p strong{

	

	color:#555;



}