/* 

Color Reference

blue = #246eb9
blue 2 = #1b549a
lighter blue = #4487cb
very light blue = #e2effd
very light blue 2 = #e7f1fb
very light blue 3 = #ecf3fb
very light blue 4 = #f0f5fb
blue 2 = #1e4a77
blue 3 = #175ba0
orange = #efaf5d
orange text = #ea8504
brighter orange = #faa928

*/

html {
	font-size:20px;	
}

@media only all and (max-width:640px) {
	html {
		-webkit-text-size-adjust:100%; /* prevents text from resizing in landscape view on iPhones */
	}
}

body {
	margin:0; padding:0;
	background:#fff;
	font-family:proxima-nova, sans-serif; 
	font-size:0.6rem;
	color:#555;
}

body.home, body.home-blue, body.home-blue-sky {
	background-image:none; background-color:#fff;
}	

body.blue-sky {
	background:url(images/bg-body-blue-sky.jpg) repeat-x center top;
}

img {
	display:inline-block;
	max-width:100%; height:auto;
	margin:0; padding:0;
	border:0;
}

a {
	transition:all 0.5s;	
}

a:focus {
	
}

form {
	margin:0; padding:0;	
	font-family:Verdana, Geneva, sans-serif;
}

textarea {
	box-sizing:border-box;
	width:100%;
	margin:0; padding:7px;
	border:1px solid #70a1d2;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.6rem; color:#333; 
}

textarea:focus {
	
}

select {
	box-sizing:border-box;
	width:100%;
	padding:4px; 
	border:1px solid #70a1d2;
	font-family:Verdana, Geneva, sans-serif;	
	color:#333; 
}

input[type="text"] {
	box-sizing:border-box;
	width:100%;
	padding:5px; 
	border:1px solid #70a1d2;
	font-family:Verdana, Geneva, sans-serif; 
	color:#333;
}

input[type="text"]:focus {
	
}

input[type="submit"] {
padding:6px 20px; margin:0;
border:0;
background:#246eb9; color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:0.55rem; font-weight:bold;
text-align:center; cursor:pointer;
}

input[type="submit"]:hover {
background:#efaf5d;
}

.tws-styled-form {
	
}

.tws-styled-form form {
	margin:0; padding:0;
	font-family:proxima-nova, sans-serif;
}

.tws-styled-form textarea {
	box-sizing:border-box;
	width:100%;
	padding:10px;
	font-family:proxima-nova, sans-serif;
	font-size:0.8rem;
	color:#333;
}

.tws-styled-form textarea:focus {
	background:#f0f5fb;
}

.tws-styled-form select {
	box-sizing:border-box;
}

.tws-styled-form input[type="text"],
.tws-styled-form input[type="email"] {
	box-sizing:border-box;
	width:100%;
	padding:9px 10px; 
	border:1px solid #70a1d2;
	font-family:proxima-nova, sans-serif;
	font-size:0.8rem;
	color:#333;
}

.tws-styled-form input[type="text"]:focus,
.tws-styled-form input[type="email"]:focus {
	background:#f0f5fb;
}

.tws-styled-form input[type="submit"] {
	
}

.tws-styled-form input[type="submit"]:hover {
	
}

#links-social-media-mobile {
padding:15px 0 5px;
text-align:center;	
}

#a-logos-home {
	display:none;
}	

@media only all and (min-width:1000px) {
	#a-logos-home {
		display:block;
		position:absolute; top:368px; right:29px;	
		padding:0;
	}	
}

#top-outer-home {
	padding:0 0 55px;
}

@media only all and (min-width:1000px) {
	#top-outer-home {
		padding:0;
		background:#fff url(images/bg.png) repeat-x scroll 0 212px;
	}	
}

body.home-blue #top-outer-home {
 
}

@media only all and (min-width:1000px) {
	body.home-blue #top-outer-home {
	/*border-bottom:2px solid #efaf5d;*/
	background:url(images/bg-blue-home.jpg) repeat-x scroll 0 0;
	background:linear-gradient(#246eb9 0%, #357bc2 100%);
	}	
}

body.home-blue-sky #top-outer-home {
background:#ccdff7 url(images/bg-home-blue-sky.jpg) repeat-x center top;  
}

#top-home {
	position:relative; z-index:1000000000000000;
	margin:0 auto; 
	color:#fff; 
}

@media only all and (min-width:1000px) {
	#top-home {
		width:972px; min-height:400px;
	}	
}

body.home-blue #top-home {
	/*padding:0 0 30px;*/
	padding:0; 
	color:#fff;
}

@media only all and (min-width:1000px) {
	body.home-blue #top-home {
		padding:0 0 80px;
	}	
}

#top-home-2 {
	padding:15px 0 0;
	background:rgba(255,255,255,.9);
}

@media only all and (min-width:768px) {
	#top-home-2 {
		position:fixed; top:0; left:0; z-index:89;
		width:100%;
		box-shadow:1px 1px 1px rgba(0,0,0,.2);
	}	
}

@media only all and (min-width:1000px) {
	#top-home-2 {
		position:static;
		width:auto; 
		padding:0;
		background:none;
		box-shadow:none;
	}	
}

body.home-blue #top-home-2 {
	background:rgba(36,110,185,.9);
	border-bottom:2px solid #efaf5d;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
}

@media only all and (min-width:1000px) {
	body.home-blue #top-home-2 {
		/*background:url(images/bg-body-blue-2.png) repeat-x left bottom;		*/
		border-bottom:0;
		box-shadow:none;
	}	
}

#mainPic-outer-bg-left {
position:absolute; z-index:12; left:-22px; top:193px;
width:21px; height:40px;
border-right:1px solid #fff;
background:#fff url(images/BG-mainPic-outer.png) no-repeat left top;	
}

#mainPic-outer-bg-right {
position:absolute; z-index:13; right:-22px; top:193px;
width:21px; height:40px;
border-left:1px solid #fff;
background:#fff url(images/BG-mainPic-outer.png) no-repeat right top;	
}

#main-pic-home {
	display:none;
}

@media only all and (min-width:1000px) {
	#main-pic-home {
		overflow:hidden;
		display:block;
		position:relative; z-index:7;
		min-height:258px;
	}	
}

#slide-1 {
	position:absolute; top:0; left:0; /*z-index:71;*/
	width:972px; height:250px;
	background:#fff;
}

#slide-2 {
	position:absolute; top:0; left:0; /*z-index:72;*/
	width:972px; height:250px;
	background:#fff;
}

#slide-3 {
	position:absolute; top:0; left:0; /*z-index:73;*/
	width:972px; height:250px;
	background:#fff;
}

body.home-blue #slide-1, 
body.home-blue #slide-2, 
body.home-blue #slide-3 {
	background:url(images/bg-slides-blue.jpg) repeat-x 0 0;	
}

#main-pic-home-2 {
	background:url(images/bg-main-pic-home-2.jpg) repeat-x scroll 0 100%;
}

@media only all and (min-width:768px) {
	#main-pic-home-2 {
		margin:59px 0 0;
	}	
}

@media only all and (min-width:1000px) {
	#main-pic-home-2 {
		display:none;
	}	
}

#slide-show-2 {
	overflow:hidden;
	width:100%; min-height:195px; 
	margin:0 auto;
	background:url(images/bg-slide-show-2.jpg) no-repeat scroll 50% 0;
	background-size:cover;
}

.ss-2-slide {
	margin:0 auto 20px; padding:55px 8% 50px;
	line-height:1.5;
	color:#444; text-align:center;
	font-size:0.85rem;
}

@media only all and (min-width:569px) {
	.ss-2-slide {
		padding:65px 8% 60px;
		line-height:1.5;
		font-size:0.9rem;
	}	
}

.ss-2-slide h1 {
	margin:0 0 15px;
	line-height:1.275;
	font-family:quatro, sans-serif;
	font-size:1.5rem; font-weight:700;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.35);	
}

@media only all and (min-width:569px) {
	.ss-2-slide h1 {
		line-height:1.25;
		font-size:1.6rem;	
	}	
}

@media only all and (min-width:768px) {
	.ss-2-slide h1 {
		line-height:1.225;
		font-size:1.7rem;	
	}	
}

@media only all and (min-width:900px) {
	.ss-2-slide h1 {
		line-height:1.2;
		font-size:1.8rem;	
	}	
}

p.ss-2-button {
	display:inline-block; 
	margin:0 auto;
	line-height:1.3;
	text-align:center;
	font-size:0.65rem;
}

@media only all and (min-width:425px) {
	p.ss-2-button {
		font-size:0.7rem;
	}	
}

.ss-2-button a {
	display:block;	
	padding:7px 19px 10px; 
	border-radius:3px;
	box-shadow:1px 1px 1px rgba(0,0,0,.2);
	background:#f3ad3e;
	color:#fff; text-decoration:none;
}

.ss-2-button a:hover {
	background:#4487cb;
	color:#fff; text-decoration:none;
}

.tws-slide-show-1-outer {
	
}

.tws-slide-show-1 {
	position:relative;
	max-width:972px;
	margin:0 auto;
}

.tws-ss1-content {
	line-height:1.3;
	font-size:0.9rem;
}

.tws-ss1-content h1,
.tws-ss1-content h2 {
	margin:0 0 15px;
	line-height:1.4;
	font-family:quatro, sans-serif;
	font-size:1.2rem; font-weight:500;
	color:#333;
}

@media only all and (min-width:425px) {
	.tws-ss1-content h1,
  .tws-ss1-content h2 {
		margin:0 0 15px;
		line-height:1.35;
		font-size:1.3rem;
	}
}
@media only all and (min-width:569px) {
	.tws-ss1-content h1,
  .tws-ss1-content h2 {
		margin:0 0 15px;
		line-height:1.3;
		font-size:1.4rem;
	}
}
@media only all and (min-width:768px) {
	.tws-ss1-content h1,
  .tws-ss1-content h2 {
		margin:0 0 15px;
		line-height:1.35;
		font-size:1.325rem;
	}
}
@media only all and (min-width:900px) {
	.tws-ss1-content h1,
  .tws-ss1-content h2 {
		margin:0 0 15px;
		line-height:1.275;
		font-size:1.45rem;
	}
}
@media only all and (min-width:1200px) {
	.tws-ss1-content h1,
  .tws-ss1-content h2 {
		margin:0 0 15px;
		line-height:1.275;
		font-size:1.45rem;
	}
}

.tws-ss1-content p {
	margin:0 0 15px;
}

.tws-ss1-slide {
	position:absolute; top:0; left:0;
	width:100%;
}

body.home-blue .tws-ss1-slide {
	background:url(images/bg-slides-blue.jpg) repeat-x 0 0;	
}

.tws-ss1-s-1 {
	background:#dbe7fa url(images/bg-sky-1.jpg) no-repeat scroll 50% 0;
	background-size:cover;
	text-align:center;
}

@media only all and (min-width:768px) {
	.tws-ss1-s-1 {
		
	}
}

.ss1-s1-boxes {
	padding:0 7%;
}

@media only all and (min-width:768px) {
	.ss1-s1-boxes {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		padding:0;
	}
}

.ss1-s1-box-1 {
	
}

@media only all and (min-width:768px) {
	.ss1-s1-box-1 {
		width:57%;
	}	
}

.ss1-s1-box-1-inner {
	padding:50px 0 35px;
}

@media only all and (min-width:768px) {
	.ss1-s1-box-1-inner {
		padding:50px 50px 35px;
	}	
}

.ss1-s1-box-2 {
	
}

@media only all and (min-width:768px) {
	.ss1-s1-box-2 {
		width:43%;
	}	
}

.ss1-s1-box-2-inner {
	
}

@media only all and (min-width:768px) {
	.ss1-s1-box-2-inner {
		padding:15px 50px 0 0;
	}	
}

.ss1-s1-b2-pic {
	line-height:0;
}

.tws-ss1-s-2 {
	background:#dbe7fa url(images/bg-sky-1.jpg) no-repeat scroll 50% 0;
	background-size:cover;
	text-align:center;
}

.ss1-s2-boxes {
	padding:0 7%;
}

@media only all and (min-width:768px) {
	.ss1-s2-boxes {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		padding:0;
	}
}

.ss1-s2-box-1 {
	
}

@media only all and (min-width:768px) {
	.ss1-s2-box-1 {
		width:57%;
	}	
}

.ss1-s2-box-1-inner {
	padding:50px 0 35px;
}

@media only all and (min-width:768px) {
	.ss1-s2-box-1-inner {
		padding:50px 50px 35px;
	}	
}

.ss1-s2-box-2 {
	
}

@media only all and (min-width:768px) {
	.ss1-s2-box-2 {
		width:43%;
	}	
}

.ss1-s2-box-2-inner {
	
}

@media only all and (min-width:768px) {
	.ss1-s2-box-2-inner {
		padding:15px 50px 0 0;
	}	
}

.ss1-s2-b2-pic {
	line-height:0;
}

.tws-ss1-s-3 {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
}

.ss1-s3-boxes {
	
}

.ss1-s3-box-1 {
	
}

.ss1-s3-box-1-inner {
	
}

.ss1-s3-box-2 {
	
}

.ss1-s3-box-2-inner {
	
}

#tws-ss1-slide-1,
#tws-ss1-slide-2,
#tws-ss1-slide-3 {
	/* do not style - reserved for JavaScript */
}

#top-outer {
	padding:15px 0 0;
	background:rgba(255,255,255,0.9);
	background:#2c71b7;
	border-bottom:2px solid #efaf5d;
}

@media only all and (min-width:768px) {
	#top-outer {
		position:fixed; top:0; left:0; z-index:9;
		width:100%;
		/* otu
		box-shadow:1px 1px 1px rgba(0,0,0,.2);*/
	}	
}

@media only all and (min-width:1000px) {
	#top-outer {
		min-height:59px; 
		padding:42px 0 0;
		border:0;
		background:url(images/bg-top-outer.png) no-repeat 50% 100%;
		box-shadow:none;
	}	
}

body.blue-2 #top-outer {
	background:url(images/bg-body-blue-2.png) repeat-x left bottom;
	box-shadow:none;
}

#top {

}

@media only all and (min-width:1000px) {
	#top {
		max-width:972px; margin:0 auto;
	}	
}

#cartoon-section {
	min-height:150px; margin:0 auto;	
	background:#dcdcdc url(images/bg-cartoon-section.png) no-repeat scroll 50% 50%;	
}

@media only all and (min-width:1000px) {
	#cartoon-section {
		display:none;	
	}	
}

#bottom-outer-home {
	background:#fff;
}

@media only all and (min-width:1000px) {
	#bottom-outer-home {
		background:#fff url(images/bg-bottom.jpg) no-repeat scroll 50% 0;
	}	
}

body.home-blue #bottom-outer-home {
	background-image:none;
}	

@media only all and (min-width:1000px) {
	body.home-blue #bottom-outer-home {
		border-top:2px solid #efaf5d;
	}		
}

#bottom-outer-home p {
	font-size:0.55rem;
}

#bottom-home {	
	position:relative; z-index:3; 
	margin:0 auto; 
	color:#555; 
}

@media only all and (min-width:1000px) {
	#bottom-home {	
		max-width:972px; 
		margin:0 auto; padding:145px 0 0;
	}	
}

body.home-blue #bottom-home {
	
}

@media only all and (min-width:1000px) {
	body.home-blue #bottom-home {
		padding:63px 0 0; 
	}	
}

#bottom-home p {
	margin:0; 
	line-height:1.65;
	font-size:0.75rem;
}

@media only all and (min-width:1000px) {
	#bottom-home p {
		margin:0 0 10px;
		font-size:0.75rem;
	}	
}

#bottom-home p.btn-p {
	margin:5px 0 0;
}

#wb-left {
	position:relative;
	padding:0 25px 50px;
	text-align:center; 	
}

@media only all and (min-width:700px) {
	#wb-left {
		float:left;
		width:40%; 
		padding:0 5% 50px; margin:0 auto;
	}	
}

@media only all and (min-width:1000px) {
	#wb-left {
		width:274px; 
		padding:0 25px 15px; margin:0;
	}	
}

#wb-middle {
	position:relative; 
	padding:0 25px 50px;
	text-align:center; 	
}

@media only all and (min-width:700px) {
	#wb-middle {
		float:left;
		width:40%; 
		padding:0 5% 50px; margin:0 auto;	
	}
}

@media only all and (min-width:1000px) {
	#wb-middle {
		position:relative;
		width:274px; 
		padding:0 25px 15px; margin:0;
	}	
}

#wb-right {
	position:relative;
	padding:0 25px 50px;
	text-align:center; 	
}	

@media only all and (min-width:700px) {
	#wb-right {
		float:left;
		width:40%; 
		padding:0 5% 50px; margin:0 auto; 	
	}	
}

@media only all and (min-width:1000px) {
	#wb-right {
		width:274px; 
		padding:0 25px 15px; margin:0;	
	}		
}

#wb-extra {
	position:relative;
	padding:0 25px 50px;
	text-align:center; 	
}	

@media only all and (min-width:700px) {
	#wb-extra {
		float:left;
		width:40%; 
		padding:0 5% 50px; margin:0 auto; 	
	}	
}

@media only all and (min-width:1000px) {
	#wb-extra {
		display:none;
		width:274px; 
		padding:0 25px 15px; margin:0;	
	}		
}

.bottom-pic-home {
	max-width:250px; 
	margin:0 auto 15px;
	background:url(images/bg-placeholder.png) no-repeat scroll 50% 50%;
	background-size:100% auto;
}
	
@media only all and (min-width:1000px) {
	.bottom-pic-home {
		position:absolute; top:-138px; left:37px;
		margin:0;	
	}
}

#bottom-pic-home-1 {
		
}

#bottom-pic-home-2 {
	
}

#bottom-pic-home-3 {
	
}

#bottom-pic-home-4 {
		
}

#logo-home {
	width:230px; height:29px;
	padding:0 0 9px; margin:0 0 0 15px;	
	background:url(images/logo-blue-2.png) no-repeat scroll 0 0;
	background-size:100% auto;
}

@media only all and (min-width:425px) {
	#logo-home {
		width:276px; height:35px;
	}	
}

@media only all and (min-width:1000px) {
	#logo-home {
		float:left;
		padding:0 0 9px; margin:42px 30px 0 26px;
	}	
}

body.home-blue #logo-home {
	background-image:url(images/logo-white-3.png);
}

body.home-blue-sky #logo-home {
	background-image:url(images/logo-white-2.png);
}

#logo {
	width:230px; height:29px;
	padding:0 0 9px; margin:0 0 0 15px;
	background:url(images/logo-blue-2.png) no-repeat scroll 50% 0;
	background-size:100% auto;
}

@media only all and (min-width:425px) {
	#logo {
		width:276px; height:35px;
		padding:0 0 9px; margin:2px 0 0 18px;
		background-size:auto;
	}	
}

@media only all and (min-width:1000px) {
	#logo {
		float:left;
		padding:0 0 9px; margin:2px 29px 0 18px;
	}	
}

body.blue-2 #logo {
	background-image:url(images/logo-white-2.png);
}

body.blue-sky #logo {
	background-image:url(images/logo-white-2.png);
}

.tws-logo-option-1 {
	display:none;
}

@media only all and (min-width:1000px) {
	.tws-logo-option-1 {
		display:inherit;
	}
}

.tws-logo-option-2 {
	
}

@media only all and (min-width:1000px) {
	.tws-logo-option-2 {
		display:none;
	}
}

#footer-home {
padding:20px 0 15px; width:900px; margin:0 auto; text-align:center; color:#555;
}

#footer-home a {
color:#555; text-decoration:none;	
}

#footer-home a:hover {
color:#4c85be; text-decoration:none;	
}

#bottom-2 {
text-align:center; padding:28px 0 20px; color:#4c85be;	
}

#bg-bottom {
	width:100%; padding:15px 0 0;
	border:0;
	/*background:#efefef url(images/bg-bg-bottom.png) no-repeat 50% 0;*/	
	background:#efefef;
	text-align:center; color:#317cc8;
}

@media only all and (min-width:1000px) {
	#bg-bottom {
		width:100%;
		border:0;
		background:#fff url(images/BG-bottom-subs.jpg) no-repeat 50% 0;/*otu*/
	}
	
	body.blue-2 #bg-bottom {
		background:#fff url(images/BG-bottom-subs-blue-2.jpg) no-repeat center top;/*otu*/
	}
	
	body.blue-sky #bg-bottom {
		background:#fff url(images/BG-bottom-subs-blue-2.jpg) no-repeat center top;/*otu*/
	}		
}

#bg-bottom p {
font-size:0.55rem;
}

#bg-bottom a {
	font-size:0.65rem;
}

#bottom {
position:relative; z-index:4;
margin:0; padding:0;
font-size:0.55rem;
}

@media only all and (min-width:1000px) {
	#bottom {
	position:relative; z-index:4;
	margin:0 auto 20px; padding:5px 0 0; width:972px; min-height:50px;
	color:#555; font-size:0.65rem;
	}	

	body.blue-2 #bottom {
	margin:0 auto 75px; min-height:25px; 
	color:#fff; 
	}
	
	body.blue-sky #bottom {
	margin:0 auto 75px; min-height:25px; 
	color:#fff; 
	}
}

#bottom p {
margin:0; 
}

#bottomNav {
	display:none; 
}

@media only all and (min-width:1000px) {
	#bottomNav {
		display:block;
		/*padding:0 0 10px; margin:0; */
		padding:110px 35px 40px; margin:0; 
		color:#c0c0c0; text-align:center;
	}	
}

body.blue-2 #bottomNav, 
body.blue-sky #bottomNav {
	
}

@media only all and (min-width:1000px) {
	body.blue-2 #bottomNav, 
	body.blue-sky #bottomNav {
		padding:25px 70px 20px; 
	}
}

#bottomNav a {
	font-size:0.75rem;
	color:#2c71b7; text-decoration:none;	
}

#bottomNav a:hover {
	color:#e78e1c; text-decoration:none;	
}

#bottom-logos {
	display:none;
	/*position:absolute; top:37px; left:38%;*/
	width:70px; padding:7px 14px 5px; margin:18px auto 18px;
	border:1px solid #dcdcdc;
	border-radius:3px; box-shadow:1px 1px 1px #e0e0e0;
	background:#f8f8f8;
}

@media only all and (min-width:1000px) {
	#bottom-logos {
		display:block;
		float:right;
		padding:0; margin:-22px 0 0; width:70px;
		border:0;
		border-radius:0; box-shadow:none;
		background:#fff;
	}		
}

#bottom-logo-facebook {

}

@media only all and (min-width:1000px) {
	#bottom-logo-facebook {
		 margin:0 0 0 8px;
	}	
}

#bottom-logo-twitter {
	margin:0 0 0 8px;		
}

#copyright {
	padding:25px 0; 
	text-align:center; color:#555;	
	background:#e0e0e0;
}

@media only all and (min-width:640px) {
	#copyright {
	
	}
}

@media only all and (min-width:1000px) {
	#copyright {
		color:#555;	
		background:#fff;
	}	
}

body.home #copyright, 
body.home-blue #copyright {
	padding:25px 0;
	color:#555;	
	background:#eee;	
}

@media only all and (min-width:1000px) {
	body.home #copyright, 
	body.home-blue #copyright {
		padding:30px 0 35px;
		color:#555;	
		background:#fff;	
	}	
}

#copyright p {
	margin:0;
	font-size:0.45rem;	
}

.footer-info {
	font-size:0.7rem;
}

.footer-info ul {
	margin:0; padding:0;
	text-align:center;
	list-style-type:none;
}

.footer-info li {
	margin:0 0 12px;
}

@media only all and (min-width:750px) {
	.footer-info li {
		display:inline-block;
		margin:0;
	}	
}

.footer-info li:last-child {
	margin-bottom:0;
}

.footer-info li:before {
	
}

@media only all and (min-width:750px) {
	.footer-info li:before {
		margin:0 15px;
		content:"|";
	}	
}

.footer-info li:first-child:before {
	margin:0;
	content:"";	
}

.linkDivider {
margin:0 5px; font-weight:normal;	
}

.link-divider {
margin:0 5px; font-weight:normal;	
}

#facebook-like-button {
position:absolute; top:134px; right:40px;	
}

#facebook-like-button-home {
position:absolute; top:530px; right:81px; z-index:10001;	
}

#facebook-logo-home {
position:absolute; top:528px; right:95px; z-index:10002;	
}

#LogoandTopNavC {
position:absolute; top:0; left:0; z-index:11; width:834px; height:36px; padding:0; font-family:Verdana, Arial; color:#dcdcdc; 
}

#LogoandTopNavSubsC {
position:absolute; top:0; left:0; width:834px; height:36px; padding:0; text-align:center
}

#designLogo {
margin:27px auto 0; border:0; width:800px; height:530px; padding:0; 
}

#content-home {
	display:none;
	padding:27px 25px 25px; 
	line-height:1.65;
	font-size:0.8rem; 
	color:#555; text-align:center;
}	

@media only all and (min-width:1000px) {
	#content-home {
		display:block;
		max-width:922px; 
		padding:27px 25px 25px;
		text-align:left;
	}	
}

body.home-blue #content-home {
	color:#555;  
}

@media only all and (min-width:1000px) {
	body.home-blue #content-home {
		color:#fff;  
	}	
}

body.home-blue-sky #content-home {
	color:#555;	
}

#content-home h1 {
	margin:0 0 10px; 
	font-family:quatro, sans-serif;
	font-size:0.95rem; 
	color:#2c71b7;  
}	

body.home-blue #content-home h1 {
	color:#2c71b7;  
}

@media only all and (min-width:1000px) {
	body.home-blue #content-home h1 {
		color:#fff;  
	}	
}

body.home-blue-sky #content-home h1 {
	color:#2c71b7;  
}

#content-home p {
		
}

#content-corners-top {
	display:none;
	width:972px; height:15px; 
	margin:0px auto 0; 
	background:url(images/BG-top-stripe-white-3.png) top no-repeat;	
}

#content-corners-bottom {
	display:none;
	width:972px; height:45px;
	margin:0 auto; 
	background:url(images/BG-stripe-subs-2.png) top no-repeat #fff;	
}

#content-top {
	padding:0 52px; margin:0;
	color:#555; 
}

#content-top a {
	color:#2c71b7; text-decoration:none;	
}

#content-top a:hover {
	color:#ea8504; text-decoration:underline;	
}

#content-top h1 {
	margin:0 0 21px; 
	font-size:0.8rem; 
	color:#2c71b7;
} 

#content-top h2 {
	margin:30px 0 15px; 
	font-size:0.65rem; 
	color:#2c71b7;
}

#middle {
	position:relative; z-index:2; 
	padding:25px 15px 40px; margin:0 auto; 
	background:#fff;  
}

@media only all and (min-width:640px) {
	#middle {
		min-height:500px;
	}
}

@media only all and (min-width:768px) {
	#middle {
		padding:90px 15px 40px; 
	}	
}

@media only all and (min-width:1000px) {
	#middle {
		position:relative; z-index:2; 
		width:868px; min-height:450px; 
		padding:143px 52px 0; margin:0 auto; 
		background:#fff; color:#555; 
	}
}

body.blue-2 #middle, 
body.blue-sky #middle {
	
}

@media only all and (min-width:1000px) {
	body.blue-2 #middle, 
	body.blue-sky #middle {
		padding-bottom:55px; min-height:475px;
	}	
}

.pic-content-right {
	display:none;
}

.pic-content-left {
	display:none;	
}

@media only all and (min-width:640px) {
	.pic-content-right {
		display:block;
		float:right;
		margin:0 0 50px 5px;	
	}
	
	.pic-content-left {
		display:block;
		float:left;
		margin:0 5px 50px 0;	
	}	
}

.content {
	line-height:1.65;
	font-size:0.8rem; 
	color:#555;   
}

.content a {
	color:#2c71b7; text-decoration:none;
	transition:all 0.5s;
}

.content a:hover {
	color:#e78e1c; text-decoration:none;	
}

.content h1 {
	margin:0 0 15px; padding:0; 
	line-height:1.45;
	font-family:quatro, sans-serif;
	font-size:1rem; color:#2c71b7;
} 

@media only all and (min-width:1000px) {
	.content h1 {
		margin:0 0 15px; padding:0; 
		font-size:1.05rem; color:#2c71b7;
	} 
}

body.blue-2 .content h1, 
body.blue-sky .content h1 {
	color:#246eb9;
}

.content h2 {
	margin:20px 0 15px; 
	font-family:quatro, sans-serif;
	font-size:0.8rem; 
	color:#2c71b7;
}

.content h3 {
	margin:0 0 10px;
	font-family:quatro, sans-serif;
	font-size:0.75rem; 
	color:#3b6fc4;
}

.content h4 {
	padding:7px; margin:0;
	border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0; 
	background:#ececec; font-size:0.65rem; color:#246eb9;
}

.content h5 {
	margin:30px 0 12px; padding:0 0 4px;
	border-bottom:2px solid #e0e0e0;
	font-size:0.6rem; color:#3b6fc4;
}

.content p {
	padding:0 0 15px; margin:0;
}

.content ul {
	margin:0 0 18px 15px; padding:0;
}

@media only all and (min-width:640px) {
	.content ul {
		margin:0 0 18px 35px; padding:0;
	}	
}

.content ul li {
	background:url(images/li-arrow-orange.png) no-repeat 0 8px; 
	list-style-type:none; padding:0 0 1px 15px; margin:0;
}

.content ul li ul {
	margin:5px 0 18px 35px; padding:0;
}

.content ol {
	margin:0 0 18px 30px; padding:0; 
}

@media only all and (min-width:640px) {
	.content ol {
	margin:0 0 18px 50px; padding:0; 
	}	
}

.content ol li {
	padding:0 0 1px 10px; margin:0;
}

.tws-c-margin-equalizer {
	
}

.tws-c-margin-equalizer > *:first-child {
	margin-top:0;
}

.tws-c-margin-equalizer > *:last-child {
	margin-bottom:0;
}

.tws-g-btn-1,
.content .tws-g-btn-1 {
	display:inline-block;
	margin:0; padding:10px 25px;
	border:0;
	line-height:1.0;
	background:#000;
	font-family:proxima-nova, sans-serif;
	font-size:0.85rem; font-weight:400;
	color:#fff; text-decoration:none;
}

@media only all and (min-width:569px) {
	.tws-g-btn-1,
	.content .tws-g-btn-1 {
		font-size:0.85rem;
	}
}

@media only all and (min-width:900px) {
	.tws-g-btn-1,
	.content .tws-g-btn-1 {
		font-size:0.9rem;
	}
}

.tws-g-btn-1:hover,
.content .tws-g-btn-1:hover {
	background:#222;
	color:#fff; text-decoration:none;
}

.tws-btn-option-1,
.content .tws-btn-option-1 {
	background:#246eb9;
}

.tws-btn-option-1:hover,
.content .tws-btn-option-1:hover {
	background:#175ba0;
}

.tws-show-on-big-only-1 {
	display:none;
}

@media only all and (min-width:900px) {
	.tws-show-on-big-only-1 {
		display:block;
	}	
}

.tws-show-on-small-only-1 {
	
}

@media only all and (min-width:900px) {
	.tws-show-on-small-only-1 {
		display:none;
	}	
}

#c-customer-projects table {
	width:100%; margin:30px auto;
	border-collapse:collapse; border-top:0; border-right:0; border-bottom:1px dotted #ccc; border-left:0;	
}

#c-customer-projects table caption {
padding:7px 0;
text-align:center; color:#fff; background:#246eb9;	
font-size:0.6rem; font-weight:bold;
}

#c-customer-projects table tr:hover {
background:#ffc;	
}

#c-customer-projects table th {
padding:7px 15px;	
border-top:1px dotted #ccc;
vertical-align:top; background:#ececec; color:#246eb9;
font-size:0.7rem; font-weight:bold; text-align:left;
}

#c-customer-projects table td {
padding:30px 15px;
border-top:1px dotted #ccc;	
vertical-align:top; 
}

#c-customer-projects table td.customers-pd-hover-container {
position:relative;  z-index:100000;	
}

#c-customer-projects table td table.customers-pd-hover-bubble {
position:absolute; top:0; left:0; z-index:100001;
width:80%; border:1px solid #000;	
}

td.customers-pd-hover-container:hover .customers-pd-hover-bubble {
position:absolute; bottom:0; left:0; z-index:100002;
width:80%; border:1px solid #000;	
}

.customers-arrows {
margin:0 10px 0 0;
color:#ea8504; font-weight:bold;
}

.customers-text-project-details {
font-size:0.55rem;	
}

.btn-requestAQuote {
float:right; margin:0 0 20px 20px;	
}

.confirmationMessage {
color:#3b6fc4;	
}

#pricing-template {
height:205px; overflow:auto;	background-color:#fff; padding:8px; border:1px #ececec solid;
}

#pricing-contact {
display:none;	
}

.pricing-gt {
width:75px; background-color:#fff; color:#f97810; font-family:"Arial Black", Gadget, sans-serif; font-size:0.6rem;
border:1px #7f9db9 solid; text-align:center; 
}

.i-pricing {
width:50px; background-color:#fff; border:1px #7f9db9 solid; text-align:center
}

.i-quantity {
width:50px; background-color:#fff; border:1px #7f9db9 solid; text-align:center
}

#ecommerce_options {
display:none; background-color:#ececec;	
}

#cms_options {
display:none; background-color:#ececec;	
}

#formStyles {
width:675px; margin:0 auto; 
color:#555;
}

#formStyles-2 {
	max-width:700px; 
	margin:0 auto; padding:15px 0 0;
	color:#555;
}

.forms-requestAQuote-t {
	width:100%;  
	border-collapse:collapse; border:0; 
	font-size:0.6rem; color:#555;
}

.forms-requestAQuote-t td {
	padding:8px 0;
	border:0;  
	vertical-align:top;	
}

@media only all and (max-width:768px) {
	.forms-requestAQuote-t td {
		display:block;
		padding:0 0 20px;
		border:0;  
		vertical-align:top;	
	}	
}

@media only all and (max-width:768px) {
	.forms-requestAQuote-t td:nth-of-type(1) {
		padding:0 0 5px;	
	}
}

#requestQuote-webSite-t {
	display:none;	
}

#requestQuote-e-commerceSite-t {
	display:none;	
}

#requestQuote-graphicDesign-t {
	display:none;	
}

#requestQuote-facebook-t {
	display:none;	
}

#requestQuote-other-t {
	display:none;	
}

#requestQuote-ecommerceProvider-t {
	display:none;	
}

.f-ta-styles {
margin:10px 0;	
}

#btn-requestConsultation {
display:none; margin:0 auto;	
}

#btn-clearForm {
margin:0 auto;	
}

.consultationConfirmation {
padding:7px; color:#f97810; background-color:#fff; font-weight:bold; text-align:center; border:1px #ececec solid;
}

#LogoSamplesContent {
width:730px; padding:63px 52px; margin:0 auto; font-size:0.6rem; text-align:center
}

.topRightImage {
margin:7px 0 0
}

.tws-portfolio-section-1-outer {
	
}

@media only all and (min-width:900px) {
	.tws-portfolio-section-1-outer {
		display:none;
	}	
}

.tws-portfolio-section-1 {
	text-align:center;
}

.tws-ps1-boxes {
	margin:20px 0 0;
}

.tws-ps1-box {
	max-width:350px;
	margin:0 auto 25px;
}

@media only all and (min-width:569px) {
	.tws-ps1-box {
		max-width:450px;
	}	
}

.tws-ps1-box-inner {
	padding:10px;
}

.tws-ps1-box:nth-of-type(odd) .tws-ps1-box-inner {
	
}

@media only all and (min-width:569px) {
	.tws-ps1-box:nth-of-type(odd) .tws-ps1-box-inner {
		padding-left:0;
	}	
}

.tws-ps1-box:nth-of-type(even) .tws-ps1-box-inner {
	
}

@media only all and (min-width:569px) {
	.tws-ps1-box:nth-of-type(even) .tws-ps1-box-inner {
		padding-right:0;
	}	
}

.tws-ps1-b-pic {
	padding:6% 1px 1px;
	border-top:0px solid #dcdcdc;
	line-height:0;
	background:#dcdcdc url(images/bg-browser-top-1.png) no-repeat scroll 50% 0;
	background-size:100% auto;
}

.tws-ps1-b-info {
	padding:10px 0 0;
	line-height:1.5;
	font-family:quatro, sans-serif;
	font-size:0.75rem; font-weight:700;
	color:#555; text-align:center;
}

.tws-ps1-b-credits {
	font-family:proxima-nova, sans-serif;
	font-size:0.7rem; font-weight:400;
}

#portfolioWrapper {
	display:none;
	padding:20px 0 0;
	text-align:left;
}

@media only all and (min-width:350px) {
	#portfolioWrapper {
		padding:20px 10% 0;
	}	
}

@media only all and (min-width:475px) {
	#portfolioWrapper {
		max-width:850px;  
		margin:0 auto; padding:50px 0 0;
	}	
}

@media only all and (min-width:900px) {
	#portfolioWrapper {
		display:block;
		max-width:850px;  
		margin:0 auto; padding:50px 0 0;
	}	
}

body.blue-2 #portfolioWrapper, 
body.blue-sky #portfolioWrapper {
	padding:60px 0 30px;
}

#portfolio-landing-graphic-design {
	padding:0 7%;
	text-align:center;
}

@media only all and (min-width:350px) {
	#portfolio-landing-graphic-design {
		padding:0 5%;
	}	
}

@media only all and (min-width:475px) {
	#portfolio-landing-graphic-design {
		padding:30px 0 0;
	}	
}

#portfolioContentTop {
	width:100%; padding:0 0 12px
}

#portfolioContentLeft {
	float:left; 
	width:360px; padding:15px 10px 0 15px; 
	font-size:0.6rem;
}

#portfolio-content-left {
	display:inline-block; 
	width:43%; 
}

#portfolio-content-left ul {
	margin:0; padding:0;	
}

#portfolio-content-left ul li {
	margin:0 0 20px; padding:0 0 0 15px;
	line-height:1.3;
	background:url(images/li-arrow-blue.png) no-repeat 0 6px; 
	list-style-type:none; 
}

#portfolio-content-left ul li:hover {
	background:url(images/li-arrow-orange.png) no-repeat 0 6px; 
}

.portfolio-content-left-inner {
	padding:5px 10px 0 15px;
}

#portfolioContentLeftSamples {
	float:left; 
	max-width:135px; 
	padding:15px 10px 15px 15px; 
	font-size:0.6rem; line-height:16px
}

.portfolioContentRight {
	display:inline-block;
	position:relative; z-index:5;
	width:57%; min-height:400px; 
	padding:15px 0 0;
	vertical-align:top; 
	text-align:center;
}

.portfolioContentRightSamples {
	float:left; 
	max-width:546px; width:100%;
	padding:15px 0; 
	vertical-align:top; text-align:center;
}

.pcr-logos img {
	border:1px solid #cfcfcf;
}

#portfolioWebStartLeft {
	padding:0 0 50px; 
	text-align:center;
}

@media only all and (min-width:768px) {
	#portfolioWebStartLeft {
		float:left; 
		width:50%; 
		padding:0;
	}	
}

#portfolioWebStartRight {
	padding:0 0 15px;
	text-align:center;
}

@media only all and (min-width:475px) {
	#portfolioWebStartRight {
		padding:0 0 50px;
	}	
}

@media only all and (min-width:768px) {
	#portfolioWebStartRight {
		float:right; 
		width:50%;
		padding:0;
	}	
}

.portfolioStartLinks {
	display:inline;
	font-size:0.85rem; font-weight:bold; 
	vertical-align:middle; 
}

.portfolio-intro-graphic-left {
	margin:20px 54px 0 0;
}

body.gray .portfolio-intro-graphic-left {
	margin:0 54px 0 0;
}

body.blue-2 .portfolio-intro-graphic-left, body.blue-sky .portfolio-intro-graphic-left {
	margin:0 54px 0 0;
}

.portfolio-intro-graphic-right {
	margin:20px 0 0 54px;
}

body.gray .portfolio-intro-graphic-right {
	margin:0 0 0 54px;
}

body.blue-2 .portfolio-intro-graphic-right, body.blue-sky .portfolio-intro-graphic-right {
	margin:0 0 0 54px;
}

.portfolio-intro-graphic-solo {
	
}

body.gray .portfolio-intro-graphic-solo {
margin:20px 0 0;
}

body.blue-2 .portfolio-intro-graphic-solo, body.blue-sky .portfolio-intro-graphic-solo {
margin:20px 0 0;
}

.content .portfolio-credits,
.content .portfolio-visit-on-web {
	margin:0; padding:0;
	font-size:0.7rem; 	
}

.portfolio-responsive-image {
	
}

@media only all and (min-width:475px) {
	.portfolio-responsive-image {
		display:none;	
	}	
}

.portfolio-responsive-image-2 {
	display:none;
}

@media only all and (min-width:475px) {
	.portfolio-responsive-image-2 {
		display:inline;
	}	
}

.clear {
	clear:both
}

#js-width-tracker-768 {
	/* needed by JavaScript */
	text-align:left;
}

@media only screen and (min-width:768px) {
	#js-width-tracker-768 {
		/* needed by JavaScript */
		text-align:right;
	}
}

#js-width-tracker-1000 {
	/* needed by JavaScript */
	text-align:left;
}

@media only screen and (min-width:1000px) {
	#js-width-tracker-1000 {
		/* needed by JavaScript */
		text-align:right;
	}
}

#js-width-tracker-1300 {
	/* needed by JavaScript */
	text-align:left;
}

@media only screen and (min-width:1300px) {
	#js-width-tracker-1300 {
		/* needed by JavaScript */
		text-align:right;
	}
}

.invisible {
	display:none; height:0; width:0
}

.blueText {
color:#3b6fc4
}

.resumeText {
margin:0 0 16px 14px;
}

.orangeDot {
color:#f97810; font-size:0.4rem;
}

.pageTitleArrows {
font-size:0.5rem; font-weight:normal; display:inline; elevation:level;
*vertical-align:middle; 
}

.downloadPDFResume {
float:right; margin:-5px 0 0; width:180px; height:12px; text-align:right; font-size:0.5rem; font-style:normal; font-weight:normal
}

.topNavDivider {
	margin:0 28px;
}

.topNav {
	padding:26px 0 0; font-family:Verdana, Arial; text-align:center; color:#b6cff8; font-weight:bold; font-size:0.65rem; 
	width:834px
}

.topNav a:link, .topNav a:visited {
	text-decoration:none; color:#e2ecfc
}

.topNav a:hover, .topNav a:active {
	text-decoration:none; color:#fff
}

.FTLogo {
	font-size:0.7rem; font-family:"Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;  
}

.dotCom {
	color:#f97810
}

#contactPageC {
	padding:20px 0 0;
}

#contactPageC form {
margin:0; padding:0; display:inline	
}

#contactPageC-left {
	
}

@media only all and (min-width:769px) {
	#contactPageC-left {
		float:right; 
		width:50%;
	}	
}

#contactPageC-right {
	padding:0 0 30px;
}

@media only all and (min-width:769px) {
	#contactPageC-right {
		float:right; 
		width:42%; 
		padding:0 0 0 8%;
	}	
}

#contactForm {
	
}

#contactForm table {
width:100%; border:0; border-collapse:collapse;	
}

#contactForm table td {
vertical-align:top; padding:5px;	
}

.contactFormConfirmation {
padding:15px 0; margin:15px 0; 
border:1px #ececec solid;
background-color:#ffffc7; 
font-weight:bold; text-align:center; 
}

.content p.msg-success {
padding:15px 0; margin:15px 0; 
border:1px #ececec solid;
background-color:#ffffc7; 
text-align:center;	
}

.content p.msg-error {
padding:15px 0; margin:15px 0; 
border:1px #ececec solid;
background-color:#f5f5f5; 
text-align:center; color:#e00;	
}

#ti-tdm-field-1 {
	display:none;
}

#f-contact {
/* used in JavaScript */	
}

.rq-i-sm {
width:266px; padding:5px; font-family:Verdana, Geneva, sans-serif;	
}

.contact-i-ta {
width:247px; padding:7px; font-family:Verdana, Geneva, sans-serif; font-size:0.6rem;	
}

.rq-i-ta {
	
}

.redText {
	color:#d00;
}

.content-block {
	max-width:375px;
	padding:0 0 40px; margin:0 auto;
	text-align:center;
}

@media only all and (min-width:640px) {
	.content-block {
		float:left;
		width:42%; max-width:none; 
		padding:0 4% 7%; margin:0;
	}	
}

@media only all and (min-width:1000px) {
	.content-block {
	float:left;
	width:364px; padding:0 35px 40px;
	text-align:center;
	}	
}

.webDesignSolutions-t {
border:0; border-collapse:collapse; width:98%; margin:5px auto 25px;	
}

body.blue-2 .webDesignSolutions-t, body.blue-sky .webDesignSolutions-t {
border:0; border-collapse:collapse; width:94%; margin:5px auto 25px;	
}

.webDesignSolutions-t td {
border:0; text-align:center; vertical-align:top; padding:0; 	
}

.webDesignSolutions-t p {
margin:0 0 7px; 	
}

.btn-p {
font-weight:bold;  
}

.btn-p a:link, .btn-p a:visited {
color:#2c71b7; text-decoration:none; padding:5px 9px;	
}

.btn-p a:hover, .btn-p a:active {
color:#ea8504;
}

.btn-p-blue {
font-size:0.6rem; font-weight:bold
}

.btn-p-blue a:link, 
.btn-p-blue a:visited {
background-color:#3b6fc4; color:#fff; text-decoration:none; padding:5px 9px;	
}

.btn-p-blue a:hover, 
.btn-p-blue a:active {
background-color:#4580e0;	
}

.btn-p-orange {
font-size:0.6rem; font-weight:bold	
}

.btn-p-orange a:link, 
.btn-p-orange a:visited {
background-color:#f97810; color:#fff; text-decoration:none; padding:5px 9px;	
}

.btn-p-orange a:hover, 
.btn-p-orange a:active {
background-color:#fa8322;	
}

.text-justify {
	text-align:justify;	
}

@media only all and (min-width:500px) {
	.text-justify {
		text-align:justify;	
	}	
}

.text-orange {
color:#fda863;	
}

.text-red {
color:#e00;	
}

.content p.btn-square-blue {
font-size:0.55rem; font-weight:bold; margin-top:20px;	
}

.content p.btn-square-blue a {
padding:8px 10px;
background:#e3eef5; color:#2c71b7; text-decoration:none; 	
}

.content p.btn-square-blue a:hover {
padding:8px 10px;
background:#4487cb; color:#fff; text-decoration:none; 	
}

#subNav-customers {
float:right; width:140px; margin:0 0 10px 25px; padding:14px 16px 9px; border:0px #ccc dotted; background-color:#f0f6ff; font-weight:bold; font-size:0.55rem;	
}

#subNav-customers p {
margin:0 0 7px;	
}

#login-logoutButton {
float:right; text-align:center; margin:-15px 0 0; font-weight:bold; font-size:0.55rem;	
}

#login-logoutButton a:link, #login-logoutButton a:visited {
color:#e2ecfc; text-decoration:none; background-color:#3b6fc4; width:100px; height:15px; padding:3px 0 3px; display:block;
border:1px #f0f6ff solid;
}

#login-logoutButton a:hover, #login-logoutButton a:active {
color:#fff; text-decoration:none; background-color:#3b6fc4; width:100px; height:15px; padding:3px 0 3px; display:block;
border:1px #3b6fc4 solid;
}

.customers-forms-t {
border:0; border-collapse:collapse; width:500px; margin:18px 0;	
}

.customers-forms-t td {
border:0; padding:5px 0; vertical-align:top	
}

.customers-forms-t-wide {
border:0; border-collapse:collapse; width:600px; margin:18px 0;	
}

.customers-forms-t-wide td {
border:0; padding:5px 0; vertical-align:top	
}

#customers-billingC {
width:730px; height:197px; overflow:auto; margin:0; border-top:0px #fff solid; padding:2px 0 0;	
}

.customers-billingHeadings-t {
border:0; border-collapse:collapse; width:710px; margin:21px auto 0; font-size:0.55rem; color:#3b6fc4	
}

.customers-billingHeadings-t td {
padding:4px; vertical-align:top	; color:#3b6fc4; background-color:#fff; border:2px #fff solid; text-align:center; 
font-weight:bold	
}

.customers-billing-t {
border:0; border-collapse:collapse; width:710px; margin:0 auto; font-size:0.55rem; color:#3b6fc4	
}

.customers-billing-t td {
border:2px #fff solid; padding:4px; vertical-align:top; background-color:#f0f6ff;	
}

#customers-billingTotalC {
padding:12px 0 0; text-align:center;	color:#3b6fc4
}

.customers-billingTotalAmount {
font-weight:bold; color:#f97810;	
}

.textOverTextarea {
margin:0 0 7px;	
}

#referralContactInfoBox {
display:none; padding:12px 0;	
}

.error {
color:#d00;	
}

#CAPTCHA_Number {
color:#e78e1c; font-weight:bold; font-size:0.7rem;	
}

#portfolio-images-wrapper-mobile {
width:100%;
text-align:center;	
}

#portfolio-images-wrapper-mobile img {
margin:45px 0 0; max-width:100%; height:auto;
}

#portfolio-images-wrapper-mobile-2 {
width:100%;
text-align:center;	
}

#portfolio-images-wrapper-mobile-2 img {
margin:35px 0 0; max-width:100%; height:auto;
border:0px solid #dcdcdc;
}


/* -------------------- begin photo gallery styles -------------------- */

#container-pg-pics {
	
}

#container-pg-pics img {
position:absolute; top:0; left:0;	
}

#pg-link-pic-1,
#pg-link-pic-2,
#pg-link-pic-3,
#pg-link-pic-4,
#pg-link-pic-5,
#pg-link-pic-6,
#pg-link-pic-7,
#pg-link-pic-8,
#pg-link-pic-9 {
	
}

#pg-pic-cover {
position:absolute; top:0; left:0; z-index:8;
}

#pg-pic-1 {
position:absolute; top:0; left:-1000em; z-index:81;
}

#pg-pic-2 {
position:absolute; top:0; left:-1000em; z-index:82;
}

#pg-pic-3 {
position:absolute; top:0; left:-1000em; z-index:83;	
}

#pg-pic-4 {
position:absolute; top:0; left:-1000em; z-index:84;
}

#pg-pic-5 {
position:absolute; top:0; left:-1000em; z-index:85;	
}

#pg-pic-6 {
position:absolute; top:0; left:-1000em; z-index:86;	
}

#pg-pic-7 {
position:absolute; top:0; left:-1000em; z-index:87;	
}

#pg-pic-8 {
position:absolute; top:0; left:-1000em; z-index:88;	
}

#pg-pic-9 {
position:absolute; top:0; left:-1000em; z-index:89;	
}

.portfolio-item-display-first {
/* this class is used by a script */	
}

/* -------------------- end photo gallery styles -------------------- */

/* begin main nav styles */

#mn-toggle-link {
	display:block;
	position:absolute; top:20px; right:22px;
	max-width:26px; width:100%; min-height:15px;
	padding:0; margin:0;
	border:0; border-radius:0;
	background:url(images/bg-mn-toggle-link-3-a.png) no-repeat scroll 100% 0;
	background-size:85px auto;
	cursor:pointer;
}

@media only screen and (min-width:575px) {
	#mn-toggle-link {
		top:22px; right:24px;
		max-width:85px;
	}	
}

@media only screen and (min-width:1000px) {
	#mn-toggle-link {
		display:none;
	}	
}

body.home #mn-toggle-link {
	background-image:url(images/bg-mn-toggle-link-3.png);
}

#mn-toggle-link.mn-toggle-link-active {
	background-image:url(images/bg-mn-toggle-link-4-a.png);
}

body.home #mn-toggle-link.mn-toggle-link-active {
	background-image:url(images/bg-mn-toggle-link-4.png);
}

.main-nav-outer {
	padding:0 15px;
}

@media only screen and (min-width:1000px) {
	.main-nav-outer {
		max-width:none;
		margin:0 auto; padding:0 20px;
	}	
}

#main-nav {
	display:none;
	position:relative; z-index:1000;
	padding:11px 0;
	background:#2c71b7;
	font-family:quatro, sans-serif;
}

@media only screen and (min-width:1000px) {
	#main-nav {
		display:block;
		float:right;
		max-width:640px;
		padding:0;
		text-align:right;
	}	
}

body.home #main-nav {
	
}

@media only screen and (min-width:1000px) {
	body.home #main-nav {
		margin-top:42px;	
	}	
}

body.home-blue #main-nav {
	background:#175ba0;	
}

@media only screen and (min-width:1000px) {
	body.home-blue #main-nav {
		margin-top:42px;	
	}	
}

#main-nav ul {
	margin:0; padding:0;
	list-style-type:none;
}

#main-nav ul ul {
	display:none;
	margin:0; padding:4px 0;
	background:#2c71b7;
	text-align:left;
}

@media only screen and (min-width:1000px) {
	#main-nav ul ul {
		position:absolute; top:100%; left:0;
		width:100%; min-width:170px;
		padding:7px 0 9px;
		border-radius:0 0 5px 5px;
		background:rgba(44,113,183,1);
		text-align:left;
	}	
}

body.home-blue #main-nav ul ul {
	background:#175ba0;
}

@media only screen and (min-width:1000px) {
	body.home-blue #main-nav ul ul {
		background:#175ba0;
	}	
}

#main-nav ul li:last-child ul {
	
}

@media only screen and (min-width:1000px) {
	#main-nav ul li:last-child ul {
		left:auto; right:0;
	}	
}

@media only screen and (min-width:1100px) {
	#main-nav ul li:last-child ul {
		left:auto; right:0;
	}	
}

#main-nav li {
	position:relative;
	margin:0; padding:0;
}

@media only screen and (min-width:1000px) {
	#main-nav li {
		display:inline-block;
		margin:0; padding:0;
	}	
}

#main-nav li.current-menu-item {
	
}

@media only screen and (min-width:1000px) {
	#main-nav li.current-menu-item {
		
	}	
}

#main-nav li li {
	display:block;
	padding:0; margin:0;
}

#main-nav li a {
	display:block;
	padding:6px 20px; margin:0;
	line-height:1.5;
	font-size:0.75rem; color:#fff; 
	text-decoration:none; text-transform:uppercase;
}

@media only screen and (min-width:1000px) {
	#main-nav li a {
		padding:10px 37px; margin:0;
		line-height:1;
		font-size:0.65rem; font-weight:bold;
		color:#fff; text-transform:none;
	}	
}

@media only screen and (min-width:1100px) {
	#main-nav li a {
		padding:10px 37px; margin:0;
		font-size:0.65rem;
	}	
}

@media only screen and (min-width:1200px) {
	#main-nav li a {
		padding:10px 37px; margin:0;
		font-size:0.65rem;
	}	
}

#main-nav li a:hover {
	background:#24619f;
	color:#fff; text-decoration:none;
}

@media only screen and (min-width:1000px) {
	#main-nav li a:hover {
		background:none;
		color:#fafab7;
	}	
}

#main-nav li li a {
	padding:6px 45px; margin:0;
	line-height:1.5;
	text-transform:none;
	font-size:0.65rem; font-weight:normal;
	color:#fff;
}

@media only screen and (min-width:1000px) {
	#main-nav li li a {
		padding:5px 15px;
		font-size:0.6rem;
	}	
}

#main-nav li li a:hover {
	background:#24619f;
	color:#fff; text-decoration:none;
}

@media only screen and (min-width:1000px) {
	#main-nav li li a:hover {
		
	}	
}

body.home-blue #main-nav li li a:hover {
	background:#134e8b;
}

#main-nav .menu-item-has-children {
	
}

#main-nav .menu-item-has-children-active {
	background:none;
}

#main-nav .menu-item-has-children-active > a {
	
}

@media only screen and (min-width:1000px) {
	#main-nav .menu-item-has-children-active > a {
		color:#fafab7;
	}	
}

#main-nav .responsive-mn-item {
	display:block;
}

@media only screen and (min-width:569px) {
	#main-nav .responsive-mn-item {
		display:none;
	}
}

#main-nav .responsive-mn-item-2 {
	
}

#main-nav .responsive-mn-item-3 {
	
}

.mn-indicator {
	display:inline-block;
	width:0; height:0;
	margin:9px 0 0 7px;
	border:5px solid transparent;
	border-top:5px solid #fff;
	vertical-align:top;
}

@media only screen and (min-width:1000px) {
	.mn-indicator {
		display:none;
	}	
}

.mn-i-active {
	margin:4px 0 0 7px;
	border:5px solid transparent;
	border-bottom:5px solid #fff;
}

.mn-dynamic-character {
	
}

/* end main nav styles */