@font-face {
  font-family: 'Icons';
  src: url('https://www.tompkinsconstruction.com/scripts/fonts/open-iconic.eot');
  src: url('https://www.tompkinsconstruction.com/scripts/fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('https://www.tompkinsconstruction.com/scripts/fonts/open-iconic.woff') format('woff'), url('https://www.tompkinsconstruction.com/scripts/fonts/open-iconic.ttf') format('truetype'), url('https://www.tompkinsconstruction.com/scripts/fonts/open-iconic.otf') format('opentype'), url('https://www.tompkinsconstruction.com/scripts/fonts/open-iconic.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* HEADER START ///////////////////////////////////////////////////////*/
		
		#menubuttons {
			position:absolute;
			width:950px;
			z-index:100;
			display:block;
			margin-top:-50px;
		}
		#headerBanner {
			float:right;
			margin-left: 500px;
			z-index:2;
			width:950px;
			min-width:950px;
			position:relative;
		}
		
		#headerHolder{
			width:100%;
			position:relative;
			z-index:-1;
		}
		
		#transparentBar{
			width:100%;
			height: 77px;
			padding-top:63px;
			position:relative;
			z-index:1;
		}
		
		#coloredBar{
			height: 77px;
			background:#d8c8b0;
		}

		.announcement {
		color:#eddcc5;
		size:24px;
		font-family: Georgia;
		}
		

		/* MENU BAR START /////////////////*/
		ul {
		  font-family: Georgia, "Times New Roman", Times, serif;
		  font-size: 18px;
		  margin: 0;
		  padding: 0;
		  list-style: none;
		}
		ul li {
		  display: block;
		  position: relative;
		  float: left;
		}
		li ul { display: none; }
		ul li a {
		  display: block;
		  text-decoration: none;
		  color:#7d300c;
		  padding: 5px 15px 5px 15px;
		  margin-left: 1px;
		  white-space: nowrap;
		}
		ul li a:hover { background: #932800; color:#ffffff }
		li:hover ul {
		  display: block;
		  position: absolute;
			z-index: 99;
		}
		li:hover li {
		  float: none;
		  font-size: 14px;
		}
		li:hover a { background: #932800; color:#ffffff}
		li:hover li a:hover { background: #e0cfba; color: #932800;}
		
		/* MENU BAR END //////////////////*/

/*HEADER END //////////////////////////////////////////////////////////*/
/*FOOTER START ////////////////////////////////////////////////////////*/

		#footer { 
			width:100%px;
			padding: 10px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
			font-size:11px;
			text-align:center;
			clear:both;
			margin-top: 200px;
		} 
		#footer p {
			margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
			padding: 15px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
			color: #eddcc5;
		}

/*FOOTER END //////////////////////////////////////////////////////////*/
/*EXTRA BUTTON START //////////////////////////////////////////////////*/
		#buttonHolder{
			padding-right:15px;
			padding-top:10px;
			z-index:103;
		}
		
		#extraButton {
			width:230px;
			height:37px;
			background:#cab9a0;	
			font: 100% Georgia, "Times New Roman", Times, serif;
			padding : 10px;	
			cursor: pointer;
		}
		
		#extraButtonIcon{
			float:right;
			margin-top:-31px;
		}
		
		#text1{
			color:#7d300c;
			font-size:20px;
			text-decoration: none;
		}
		
		#text2{	
			color:#645033;
			font-size:12px;
			text-decoration: none;
		}
		
		#extraButton:hover{
			background:#ffffff;	
		}
		
		#extraButton:active{
			background:#ffffff;	
		}
		
		#buttonHolder a:link{
		 text-decoration: none; 
		 color:#7d300c;
		}

/*EXTRA BUTTON CSS END  /////////////////////////////////////////////////*/


body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #645034;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a {
text-decoration:none;
}

#container {
	width: 950px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

}

#mainContent {
	position: absolute;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	width: 100%;
	max-width: 950px;
}

#mainContent-homeDetails {
z-index:3;
}

#mainContent-home {
	position:absolute;
	margin-top:-95px;
}

#mainContent-home table {
	/*margin-top:-55px;*/
	position:relative;
	z-index:3;
}

body h2 {
	color: #ffffff;
}

/*INDEX  /////////////////////////////////////////////////*/
#slogan {
	position:absolute;
	z-index:100;
	margin-top:460px;
	margin-left:22px;
}
#slogan img {
width:550px;
}

#textDescription{
	width:329px;
	/*position:absolute;*/
	margin-right:58px;
	float:left;
	margin-top: 160px;
	color: #eddcc5;	
	padding-left:10px;
}


.home #slideshow { 
	margin-top: 18px;
	width: 700px;
	height:525px;
	padding-bottom:15px;
	position:relative;
	z-index:2;
	background-color:#645034;
} 

#homeSlides {
height:525px;
}

#addedBadges{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 800px;
}

#badgeHolder{
	width:100%;
	text-align:center;
	padding-top:30px;
	display: flex;
flex-wrap: wrap;
}

#badge{
	padding: 10px;	
}
.homeAbout {
clear:both;
padding-top:10px;
}
.bannerWrapper {
width: 950px;
float: left;
margin-top: -30px;
margin-bottom: 20px;
}
.bannerWrapper2 {
width: 950px;
float: left;
margin-top: 110px;
margin-bottom:-110px;
}
.bannerWrapper3 img {
float:left;
max-width:200px;
}
.bannerText3 {
text-align:center;
clear:both;
max-width:200px;
}
.bannerWrapper img, .bannerWrapper2 img {
margin: 0 auto;
display:block;
}

/*LISTVIEW  /////////////////////////////////////////////////*/

#listHolder {
position:relative;
z-index:3;
}

.imageList {
max-width:200px;
min-width:200px;
float:left;
padding-right:20px;
}

#tableButton  {
position:relative;
color: white;
border-collapse: separate;
z-index:99;
border-bottom: 1px solid #eddcc5;
/* background: #645034; */
margin-top:16px;
}

#tableButton tr {
border-bottom: 1px solid #eddcc5;

}

.rentalText {
text-align: center;
font-size:23px;
width:712px;
}

.rentalSubText {
font-size:14px;
margin-top:15px;
padding-right:20px;
}

#button{
width:810px;
}


.homeHolder #tableButton:hover{
background:#dac9b1;
cursor:pointer;
color:#932800;
}

.homeHolder{
margin-top:-16px;
}

rentalSubTest:p:hover {
background:#dac9b1;
cursor:pointer;
color:#932800;
}

.bottomTD {
border-bottom:#816e54 thin solid;
width:810px;
}

#leasingInfo {
font-size:17px;
}

#downloadContent{
	color:#FFF;	
	font: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
	width:200px;
	height:56px;
}

#downloadContent a:link{
	color:#FFF;
	text-decoration: none;
	position:relative;
	z-index:102;
}

#documentHolder{
position:absolute;
margin-top:-53px;
margin-left:490px;
width:200px;
height:56px;
padding-bottom:15px;
z-index:99;
}

.imageHolder{
	max-width:210px;
	padding-right:20px;
	height:150px;
	min-height:150px;
}
#topBorder{
	width:950px;
	border-bottom: 1px solid #eddcc5;
	margin-top:30px;
}

/*HOUSE DETAILS /////////////////////////////////////////////////*/
@charset "UTF-8";

#buttonHolder-details{
padding-top:10;
}

#slogan {
	position:absolute;
	z-index:100;
	margin-top:460px;
}

#price {
margin-top:-37px;
padding-bottom:20px;
color:white;
font-weight:bold;
font-size:24px;
}

.subText {
	color: #eddcc5;
	margin-top:-34px;
	display:none;
}

.subText a {
text-decoration:underline;
}

.subText a:visited {
color: #EDDCC5;
text-decoration:underline;
}

#textDescription-details{
	width:820px;
	position:absolute;
	margin-left:130px;
	margin-top:-10px;
	z-index:99;
	text-align:center;
}

#slideshow-details { 
	/*margin-top: 68px;*/
	/*margin-left:272px;*/
	position:relative;
} 

#longDetails {
width:573px;
padding-top:10px;
color:#EDDCC5;
margin-left:270px;
padding-bottom:15px;
}

.imageThumbnail {
	max-width:250px;
	min-width:250px;
}

#rentalButtons {
height:25px;
font: 100% Georgia, "Times New Roman", Times, serif;
cursor: pointer;
/*float:right;*/
margin-top:160px;
width:211px;
margin-left:860px;
position:absolute;
z-index:99;
color:#eddcc5;	

		}

/* DETAILS TABLE CSS  ////////*/

.houseDetailsTable table {
	border:none;
	width:250px !important;
}

.houseDetailsTable td:first-child { color:#FFF; font-weight:bold; }

#table-details {
position:absolute;
z-index:100;
margin-top:-413px;
color:white;
}

.houseDetailsTable td {

	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	font-size:14px;
	color:#EDDCC5;
	border:none;
}

#leftPanelHolder{
	float:left;
	margin-top:-166px;
	margin-left:10px;
}
#leftPanelHolder img{
	max-width:250px;
}


/*FLOORPLANS //////////////////////////////////////////////////////////*/

.subText-floorplans {
	color: #eddcc5;
	margin-top:-34px;
	padding-bottom:15px;
}

.subText-floorplans a {
text-decoration:underline;
}

#textDescription-floorplans{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	z-index:99;
	text-align:center;
}


#textDescription-floorplans a {
	color: #eddcc5;
}

.floorplans{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/*Home Gallery //////////////////////////////////////////////////////////*/

#gallery {
float:left;
margin-top:-90px;
margin-left:12px;
padding-bottom:12px;
	height:500px;
	width:570px;
}
/*.home #gallery {*/
/*	margin-top:230px;*/
/*	width:720px;*/
/*}*/

.imageList-gallery {
max-width:200px;
max-height:200px;
}

#gallery-table table  {
position:relative;
color: white;
border-collapse: separate;
z-index:101;
/* background: #645034; */
text-align:center;
margin:8px;
}

#gallery-table {
position:relative;
z-index:2;
}

#button-gallery a {
color:white;
}

#tableButton-gallery:hover{
background:#dac9b1;
cursor:pointer;
color:#932800;
}

.imageHolder-gallery{
	max-width:210px;
}

#addressText-gallery{
	font-size:12px;
}

/*LAND DETAILS PAGE ////////////////////////////////////////////////////////////////////////////*/

.imageList-land {
max-width:200px;
float:left;
padding-right:20px;
min-height:150px;
min-width:200px;

}

.homeHolder-land table  {
position:relative;
color: white;
border-collapse: separate;
z-index:101;
border-bottom: 1px solid #eddcc5;
background: #645034;
}

.rentalText-land {
text-align: center;
font-size:23px;
min-width:690px;
padding-top:20px;
}
/*EXTRA BUTTON START */
		#lotsButtons-land {
			height:25px;
			font: 100% Georgia, "Times New Roman", Times, serif;
			margin-left:-2px;
			cursor: pointer;
		}

		#lotsButtonHolder td {
		text-align:right;
		}
	
		#lotsButtons-land td {
		width:200px;
		}
	
	
		#lotsIcon{
		float:right;
		margin-top:-27px;
		}
		
		#lotsText{
			font-size:15px;
			text-decoration: underline;
			margin-top:4px;
			max-width:150px;
		}
	
		#lotsButton {
		padding: 10px;
		}
		
		#lotsButton:hover{
			background:#ffffff;	
			color:#7d300c;
		}
		
		#lotsButton:active{
			background:#ffffff;	
			color:#7d300c;
		}
		
		a{
		 color:#eddcc5;	
		}
		
		#lotsButtonHolder a:link{
		 color:#eddcc5;	
		}
		#lotsButtonHolder a:visited{
		 color:#eddcc5;	
		}

/*EXTRA BUTTON CSS END */

.rentalSubText-land {
font-size:14px;
margin-top:15px;
padding-right:20px;
padding-bottom:20px;
/*width:565px;*/
min-width:690px;
text-align:center;
}




.bottomTD-land {
	border-bottom:#816e54 thin solid;
	width:810px;
}

.imageHolder-land{
	max-width:210px;
	min-width:220px;
	padding-right:20px;
}
#topBorder-land{
	width:724px;
	margin-top:-15px;
	height:0px;
}

.homeHolder-land{
width:950px;	
position:relative;
z-index:2;
}

#subText-land{
	width:730px;
	color: #EDDCC5;	
}

.subText2-land {
	color: #eddcc5;
	padding-top:20px;
}

#plotmap {
	max-width:705px;
	margin-top:10px;	
}

#mainImages-land {
width:715px;
margin-left:auto;
margin-right:auto;
display:block;
}

.houseDetailsTable-land{
	width:700px;
	position:relative;
	z-index:3;
}
.houseDetailsTable-land a{
color:#eddcc5 !important;
}

.houseDetailsTable-land table {
width:100% !important;
font-size:12px;
border:none;
margin-right:33px;
color:#EDDCC5;
}
.houseDetailsTable-land table span{
color:#eddcc5 !important;
}

.houseDetailsTable-land td:first-child {
color:white;
font-weight:bold;
}

.houseDetailsTable-land td {
	padding-top:5px;
	padding-bottom:5px;
	border:none;
}

.tableHeader-land{
	color: #FFF;	
	font-weight:bolder;
}

.tableDetails-land{
	color: #eddcc5;		
}

.tdHeader-land {
	width:100px;
	text-align:left;
	font-size:14px;
}

.tdDescription-land {
	width:153px;
	font-size:13px;
	text-align:left;
}

#tableHolder-land{
	width:250px;
	float:right;
	margin-left:10px;
	margin-top:-10px;
	position:relative;
	z-index:3;
}

#logo{
max-width:200px;
max-height:200px;
}

#mainImageHolder{
width:705px;
max-width:705px;
}



/*HOME FEATURES DETAIL PAGE ////////////////////////////////////////////////////////////////////////////*/
#featuresWrapper {
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
color:white;
font-size:20px;
margin-top:-130px;
}
#featuresWrapper #gallery {
	float:unset;
	margin: 0 auto;
}
#featuresDetailTitle {
width:95%;
margin-left:10px;
margin-right:auto;
margin-top:5px;
text-align:center;
}

#featuresdescription {
padding-bottom:15px;

}


/*HOME FOR SALE PAGES ////////////////////////////////////////////////////////////////////////////*/

#leasedText-forsale {
text-align:center;
}

#noHomesForSale {
text-align:center;
color:white;
font-size:24px;
margin-top:30px;
position:relative;
z-index:2;
}

/*CUSTOM PAGES ////////////////////////////////////////////////////////////////////////////*/
#customPagesHolder{
max-width:950px;
color: #eddcc5;
float:left;
}

#customPagesHolder table{
border:none;
}

#customPagesHolder td{
border:none;
padding:8px;
}

#customPagesHolder tr{
border:none;
}

#customPagesHolder a{
text-decoration:underline;
}

@media screen and (max-width: 1200px) {
#rentalButtons {margin-top: 23px;margin-left: 531px;}
#textDescription-details {margin-left: -10px;margin-top: -10px;}
}

@media screen and (max-width: 1300px) {
#textDescription {width:270px;}
}
@media screen and (max-width: 1170px) {
#textDescription {
	width:80%;
	margin-top:-60px;
}
}
@media screen and (max-width: 1030px) {
#textDescription {width:60%;margin-top:-80px;}
.bannerWrapper3 {text-align:center;display:block }
.bannerWrapper3 img {float:none;margin-top:30px; }
.bannerText3 {max-width:100%; }
#slogan {margin-left:unset;}
#gallery {margin-left:unset;}
#mainContent-home {
width:100%;
}
}

@media screen and (max-width: 850px) {
	#addedBadges {
		max-width: 550px;
		margin-left:15px;
	}
}
@media screen and (max-width: 415px) {
	#textDescription {
    width: 90%;
	}
	#addedBadges {
		max-width:90%;
	}
}

/*CONTACT PAGES ////////////////////////////////////////////////////////////////////////////*/
#contactDetails {
float:left;
width:500px;
margin-top:-10px;
margin-left:50px;
text-align:center;
color:#EDDCC5;
}

#contact_form {
float:left;
clear:left;
}
#selectContact {
float:left;
}

.tableContact {
margin-left:120px;
}
/*Blog Home ////////////////////////////////////////////////////////////////////////////*/
.tweetBGWrapper {
  position: absolute;
  height: 580px;
  background: #eddcc5;
  width: 820px;
  z-index: -1;
  opacity: .3;
}
.tweetHeader {
  float: left;
  max-width: 800px;
  margin-top: -160px;
  color:white;
  padding:13px;
  font-size:13px;
}
.tweetTitle {
  font-size: 30px;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 20px;
}
.ce_tweet_left {
  float: left;
  padding-right: 10px;
}
.ce_tweet_row {
margin-left:60px;
}
.ce_tweet {
  border-bottom: 1px solid beige;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.ce_tweet_username {
color:white;
}
.ce_tweet_time {
padding-right:20px;
}
.ce_tweet_reply {
padding-right:10px;
}
.ce_tweet_retweet {
padding-right:10px;
}
.ce_tweet_favorited,ce_tweet_retweeted {
  color: #e3962d;
  font-weight: bold;
}
.blogTitle {
  font-size: 30px;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 20px;
  color:white;
}
.blogHome {
float:left;
max-width:800px;
padding:13px;
}
.blogSummeryText {
max-width:800px;
color:white;
}
.blogDivider {
max-width: 800px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.blogDivider img {
  max-width: 60px;
}
.dividerLine {
  border: 2px solid #d8c8b0;
}
.leftD {
  width: 340px;
  float: left;
  margin-top: 10px;
  margin-right: 20px;
}
.rightD {
  width: 350px;
  float: right;
  margin-top: 10px;
}
.blogEntry {
position:absolute;
}
.blogEntry #footer {
width:800px !important;
}
.blogDate {
  margin-top: -20px;
  color: white;
  margin-bottom: 40px;
}
.recentBlogs {
text-align:center;
max-width:800px;
}
.recentTitle {
color:white;
font-size:30px;
}
.recentWrapper {
  color:beige;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 23px;
}
.recentWrapper a:hover {
text-decoration:underline;
font-size:27px;
cursor:pointer;
}