@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) and (max-width: 979px) {
	header,
	.container{
		width:754px;
	}

	h1.brand {font-size:24px;
	}
	#topintro ul.col3 li{
		margin:7px 0;
		width:135px/*128px*/;
		height:55px;
		padding:10px 3px;
		font-size:0.85em;
	}
	
	.thin2 {
		width:351px;
	}
	
	.thin3{
		width:220px;
	}
	.thin4 {
		
		width:175px;
	}
	.thin5{
		width:140.5px;
	}
	.thin6{
		width:478px;
	}
	.thin8{
		width:35px;
	}
	.thin7{
		width:88.5px;
	}
	td.span3,
	th.span3{
		width:138px;
	}
	th.span4,
	td.span4,
	th.span5,
	td.span5{
		width:233px;
	}

}

@media (max-width: 767px) {
	.navigation{
		display:none;
	}
	.shownav{
		display:block;
		padding: 10px 15px 10px;
		color: #777777;
		text-decoration: none;
		font-weight:bold;
		text-shadow: 0 1px 0 #ffffff;
		text-align:center;
	}
	nav#menu li {
		display:block;
		border:#ffffff solid 1px;
	}
	#topintro ul.col3 li{
		width:45.678%;
		height:43px;
		margin:3px 5px;
		padding:5px;
	}
	.thin2,
	.thin3,
	.thin4,
	.thin6
	{
		width:96%;
	}
	.thin5{
		width:47%;
	}
	th.span3,
	td.span3,
	th.span4,
	td.span4,
	th.span5,
	td.span5{
		width:115px;
	}
}

@media (min-width: 1200px) {
}

@media (max-width: 480px) {
	
	.brand{
		margin-left:5px;
		max-width:200px;
	}
	.container{
		width:98%;
	}
	.catch{
		font-size:14px;
		line-height:17px;
	}
	#topintro ul.col3{
		margin:0 5px;
	}
	#topintro ul.col3 li{
		font-size:0.85em;
		width:43.777%;
		margin:3px 0;
		padding:10px 3px;
	}

	.thin2,
	.thin3,
	.thin4,
	.thin6,
	.thin9,
	.thin8{
		width:96%;
	}
	.thin5{
		width:43%;
	}
	.thin7{
		width:38%;
	}
	input,
	textarea{
		max-width:96%;
	}
	th.span3,
	td.span3,
	th.span4,
	td.span4,
	th.span5,
	td.span5{
		width:93px;
	}
	#formbox{
		padding-left:5px;
	}
	.fmmain dt {
		width: 93px;
		font-size:0.75em;
		}
		.fmmain dd {
			margin-left:103px;
			}

}

@media (max-width: 979px) {
}

@media (min-width: 980px) {
  nav#menu{
    height: auto !important;
    overflow: visible !important;
  }
}