@charset "utf-8";

/*Image sizes content 560 sidebar 340px width*/

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll;
-webkit-text-size-adjust:none }

#nav a {
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -ms-transition:     all 0.3s ease;
  -o-transition:      all 0.3s ease;
}

body		{
	background: #F3F2EC url(pix/fabriclight-trk.png) repeat;
	margin-top: 0px;
	font-family: Helvetica, "HelveticaNeueLT Pro 55 Roman", Verdana, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
}
.flex
{
	height: auto;
	min-width: 100%;
}

/*========================================================================   Layout*/
#container {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border:0px solid #ddd;
	display: block;					/* boxshaddow
					-webkit-box-shadow: 0px 0px 5px #999;
					-moz-box-shadow: 0px 0px 5px #999;
					box-shadow: 0px 0px 5px #999;*/
	max-width: 960px;
}
#header{
	min-height: 80px;
	width: 100%;
	position: relative;
	margin-bottom: 0px;

}

@media (max-width: 480px){

#header {min-height: 120px!important;}

}

@media (max-width: 320px){

#header {min-height: 145px!important;}

}



#content{
	float: left;
	width: 57%;
	margin-right: 8%;
	position: relative;
	padding: 0px 0px 50px;
	min-height:500px;
	margin-top: 30px;
	overflow: hidden;																								
}
#sidebar{
	float: left;
	width: 35%;
	position: relative;
	margin-top: 30px;
																							
}


.clear {
	font-size: 1px;
	clear: both;
	height: 1px;
	line-height:0px;
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#footer {
	height: 100px;
	width: 100%;
	position: relative;
	padding: 20px 0px;
	margin-top: 20px;
	border-top:1px solid #ddd;
	-webkit-box-shadow: inset 0px 1px 1px 0px #f9f9f9;
box-shadow: inset 0px 1px 1px 0px #f9f9f9;
}

.footer-sub {
    font-size: 16px;
    text-align: left;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
    display: block;
}

/*========================================================================   Logo*/

#logo {
position: absolute;
left: 0px;
top: -15px;
overflow: hidden;
}

.fklogo {

background: url(img/fk-logo.png) no-repeat left 15px;
width: 97px;
height: 100px;

}


#logo h3 a {
	font-weight: normal;
	margin: 0px!important;
	color: #B93D00;
	font-size: 28px;
	text-shadow:1px 1px 1px #fff;
	font-style: normal;
}
#logo h3 a:hover {
	color: #007EA8;
	text-decoration: none;
}

#logo h3 a span {
	font-size: 22px;
}



/*========================================================================   Top Navigation*/
#nav {
position: absolute;
	top: 15px;
	right: 0px;
	width: 60%;
	z-index: 999;
	text-align: right;
	 /*   border-bottom: 1px solid #ddd;
    box-shadow: 0px 1px 1px 0px #f9f9f9;*/
	padding-bottom: 10px;
}

#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
float: right;
display: block;
width: 100%;
text-align: right;
}

#nav li {
	display: inline-block;
	position: relative;
	margin-left: 20px;
	height: 24px;
	padding-top: 6px;
}



#nav a:link, #nav a:visited, .dropdown a:link, .dropdown a:visited {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}

#nav a:hover, .dropdown a:hover {
	text-decoration: none;
	color: #007EA8;
}


.current {
	color: #007EA8!important;
	cursor: default;
}
/*========================================================================   Dropdown*/

#nav li:hover .dropdown {
					left: -10px;
					top: 22px; 
					top:22px;
					 
}

.dropdown {
					margin: 4px auto;
					position: absolute; top:9999px;
					
					/*top: -999em; Hides the drop down */
					text-align: left;
					padding: 10px 5px 10px 10px;
					background: #fff;
					width: 200px;
					/* Gradient background */
					background: #F4F4F4;
					background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
					background: -webkit-linear-gradient(top, #f1f1f1, #fff);
					background: -moz-linear-gradient(top, #f1f1f1, #fff);
					background: -o-linear-gradient(top, #f1f1f1, #fff);
					background: -ms-linear-gradient(top, #f1f1f1, #fff);
					background: linear-gradient(top, #f1f1f1, #fff);
					/* Rounded Corners 
					-webkit-border-radius: 0px 0px 5px 5px;
					-moz-border-radius: 0px 0px 5px 5px;
					border-radius: 0px 0px 5px 5px;
					*/
					-webkit-box-shadow: 2px 2px 3px #ddd;
					-moz-box-shadow: 2px 2px 3px #ddd;
					box-shadow: 2px 2px 3px #ddd;
}

/*========================================================================   Sidebar Navigation*/
.sbnav { margin-top: 10px; }
.sbnav ul, .subnav ul {
					margin: 0px;
					padding: 0px;
					list-style: none;
}

.sbnav ul li {
					display: block;
					margin-bottom: 5px;
}

.sbnav a {
	display: block;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	padding-bottom: 3px;
}
/*========================================================================   Sub Navigation*/
.subnav {
	min-height: 50px;
	padding-left: 0px;
	line-height: 50px;
	margin-bottom: 20px;

}

.subnav ul li {
					display: block;
					float: left;
					margin-right: 30px;
}

.subnav a {
	display: block;
	padding-left: 0px;
	font-size: 16px;
	color: #666;
}

.subnav a:hover {
	color: #007EA8;
	text-decoration: none;
}

/*========================================================================   Typography*/
p {
	margin-top: 0px;
	margin-bottom: 15px;
	line-height:1.6;
}
.quote
{
	font: italic 18px/160% Georgia, "Times New Roman", Times, serif;
	color: #787878;
	margin-left: 20px;
	display: block;
	margin-top: 15px;
	margin-bottom: 20px;
}

.caption
{
	font-size: 12px;
	display: block;
}

.small {
	font-size: 11px;
	margin-top: -8px;
}
.boldred
{
	font-weight: normal;
	color: #DD4800;
}



h2 {
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
	font-style: normal;
}

#sidebar h2 {margin-bottom: 8px;}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 25px;
	color: #444;
}

#footer p {
					margin: 20px 0px 0px;
					
}

.framed {
	padding: 6px!important;
	border: 1px solid #ddd;
	background: #FFF;
	width:100%;
	height:auto;
}

.colorfont {
	color: #C30;
}

#content li {
	margin-bottom: 10px;
}







@media all and (max-width: 900px)  {
	
#logo {

top: 0px;

}

#nav {
position: absolute;
top: 70px;
left: 0px;
width: 100%;
z-index: 999;
white-space:nowrap;

}

#nav ul {
	text-align:left;
	}
#nav li {
	margin-left:0px;
	margin-right:10px;}
	
	
.subnav ul li {
					display: block;
					float: left;
					margin-right: 15px;
}
#header{
	min-height:120px;
	}



}

@media all and (max-width: 550px)  {
	
#container {
margin-bottom: 40px;
width:94%;}

#logo h3:before { display:none;}

#logo {
	top: 0px;
}

	
#nav {
	white-space: normal;
}

#nav li {
margin-right: 15px;
margin-bottom: 8px;
}

.subnav {
line-height: 30px;
padding-top: 30px;
padding-bottom: 3px;
}

.subnav ul li {
margin-bottom: 8px;
}	
	
	#content {
	float:none;
	width: 100%!important;
	min-height:0px;
	margin-right: 0px;
padding: 0px 0px 0px;
margin-top: 30px;}
	
	#sidebar {
	float:none;
	width: 100%!important;
	margin-top:0px}
	


#logo h3 a {font-size: 26px;}

#logo h3 {margin-top: 18px!important;}

h2 {
font-size: 20px;
margin-bottom: 10px;
}


h3 {
font-size: 16px;
}


.contact h2, #sidebar.contact h2 {
margin-bottom: -14px;
}

#sidebar.contact{
	margin-top:25px}

#footer p {
margin: 20px 0px 20px;
font-size: 0.9em;
}





}
/*end mobile*/