/*-----------row and column formatting--------*/

body {
	background-color:rgb(220,220,220);
}

body .container {
	max-width:1200px;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-width:5px;
	border-color:rgb(64,64,64);
}

/* .div4 {
	max-width:400px;
}
.div5 {
	max-width:600px;
}
.div6 {
	max-width:800px;
}

.div7 {
	max-width:900px;
}

.div10 {
	max-width:1200px;
}
 */

.rowsocial {
	background-color:rgb(64,64,64);
	margin-left: 0px;
	margin-right: 0px;
/* 	position: fixed;
	width:100%;
	z-index:1000;
 */
 }

.rowbanner {
	background-color:rgb(238,237,230);
	margin-left: 0px;
	margin-right: 0px;
}

.rowcarousel {
	background-color:rgb(102,141,60);
	color:rgb(238,237,230);
	margin-left: 0px;
	margin-right: 0px;
}

.rowinfo {
	overflow:auto;
	background-color:rgb(64,64,64);
	color:rgb(238,237,230);
	padding-top:30px;
	padding-bottom:10px;
	margin-left: 0px;
	margin-right: 0px;
}

/* 
.leftdiv {
	min-width:350px;
	float:right; 
	padding-right:20px;
}

.rightdiv {
	float:left; 
	padding-left:20px;
}
 */
.checkimg {
	width:20px;
	margin-right:10px;
}

.top40 {
	float:right;
/* 	margin-right:10px;
	margin-top:20px;
	margin-bottom:-20px;
	margin-left:20px;
 */
	padding-top: 10px;
	width:120px;
 }

.col-md-2 {
	position:relative;
}

.practicebar {
	background-color:rgb(238,237,230);
	color:black;
	overflow:auto;
	margin-top:20px;
/* 	padding:10px 10px 10px 10px; */	
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;	
}


.practiceimg {
	float:left;
	margin-right:30px;
	margin-top:25px;
	margin-bottom:30px;
}

.infoheader {
    padding: 5px 20px 5px;
    border-radius: 3px 3px 0px 0px;
	background-color:rgb(180,180,180);
	color:rgb(64,64,64);
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

.infobox {
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:20px;
	padding-bottom:20px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	background-color:rgb(238,237,230);
	color:rgb(64,64,64);
	text-align:left;
	font-size: 15px;
	text-decoration:none;
}


.infobox p {
	padding-left:35px;
}

.infobox img {
	margin-left:-30px;
}


.bioinfo p {
	padding-left:35px;
}

.bioinfo img {
	margin-left:-30px;
}

.infobox:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.infoel {
	padding-left:30px;
	text-indent:-10px;
	padding-right:10px;
}

/*------------text styles-------------*/

  .container {
    max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
  }
  
body{
	font-size: 16px;
	font-family:Garamond, Georgia, serif;
	/* font-family: 'Merriweather', serif; */
	
}

h1, h2, h3, h4, h5, h6 {
	font-family:Garamond, Georgia, serif;
	/* font-family: 'Merriweather', serif; */

}

p{
	font-family:Garamond, Georgia, serif;
	/* font-family: 'Merriweather', serif; */
}

table{
	width: 100%;
}



.link-head{
	color:#c4502f;
	font-weight: 700;
}


/*------------navigation-------------*/

.social {
	color: rgb(51, 51, 51);
	float:right;
	line-height: 22.85px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	-moz-box-sizing: border-box;
}

.social > li {
	display: block;
	float: left;
	line-height: 22.85px;
	position: relative;
	padding-top:3px;
	padding-bottom:3px;
}

.social > li > a {
	padding-top: 10px;
    padding-bottom: 10px;
	padding-right: 3px;
	padding-left: 3px;

}

.sociallogo > a {
	color:rgb(238,237,230);
	text-decoration:none;
}

.social > li > a:hover {
	background-color:#EEEEEE;
}

.social a {
	padding-left: 5x;
	padding-right: 5px;
	font-size: 14px;
	color: black;
	font-weight: 700;
}

.social a:hover {
	font-size: 14px;
	color:#c4502f;
	font-weight: 700;
}

.my-nav{
	float: left;
}

.navbar-nav > li > a {
/* 	margin-top: 15px;
 */	padding-top: 5px;
    padding-bottom: 5px;

}

.nav > li > a {
	padding-right:0px;
}

.my-nav a{
	font-size: 13px;
	color: black;
	font-weight: 700;

}

.my-nav a:hover{
	font-size: 13px;
	color:#c4502f;
	font-weight: 700;

}

#myTab{

	padding-left: 300px;
}

.nav  .caret {
    border-top-color: black;
    border-bottom-color: black;
}

.nav a:hover .caret {
    border-top-color: #c4502f;
    border-bottom-color: #c4502f;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
  background-color: rgb(238,237,230);
}

.dropdown-menu > li > a {
  color: black;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #c4502f;
  font-weight: normal;
  background-color: rgb(238,237,230);
}



/*------------Main Content-------------*/

.main-content{
	
}

.contact-top{
	margin-top: 25px;
	color: #52312d;
	text-align: right;
}

#socials{
	float: right;
}

#socials img{
	padding-left: 5px;
	margin-top: -10px;
	padding-top: 7px;
}

#socials2{
	float: left;
}

#socials2 img{
	padding-right: 5px;
	
}

.carousel {
	
	width:500px;
	padding-top:15px;
	padding-bottom:15px;
	
}
.carousel-inner {
	width: 500px;
}

#carousel-example-generic{
	width: 100%;
}

.colortest{
	background-color: blue;
}

.colortest2{
	background-color: red;
}

.icons2 img{
	
	margin-top: 25px;
	display:inline-block;	
	
}

.pull{
	margin-top: -50px;
}

.arrow-e {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.1em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 50px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
  margin-top: -3px;
}
.arrow-e {
  border-left-width: .2em;
  border-left-style: solid;
  border-left-color: #c4502f;
  left: 0.1em;
}

.move{
	position: relative;
	margin-top:  25%;
	margin-bottom: 75%;

}

.what{
	margin-top: 25px;
	text-align: center;
	color:#032f3c;
}

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

.what1{
	margin-top: 50px;
	text-align: center;
	color:#032f3c;
}

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

.where{
	margin-top: 30px;
	padding-bottom: 14px;
	text-align: center;
	color:#032f3c;
}

.where p{
	font-size: 18px;
}
.where h5{
	line-height: 20px;
}
.who{
	margin-top: 15px;
}
.who h4{
	margin-top: 0;
	padding-top: 0;
}

.who-pic{
	margin-left: 15px;
}



.contact-about{
	margin-top: 15px;
	text-align: center;
	color:#c4502f;

}
.contact-about h4{
	line-height: 25px;

}

.contact-top a{
	color:#c4502f;
}

.contact-top a:hover{
	text-decoration: none;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.contact-about a{
	color:#c4502f;
}



.contact-about a:hover{
	text-decoration: none;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#myTabContent h5{
	padding-bottom: 5px;
}

.desc img{
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;

}



.desc p li{

	color: #52312d;
	

}

.desc ul{
	padding-left: 0;
	
}

.desc ul li {
	list-style: none;
	padding-bottom: 8px;
}

.desc h4{
	text-align: center;
}


.desc2 img{
	margin-top: -3px;
	margin-bottom: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;

}

.desc2 p{
	margin-top: -3px;
	text-align: center;
	color: #52312d;


}

.desc2 h4{
	text-align: center;
}

.adjust{
	margin-top: -19px;
}

.testimony{
	margin-top: 15px;
	background-image: url('../img/CAC_Homepage/Homepage_Testimony.jpg');
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position:center; 
}

#carousel-generic{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 213px;
}

#carousel-generic p{
	color: #ffffff;
	text-align: center;
	padding: 20px;
	width: 50%;
	display: block;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}


.green{
	margin-top: 30px;
	background-color: #316747;
	height: 15px;
	width: 100%;

}

.green1{
	margin-top: 25px;
	background-color: #316747;
	height: 15px;
	width: 100%;

}


.viewmore:hover{
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.thecabin{
	margin-top: -25px;
	text-align: center;
	color:#c4502f;
	clear: both;
}


.arrow{
	z-index: 1000;
	position: absolute;
	left: 50px;
	top: 5px;

}

.spacer{
	width: 350px;
	height:10px;
}

.brown-head{
	margin-top: 30px;
	text-align: center;
	color: #52312d;
}


/*------------Footer-------------*/



.foot{

	margin-top: 22px;
	margin-bottom: 22px;

}


.foot a{
	color:#c4502f;
}

.foot a:hover{
	color:#c4502f;
	text-decoration: none;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;

}

.foot p.center{
	text-align:center;
}

.foot p.copyright{
	font-size: 12px;
}

.foot2{

	height:170px;

}

.foot-heads{
	font-weight: 700;
	font-size: 14px;


}

.foot-space{
	height: 25px;
	width: auto;
}





/*------------Mobile jazz-------------*/

 
@media all and (min-device-width : 768px)  and (orientation:portrait) {
  .ipad-portrait { 
  	display: none !important;
  	}

  .ipad-show { 
  	display: block !important;
  	}	
}


@media all and (max-width : 1024px)  and (orientation:landscape) {
	.iphone-ribbon{
		height: 43px !important;
	}
}


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

	.iphone{
		display: none !important;
	}

	.iphone-show{
		display: block !important;
	}
	
	.iphone-left{
		float:left !important;
	}
	
	.iphone-ribbon{
		height: 60px !important;
	}
	
	.iphone-nav{
		border-width: 30px !important;
	}

	.iphone-padding{
		padding-left: 30px !important;
	}

	.iphone-logo {
		min-width:0px !important;
		width:275px !important;
		margin-left:0px !important;
		float:left !important;
		padding-right:0px !important;

	}
	
	.iphone-top40 {
		width:148px !important;
		float:left !important;
	}
	.iphone-intro {
		min-width: 0px !important;
		float:left !important; 
		padding-left:10px !important;
	}

	.iphone-extended {
		margin-left:30px;
		text-indent:-30px;
	}
	
	.iphone-map {
		width:100% !important;
	}
}

/*------------ribbons-------------*/
.ribbon-link{
	color: #ffffff;
}

.ribbon-link:hover{
	color: #ffffff;
	text-decoration: none;
}

.my-ribbon{
	position: relative; 
	z-index: 1;

}

.ribbon {
  font-size: 12px !important;
  /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
  z-index: 100;
  position: relative;
  background: #c4502f;
  color: #fff;
  text-align: center;
  padding: .5em 1em; /* Adjust to suit */
  margin: 0 0 1.8em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}

.ribbon p{
	font-style: normal;
}

.ribbon:before, .ribbon:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 15px solid #c4502f;

}
.ribbon:before {
  left: -1.8em;
  border-right-width: 1.9em;
  border-left-color: transparent;
  z-index: -5000;
}
.ribbon:after {
  right: -1.8em;
  border-left-width: 1.8em;
  border-right-color: transparent;
  z-index: -5000;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #0f321d transparent transparent transparent;
  bottom: -1em;
  z-index: -2;
}
.ribbon .ribbon-content:before {
  left: 3px;
  border-width: 1em 0 0 1em;
  z-index: -1;
}
.ribbon .ribbon-content:after {
  right: 3px;
  border-width: 1em 1em 0 0;
  z-index: -1;
}




.my-ribbon2{
	position: relative; 
	z-index: 1;

}

.ribbon2 {
  height: 28px;
  max-height: 80px;
  font-size: 12px !important;
  /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
  z-index: 100;
  position: relative;
  background: #c4502f;
  color: #fff;
  text-align: center;
  padding: .5em 1em; /* Adjust to suit */
  margin: 0 20px 1.8em 0; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}

.ribbon2 p{
	font-style: normal;
}

.ribbon2:before{
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 14px solid #c4502f;

}

.ribbon2:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  border: 14px solid #c4502f;
}
.ribbon2:before {
  left: -1.8em;
  border-right-width: 1.9em;
  border-left-color: transparent;
  z-index: -5000;
}
.ribbon2:after {
  right: -1.7em;
  border-left-width: .8em;
  border-right-color: transparent;
  z-index: -5000;
}
.ribbon2 .ribbon-content2:before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #0f321d transparent transparent transparent;
  bottom: -1em;
  z-index: -2;
}
.ribbon2 .ribbon-content2:before {
  left: 3px;
  border-width: 1em 0 0 1em;
  z-index: -1;
}

.tooltip{
	position:absolute;
	z-index:1030;
	display:block;
	visibility:visible;
	font-size:12px;
	line-height:1.4;
	opacity:0;
	filter:alpha(opacity=0)
}
.tooltip.in{
	opacity:1;
	filter:alpha(opacity=100)
}
.tooltip.top{
	margin-top:-18px;
	padding:5px 0
}
.tooltip.right{
	margin-left:3px;
	padding:0 5px
}
.tooltip.bottom{
	margin-top:3px;
	padding:5px 0
}
.tooltip.left{
	margin-left:-3px;
	padding:0 5px
}
.tooltip-inner{
	max-width:200px;
	padding:3px 8px;
	color:#c4502f;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #c4502f;
	border-radius:4px
}
.tooltip-arrow{
	position:absolute;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid
}
.tooltip.top .tooltip-arrow{
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-width:5px 5px 0;
	border-top-color:#c4502f
}
.tooltip.top-left .tooltip-arrow{
	bottom:0;
	left:5px;
	border-width:5px 5px 0;
	border-top-color:#c4502f
}
.tooltip.top-right .tooltip-arrow{
	bottom:0;
	right:5px;
	border-width:5px 5px 0;
	border-top-color:#c4502f
}
.tooltip.right .tooltip-arrow{
	top:50%;
	left:0;
	margin-top:-5px;
	border-width:5px 5px 5px 0;
	border-right-color:#c4502f
}
.tooltip.left .tooltip-arrow{
	top:50%;
	right:0;
	margin-top:-5px;
	border-width:5px 0 5px 5px;
	border-left-color:#c4502f
}
.tooltip.bottom .tooltip-arrow{
	top:0;
	left:50%;
	margin-left:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#c4502f
}
.tooltip.bottom-left .tooltip-arrow{
	top:0;
	left:5px;
	border-width:0 5px 5px;
	border-bottom-color:#c4502f
}
.tooltip.bottom-right .tooltip-arrow{
	top:0;
	right:5px;
	border-width:0 5px 5px;
	border-bottom-color:#c4502f
}
.arrow-f{
	border-style:dashed;
	border-color:transparent;
	border-width:.1em;
	display:-moz-inline-box;
	display:inline-block;
	font-size:50px;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:middle;
	width:0;
	margin-top:-3px
}
.arrow-f{
	border-left-width:.2em;
	border-left-style:solid;
	border-left-color:#fff;
	left:.1em
}