/* Talk and Total Communication Services
/* Developed by Andrew Layton
/*
///////////////////////////////////////////*/

body {
		font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
		background-color: #82c2c0;
		margin: 0px;
		padding: 0px;
		}
p {
		font-size: 18px;
		line-height: 23px;
		color: #000000;
		}

a:link, a:visited { 		
		font-style: italic;
		color: #175b92;
		text-decoration: none;
		}
a:hover, a:active {
		color: #fffff5;
		}
		
		
		
		
#home_page {
		position: relative;
		width: 100%; height: auto;
		padding-top: 12px;
		background-color: #82c2c0;
		}



/**
* Stage Elements
************************************************/
#home_page .building {
		display: block;
		position: absolute;
		top: 488px; left: 382px;
		z-index: 4;
		}
		
@keyframes clouds_pan {
			from { background-position: 0 0; }
			to { background-position: 1200px 0; }
		}
				
#home_clouds {
		position: absolute;
		top: 120px;
		min-width: 960px; width: 100%; height: 475px;
		background: url(../images/home-page/clouds.png) 0 0 repeat-x;
		z-index: 2;
		animation: clouds_pan 64s linear infinite;
		}
#grassy_hill {
		position: absolute;
		top: 12px;
		min-width: 980px; width: 100%; height: 1111px;
		background: url(../images/home-page/hill-and-sky.png) top center no-repeat;
		z-index: 0;
		}
	/* iPhone (mobile)-specific style */
	@media only screen and (max-device-width: 480px) {
			#grassy_hill {
					position: absolute;
					bottom: 0px;
					background: url(../images/home-page/hill-and-sky-small.png) bottom center no-repeat;
					}
	}

#home_page .copy {
		position: relative;
		top: 0px;
		width: 960px; height: 100%;
		margin: 0px auto;
		-webkit-text-size-adjust: none;
		z-index: 20;
		}
	.copy div {
			position: absolute;
			text-align: justify;
			}
		.copy h2 {
				font-size: 26px;
				line-height: 9px;
				font-weight: bold;
				font-style: italic;
				color: #e44e31;
				margin-bottom: 0px;
				}
		.copy p {
				margin-bottom: 4px;
				}
		.copy a.more:link, .copy a.more:visited {
				position: relative;
				float: right;
				font-style: italic;
				white-space: nowrap;
				color: #e44e31;
				}
		.copy a.more:hover, .copy a.more:active {
				color: #8b2c1b;
				}
		.copy .testimonial {
				position: absolute;
				top: 499px; right: 153px;
				width: 327px;
				text-align: right;
				font-style: italic;
				font-size: 14px;
				line-height: 15px;
				color: #724c37;
				}
		.copy cite {
				display: block;
				position: relative;
				margin-top: 7px;
				font-weight: bold;
				}
		
	.copy .first {
			top: 166px; left: 15px;
			width: 430px
			}
	.copy .second {
			top: 237px; left: 504px; /* original was top: 186px; */
			width: 388px;
			}
	.copy .third {
			top: 398px; left: 23px;
			width: 349px;
			}
			
#roof_message {
		position: absolute;
		top: 469px; right: 162px;
		width: 328px;
		text-align: right;
		}
	#roof_message h3 {
			margin: 0 0 10px 0;
			font-size: 22px;
			font-weight: bold;
			font-style: italic;
			color: #175B92;
			text-shadow: 1px 1px 2px #ffffff;
			}
	#roof_message a {
			display: block;
			margin: 0;
			padding-right: 29px;
			font-size: 16px;
			font-style: normal;
			color: #724c37;
			}
	#roof_message a:hover {
			color: #000000;
			}
		#roof_message a span.learn_more {
				position: relative;
				top: 6px;
				font-weight: bold;
				font-style: italic;
				color: #8B2C1B;
				}
		#roof_message a:hover span.learn_more {
				color: #175B92;
				}


/**
* Header
************************************************/
#home_page .header {
		position: relative;
		top: 0px;
		width: 960px; height: 100%;
		margin: 0px auto;
		z-index: 10;
		}
	.header img.logo {
			display: block;
			position: absolute;
			top: 0px; left: 14px;
			border: none;
			}
			
			
	#contact_us .main_navigation {
			position: absolute;
			top: -0.1em; right: 13.4em;
			font-size: 77% !important;
			}
	.header #contact_us {
			display: block;
			position: absolute;
			top: 51px; right: 21px;
			width: 297px; height: 138px;
			padding-left: 17px;
			background: url(../images/home-page/clouds-sprite.png) 6px -102px no-repeat;
			}
	.header a#contact_us:hover {
			background: url(../images/home-page/clouds-sprite.png) -303px -102px no-repeat;
			}
		.header #our_address {
				position: relative;
				margin: 51px 69px 0 0;
				font-weight: bold;
				font-style: italic;
				font-size: 14px;
				line-height: 17px;
				text-align: right;
				color: #86786b;
				}
			.header a:link #our_address, .header a:visited #our_address {
					color: #86786b;
					}
			.header a:hover #our_address, .header a:active #our_address {
					color: #8b2c1b;
					}
					
					
	.header_cloud {
			display: block;
			position: absolute;
			overflow: hidden;
			}
	/*#cloud_template { position: absolute; top: 40px; left: 275px; }/* For Development Use */
	
	#cloud_facebook { top: 49px; right: 568px; width: 92px; height: 56px; }
		#cloud_facebook img { margin-left: -7px; }
		#cloud_facebook:hover img { margin-left: -365px; }
	#cloud_china { top: 76px; right: 439px; width: 103px; height: 59px; }
		#cloud_china img { margin-left: -104px; }
		#cloud_china:hover img { margin-left: -462px; }
	#cloud_espanol { top: 46px; right: 311px; width: 98px; height: 51px; }
		#cloud_espanol img { margin-left: -208px; }
		#cloud_espanol:hover img { margin-left: -566px; }
	#cloud_quizzes { top: 105px; right: 344px; width: 92px; height: 53px; }
		#cloud_quizzes img { margin-top: -54px; margin-left: -262px; }
		#cloud_quizzes:hover img { margin-left: -607px; }
	#cloud_mini { top: 127px; right: 398px; width: 46px; height: 32px; }
		#cloud_mini img { margin-left: -312px; }
	
			
/* ul{ left: 247px; } li{ margin-left: 30px; } a{ font-size: 15px; } */
	.header .menu {
			display: block;
			position: absolute;
			top: -10px; left: 249px;
			height: auto; width: 700px;
			list-style: none;
			}
		.menu li {
				position: relative;
				float: left;
				margin-left: 45px;
				}
			.menu a:link, .menu a:visited, #contact_us .main_navigation {
					font-size: 15px;
					font-weight: bold;
					font-style: italic;
					text-transform: uppercase;
					text-shadow: 1px 1px 2px #638885;
					color: #175b92;
					-webkit-text-size-adjust: none;
					}
			.menu a:hover, .menu a:active, .menu li.current-menu-item a, .header a#contact_us:hover p { color: #FFFFF5; }
		


/**
* Footer
************************************************/
#home_page .footer {
		position: relative;
		top: 1005px;
		width: 960px; height: 100%;
		margin: 0px auto;
		text-align: center;
		}
	.footer a:link, .footer a:visited { color: #8b2c1b; }
	.footer a:hover, .footer a:active { color: #fffff5; }



@media (max-width: 940px) {


	#home_page { padding-top: 0; }
		#grassy_hill { position: relative; height: 520px; top: 0; margin-top: 152px; min-width: 100%; background-position: center center; }
		#home_clouds { min-width: 100%; }
		
		#home_page .copy { width: 100%; padding-top: 3.5em; }
		#home_page .copy p { clear: both; }
			#home_page .copy .building { position: absolute; top: initial; bottom: -384px; left: initial; right: 0; float: right; margin-top: 2em; }
			#home_page .copy .first, #home_page .copy .second, #home_page .copy .third { position: relative; top: 0; left: 0; width: 100%; max-width: 42em; margin: auto; padding: 0 2.5em; box-sizing: border-box; }
			#home_page .copy .first {}
			#home_page .copy .second {}
			#home_page .copy .third {}
			
		#home_page .header { width: 100%; }
			#home_page .header img.logo { position: relative; margin-top: 1.1em; float: left; }
			#menu-home-menu a { font-size: 14px; text-transform: capitalize; }
			#menu-home-menu { position: relative; box-sizing: border-box; top: 0; left: 0; width: 100%; padding: 0 1.5em 0; margin: 0; text-align: justify; background: #B5E0E4; border-bottom: solid 2px #FFFFF5; box-shadow: #638885 1px 1px 2px; }
				#menu-home-menu li { display: inline-block; float: none; margin: 0; padding: 1em 0.8em 0; text-align: center; text-shadow: #fffff5 1px 0px 3px; }
				#menu-home-menu:after { content: ''; width: 100%; display: inline-block; } /* Ensures justification for single lines */
				.header  #contact_us { position: relative; margin-top: 1.8em; float: right; }
			#cloud_link_container { display: block; position: relative; width: 100%; padding-top: 2em; clear: both; text-align: center; }
			#cloud_link_container a { display: inline-block;  position: relative; right: 0; }
				#cloud_facebook { top: 0; margin-top: 0; }
				#cloud_china { top: 2.7em; }
				#cloud_espanol { top: 0; }
				#cloud_quizzes { top: 2.7em; }
			
		#home_page .footer { position: absolute; width: 100%; height: initial; top: initial; bottom: 2em; margin: 0; }
			#tandt_copyright {}
			
			
}