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

}

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

}

 
div {
 font-family:futura_ltlight, Arial, Helvetica, sans-serif;
 }

#header {
    background-color:#242328;
 }
 
#footer {
    background-color:#726860;
 } 
 
 .text {
	line-height: 20px;
    font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #575a5d;
	letter-spacing: 1px;
}

 .textsmall {
	line-height: 20px;
    font-size: 12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #575a5d;
	letter-spacing: 1px;
}

 .footertext {
	line-height: 20px;
    font-size: 13px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-top:110px;
}

.title {
	line-height: 100%;
    font-size: 28px;
	font-family: futura_mdmedium, Arial, Helvetica, sans-serif;
	color: #242328;
}
 
.subtitle {
	line-height: 100%;
    font-size: 20px;
	font-family: futura_mdmedium, Arial, Helvetica, sans-serif;
	color: #242328;
} 
 
 .img {
	max-width: 70%;
    display: block;
	padding-right: 10px;
	padding-left: 10px;
}

.bench{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-120px;
  padding-top:20px;
  }
  
.left {
  display:inline-block;
  margin-left:-205px;
}

.right {
  display:inline-block;
 padding-left:410px;
  width:210px;
}

	
img[usemap] {
		border: none;
		height: auto;
		max-width: 70%;
		width: auto;
	}

a.graylink:link {
	line-height: 20px;
    font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #575a5d;
	letter-spacing: 1px;
	text-decoration: underline;
	}

a.graylink:visited {
	line-height: 20px;
    font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #575a5d;
	letter-spacing: 1px;
	text-decoration: underline
	}

a.graylink:hover {
	line-height: 20px;
    font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #cccccc;
	letter-spacing: 1px;
	text-decoration: underline	
	}
	
a.graylink:active {
	line-height: 20px;
    font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #00a6d7;
	letter-spacing: 1px;
	text-decoration: underline;	
}

a.footer:link {
	line-height: 20px;
    font-size: 16px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration: underline;
	}

a.footer:visited {
	line-height: 20px;
    font-size: 16px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration: underline
	}

a.footer:hover {
	line-height: 20px;
    font-size: 16px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration: underline	
	}
	
a.footer:active {
	line-height: 20px;
    font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration: underline;	
}

/* scrollbar */

.content{
    margin:0px; 
	width:230px; 
	height:490px; 
	padding:0px; 
	overflow:auto; 
	background:#e3e3e3;
	}

/* nav */

.nav {
	position: relative;
	margin: 20px 0; 

}
.nav ul {
	margin: 0;
	padding: 0;

}
.nav li {
	margin: 0 30px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.nav a {
	padding: 3px 12px;
	line-height: 100%;
    font-size: 19px;
	font-family: futura_ltlight, Arial, Helvetica, sans-serif;
	color: #322c24;
	font-size: 19px;
	text-decoration: none;
}
.nav a:hover {
	color: #cccccc;
}
.nav .current a {
	background: #e3e3e3;
	color: #322c24;
	border-radius: 5px;
}

.nav .current a:hover {
	background: #e3e3e3;
	color: #cccccc;
	border-radius: 5px;
}

/* center nav */
.nav.center ul {
	text-align: center;
}
.main {
	text-align: center;
	width: 930px;
	  margin-left: auto ;
  margin-right: auto ;
}
@media screen and (max-width: 600px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(img/menu_icon.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	    font-size: 15px;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(img/menu_check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	.main {
		left: 50%;
		margin-left: -90px;
	}
	
	.left {
  display:inherit;
  margin-left:0px;
}

.right {
  display:inherit;
 padding-left:0px;
 padding-top:0px
 width:210px;
}
	
}