/*

 border:#F00 solid 1px; 

*/




	/* zeros out margins and invisible borders in ie which will mess up your layout: http://www.alibiproductions.com/articles/zero-out-your-margins/ */
 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; font-weight:normal; }
/*    border:#F00 solid 1px;                    */
    
 

body { margin:0; padding:0; 
padding:0px; 

font-family:Georgia, "Times New Roman", Times, serif;

background: #d56a24;
color: #d56a24;

font-size:15px; 

}

/* LIST
----------------------------------------------- */





/* LINKS
----------------------------------------------- */	
a:link, a:visited { color:#ffffff; text-decoration:none; }	
a:hover  { color:#f8d4bd; text-decoration:none;  }	
a:active { color:#000; text-decoration:none;  }	
a.current { color:#000; text-decoration:none;  }	

.textCol_1 a:link, .textCol_1 a:visited { color:#d56a24; text-decoration:none; }	
.textCol_1 a:hover, .textCol_1 a:active   { color:#d56a24; text-decoration:underline;  }	

.contact a:link, .contact a:visited { color:#d56a24; text-decoration:none; }	
.contact a:hover, .contact a:active   { color:#d56a24; text-decoration:underline;  }	



h1 { float:left;
font-size:14px; 
color:#fff;

padding:19px 0 0 8px;
}


.largeBd {
font-size:16px; font-weight:bold; line-height:20px;		
}

.green {
color:#aea200;	
}
.green16 {
font-size:16px;
color:#aea200;	
}
.green18 {
font-size:18px;
color:#aea200;	
}
.green20 {
font-size:20px;
color:#aea200;	
}

.size14 {
font-size:14px; 
}
.size16 {
font-size:16px;
}
.size18 {
font-size:18px;
}
.size20{
font-size:20px; 
}

.twk_1 { padding-left: 10px; }


p { 

padding-bottom:16px;
}




#header { 
width:100%;  
height:56px;
}


#nav { 
width:960px; margin:0 auto; padding:0px; 
}
.nav1 { width:72px; }
.nav2 { width:78px; }
.nav3 { width:270px; }
.nav4 { width:122px; }
.nav5 { width:88px; }

.burger { display: none; cursor: pointer;
position: absolute; right:25px; top:15px;
 }


#nav ul { list-style:none; float:right; 
	
}

#nav ul li { float:left;

font-size:14px; padding:19px 0px 0 11px; 

background:url(../images/top-nav-div.gif) no-repeat bottom right; 
}



#mobileNav { 
width:100%; margin:14px 0 0 0; 
font-size:14pt;
}

#mobileNav ul li { clear:both; 
width:100%;	text-align: center;
padding:12px 0 0 0;
}


#main {  position:relative; float:left; 
width:100%;  
background:#fff; 

}



#container { position:relative;  
width:960px; margin:0 auto; padding:0px; 

}



.logo {
	position: absolute;
	top:39px;
	left:8px;
}

.chair { float:right; margin:96px 0 0 0; }
.john { float:left; padding:3px 10px 6px 0; width:147px; }



.textCol_1 { float:left;
 padding: 154px 0 0 8px;
 width:476px;

}

.contact {  float:left;
padding: 34px 0 0 8px;
 width:476px;

}


.contact p { 

padding-bottom:5px;
}


#footer { clear:both;
width:100%;
background:url(../images/bk-footer.jpg) repeat-x;
height:406px;

}

@media only screen and (min-width: 960px) {

[off-canvas] {  display: none !important;  }
  
}

@media only screen and (min-width: 0px) and (max-width: 959px) {

body { font-size:16px; line-height:21px;  }


#nav { 
width:88%; margin:0 auto; padding:0px; 
}

#nav ul { 
display: none;
}
.burger { display: block;
 }

 h1 { font-size:18px; padding:16px 0 0 0;
}


#container { position:relative;  
width:88%;

}
.john {  width:132px; }

.textCol_1 { width:90%; }
.chair { float:left; width:90%;  text-align: center;
margin:40px 0 0 10px;
  }
.chair img { width:350px; }


.contact { clear:both; width:280px; line-height: 28px; }
.largeBd { font-size:18px; line-height:23px; }
.size14 { font-size:15px; font-weight: bold; letter-spacing: 0.1px; }
.green20 { font-size:24px;   }
.size20 { font-size:24px; }
.twk_1 { padding-left: 0px; }







}


@media only screen and (min-width: 0px) and (max-width: 375px) {


h1 { font-size:17px; padding:16px 0 0 0;
}

.chair { float:left; width:100%;  text-align: center;
margin:40px 0 0 0px;
  }
.chair img { width:100%; }  







}




/*

 border:#F00 solid 1px; 

*/


