@import url(https://fonts.googleapis.com/css?family=Exo:300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@import url('https://fonts.googleapis.com/css?family=Scope+One');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');
@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,700,900);

h1
	{
	font-family:'Raleway', 'arial narrow';
	font-weight:lighter;
	font-size:68px;
	line-height:64px;
	color:#000000;
	text-transform:uppercase;
	/*float:left;*/
	margin: 10px 0 20px 0;
	font-weight: 300;
	
	}
h2
	{
	font-family:'Raleway', 'arial narrow';
	font-weight:300;
	font-size:38px;   /*32*/
	line-height: 44px;  /*38*/
	color:#623000;   /* dc  #9f8e06;  */
	text-transform: lowercase;
	
	}
h3
{

	font-family:'Raleway', oswald, 'arial narrow';
	text-transform:none;
	font-size:32px;
	line-height: 28px;
	font-weight:400;
	color:#6c6409;
	margin: 0px 0 0 0;
}

h4
{
	font-family:oswald, 'arial narrow';
    font-size: 17px;
    font-weight:normal;
    line-height:20px;
    margin: 8px 0 12px 0px;
    text-transform: uppercase;
}
h4 a{
	text-transform: lowercase;
}
h5
{
	font-family:'raleway', 'arial narrow';
	text-transform:uppercase;
	font-size:18px;
	font-weight:200;
	line-height:18px;
	color:#c1c1c1;
	margin: 4px 0 9px 0px;
}
@media(max-width:767px){
	h5{
		padding-bottom: 6px
	}
}
h6
{
	font-family:oswald, 'arial narrow';
	text-transform:lowercase;
	font-size:28px;
	font-weight:normal;
	line-height:24px;
	color:#6c5e98;
	margin: 0 0 0 20px;
}

@media(max-width:1199px){
	h1{
	font-size:56px;   
	line-height:54px;
	}
	h2{
	font-size:25px;   
	line-height:30px;
	}
	h3{
	font-size:21px;
	line-height:20px;
	}
	h4{
	font-size:17px;
	line-height:16px;
	}
}

@media(max-width:767px) {
	h1{
	font-size:37px;   
	line-height:36px;
	margin-bottom: auto;
	}
		h2{
	font-size:21px;   
	line-height:26px;
	}
	h3{
	font-size:17px;
	line-height:15px;
	}
	h4{
	font-size:17px;
	line-height:16px;
	}
}


p a {
	 /*color: #ffffff;*/

}
a:link {
    text-decoration: none;
   
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
	text-decoration: none;
}
a, img
{
	outline: none;
	border:none;
	color: #000;
	font-weight: bold;
	text-transform: none;
}
html
{
	overflow-y:scroll;  
}

body
	{
	margin:0px;
	font-family:arial;
	font-size:12px;
	background-color: #ffffff;
	}
	
a
	{
	text-decoration:none;
	}
p
	{
	font-family:"Raleway", arial;
	font-weight: 100;
	font-size:19px;
	line-height: 28px;
	margin: 2% 0 2% 0;
	}
	
#main{
	background-color: #ffffff;
	width:100%;
	
}
#fc{
	background-color: #000000;
	width:100%;


}
#phrase
{
	background-color: #ffffff;
	z-index: -100;
	/*padding: 20px 0 60px 0;*/
	height: auto;  /*200px*/
	margin: 0px 0 0px 0;
	padding: 10px 0 14px 0;
}
.btn {
    padding: 4px 10px 0 10px;  /*14px 24px;*/
   margin: 4px 0 0 0;
    border: 0 none;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'arimo';
    font-size: 15px;

}
@media (max-width:830px){
	.btn, .rev, .brev{
		font-size:14px;
		margin-right:10px;
		margin-left:10px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
.rev, .brev{
	display: block;
float: left;
font-family: arimo;
text-transform: uppercase;

margin: 8px 12px 0 12px;

}

.rev a, .brev a{
	margin: 0px 20px 0 20px;
	font-weight: 300;
	
}

@media (max-width:767px){
	.brev, .rev{
		display: none;
	}
}


@media (max-width:640px){
	.brev, .rev{
		display: none;
	}
}



@media(max-width:400px){
	.btn
	{
		margin: 0px 0 0 0;
	}
	#soc{
		display: none;
	}
		.rev{
		display: none;
	}
}
#soc{
	margin:-5px 0 0 0;
} 
#soc
{display: block;
float: left;
margin: 0px 12px 0 12px;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #dfdd5f;      /*fff600;   /*#0099cc*/
    color: #404040;
} 
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #7c867f;    /*#33a6cc;*/
   
}

 
.btn-primary:active, .btn-primary.active {
    background:#7c867f;         /*#007299;*/
    box-shadow: none;
}
.btn.sharp {
  border-radius:0;
}
.topbtn{
	width: 100%;

}

#social
{
	padding:10px 0 0 10px;
}
header
{
	width:70%;
	margin: auto;
	background-color: #66615c; 
	
}

body
{
	margin-left: auto ;
        margin-right: auto ;

}


p{
	
	color:#000000;
	margin: 10px 0 10px 0px;

}
a{
	/*font-size: 13px;  
	color: #ffffff;
	line-height: normal;*/
}




body,
html {
    width: 100%;
    height: 100%;

}

.topnav {
    font-size: 20px;
    /*color: #ffffff;*/
   color: #000000;
}
@media(max-width:1150px){
.topnav img{
	width:45px;
}
}
.lead {
    font-size: 18px;
    font-weight: 400;
}
#cform
{
    background-color: #000000;
}
.logo  {


        margin-top: 00;
	

}

#logo img{
	
	/*height:100%;
        width: 100%;
	background-image: url(../images/line.jpg);
        background-repeat: repeat-x;
	background-size: 20%;*/
}
#why
{
    background-color: #ffffff;
    height:100%;
}
#wecan
{
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    border: 0px solid #000000;
    background-color: #e7a61a;
    padding: 30px 20px 0px 20px;
    margin: 10px 0 0 0;
}
#wecan p{
    font-family: 'arimo', 'pacifico', cursive;
    font-size: 30px;
}


#cover {
   background-image:url(../img/wp15v2.gif);
    background-repeat: repeat;
    height: auto;
    padding-bottom: 224px;
}


/* ----------------------------------------------------- navigation bar background!! ----------------------------- */
.navbar
{
	/*background-color:#5f5d56;*/    
        background-image:url(../images/tiledark.gif);
		  background-color: #000000;
	background-repeat: repeat; 
	color:#ffffff;
	font-size: 16px;

}
.navbar li a 
{
    text-transform: lowercase;
    font-family:'Raleway', arial;  /*oswald*/
    font-weight:500;
    color: #ffffff;
    padding: 8px 10px 8px 4px;  /* jan 17 big change from non existant!! if you want it back just erase*/ 
margin: 0 5px 0 4px; /* added with padding */

}
.navbar ul{
	margin: 4px 20px 0 0;
	padding: 0 0 4px 0;
}
@media(max-width:1165px){
	.navbar{
		font-size: 14px;
		font-weight: bolder;
	}


}
@media (max-width:1350px){
	#takeout ul li{
	display: none;
}
}

@media(max-width:820px){
	.navbar{
		font-size: 12.5px;
		font-weight: 400;
		padding-left: 2px;
		padding-right: 2px;
	}
}


.navbar-header img
{
    
/*
	width:100%;
	height:33px;
	background-image: url(../images/tiledark.gif);   
	background-repeat: repeat;
	/*background-color:#d8d8d8;   /*9f9880;  /*5f5d56; #ffcc33; *
	float: left;
	-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75);

    */
    
   
width:auto;

margin:3.5% 0 0 0%;


}
/* words -- hover */
.navbar-default .navbar-nav > li > a:hover
{
	color: #f4f563;
}
/* words -- normal */
.navbar-default .navbar-nav > li > a
{
	
	
	color:#e7dfd3;
	

	
	
}


/* ----------------------------------------------------------*/
@media(max-width:767px) {
	.navbar-header img{
 display: none;    
	}
	.navbar img
{
    display: none;
}
}
@media(max-width:790px){
	.navbar{
		font-size: 12px;
		font-weight: bolder;
		text-transform: uppercase;
	}

/* -------- change the banner color based on the particular city you are in --------*/

#toptix{
background-color: #cc9933;  /* old ccft cc0000;   /* cleve bcc300;      /*800214; /*#92a032; /* dcmft #d8d8d8;*  92a032 is old dcMFT green */
/*   background-color: #92a032;  */

}
}

#number a{
	    font-family: 'Special Elite', 'oswald', cursive;
	font-size: 11px;
	margin: 4px 0 0 0px;
	color: #d1f2ff;
	
}
#mword a{
	display: none;
	font-family: 'Special Elite', 'oswald', cursive;
	font-size: 11px;
	margin: 4px 0 0 0px;
	color: #000000; /*ffffff;*/
}
#mword p{

	font-family: 'raleway', 'oswald', sans-serif;
	font-size: 11px;
	margin: 18px 0 0 8px;
	color: #000000 /*ffffff;*/
}

@media(max-width:1127px) {

#mword p{
	display:none;
}
}
@media(max-width:767px) {
#mword{
	margin-left: 20px;
}
#mword p{
	display:none;
}
#mword a{
    display: block;
    
    font-size: 11px;
}
#number a{
	display: none;
}
}
@media(max-width:567px){
	#mword a{
		font-size: 10px;
	}
}
@media(max-width:830px) {
#cont img {
    display:none;
}
}
section{
    padding-top:145px;
   width: 100%;
    /*float: left;
    margin: auto;
    height: auto;  /*640px;*/
    /*margin-top: -60px;   /*-60*/
    /*new*
    background-color:#ffffff;
    margin-left: 20px;
    /*background-image:url(../img/wp15.gif);*
    background-repeat: repeat;
    z-index: -100;*/

}
@media (max-width:1100px){
section{
	padding-top: 116px;

}
}
@media (max-width:767px){
section{
	padding-top: 90px;
	width:95%;
}

}
headline {
    margin-top: 1%; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    margin-bottom: 1%;
    text-align: left;

    /*background-image:url(../images/headerhouston2015thick3.jpg);   /* hbk3.gif */
    /*background-size: cover;*/
   /* color:#ffffff; /*#404040;*
       	background-image:url(../images/subway_tile.jpg);  
	background-repeat: repeat;*/
    /*intro-bg.jpg   repeat center center*/
    height: 110%;
    width: 100%;
    z-index: -10;
    	float: left;
	display: block;
    /*background-color: #66615c; */
    
}

.headline h1{

	/*margin-left: 2%;
	margin-right: 2%;*/
	width: 95%;
}
.headline img{
    /*-webkit-box-shadow: 2px 6px 22px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 6px 22px 8px rgba(0,0,0,0.75);
    box-shadow: 2px 6px 22px 8px rgba(0,0,0,0.75);*
    position: inherit;
    */
     background-repeat:repeat-x;


}
.headline h2{
	/*margin: 0 2% 0 2%;
	width: 95%;*/
	margin-bottom: 15px;
}



.main-text{
	/* background-color: #66615c;*/
	margin-left: 3%;
	margin-right: 1%;
	margin-top: 2%;
	 /*   padding-top: 10%;*/
	width: 69%;   /*68%*/
	float: left;

}

.main-text p{
	font-family:'Raleway';
	font-size: 16px;  /*13px*/
	font-weight:300;
	/*margin-right: 2%;*/
	margin: 0 0 20px 0;
	padding:0 0 0 0;
	
	
}
.main-text ul li{
	font-family:'Raleway';
	font-size: medium;  /*13px*/
	margin-right: 3%;
}
@media(max-width:767px){
	.main-text{
	width:93%;
	margin-left: 5%;
	}


.main-text ul li
{
	font-size: small;	
}
}
@media(max-width:767px){
.main-text img
{
    /*display: none;*/
    
}
iframe{
	display: none;
	
}
}

.backdrop
{
    background-color:#ffffff;
    margin: 0 0 20px 0px;
    height:650px;
}
.dropdown-menu
{
	background-color: #777777; /*600202;   /* crimson1 690000;/* grey #6d6d6d;*/
	font-family: 'arimo';
}
.dropdown-menu:hover
{
	/*font-family: 'arimo';*/
	
}

.dropdown-menu li
{
margin: 3px 0 3px 20px;
text-transform: lowercase;

}
.dropdown-menu li a:hover
{

	background-color:#777777; /*600202;  /* crimson1 690000;/* grey #6d6d6d;*/
	
	/*background-color:#a19c51;
	color: #494941;*/
}

p.copyright {
    margin: 15px 0 0;
    color: white;
}



#toptix{
	width:100%;
	height:33px;
	background-image: url(../images/tiledark.gif);   
	background-repeat: repeat;
	/*background-color:#d8d8d8;   /*9f9880;  /*5f5d56; #ffcc33; */
	float: left;
	-webkit-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.75);
	}
#toptix a{
	color: #efefef  /*#efefef;*/
}
#toptix a:hover{
	color:#f4f563;
}


#buy .jas{
	border: thick 4px #000;
	background-color: green;
	
	
}
/*  ------ purchase buttons ------*/
 #jas-button-container {
 text-align: left !important;  /*was center*/
 margin: 10px 0 10px 0;
 padding: 20px 0 10px 0;
 }
 
 #jas-button {
 text-align: center !important;
 background-color: #ffff00;      /*98a660; /*d95430;*/
 border-radius: 300px;
 -webkit-box-shadow: 0 3px 0 0 #e4ec0c;  /*b13f21;*/
 -moz-box-shadow: 0 3px 0 0 #e4ec0c; /*b13f21;*/
 box-shadow: 0 3px 0 0 #e4ec0c;  /*b13f21;*/
 position: relative;
 -webkit-transition: .5s background-color linear;
 -moz-transition: .5s background-color linear;
 -o-transition: .5s background-color linear;
 transition: .5s background-color linear;
 padding:8px 12px 5px 12px;/*padding: 25px 46px;*/
 color: #9d9d8e;  /*fff;*/
 border-color: #fff000; /*d34b27;*/
 font-size: 20px;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-weight: 300;
 font-style: normal;
 font-family:'raleway';
 /*width: 220px;*/
 }
   
 #jas-button:hover {
 background-color: #baff41;   /*eef1a5;   /*fff;*/
 border-radius: 300px;
 /*-webkit-box-shadow: 0 5px 0 0 #b1b1a8; /*b13f21;*/
/* -moz-box-shadow: 0 5px 0 0 #b1b1a8; /*b13f21;*/
/* box-shadow: 0 5px 0 0 #b1b1a8; /*b13f21;*/
 position: relative;
 -webkit-transition: .5s background-color linear;
 -moz-transition: .5s background-color linear;
 -o-transition: .5s background-color linear;
 transition: .5s background-color linear;
 color: #6c7004; /*#d95430;*/
 }
 
/*-------  bringing back the classic purchasebar -----------------*/
#purchasebar
	{
	float:left;
	width:90%; /*218px;*/
	margin:8px 0 0 10px;  /*top 22px*/
	height:16%;   /*640px;*/
	font-family:Arial;
	font-size:12px;
	line-height:normal;
	/*background-image:url(../images/tile-small-dark.gif); /*images/dcmft-tile-small-dark.gif);*
	background-repeat: repeat;*/
	background-color:#cc9933;
	float: left;
	display: block;
	-webkit-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	-moz-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);	
	}

#purchasebar a{
	color: white;
}

#purchasebar h2{
	text-transform: uppercase;
	margin: 4% 4% 4% 4%;
	font-size: 23px;
}

@media (max-width:1000px){
	#purchasebar{
		display: none;
	}
	#breakleft{
		width:97%;
		
	}
	#mediaright{
		display: none;
		
	}
}

#groupfont h2{
	text-transform: uppercase;
	margin: 4% 4% 4% 4%;
	font-size: 23px;
	color: green;
}

#gal
	{
	float:left;
	width:45%;
	padding:0 0 30px 0px;
	margin:0px 0 20px 0;
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.galitem
	{
	float:left;
	font-family: Arial;
	font-weight:bold;
	font-size:13px;
	color: #000000;
	margin:4px 10px 0 10px;
	text-decoration:none;
	line-height:18px;
	width:45%;
	text-align:left;
	display: block;
	float: left;
	}
.galitem h3{
		font-size: 24px;
		line-height: 26px;
		width:85%;
		margin-left: 0px;
	}
.galtxt
	{
	float:left;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color: #535353;
	margin:40px 0 0 0;
	line-height:24px;
	width:90%;
		display: block;
	float: left;
	text-align:left;
	}
	#photogalleryblank
	{
	float:left;
	width:97%;
	margin:0px 0 0 0;
	padding:0px;
	}
	#photogalleryblank h2 {
		font-size: 24px;
		font-weight:200;
	}

.groupfont li{
	list-style: none; /*disc;  /*outside*/
	margin-left: 0%;
	margin-top: 5%;
	font-weight: 400;
	color: #f4f6db; /*d9b300;*/
	text-transform: uppercase;
	
	
	
}

	

.groupfont a:hover ul li{
	color: #393c1a;  /*ffefa6; */
}


.purchasefont{
	padding: 0% 10% 0% 10%;
	
}
.purchasefont p a{
	color:#cc9900;
}

#zo{
	/*background-color:#800214;*
	margin: 0px 0 0 0;
	padding: 7% 7% 7% 7%;
	-webkit-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	-moz-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 10px;*/

}
#zo a{
	font-family: 'raleway' sans-serif;
	text-transform:uppercase;
	font-weight:400;
	font-size:16px;
	line-height: 18px;
	color:#f4f6db;   /*d9b300;*/
	
}
#zo a:hover{
	color:#393c1a; /*ffefa6; */
}

#zo p{
padding: 10px 0 0 0;
margin: 0 0 0 0;
}
#zo li{
	list-style: none;
}

#feature{
width:95%; margin:40px 0 0 10px;
}
#mediaright{
	width:35%;
	display: block;
	float: left;
	margin: 0 0 0 3%;

}


#breakdown{
	display: block;
	float: left;
	width:60%;	/*90%*/
	margin: 2% 0 0 0;
}
@media (max-width:767px){
#breakdown img{
	width:50%;
}
}
@media (max-width:1000px){
		#breakdown{
		width:99%;
		}
}

#breakleft{
	width:63%;
	display: block;
	float: left;
	background-color: green;
	
}
#right
{
	
	background-color: #000000;
}
#concon{
	background-color:#cccc00;  /* san diego cc9933;  /* balto 1 cc0000;  /* cleve#bcc300; /*   800214; /* dc #a0c06a;*/
	padding: 6% 8% 8% 8%;
	-webkit-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	-moz-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#concon p{
	font-family: oswald;
	text-transform:uppercase;
	font-weight:700;
	font-size:24px;
	line-height: 24px;
	color: white;
}



#pur{
	background-color: #a0c06a;
	padding: 6% 8% 8% 8%;
	-webkit-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	-moz-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#pur p{
	font-family: oswald;
	text-transform:uppercase;
	font-weight:700;
	font-size:24px;
	line-height: 24px;

}
#indexright
	{

	/*background-image:url(../images/subway_tile.jpg);  
	background-repeat: repeat;*/
	width:23%;
	padding: 2% 1.5% 2% 1.5%;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	float: left;
	margin-top: 4%; /*14% */
	margin-bottom: 5%;
	-webkit-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	-moz-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	/*
	border: solid 15px;
	border-color: #000000;   /*c4c4c4;*
	margin-bottom: 50px;*/

	}
#indexright a
{
	font-family:helvetica;
	text-transform:lowercase;
	color:#000000;
}
#indexright a:hover
{
	color:#e3c25c;
}

#indexright ul li{
	list-style: none;
	margin: 3% 0 3% 0;
	/*font-family: 'oswald';*/
	font-size: 13px;
}
#indexright h2{
	
	font-size: 25px;
	margin: 12% 0 0 12%;
	text-transform: lowercase;
	line-height:22px;
	
	
}

@media(max-width:767px) {
	#indexright {
	/*display: none;	*/
	width:78%;
	margin: 0 10% 0 10%;
	}
}
@media (max-width:1023px){
	#indexright ul li{
	list-style: none;
	margin: 3% 0 3% 0;   
	font-family: 'oswald';
	font-size: 13px;
	margin-left: -16px;
	
}
#zo a{
	font-size: 20px;
}
#indexright h2, p{
	
	font-size: 28px;
	margin: 12% 0 0 6%;
	
}
}


@media (max-width:840px){
	#indexright{
		/*margin-top: 6%;  /* js edit 3-11-17 */
	}
}

footer {
	padding: 30px 0;
	background-color:#535353;    /*#f8f8f8;*/
	float: left;
	display: block;               
	width:100%;
	text-align:center;
	font-family: 'special elite';
	}
footer a
	{	
	color: #faffec;
	margin-left: 0px; /*4px*/
	font-size: 9px;
}
@media (max-width:767px){
	footer a{
		font-size: 11px;
	}
}
footer p{
	margin-left: 20px;
}
#footnotes a{
	font-size: 44px;
}
#slideshow
{
	height:188px;
	width:406px;
	float:right;
	padding:0px 10px 40px 0px;
	margin:0 10px 25px 0;
	
}
 

#slides
{
	height:188px;
	/*position:relative;*/
}
 
.slide
{
	height: 188px;
	width: 406px;
	overflow: hidden;
	position:absolute;
	background: #000;
	color:#fff;
	font:arial;
	padding:0 0 0 0px;
	margin:0 0 0 10px;
	
}
 
#slides-controls
{
	width:188px;
	background-color: #fff;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0 0 13px;
}
 
#slides-controls a
{
	margin: 5px;
	width:8px;
	height:8px;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-o-border-radius:4px;
	background:#000;    /*was #f60*/
	border:1px solid #fff;
	text-indent:-9000px;
	display:block;
	overflow:hidden;
	float:left
}
 
#slides-controls a:hover { background:#900 }   /*was #f30 color*/
 
#slides-controls a.highlight
{
	background:#fff;
	border:1px solid #000 /*#F30*/
}


.footdetail{
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-image:url(../images/dcmft-tile-small-dark.gif);
	background-size: 5%;
	background-repeat: repeat;
	padding: 5% 0 0 0;
	margin-top: 0;
}

.footdetail ul li a{
	margin: 0 3% 0 3%;
	 font-size: 16px;
	 font-family: 'raleway';
	font-weight:300 !important;
	text-transform: uppercase !important;
}

#ftfun{
	color:#eef5bd;
}
#ftfun a{
	font-family:'helvetica neue', arial;
	font-weight:200;
	font-size: 14px;
}
#ftfun ul{
	list-style: none;
}

#pstyle h2{
	font-size: 33px;
	line-height: 35px;
	font-weight: 500;
	font-family:'oswald',serif;
	text-transform: uppercase;
	background-color: black;
	width:100%;
	margin: 15px 0px 0 0px;
	padding: 5px 5px 5px 5px;
}
#tl{
	
	/*display: block;
	float: left;*/
	/* only for dc
	margin: 5% 0 0 10%;*/
	/*for other cities*/
	
	text-transform: lowercase;
	font-family:'Raleway', arial;  /*oswald*/
        font-weight:400;
		  
	/*width: 300px;  4.9.17 */
	 /*margin: 15% 0 0 10%;    /*4.9.17 */
	 padding-top: 9px;
	 padding-left: 20px;
	
	
	
}


#tl a{
	color: color: #000000;  /*#efefef;*/
	/*margin: 20px 0 0 20px;  4.9.17*/
}
@media (max-width:1500px){
	#tl{
	display: block;
	margin: 0 0 0 0;
}
}
@media (max-width:1055px){
	#tl{
	display: none;
	margin: 0 0 0 0;
}
 #tl a{
	display: none; 
	
	}
}
 
 #paste{
	position:absolute;   
	top: 20%;
	left: 80px; /*90px;*/
	-webkit-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	-moz-box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);
	box-shadow: 1px -1px 24px -1px rgba(0,0,0,0.41);	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}
#wufoobkgd{
	background-color: #000;
	
}

.topnav a{
	color:#ffffff;
	
}