@charset "utf-8";
/* CSS Document */
/* Copyright 2015 The Counseling Consultant - All Rights Reserved */
/************************************************/
/*  FONT CSS                                    */
/************************************************/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Latinotype
 * License URL: http://www.fontspring.com/licenses/latinotype/webfont
 *
 *
 */

@font-face {
    font-family: 'textaregular';
    src: url('Texta-Regular-webfont.eot');
    src: url('Texta-Regular-webfont.svg#textaregular') format('svg'),
				 url('Texta-Regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('Texta-Regular-webfont.woff2') format('woff2'),
				 url('Texta-Regular-webfont.woff') format('woff'),
				 url('Texta-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Latinotype
 * License URL: http://www.fontspring.com/licenses/latinotype/webfont
 *
 *
 */

@font-face {
    font-family: 'textabold';
    src: url('Texta-Bold-webfont.eot');
    src: url('Texta-Bold-webfont.svg#textabold') format('svg'),
				 url('Texta-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Texta-Bold-webfont.woff2') format('woff2'),
         url('Texta-Bold-webfont.woff') format('woff'),
         url('Texta-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



/************************************************/
/*  RESET CSS                                   */
/************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*************************************************************************************/
/*  General																																					 */
/*************************************************************************************/
.fr {float: right;}
.fl {float: left;}
.cf {clear:both; height:0; font-size: 1px;line-height: 0px;}
.cr {clear:right;}
.rp {position:relative;}
.ap {position:absolute; top:0px; left:0px;}
.nc {cursor: default;}

a {text-decoration:none; color:#404040;}


.red  {color:#fd0101;}
.grey {color:#404040;}

.small {font-size:15px;}

/*************************************************************************************/
/*  Responsive																																			 */
/*************************************************************************************/
 .b320,  .b480,  .b768,  .b960, 
 .i320,  .i480,  .i768,  .i960,
.ib320, .ib480, .ib768, .ib960	{display:none;}

#viewport {height:0px; display:none;}

/************************************************/
/* Main Body                                    */
/************************************************/
body {
	font-family: 'textaregular', sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#404040;
	text-align:justify; 
	background-color:white;
	width:100%; 
}

h1, h2, h3, h4 {text-align:left;}

h1 span, h2 span, h3 span, h4 span {
	font-family:'textabold', 'textaregular', sans-serif; 
	margin-left: 3px;
}

h1, h2 {
	margin-bottom:0px; 
	margin-top:10px; 
	letter-spacing: 0.6px;
}

#container {
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px; 
}

#sound {
	display:inline;
	float:left;
	height:0px;
	width:0px;
}

sup {vertical-align:text-top;}

p {margin-top:5px;}

.box {border-radius:0px;}

/************************************************/
/* Header                                       */
/************************************************/

#Boerne-Counseling-Center-phone {
	display:none;
}

#Boerne-Counseling-Center-logo {
	float:left;
	width:8.5%; 
}

#Boerne-Counseling-Center-logo img {width:100%;}

#Boerne-Counseling-Center-name {
	float:left;
	width:30%;
	margin-left:7px;
}

#Boerne-Counseling-Center-name-1 {
	float:left;
	margin-left:0px;
	font-family: 'textaregular', sans-serif;
	/*  Not working w/SVG req'd by Safari Win, so use span 
	font-variant:small-caps;
	*/
	font-size:60px;
	line-height:52px;
	letter-spacing:2px;
 	text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
#Boerne-Counseling-Center-name-1 span {	font-size:87px; }

#Boerne-Counseling-Center-name-2 {
	float:left;
	margin-left:5px;
	margin-top:-6px;
	font-variant:small-caps;
	font-size:26px;
}

#Boerne-Counseling-Center-tagline {
	float:right; 
}

#Boerne-Counseling-Center-tagline sup {
	font-size:8px;
}

#Boerne-Counseling-Center-line {
	width:100%;
	margin-top:9px;
}

.line {
	height:4px;
	background-color:#404040;
 	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}


/*************************************************************************************/
/*  Icons     																																			 */
/*************************************************************************************/
#icons {
	position:absolute;
	top:0px;
	right:0px;
	height:25px;
}

#icons a 				{opacity:0.15; display:inline-block; background-repeat:no-repeat;}
#icons a:hover 	{opacity:0.8;}

#dumA 			{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -232px -784px; height:17px; width:25px; margin-bottom:2px; margin-top:5px;}
#dumA:hover {background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -207px -784px;}

.mut	{height:22px; width:20px; margin:1px 1px 1px 0px;}

.mute, .unmute {display:inline-block; width:100%; height:100%;}

.mute				{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -317px -784px;}
.mute:hover 	{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -297px -784px;}
.unmute					{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -277px -784px;}
.unmute:hover 		{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -257px -784px;}

/*************************************************************************************/
/*  Main Menu 																																			 */
/*************************************************************************************/

#menu-button {display:none;}

nav {
	width:99.6%;
	margin-left:0.2%;
}

nav h2 {
	float: left;
	display:inline;
	
	
	margin-bottom:0px; 
	margin-top:0px; 
	letter-spacing:normal;
	
}

nav h2.last-item {
	float:right;
	margin-right:0px;
}


nav a {
	display:inline;
	cursor: pointer;
}

nav a:hover, .current {
	color:#fd0101;
}


.shrtM {display:none;}
.longM {display:inline;}


/************************************************/
/* Transition                                   */
/************************************************/

#Boerne-Counseling-Center-transition-logo {float:left;}

#Boerne-Counseling-Center-line2, #Boerne-Counseling-Center-line3 {
	float:left;
	display:inline;
}

#Boerne-Counseling-Center-line2 {margin-right:0.7%;}
#Boerne-Counseling-Center-line3 {margin-left:0.39%;}


/************************************************/
/* Boxes                                        */
/************************************************/

#boxes {
	position:relative; 
	height:340px;
	margin-top:10px;
}

/************************************************/
/* Box 1                                        */
/************************************************/

#Boerne-Counseling-Center-box1 {
	float:left;
	height:82%;
	width:32.8%; 
	margin-right:3.5%;
	margin-top:3px;
	cursor: pointer;
}

#Boerne-Counseling-Center-box1-body {
	position:relative;
	height:68.5%; 
	margin-top:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3); 
	border-radius: 1px; /* force iOS to keep shadow on zoom */
}

#Boerne-Counseling-Center-box1-body:hover {
	box-shadow:1px 1px 8px rgba(0,0,0,0.5); 
}

#Boerne-Counseling-Center-box1 p {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	padding-top:14%;
	padding-left:15.9%;
	padding-right:15.9%;
	text-align:justify;	
}

#Boerne-Counseling-Center-box1 p:first-child {
	display:inline-block;
}

/************************************************/
/* Box 2                                        */
/************************************************/

#contact {
	float:left;
	height:93%;
	width:27.4%;
}

#contact h2 {
	font-size:27px;
	text-align:center;
}

#contact h2 span {
	margin-left:0px;
	font-size:27px;
}

#contact-body {
	height:86.5%;
	margin-top:7px;
	background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -112px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3); 
	border-radius: 1px; /* force iOS to keep shadow on zoom */
}

#contact p {
	padding-top:20px;
	margin-left:16%; 
	margin-right:16%;
	text-align: center;
}

#contact-phone {
	margin-top:3px; 
	/*
	color:#fd0101;
	*/
	text-align:center; 
	font-size:28px;
}

#labelName, #labelPhone, #labelEmail, #labelText {
	cursor:text;
}


/************************************************/
/* Contact Form                                 */
/************************************************/
#contactForm {
	width:75%; /* 200 box + 4 padding + 2 border */
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
}

#contact label {
	position:absolute;
	top:0px;
	width:100%;
	color:#a8a8a8;
}

#contact label span {
	width:68%;
	display:inline-block;
	margin-top:5px;
	margin-left:16%;
	margin-right:16%;
	text-align:center;
}

#contact input, #contact textarea {
	height:23px;
	width:98%;
	margin:0px 0px 7px 0px;
	padding:0px 2px 0px 2px;
	background-color:#ffffff;
	border:none;
	-webkit-appearance: none; /* keep iOS from messing up forms */
}

#contact input {
	background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -394px;
}

#contact textarea {
	height:43px;
	outline:none;
	overflow:auto; /* remove IE scrollbar until needed */
	resize:none;
	background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -417px;
}

#contact input:focus, #contact textarea:focus {outline:#fd0101 dotted 1px;}

#contact textarea:focus {
	background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -460px;
}

.button, #contact button {
	position:relative;
	height:30px;
	width:53%;
	margin: 0px auto 30px auto;
	display:block; /* needed to make margin auto work */
	padding:0px;
	border:none;
	background-color:#fd0101;  /* Fixes Firefox Button Shadow */
	border-radius: 5px; 
	background-image: -webkit-linear-gradient(top,#fd0101, #ff003c); 
	box-shadow:1px 1px 2px rgba(0,0,0,0.2); 
	cursor:pointer;
	font-family:inherit;
	font-size:18px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	color:white;
}


.button:hover, #contact button:hover {
	box-shadow:1px 1px 3px rgba(0,0,0,0.4); 
}

.busy {
    display: none;
    position: absolute;
    right: -23px;
    top: 8px;
    width: 16px;
    height: 16px;
    background-image: url(../images/ajaxload-info-black.gif);
}

#emailThanks {
	display:none;
	margin-top:0px; 
	margin-left:0px; 
	padding:10px 0px 10px 0px;
	border: #fd0101 2px dotted;
}

#emailThanks h3 {
	font-size:24px;
	text-align:center;
}

#emailThanks p {
	padding:0px;
	margin-left:10%;
	margin-right:10%;
}

#formRequired, #labelRequired {display: none !important;}


/************************************************/
/* Box 3                                        */
/************************************************/


#Boerne-Counseling-Center-box3 {
	float:right; 
	height:82%;
	width:32.8%; 
	margin-top:3px;
	cursor: pointer;
}

#Boerne-Counseling-Center-box3-body {
	height:68.5%; 
	margin-top:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3); 
	border-radius: 1px; /* force iOS to keep shadow on zoom */
}

#Boerne-Counseling-Center-box3-body:hover {
	box-shadow:1px 1px 8px rgba(0,0,0,0.5); 
}

#Boerne-Counseling-Center-box3-body img {
	position:absolute;
	bottom:0px;
	right:0px;
	width:68%;
}

#Boerne-Counseling-Center-box3 p {
	padding-top:14%;
	padding-left:16.7%;
	text-align:left;	
}


/************************************************/
/* Footer                                       */
/************************************************/
#Boerne-Counseling-Center-footer {
	/*min-height:385px;  may expand beyond 385px */
	text-align:center;
	color:#737373;
}

#Boerne-Counseling-Center-footer-name {
	margin:0px 10px 0px 10px;
	padding-top:45px;
	font-size:22px;
}

#Boerne-Counseling-Center-footer-credentials {margin:10px 10px 0px 10px; font-size:16px;}

#Boerne-Counseling-Center-footer-address {
	margin:10px 10px 0px 10px;
	font-size:12px;
}

#Boerne-Counseling-Center-footer-address a {	
	text-decoration:underline;
	color:#737373;
}

#design {
	display:block;
	margin-top:20px;
	padding-top:3px;
	padding-bottom:13px;
	font-size:12px;
	color:#cccccc;
	text-decoration: none;
	text-align:center;
}

#design span {
	position:relative;
	top:-7px;
	display:inline-block;
	height:25px;
	width:25px;
	background:url(../images/Boerne-Counseling-Center-Sprite.jpg) -132px -784px;	
}

#copyright {
	font-size:10px; 
	line-height:11px;
	font-variant:small-caps;
	text-align:center;
	color:#cccccc;
}

#copyright p {
	margin:0px;
}


/************************************************/
/* BEGIN PAGES                                  */
/************************************************/

/************************************************/
/* Banners                                      */
/************************************************/

#banners {
	position:relative;
	width:100%;
	margin-top:33px;
}

.banner {
	position:absolute;
	top:0px;
	width:31.3%;
	opacity:0;		/* hide initially */
}

.banner img:hover {
	box-shadow:1px 1px 8px rgba(0,0,0,0.75); 
}

.banner img {
	width:100%;
	margin-bottom: 3px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5); 
	border-radius: 1px; /* force iOS to keep shadow on zoom */
}

.banner h2 {
	margin-left:0.5%;
}

.banner a {
	text-align: center;
  display: inline-block;
}

#banner-Couples-Counseling, #banner-Teens-Counseling {top:/*51.5%;*/ 212px;}

#banner-Sex-Addiction-Counseling {left:0%;}
#banner-Anxiety-Counseling	{left:34.3%;} 
#banner-Depression-Counseling {left:68.6%;}
#banner-Couples-Counseling {left: 17.2%;}
#banner-Teens-Counseling {left: 51.5%;}


.close {position:absolute; display:none; top:23px; right:-14px; width:27px; height:27px; background-image:url(../images/Boerne-Counseling-Center-Button-Close.png);}

.ad {display:none; margin:35px 0px 0px 0px; background-color:#fafafa;}

.ad p {font-size:18px;}

.ad img {
	float:left;
	width:31.3%;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	border-radius: 1px;
}

.adBox {float:left; width:62.5%; margin:40px 3% 0px 3%;}

.ad h2 {float:left;margin-top:0px;}
.ad h2 span {margin-left:0px; margin-top:0px;}
.ad .date {float:right; margin-top:3px;}

.adText {
	float:left;
	height:100%;
	width:100%;
  border-top: 2px dotted #fd0101;
}

.i {font-family:Arial, sans-serif; font-style:italic; font-size:12px;}


/************************************************/
/* Detail Pages                                 */
/************************************************/

.detail {
	position:relative;
	width:auto;
	height:100%; /* needed for percentage heights to work on its sub elements */
	}

.detail a {
	text-decoration:underline;
	color:#fd0101;	
}

.headline {
	float:left; 
	width:100%;
	text-transform:uppercase;
}	 

.headline span {
	margin-left:0px;
}	 

.detail-img {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	border-radius: 1px; /* force iOS to keep shadow on zoom */
	
	box-shadow:1px 1px 3px rgba(0,0,0,0.3); 

}

.model {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.detail-aside {
	float:right;
	height:100%;
	width:23%;
	padding-top:40px;
	padding-bottom:70px;
	padding-left:3%;  
	padding-right:3%;
	background-color:#f5f5f5;
	
	background-image:url(../images/Boerne-Counseling-Center-Aside-Background.jpg);
	
	background-repeat:repeat-x;
	background-position:bottom;
	border:#f5f5f5 1px solid;  
	border-radius:1px; /* force iOS to keep shadow on zoom */
	
	box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
	
}

.detail-aside h3 {
	font-size:20px;
	line-height:22px;
	margin-top:0px;
	margin-bottom:10px;
	color:#fd0101;	
	font-family:'textabold', 'textaregular', sans-serif; 
	text-transform:uppercase;
	text-align:center;
}

.detail-aside img {
	width:64%;
	margin:20px 18% 0px 18%;
}

#Boerne-Counseling-Center-Decoration {
	width:132px;
	height:27px;
	margin:20px auto 0px auto;
	background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -784px;
	opacity:0.4;
}


.columns {
	position:relative;
	z-index:0;
	float:left;	
	border-radius: 1px; /* force iOS to keep shadow on zoom */
}

.column {
	float:left;
	display:inline;
	margin-top:0px;
	margin-right:5.4%;
	overflow:hidden; /* for resources page */
}

.column.last-item {
	float:right;
	margin-right:0px;
}

.column h2, .column h3 {
	font-size:16px;
	line-height:18px;
	margin-top:20px;
	margin-bottom:10px;
	color:#fd0101;	
	font-family:'textabold', 'textaregular', sans-serif; 
	text-transform:uppercase;
}

.column p, .detail-aside p {
	margin:5px 0px 10px 0px;
}
	
.column ul, .detail-aside ul {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
}

.column li, .detail-aside li {
	margin-left:5px;
	padding-top:2px;
	list-style-type: disc;
	text-align:justify;
}
 
.detail-aside ul ul li {list-style-type:none; text-align:left;}
 
.testimonial.headline {
	font-size:30px;
	margin-top:15px;
	margin-bottom:0px;
}

.testimonial.columns {
	margin-top:35px;
}

.detail iframe {width:100%; box-shadow: 1px 1px 2px rgba(0,0,0,0.4); border-radius: 1px; /* force iOS to keep shadow on zoom */}

.threePix {width:30.9%; margin-right:3.5%;}
.threePix.last {margin-right:0px;}

.grey a {color:#404040;}

#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-aside {text-align:center;}
#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-aside p {margin-bottom:5px; margin-top:10px;}

#Boerne-Counseling-Center-Resources .column, #Boerne-Counseling-Center-Resources .column li {text-align:left;}

#Boerne-Counseling-Center-About-Us aside li {text-align:left; margin-top:15px;}
#Boerne-Counseling-Center-About-Us aside ul {margin-bottom:10px;}

#Boerne-Counseling-Center-About-Us.detail a {text-decoration:none; color:inherit;}
#Boerne-Counseling-Center-About-Us .column {margin-bottom:30px;}

#Boerne-Counseling-Center-Teens-Counseling .detail-img {box-shadow:none;}
#Boerne-Counseling-Center-Teens-Counseling .detail-img img {border-right:#fefefe 1px solid;}

.noRed a {color:#019898;}  /* remove red links on FAQ, resources page */

.test {text-align:center; display:block;}

/********************************************************/
/*																											*/
/*												960 													*/
/* 							PC, MAC, Tablet Landscape								*/
/*																											*/
/********************************************************/
@media only screen
and (min-width : 960px) {

		.b960 {display:block;}
		.i960 {display:inline;}
		.ib960 {display:inline-block;}
		
		#viewport {width:960px;}

    /* Adjust widths of main structures */
		#container {width:960px;}	
		h2 {font-size:22px;}
		#Boerne-Counseling-Center-tagline {margin-top:60px; font-size:18px;}

		/* Adjust header items */
		#Boerne-Counseling-Center-header {margin-top:34px; height:125px;}
		#Boerne-Counseling-Center-line {margin-top:8px;}
		
		/* Adjust menu */
		nav {margin-top:14px;}
		nav h2 {margin-right:3.54%; font-size:15px;}

		/* Adjust transition */
		#Boerne-Counseling-Center-transition {margin-top:30px;}
		#Boerne-Counseling-Center-transition-logo {width:6.75%;}
		#Boerne-Counseling-Center-line2, #Boerne-Counseling-Center-line3 {width:40%; height:3px; margin-top:34px; margin-bottom:28px;}
		#Boerne-Counseling-Center-line2 {margin-left:5.75%;}

		/* Adjust Boxes */
		#Boerne-Counseling-Center-box1-body, #Boerne-Counseling-Center-box3-body 
			{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -593px;}

		/* Adjust Homepage */
		#banners {height:411px;}

		/* Adjust Detail Pages */
		.detail {margin-top:42px;}
		.columns {width:66.5%}
		.column {width:47%;}
		.detail-img {height:295px;}
		.headline {margin-top:23px; margin-bottom:0px;}
		.detail-aside p {font-size:16px;}
		.column p, .column li {font-size:16.5px;}

	
		#Boerne-Counseling-Center-Sex-Addiction-Counseling 		.headline {font-size:28px;}
		#Boerne-Counseling-Center-Anxiety-Counseling 					.headline {font-size:28px;}
		#Boerne-Counseling-Center-Depression-Counseling 			.headline {font-size:24px; padding-top:4px;}
		#Boerne-Counseling-Center-Couples-Counseling 					.headline {font-size:28px;}
		#Boerne-Counseling-Center-Teens-Counseling 						.headline {font-size:24px; padding-top:4px;}
		#Boerne-Counseling-Center-Testimonials 								.headline {font-size:24px;}
		#Boerne-Counseling-Center-Resources 									.headline {font-size:26.5px;}
		#Boerne-Counseling-Center-Frequently-Asked-Questions 	.headline {font-size:28px;}
		#Boerne-Counseling-Center-About-Us	 									.headline {font-size:28px;}
		#Boerne-Counseling-Center-About-Daren-Lowman					.headline {font-size:28px;}
		#Boerne-Counseling-Center-About-Lauren-Settle					.headline {font-size:28px;}
		#Boerne-Counseling-Center-About-Jen-Belz				.headline {font-size:28px;}
		#Boerne-Counseling-Center-About-Stephen-Betts					.headline {font-size:28px;}
	
		
		#Boerne-Counseling-Center-Testimonials .detail-img {width:65%;}
		#Boerne-Counseling-Center-Testimonials .detail-aside {height:183px; width:25%;} /* 295-2-40-70 */

		#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-aside {margin-top:20px; width:24.9%;} /* match three columns width */
		#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-img {height:240px; box-shadow:none;}

		#Boerne-Counseling-Center-Resources .detail-img {height:240px; box-shadow:none;}

		.three .columns {width:100%;} /* three columns */
		.three .column  {width:30.9%; margin-right:3.5%;} /* three columns */
		.three .column.last-item {margin-right:0%;}
		
		.two .columns {width:100%;} /* two columns */
		.two .column  {width:46.5%; margin-right:3.5%;} /* two columns */
		.two .column.last-item {margin-right:0%;}
	
		.two .column.daren {display: block; float: none; margin-left: auto; margin-right: auto;}
		
		.onePix {display:none;}
		
		#Boerne-Counseling-Center-About-Us .detail-img img {width:625px;}
		#Boerne-Counseling-Center-About-Us .detail-aside {height:1050px;}
		#daren, #belz {left:-179px;}
		
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 959px) {

		.b768 {display:block;}
		.i768 {display:inline;}
		.ib768 {display:inline-block;}
		
		#viewport {width:768px;}
		
	
    /* Adjust widths of main structures */
		#container {width:748px;}
		h2 {font-size:16px;}
		
		/* Adjust header items */
		#Boerne-Counseling-Center-header {margin-top:27px; height:100px;}
		#Boerne-Counseling-Center-name {font-size:16px;}
		#Boerne-Counseling-Center-name-1 {font-size:50px; line-height:43px;}
		#Boerne-Counseling-Center-name-1 span {font-size:66px;}
		#Boerne-Counseling-Center-name-2 {font-size:21px;}
		#Boerne-Counseling-Center-tagline {margin-top:48px; font-size:13px;}
		#Boerne-Counseling-Center-line {margin-top:5px;}
		.line {height:3px;}

		/* Adjust menu  */
		nav {margin-top:9px;}
		nav h2 {margin-right:2.1%; font-size:14px;}
		
		#menu {display:block;} /* Needed if transition to 320 & back again */
		
		/* Adjust transition */
		#Boerne-Counseling-Center-transition {margin-top:20px;}
		#Boerne-Counseling-Center-transition-logo {width:7.3%;}
		#Boerne-Counseling-Center-line2, #Boerne-Counseling-Center-line3 {width:40%; height:2px; margin-top:30px; margin-bottom:20px;}
		#Boerne-Counseling-Center-line2 {margin-left:5.6%;}

		
		/* Adjust boxes */
		#boxes {height:280px; margin-top:5px;}
		#Boerne-Counseling-Center-box1-body, #Boerne-Counseling-Center-box3-body 
			{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -627px;}
		#Boerne-Counseling-Center-box1, #Boerne-Counseling-Center-box3 {font-size:12px;}
		#Boerne-Counseling-Center-box1 p, #Boerne-Counseling-Center-box3 p {padding-top:35px;}
		#Boerne-Counseling-Center-box1 h2		{font-size:18px;} 
		#Boerne-Counseling-Center-box3 h2		{font-size:18px;}
		#contact {height:106%;}
		#contact p {padding-top:15px; margin-left:11%; margin-right:11%;}
		#Boerne-Counseling-Center-thanks p {padding-top:0px;}
		#contact h2 {font-size: 20px; margin-bottom:10px;}
		#contact h2 span {font-size:20px;}
		#contact-phone {font-size:22px;}
		#contact-body {font-size:13px;}
		#contact button {font-size:15px;}
		
		/* Adjust Footer */
		#Boerne-Counseling-Center-footer-name {font-size:20px;}
		#Boerne-Counseling-Center-footer-credentials {font-size:14px; margin-top:8px;}
		
		/* Adjust Homepage */
		#banners {height:320px; margin-top:18px;}
		#banner-Couples-Counseling, #banner-Teens-Counseling {top:165px;}
		.ad p {font-size:16px;}
		.ad .date {margin-top:-1px;}
		.adBox {margin:27px 3% 0px 3%;}		
		
		/* Adjust Detail Pages */
		.detail {margin-top:28px;}
		.columns {width:66.5%}
		.column {width:47%;}
		.detail-img {height:235px;}
		.headline {margin-top:23px; margin-bottom:0px;}
		.detail-aside {padding-top:30px; padding-bottom:30px;}
		.detail-aside p, .detail-aside li {font-size:14px;}
		#Boerne-Counseling-Center-Decoration {display:none;}

		.column p, .column li {font-size:14.5px;}	
		.column ul, .detail-aside ul {margin-left:12px;}

		#Boerne-Counseling-Center-Sex-Addiction-Counseling 		.headline {font-size:21px; padding-top:2px;}
		#Boerne-Counseling-Center-Anxiety-Counseling 					.headline {font-size:23px;}
		#Boerne-Counseling-Center-Depression-Counseling 			.headline {font-size:18.5px; padding-top:4px;}
		#Boerne-Counseling-Center-Couples-Counseling 					.headline {font-size:23px;}
		#Boerne-Counseling-Center-Teens-Counseling 						.headline {font-size:18.5px; padding-top:4px;}
		#Boerne-Counseling-Center-Testimonials 								.headline {font-size:24px;}
		#Boerne-Counseling-Center-Frequently-Asked-Questions	.headline {font-size:23px;}
		#Boerne-Counseling-Center-Resources 									.headline {font-size:23px;}
		#Boerne-Counseling-Center-About-Us	 									.headline {font-size:23px;}
		#Boerne-Counseling-Center-About-Daren-Lowman					.headline {font-size:23px;}
		#Boerne-Counseling-Center-About-Lauren-Settle					.headline {font-size:23px;}
		#Boerne-Counseling-Center-About-Jen-Belz				.headline {font-size:23px;}
		#Boerne-Counseling-Center-About-Stephen-Betts					.headline {font-size:23px;}
		
		#Boerne-Counseling-Center-Couples-Counseling .detail-aside h3 {font-size:17px;}

		#Boerne-Counseling-Center-Testimonials .detail-img {width:65%; height:229px;}
		#Boerne-Counseling-Center-Testimonials .detail-aside {height:167px; width:25%;} /* 295-2-40-70 */

		#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-aside {margin-top:20px; width:24.9%;} /* match three columns width minus padding */
		#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-img {height:185px; box-shadow:none;}
		
		#Boerne-Counseling-Center-Resources .detail-img {height:185px; box-shadow:none;}


		.three .columns {width:100%;} /* three columns */
		.three .column  {width:30.9%; margin-right:3.5%;} /* three columns */
		.three .column.last-item {margin-right:0%;}
		
		.two .columns {width:100%;} /* two columns */
		.two .column  {width:46.5%; margin-right:3.5%;} /* two columns */
		.two .column.last-item {margin-right:0%;}
	
		.two .column.daren {display: block; float: none; margin-left: auto; margin-right: auto;}
		
		.onePix {display:none;}

		#Boerne-Counseling-Center-About-Us .detail-img img {width:500px;}
		#Boerne-Counseling-Center-About-Us .detail-aside {height:997px;}
		#Boerne-Counseling-Center-About-Us aside li {margin-top:10px;}
		#daren, #belz {left:-153px;}
		
}

@media only screen
and (min-width : 480px)
and (max-width : 767px) {
	
		.b480 {display:block;}
		.i480 {display:inline;}
		.ib480 {display:inline-block;}

		#viewport {width:480px;}
		
    /* Adjust widths of main structures */
		#container {width:460px;}

		#icons {top:-4px; right:2px;}

		/* Adjust menu ... completely different structure */
		#menu-button {
			display:block; /* Turn it on */
			float:left; 
			height:28px; 
			width:100%; 
			margin-top:-1px; 
			padding-top:7px;
			text-align:center; 
			font-size:20px;
			font-family:'textabold', 'textaregular', sans-serif;
			color:#b3b3b3; 
			background-color:#404040;
			box-shadow:1px 1px 5px rgba(0,0,0,0.2);
			border-radius:5px;
		}
		
		#Boerne-Counseling-Center-line {display:none;}
		
		.menuOn  {background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -916px;} 
		.menuOff {background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -846px;}
		
		nav {display:none; position:absolute; z-index:100; width:90%; margin-top:0px; margin-left:5%; color:white;}
		nav h2	{height:18px; width:80%; padding:1px 10% 1px 10%; border: #5c5d5d solid 1px; background-image:url(../images/Boerne-Counseling-Center-Boxes-Menu.png);} /* Height auto required to let menu expand on hover */
		nav h2 a {height:100%; width:100%; display:block; color:white;}
		nav h2.last-item {float:left; border-bottom:5px #fd0101 solid; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
		
		/* Adjust header items */
		#Boerne-Counseling-Center-header {height:115px; margin-top:15px;}
		#Boerne-Counseling-Center-logo {width:16.5%;}
		#Boerne-Counseling-Center-tagline {width:20%; margin-top:29px; margin-right:15px; font-size:14.3px; text-align:left;}
		#Boerne-Counseling-Center-tagline sup {font-size:6px;}
		#Boerne-Counseling-Center-name {width:50%;}
		#Boerne-Counseling-Center-name-1 {font-size:55px;}
		#Boerne-Counseling-Center-name-1 span {font-size:70px;}
		#Boerne-Counseling-Center-name-2 {font-size:21px;}
		
		/* Adjust Transition items */
	  #Boerne-Counseling-Center-transition {margin-top:35px;}
		#Boerne-Counseling-Center-transition-logo {width:15%;}
		#Boerne-Counseling-Center-line2, #Boerne-Counseling-Center-line3 {width:35%; height:3px; margin-top:36px;}
		#Boerne-Counseling-Center-line2 {margin-left:6.5%;}

		#content {margin-top:0px; margin-bottom: 8px;}
		
		/* Adjust boxes */
		#boxes {position:relative; height:830px;}
		#Boerne-Counseling-Center-box1-body, #Boerne-Counseling-Center-box3-body 
			{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -607px;}
		#Boerne-Counseling-Center-box1, #Boerne-Counseling-Center-box3 {width:80%; height:253px; margin:0px; padding-left:10%; padding-right:10%;}
		#Boerne-Counseling-Center-box1 p, #Boerne-Counseling-Center-box3 p {font-size:15.5px; padding-left:15%; padding-right:15%; padding-top:10%;}
		#Boerne-Counseling-Center-box1-body, #Boerne-Counseling-Center-box3-body {height:70%;}
		#Boerne-Counseling-Center-box1 h2,#Boerne-Counseling-Center-box3 h2 {text-align:left;} 
		#Boerne-Counseling-Center-box3-body img {width:57%;}
		
		#contact {position:absolute; top:500px; left:3%; height:368px; width:94%;}
		#contact-body {height:274px;}
		#contact input, #contact textarea, #emailForm {width:99%;}
		#contactForm {margin-top:5px; width:70%;}
		#contact h2 {font-size: 25px; margin-bottom:8px;}
		#contact-phone {font-size:20px;}
		#contact p, #contact label {font-size:16px;}
		#contact button {margin-bottom:20px;}

		/* Adjust footer items */
		#Boerne-Counseling-Center-footer {margin-top:0px;}
		#Boerne-Counseling-Center-footer-name {font-size:21px;}

		/* Adjust homepage items */
		.banner {width:49%;}
		.banner h2 {font-size:16px;}
		#banners {height:455px; margin-top:0px;}

		#banner-Sex-Addiction-Counseling {left:0%;}
		#banner-Anxiety-Counseling	{left:51%;} 
		#banner-Depression-Counseling {left:0%; top:155px;}
		#banner-Couples-Counseling {left: 51%; top:155px;}
		#banner-Teens-Counseling {left: 25%; top:310px;}
		.close {top:30px; right:10px;}
		.ad {margin-top:20px; background-color:#f5f5f5;}
		.ad img {margin-left: 16%; margin-top: 20px; width: 66%;}
		.ad h2 {font-size:18px;}
		.ad .date {margin-top:1px;}
		.ad p {font-size:16px;}
		.adBox {width:94.5%; margin:27px 3% 25px 3%;}		

		/* Adjust Detail Pages */
		.detail {margin-top:10px;}
		.columns {width:auto; margin-left:2%; margin-right:2%;} 
		.column {width:100%; font-size:17px;}
		.detail-img {height:205px; width:100%; margin-left:0%;}
		.headline {font-size:22px; margin-top:10px; margin-bottom:0px;}
		.detail-aside {float:left; width:83%; padding-left:6%; padding-right:6%; padding-bottom:45px; margin-top:18px; margin-left:2%; font-size:17px;}
		#Boerne-Counseling-Center-Decoration {display:none;}

		#Boerne-Counseling-Center-Sex-Addiction-Counseling 		.headline {font-size:22px;}
		#Boerne-Counseling-Center-Anxiety-Counseling 					.headline {font-size:22px;}
		#Boerne-Counseling-Center-Depression-Counseling 			.headline {font-size:22px;}
		#Boerne-Counseling-Center-Couples-Counseling 					.headline {font-size:21px;}
		#Boerne-Counseling-Center-Teens-Counseling 						.headline {font-size:22px;}
		#Boerne-Counseling-Center-Testimonials 								.headline {font-size:22px;}
		#Boerne-Counseling-Center-Resources										.headline {font-size:22px;}
		#Boerne-Counseling-Center-Frequently-Asked-Questions	.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Us	 									.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Daren-Lowman					.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Lauren-Settle					.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Jen-Belz				.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Stephen-Betts					.headline {font-size:22px;}

		#Boerne-Counseling-Center-Testimonials .detail-img {width:96%; margin-left:2%; margin-right:2%;}
		#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-img {height:208px;}
		#Boerne-Counseling-Center-Resources .detail-img {height:208px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}

		.three .columns, .two .columns {width:auto;} 
		.three .column, .two .column  {width:100%; margin-right:0%;} 
		.three .column.last-item, .two .column.last-item {margin-right:0%;}

		.threePix {display:none;}
		.onePix {display:inline-block;}
		
}

/*
@media only screen
and (min-width : 320px)
and (max-width : 479px) {
*/

@media only screen
and (max-width : 479px) {

		.b320 {display:block;}
		.i320 {display:inline;}
		.ib320 {display:inline-block;}
		
		#viewport {width:320px;}
		
    /* Adjust widths of main structures */
		#container {width:300px;}

		/* Hide icons for small display */
		#icons {display:none;}

		/* Adjust menu ... completely different structure */
		#menu-button {
			display:block; /* Turn it on */
			float:left; 
			height:28px; 
			width:100%; 
			margin-top:5px; 
			padding-top:7px;
			text-align:center; 
			font-size:20px;
			font-family:'textabold', 'textaregular', sans-serif;
			color:#b3b3b3; 
			background-color:#404040;
			box-shadow:1px 1px 5px rgba(0,0,0,0.2);
			border-radius:5px;
		}
		
		#Boerne-Counseling-Center-line {display:none;}
		
		.menuOn  {background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -881px;} 
		.menuOff {background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -811px;}
		
		nav {display:none; position:absolute; z-index:100; width:90%; margin-top:0px; margin-left:5%; color:white;}
		nav h2	{height:18px; width:80%; padding:1px 10% 1px 10%; border: #5c5d5d solid 1px; background-image:url(../images/Boerne-Counseling-Center-Boxes-Menu.png);} /* Height auto required to let menu expand on hover */
		nav h2 a {height:100%; width:100%; display:block; color:white;}
		nav h2.last-item {float:left; border-bottom:5px #fd0101 solid; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
		
		/* Adjust header items */
		#Boerne-Counseling-Center-header {height:135px; margin-top:15px;}
		#Boerne-Counseling-Center-logo {width:24%;}
		#Boerne-Counseling-Center-tagline {width:100%; margin-top:0px; font-size:14.3px; text-align:center;}
		#Boerne-Counseling-Center-tagline sup {font-size:6px;}
		#Boerne-Counseling-Center-name {width:73%;}
		#Boerne-Counseling-Center-name-1 {font-size:55px;}
		#Boerne-Counseling-Center-name-1 span {font-size:70px;}
		#Boerne-Counseling-Center-name-2 {font-size:21px;}
		
		/* Adjust Transition items */
	  #Boerne-Counseling-Center-transition {margin-top:32px;}
		#Boerne-Counseling-Center-line2, #Boerne-Counseling-Center-line3 {width:33%; height:3px; margin-top:31px;}
		#Boerne-Counseling-Center-line2 {margin-left:5.5%;}
		#Boerne-Counseling-Center-line3 {margin-right:5.5%;}
		#Boerne-Counseling-Center-transition-logo {width:20%;}

		#content {margin-top:0px; margin-bottom: 8px;}
		
		/* Adjust boxes */
		#boxes {position:relative; height:830px;}
		#Boerne-Counseling-Center-box1-body, #Boerne-Counseling-Center-box3-body 
			{background:url(../images/Boerne-Counseling-Center-Sprite.jpg) 0px -607px;}
		#Boerne-Counseling-Center-box1, #Boerne-Counseling-Center-box3 {width:94%; height:253px; margin:0px; padding-left:3%; padding-right:3%;}
		#Boerne-Counseling-Center-box1 p, #Boerne-Counseling-Center-box3 p {font-size:15.5px; padding-left:10%; padding-right:10%; padding-top:12%;}
		#Boerne-Counseling-Center-box1-body, #Boerne-Counseling-Center-box3-body {height:70%;}
		#Boerne-Counseling-Center-box1 h2,#Boerne-Counseling-Center-box3 h2 {text-align:left;} 
		
		#contact {position:absolute; top:500px; left:3%; height:368px; width:94%;}
		#contact-body {height:274px;}
		#contact input, #contact textarea, #emailForm {width:100%;}
		#contactForm {margin-top:5px; width:70%;}
		#contact h2 {font-size: 25px; margin-bottom:8px;}
		#contact-phone {font-size:20px;}
		#contact p, #contact label {font-size:16px;}
		#contact button {margin-bottom:20px;}

		/* Adjust footer items */
		#Boerne-Counseling-Center-footer {margin-top:0px;}
		#Boerne-Counseling-Center-footer-name {font-size:21px;}

		/* Adjust homepage items */
		.banner {position:static; float:left; width:100%;}
		#banners {height:auto; margin-top:0px;}
		.close {top:30px; right:7px;}
		.ad {margin-top:20px; background-color:#f5f5f5;}
		.ad img {width: 100%;}
		.ad h2 {font-size:18px;}
		.ad p {font-size:16px;}
		.ad .date {margin-top:1px;}
		.adBox {width:94.5%; margin:15px 3% 15px 3%;}		

		/* Adjust Detail Pages */
		.detail {margin-top:10px;}
		.columns {width:auto; margin-left:2%; margin-right:2%;} 
		.column {width:100%; font-size:17px;}
		
		.headline {font-size:22px; margin-top:10px; margin-bottom:0px;}
		.detail-top {height:auto; margin-top:5px;}
		.detail-img {height:136px; width:100%; margin-left:0%;}
		.detail-aside {float:left; width:83%; padding-left:6%; padding-right:6%; padding-bottom:45px; margin-top:18px; margin-left:2%; font-size:17px;}
		#Boerne-Counseling-Center-Decoration {display:none;}

		#Boerne-Counseling-Center-Sex-Addiction-Counseling 		.headline {font-size:22px;}
		#Boerne-Counseling-Center-Anxiety-Counseling 					.headline {font-size:22px;}
		#Boerne-Counseling-Center-Depression-Counseling 			.headline {font-size:22px;}
		#Boerne-Counseling-Center-Couples-Counseling 					.headline {font-size:22px;}
		#Boerne-Counseling-Center-Teens-Counseling 						.headline {font-size:22px;}
		#Boerne-Counseling-Center-Testimonials 								.headline {font-size:22px;}
		#Boerne-Counseling-Center-Resources										.headline {font-size:22px;}
		#Boerne-Counseling-Center-Frequently-Asked-Questions	.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Us	 									.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Daren-Lowman					.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Lauren-Settle					.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Jen-Belz							.headline {font-size:22px;}
		#Boerne-Counseling-Center-About-Stephen-Betts					.headline {font-size:22px;}

		#Boerne-Counseling-Center-Testimonials .detail-img {width:96%; margin-left:2%; margin-right:2%; height:136px;}
		#Boerne-Counseling-Center-Frequently-Asked-Questions .detail-img {height:136px;}
		#Boerne-Counseling-Center-Resources .detail-img {height:136px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
		
		.three .columns, .two .columns {width:auto;} 
		.three .column, .two .column  {width:100%; margin-right:0%;} 
		.three .column.last-item, .two .column.last-item {margin-right:0%;}

		.threePix {display:none;}
		.onePix {display:inline-block;}

}