/* All web design and development is done by Pamela Peterson, http://www.designfunthings.com */
@charset "utf-8";

body {
	height:100%;
	background-color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 color:#666;
}
.content_area p, ul {
 color:#666;
 font-size: 1em;
 margin: 1em 0;
}
h3 {
 font-size:100%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
}

.textleft {
	text-align:left;
}
.textright {
	text-align:right;
}
.imageleft {
	float:left;
	padding: .5% 3% 1.5% 0;
}
.imageright {
	float:right;
	padding: 1.5% 0 1.5% 3%;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.clear {
	clear: both;
}
.fade {
	opacity: 1;
 transition: opacity .35s ease-in-out;
 -moz-transition: opacity .35s ease-in-out;
 -webkit-transition: opacity .35s ease-in-out;
}
.fade:hover {
	opacity: 0.7;
}
.boldtext {
	font-weight:bold;
}
.shadow {
 text-shadow: -1px 1px #F60;
}
.white-text {
	color:#FFF;
}
p#white-text {
	color:#FFF;
	margin: 1em 0;
}
#logo img {
	width: 100%;
}
.img195 {
	width:21.081%; 
}
.img306 {
	width:33.06%;
}
/*#nav_box ul#navlist li a:link, #nav_box ul#navlist li a:visited{
	 color: #f7f5e7;
	 text-decoration:none;
}
#nav_box ul#navlist li a:hover, #nav_box ul#navlist li a:active{
	color: #8DC2CF;
	text-decoration:none;
}*/
.third {
	margin-right:.3405%;
	float:left;
}
.copyright {
	font-size:60%;
}
.content_area p.bgred {
	 color:#FFF;
	 font-weight:bold;
}

/* __________________________________

Media Queries begin here 

*/


/* Largest acceptable width for container - 925px */

@media all and (min-width: 925px) {
body {
		font-size: 100%;
}
#respondwrap {
 width: 925px; 
 margin: 0 auto;
}

#top_dark {
 width:100%;
/* background-image:url(../img/speak-grille-effect.jpg);
 background-repeat:repeat-x;*/
 height:102px;
 background-color:#FFF;
}
#header {
 width: 925px;
 margin: 0 auto;
/* background-image:url(../img/speaker-grille-header.jpg);*/
 height:100%;
}
#logo {
 width:29.29729%;
 float:left;
 margin-top:2.1%;
}
#nav_box {
	width:68.64864%;
	float:right;
	height:8.108108%;
	padding-top:1%;
	margin-top:2%;
	text-align:right;
	text-outline: 2px 2px #fff;
}
#nav_box ul#navlist li {
	display:inline;
	text-shadow: 1px 1px 1px #F06, 1px 1px 1px #F06, -1px -1px 1px #F06, -1px -1px 1px #F06, -3px 3px #2b3990;

}
#nav_box ul#navlist li a:link, #nav_box ul#navlist li a:visited{
    text-decoration:none;
	font-size:140%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:1em;
}
#nav_box ul#navlist li a:hover, #nav_box ul#navlist li a:active{
    text-decoration:none;
	color:#F06;
	}
#nav_box ul#navlist li.navhome {
	padding-right:4.9%;
}
#nav_box ul#navlist li.navapps {
	padding-right:4.9%;
}
#nav_box ul#navlist li.navabout {
	padding-right:4.9%;
}
#hp_banner {
 width:925px;
 background-image:url(../img/hp_header.jpg);
 background-repeat:no-repeat;
 background-size: cover;
 margin: 18.5px auto 0 auto;
 height:194px;
 padding-top:65.67px;
}
#red_banner {
 background-color:#F06;
 background-size: cover;
 margin: 0 auto 0 auto;
 padding-bottom:.9%;
}
.content_area {
 width: 925px;
 margin: 0 auto;
 height:100%;
}

h1 {
 font-size:330%;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#FFC;
 text-shadow: -2px 2px #F60;
}
h2 {
 font-size:170%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:1em;
}
.bgred {
 background-color:#F06;
 padding: .3em 0 .3em 0;
 margin-top:0;
 margin-bottom:0;
}

p a:link, p a:visited {
	color:#f60;
	text-decoration:none;
}
p a:hover, p a:active {
	color:#f60;
    text-shadow: -1px 1px #FC0;
 	text-decoration:none;
}

.indent {
 padding-left:8%;
}
.scale505 {
	width:54.59459%;
}
.advertp {
 width:30%;
 margin-top:3%;
 line-height:1.4em;

}
.advertp .learnmore {
	width:50%;
	margin-top:13px;
}
.advertp .learnmorewide {
	width:100%;
	margin-top:13px;
}
.advertp .learnmore .redarrow {
	float:left;
	padding-top:.23em;
	width:15.378%;
}
.advertp .learnmore .redarrow img {
	width:100%;
}
#footer {
 width: 925px;
 margin: 0 auto;
 padding-top:3px;
 color: #666;
}
}
@media all and (min-width: 480px) and (max-width: 924px) {
body {
		font-size: 90%;
}
p {
	line-height: 1.3em;
}
#logo {
 width:25%;
 float:left;

}
#logo img {
	width: 79%;
}
#nav_box {
	width:59%;
	float:right;
	font-size:140%;
	height:8.108108%;
	padding-top:3%;
	text-transform:uppercase;

	text-align:right;
	text-outline: 2px 2px #fff;
}

#nav_box ul#navlist li {
	display:inline;
	text-shadow: 1px 1px 1px #F06, 1px 1px 1px #F06, -1px -1px 1px #F06, -1px -1px 1px #F06, -3px 3px #2b3990;

}
#nav_box ul#navlist li a:link, #nav_box ul#navlist li a:visited{
      text-decoration:none;
	font-size:100%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:1em;
}
#nav_box ul#navlist li.navhome {
	padding-right:2%;
}
#nav_box ul#navlist li.navapps {
	padding-right:2%;
}
#nav_box ul#navlist li.navabout {
	padding-right:2%;
}	
h1 {
 font-size:260%;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#FFC;
 text-shadow: -2px 2px #F60;
}
h2 {
 font-size:150%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:1em;
}

.bgred {
 background-color:#F06;
 padding: .5em 0 .5em 0;
 margin-top:0;
 margin-bottom:0;
}
.indent {
 padding-left:8%;
}
.scale505 {
 width:54.59459%;
}
.advertp {
 width:30%;
 margin-top:.5%;
 line-height:1.8em;
}
.advertp .learnmore .redarrow {
	float:left;
	padding-top:.23em;
	width:9.5%;
}
.advertp .learnmore .redarrow img {
	width:100%;
}
#respondwrap {
 width: auto; 
 margin: 0 auto;
}
.learnlh {
	margin-left:13px;
}
#logo {
 width:39.29729%;
 float:left;
 margin-top:3.1%;
}
#hp_banner {
 width: 94%;
 background-image:url(../img/hp_header.jpg);
 background-repeat:no-repeat;
 background-size: 100%;
 margin: 2% auto 0 auto;
 height:180px;
 padding-top:7.1%;
}
#red_banner {
 background-color:#F06;
 background-size: cover;
 margin: 0 auto 0 auto;
 padding-bottom:.9%;
}
.content_area {
 width: 100%;
 margin: 0 auto;
 height:100%;
 padding-left:1.4%
}
p a:link, p a:visited {
	color:#fff;
}
}
@media all and (min-width: 250px) and (max-width: 479px) {
body {
 font-size: 70%;
}	
h1 {
 font-size:231%;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#FFC;
 text-shadow: -2px 2px #F60;
 line-height:.8em;
}
h2 {
 font-size:150%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:.8em;
 line-height:1em;
}
#nav_box {
	width:100%;
	font-size:130%;
	text-transform:uppercase;
	text-align:right;
	padding-top:2%;
}
#nav_box ul#navlist li {
	display:inline;
	text-shadow: 1px 1px 1px #F06, 1px 1px 1px #F06, -1px -1px 1px #F06, -1px -1px 1px #F06, -3px 3px #2b3990;

}
#nav_box ul#navlist li a:link, #nav_box ul#navlist li a:visited{
        text-decoration:none;
	font-size:100%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:1em;
}

#nav_box ul#navlist li.navhome {
	padding-right:1.8%;
}
#nav_box ul#navlist li.navapps {
	padding-right:1.8%;
}
#nav_box ul#navlist li.navabout {
	padding-right:1.8%;
}	
.bgred {
 background-color:#F06;
 padding: .5em 0 .5em 0;
 margin-top:0;
 margin-bottom:0;
}
.indent {
 padding-left:3%;
}
.scale505 {
 width:99%;
}
.advertp .learnmore .redarrow {
	float:left;
	width:3.5%;
}
.advertp .learnmore .redarrow img {
	width:100%;
}
#respondwrap {
 width: auto; 
 margin: 0 auto;
}
#logo {
 width:32%;
}

#red_banner {
 background-color:#F06;
 background-size: cover;
 margin: 0 auto 0 auto;
 padding-bottom:.9%;
}
.content_area {
 width: 100%;
 margin: 0 auto;
 height:100%;
 padding-left:1.4%
}
.img306 {
	width:63.88%;
	margin-bottom:1.3%
}
p a:link, p a:visited {
	color:#fff;
}
}
@media all and (min-width: 1px) and (max-width: 249px) {
body {
 font-size: 70%;
}	
h1 {
 font-size:157%;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#FFC;
 text-shadow: -1px 1px #F60;
 line-height:.8em;
}
h2 {
 font-size:100%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:.8em;
 line-height:1em;
}
#nav_box {
	width:100%;
	font-size:82%;
	text-transform:uppercase;
}
#nav_box ul#navlist li {
	display:inline;
	text-shadow: 1px 1px 1px #F06;

}
#nav_box ul#navlist li a:link, #nav_box ul#navlist li a:visited{
        text-decoration:none;
	font-size:100%;
 text-transform:uppercase;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#F60;	
 text-shadow: -1px 1px #FC0;
 line-height:1em;
}
#nav_box ul#navlist li.navhome {
	padding-right:2%;
}
#nav_box ul#navlist li.navapps {
	padding-right:2%;
}
#nav_box ul#navlist li.navabout {
	padding-right:2%;
}	
.bgred {
 background-color:#F06;
 padding: .5em 0 .5em 0;
 margin-top:0;
 margin-bottom:0;
}
.indent {
 padding-left:3%;
}
.scale505 {
 width:99%;
}
.advertp .learnmore .redarrow {
	float:left;
	width:6%;
}
.advertp .learnmore .redarrow img {
	width:100%;
}
#respondwrap {
 width: auto; 
 margin: 0 auto;
}
#logo {
 width:58%;
 margin-top:1%;
}

#red_banner {
 background-color:#F06;
 background-size: cover;
 margin: 0 auto 0 auto;
 padding-bottom:.9%;
}
.content_area {
 width: 100%;
 margin: 0 auto;
 height:100%;
 padding-left:1.4%;
}

p a:link, p a:visited {
	color:#fff;
}
.img306 {
	width:98%;
	margin-bottom:1.3%
}
}