body {
margin: 10px auto;
	text-align:center;
	background-color: #010101;  
	font-size:1em;  
	font-family: "Times New Roman", Times, serif;
	color:#000000;
	height : 100vh; 
} 
html,body { 

  min-height: 100.1%;
	
  }
.noshow {
	display: none;
	visibility: 
}
.cntr {
	text-align:center;
	margin:auto;
}
.sml {
	font-size: 60%;
}

img,  a img {
	border: 0px solid black;
	text-decoration:none;
}
 
p {
color:#000000;
background-color: transparent;
text-align : left;
margin-top:0px;
margin-left: 20px;
margin-right: 20px;
line-height:140%;
font-size: 90%;

}
div {  text-align:center;
   color:#000000;
   background-color: transparent;

  }

a, a:link, a:visited {
  color: #333333;
  text-decoration: underline;
  background-color:transparent;
 } 
 
a:hover { text-decoration: none; }
a:active {
  color: #8B0000;
  background-color:transparent;
}

ul,li {
color:#000000;
background-color: transparent;
list-style : disc outside none;
}
li {
	text-align:left;

}


.ppics {
	float:right;
	width :50%;
	font-size:80%;
	text-align:justify;
	color:black;
	font-style:italic;
}
.ppic2 {
	float:left;width: 460px;margin-left: 20px;
}
table {
  padding:0px;
  border:none;
  font-size:100%;
 background-color: transparent;
  color:#000000;
  margin:auto;

  }
tr, td {
vertical-align:top;
}
h1 {
  color:#000000;
  font-size: 90%;
  margin-top:0px;
  text-align:left;
  margin-left: 20px;
  }
h4,h5,h6{
	 color:#000000;
	background-color: transparent;
	text-align:center;
	margin-top:0px;
	  font-size: 90%;
}

.staff {
	background-color:#fff;
	padding-top:10px;
	padding-bottom: 10px;
	max-width:200px;
	text-align:center;
	margin:20px auto;
}
.staff img {
	text-align:center;
	
}

/*.row {
  display: flex;
}

.column {
  flex: 50%;
}*/
.flex-container {
  display: flex;
  flex-direction: row;
}
.flex-item-left {
  flex: 50%;
}

.flex-item-right {
 
  flex: 50%;
}
#outerwrap {
	
	margin:0px auto;
	width:100%;
}

#wrap {
max-width: 1200px;
margin:auto;
   text-align:center;
   color:#fff;
	vertical-align:top;
	 font-size:100%;
background: transparent url(images/right-back.jpg) left top repeat-y scroll;	
	clear:both;
}
#wrap-press {
max-width: 1200px;
margin:auto;
   text-align:center;
   color:#fff;
	vertical-align:top;
	 font-size:100%;
	background: transparent url(images/wrap-back.jpg) left top repeat-y scroll;	
	}
#wrap-contact {
max-width: 1200px;
margin:auto;
   text-align:center;
   color:#000;
	vertical-align:top;
	 font-size:100%;
	background: transparent url(images/wrap-back.jpg) right top no-repeat scroll;	
	}
#banner {
text-align:center;
min-height: 140px;
/*background-color:transparent;
color:white;*/
background-color:rgba(255,255,255,.8);
	width: 100%;
}
.banner {
	max-width:1200px;
	text-align:center;
	margin: 0px auto;
}
/*#banner h1 {
font-size:180%;
color:white;
padding-top: 14px;
}*/
#wrap2 {
position: relative;
	width:1000px;
	height:650px;
	z-index:10001;
	left:00px;
	top: 0px;
	overflow: hidden;
	background-color: transparent;
	font-size: 85%;
	text-align:center;
	margin: auto;}
#by-line {
float:left;
max-width: 33%;
font-weight:bold;
text-align:right;
}
.by-line{
  color:#5f3515 !important;
  text-transform:uppercase;
  /*text-shadow: 1px 1px #000;*/
  text-align:center;
  font-size: 75%;
 margin-left: 5px;
margin-right: 5px;
line-height:normal;
	padding-top:14px;
  }
.first-letter {
font-size:140%;
}
.tgline{
  color: #5f3515 !important;
  text-transform:capitalize;
  /*text-shadow: 1px 1px #fff;*/
  text-align:center;
font-size: 180%;
 
  }
.tgline .first-letter {
font-size:140%;
}
.flex {
display : flex;
height : auto;
min-height : 100%;
}
#left-col{
    width: 180px;
	float: left;
	padding: 0;
	background-color: #534e48;
	color: #fff;
	font-size: .9em;
	margin-top: 0px;
	-webkit-box-shadow: 8px 0  6px -6px black;
	   -moz-box-shadow: 8px 0  6px -6px black;
	        box-shadow: 8px 0  6px -6px black;
}

#menu  {
	color:white;
	text-align:left;
	font-weight:normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color:transparent;
	width: 180px;
	
}
#menu li{
	text-decoration:none;
	color:white;
		text-align:left;

}
#associations{
    text-align:center;
	margin:auto;
}
#logo {
width: 67%;
/*width: 416px;*/
height: 140px;
text-align:left;
float:left;
}
#two-col-home {
	color: #2E1308;
	margin: 0 10px 0px;
	padding: 0;
	float:left;
	max-width: 100%;	
}

#two-col-home2 {
	color: #2E1308;
	margin: 0 10px 0px;
	padding: 0;
	float:left;
	width: 765px;	
}
#two-col-home2 h1{
	font-size: 160%;
	color:#333333;
	text-shadow: 2px 2px #dfdfdf;
	text-align:center;
}
#home-boxes {
text-align:center;
	width:100%;
}
.box {
	border: 2px solid #ffffff;
	background-color: white;
	width: 29%;
	margin: 1em 1%;
	height: auto;
	float:left;
}
.box a, .box a:link, .box a:visited{
text-decoration: none;
}
.box img {
	width: 100%;height:auto;
}

.box2 {
	float:left;
	width:49%;
	margin:auto;
	text-align:center;
}
#two-col-interior {
	
	color: #2E1308;
	margin: 0 0 0 160px;
	padding: 0;
	background: transparent url(images/interior-copy-back.png) left top repeat-y scroll;
}

#right-col {

	float: left;
	margin: 0;
	padding: 0;
	
}

.rpics {
	float:right;
	width:220px;
	}


#copy {
width: 370px;
margin: 0 0 0 14px;
}
.content-trans { 
 background: rgba(255,255,255,.5);
}

.content-back{ 
	min-width: 990px;
	text-align:center;
	margin:auto;	
/*background: transparent url(images/content-back.png) left top repeat scroll;*/
  background:rgba(255,255,255,.5);
	
}
.content-back p {
	padding-left: 10px;
}
#content-no-scroll {
position: relative;
	float: right;
	width: 700px;
	height: 600px;
	margin-right: 35px;	
background: transparent url(https://www.carvergroupinc.com/images/content-back.png) left top repeat scroll;
}
#showcase {
min-height: 400px;
text-align:left;
}
.showleft {
width: 250px;
float:left;
font-size: smaller;
padding: 20px 20px 10px 80px;


}
.showright {
width: 250px;
float:left;
font-size: smaller;
padding: 20px 20px 10px 20px;
}
.showcenter {
text-align:center;
font-size: smaller;
margin:auto;
padding: 20px;
}
form {
	text-align:center;
	margin:auto;
}
input, textarea, select {
  color: #000;
   font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: bold;
 /* border : none;*/
}
textarea { overflow: auto; }
select {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  font-style: normal;
  color: #000;
  font-weight: bold;
}


.indentmore {
margin-left:30px;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.larger {
	font-size:120%;
}
.smaller {
	font-size: x-small;
	color:#000000;}
.smallerf {
	font-size: x-small;
	color:#ffffff;}
.bold {
color: #8B0000;
}


.nobottommargin {
	margin-bottom:0px;
}
.notopmargin {margin-top:0px;}

#footer  {
	font-size: 80%;
	color:#534E48;
	background-color:rgba(255,255,255,.8);

}
#footer a, #footer a:link, #footer a:visited {
	font-size: 80%;
	color:#534E48;

}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.top {
	vertical-align:top;
}


image {
border:none;}
twitter_div a, twitter_div a:link, twitter_div a:visited {
color:black;
}
twitter_update_list a, twitter_update_list a:link, twitter_update_list a:visited {
color:black;
}
table#architects {
	width: 900px;
	text-align:center;
}
table#architects td, table#architects th {
	padding: 4px 2px;
	color: #000000;
	text-align: left;
}

table#architects th {
	color: #581E00;
	text-align: left;
}
table#architects td {
  font-size: 80%;
}
#check { font-size: 10px; width: 20px; display: none; visibility: hidden; z-index: 0; }
.clear-both {
clear:both;
}
.mceContentBody {
background-color: #ffffff;
}
/*slideshow*/
.home-frame {
	
	width:610px;
	height:385px;
	text-align:center;
	margin:auto;
}
@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  /*min-height:389px;
  width:450px;*/
  
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
  width:100%;
  height:auto;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 16s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 16s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
/*end seasons*/


#homeslides {
	width: 90%;
	margin:auto;
	text-align: center;
}
/*.himg {
	

width: 496px;
height: 290px;
}*/
#slideshow {
    position:relative;
    /*height:290px;
	width: 496px;*/
	height:385px;
width: 610px;
background: transparent url(images/frame.png) center top no-repeat scroll;
/*background-color:transparent;*/
text-align:center;
margin:auto;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 290px;
    background-color: transparent;
	width: 496px;
	margin-top:50px;
	margin-left: 62px;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 285px;
    display: block;
    border: 0;
  

}
/*.slideshow-img
{	 box-shadow: 4px 4px 4px #888;
}
/*end slideshow*/
/*galleries jssor*/
.gint {
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:600px;
	height:400px;
	overflow:hidden;
	visibility:hidden;
	background-color:#24262e;
}
.gload {
	position:absolute;top:0px;left:0px;background-color:rgba(0,0,0,0.7);
}
.gload2 {
	filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;
}
.gloading {
	position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;
}
.gslides {
	cursor:default;position:relative;top:0px;left:0px;width:600px;height:400px;overflow:hidden;
}
.gthumb {
	position:absolute;left:0px;bottom:0px;width:600px;height:100px;
}
.gcursor {
	cursor: default;
}
.garrowl {
	top:158px;left:8px;width:40px;height:40px;
}
.garrowr {
	top:158px;right:8px;width:40px;height:40px;
}
/*mobile*/


/*@media handheld, only screen  
 and (max-device-width: 768px) */
@media only screen and (max-width: 768px)
{
.flex-container {
    flex-direction: column;
  }

#wrap {
  width: 100%;
 
}
#banner {
text-align:center;
min-height: 140px;
clear: both;
margin:auto;


}
.mimg {
	width:100%;
	height:auto;
	}
#logo {
	width: 100%;
height: auto;
text-align:center;
float:none;
	}
	

#by-line {
 float:none;
 width: 100%;
 height: auto;
 margin:auto;
 text-align:center;clear:both;
}
.flex {
		display: block;
	}
#left-col{
    width: 100%;
	float: none;
	text-align:center;
	
}

#two-col-home {
	float:none;
	width: 100%;	
}

#menu  {
 width: 100%;
}
#logo {
width: 100%;
height: auto;
text-align:center;
clear: both;

}

#home-copy {
margin-top: 140px;
	}

.home-frame {
	padding-bottom: 300px;
	width:100%;
	height:auto;
	
}	

.box {
   	width: 80%;
	margin: auto;
	height:auto;
        text-align:center;
	float:none;
}

.box2 {
	float:none;
	width:100%;
	}
.showleft, .showright{
float:none;
	padding: 5px;
	text-align:center;
	margin:auto;
}
.content-back{ 
	width: 100%;
	min-width: 100%;
	
}
.rpics {
	float:none;
	text-align:center;
       margin:auto;
	}
table#architects {
		width:100%;
	}
table#architects td, table#architects th {
	/*padding: 0px;*/
	}
#architects th, th {
		display: none;
	}
 #architects td, td {
		display:block;
	}
#architects tr {
 
	border-bottom: 1px solid black;
}
.ppics {
	float:none;
	width :100%;
}
.ppic2 {
	float:none;width: 100%;margin: auto;
}
.float-left, .float-right {
		float:none;
	}
}