html {height:100%; overflow-y:auto; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%; background: url("../img/mainbg.jpg") fixed no-repeat;	background-size: cover;	}

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video, textarea {border:0; font-family:inherit; font-size:100%; font-weight:normal; margin:0; padding:0; outline:0; vertical-align:baseline;}

body {color:#2d1712; font-family:'roboto_slabregular', arial; font-size:12px; height:100%; line-height:18px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;} 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {display:block; position:relative}


/* headers
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {display:block; font-weight:normal; font-style:normal; line-height:normal}


/* links
-----------------------------------------------*/
a {color:#dd302f; cursor:pointer; margin:0; padding:0; font-size:100%; outline:0; text-decoration:none}
	a:hover {text-decoration:underline}
	
	.fade {opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
	.fade:hover {opacity: 0.5;}

/* paragraphs
-----------------------------------------------*/
p, address {display:block; font-style:normal}

strong, b {font-family:'roboto_slabbold'; font-weight:normal}


/* general
-----------------------------------------------*/

#holder {clear:both; display:block; width:100%}

.fixer {clear:both; display:block; margin:0 auto; position:relative; width:940px}

	.col-lhs460 {float:left; position:relative; width:460px}
	.col-lhs680 {float:left; position:relative; width:680px}
	.col-rhs220 {float:right; position:relative; width:220px}
	.col-lhs340 {float:left; position:relative; width:340px}
	.col-158 {margin:0 auto; background:url("../img/i-love-monkey-icon.png") no-repeat 0 0; width:158px; height:158px; position:relative; z-index:777; margin-bottom:-30px;}
	.col-lhs220 {float:left; width:220px; position:relative;}
	.col-full {float:left; width:940px; position:relative;}
	.col-rhs300 {float:right; width:300px; position:relative}

	
	.ml25 {margin-left:25px}


/* header
-----------------------------------------------*/

#header {background-color:#e3d3bd; clear:both; min-height:170px; overflow:hidden; padding:0; position:relative; z-index:99}

	#header .fixer {min-height:170px;}

	#header .logo {background:url("../img/andy-baird-logs-logo.png") no-repeat 0 0; display:block; font-size:1px; height:135px; left:0; line-height:1px; overflow:hidden; padding:0; position:absolute; text-indent:-9999em; top:18px; width:223px; z-index:9999}

	#header .contacts {display:block; overflow:hidden; padding:3px 0 0 0; position:absolute; right:0; top:24px; width:500px; z-index:99}
	#header .contacts ul {float:right; margin:0; overflow:hidden; padding:0}
	#header .contacts li {float:right; font-family:'roboto_slabregular'; font-size:23px; line-height:28px; list-style:none; margin:0; padding:0 0 0 40px; color:#dd302f}
	.darkbold {font-weight: bold;color: #2d1712}
	
	
	#header .social {display:block; padding:0 0 0 0; position:absolute; right:-5px; top:50px; width:110px; height:46px; z-index:99}
	#header .social ul {float:right; margin:0; overflow:hidden; padding:0}
	#header .social li {float:left; list-style:none; margin:0; padding:0 5px 0 0}
	#header .social a {display:block; font-size:1px; height:46px; line-height:1px; overflow:hidden; text-indent:-9999em; width:47px}
	#header .social .twitter {background:url("../img/icons/twitter47x46.png") no-repeat 0 0}
	#header .social .facebook {background:url("../img/icons/facebook47x46.png") no-repeat 0 0}
	#header .social .instagram {background:url("../img/icons/instagram47x46.png") no-repeat 0 0}


/* nav
-----------------------------------------------*/

#nav-holder {background-color:#50261b; clear:both; display:block; overflow:hidden; padding:0; position:relative; width:100%; }

#nav {clear:both; display:block; overflow:hidden; padding:17px 0 17px 0; position:relative; z-index:9}

	#nav .menu-link {background:url("../img/menu-link.png") no-repeat 0 0; display:none; font-size:0; height:56px; line-height:1px; overflow:hidden; position:absolute; right:10px; text-indent:-9999em; top:23px; width:80px}

	#nav .menu {float:left; margin:0; overflow:hidden; padding:0}
	#nav .menu li {float:left; font-size:20px; line-height:20px; list-style:none; margin:0; padding:0 28px 0 0}
	#nav .menu a {color:#e3d3bd; display:block; font-family:'roboto_slabbold'; font-size:25px; line-height:20px; text-transform:uppercase}
	#nav .menu a:hover, #nav .menu .active {color:#dd302f; text-decoration:none}




/* banner
-----------------------------------------------*/

#banner {background:url("../img/bg-banner.png") no-repeat bottom center; clear:both; min-height:160px; overflow:hidden; padding:0 0 20px 0; position:relative; width:100%; z-index:99; margin-top:10px;}






/* main
-----------------------------------------------*/

#main {clear:both; display:block; overflow:hidden; padding:15px 0 0 0; position:relative}



	.nomargin {margin:0 0 0 0}
	.marginleft20 {margin:0 0 0 20px}

	/* general -----------------------------------------------*/
	
	#main p {font-family:'roboto_slabregular', arial; font-size:17px; line-height:20px; padding:0 0 15px 0}
	#main h1 {font-family:'roboto_slabregular', arial; font-size:25px; line-height:29px; padding:0 0 20px 0}

	#main blockquote { background: url("../img/quote-top.png") no-repeat 10px 20px; display:block; font-family:'roboto_slabregular'; text-align:center; font-size:24px; line-height:34px; margin:0 0 30px 0; padding:15px 20px 5px 30px}
	#main blockquote .end-apos {background:url("../img/quote-bottom.png") no-repeat bottom right; display:inline-block; font-size:1px; height:18px; line-height:1px; position:relative; text-indent:-9999em; top:-18px; width:19px}

	#main .bullets-list {display:block; margin:10px 0 0 0; padding:0 0 30px 0}
	#main .bullets-list li {
	clear:both;
	display:block;
	font-size:16px;
	line-height:22px;
	list-style:none;
	padding:0 0 0 15px;
	background: url("../img/icons/bullet12x12.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
}

	.col-158 h1 {display:none;}

	.col-full h1 {font-size:24px; margin:20px 0 40px 0;}

	#main .widget-contacts {clear:both; display:block; overflow:hidden; padding:0 0 20px 0; width:100%}
		#main .widget-contacts h3 {color:#b8d43; font-size:22px; line-height:28px; padding:0 0 10px 0}
		#main .widget-contacts .address {background:url("../img/address.png") no-repeat 0 1px; color:#2d1712; display:block; font-size:15px; line-height:24px; padding:0 0 20px 28px}
		#main .widget-contacts p {font-size:15px; line-height:24px; padding:0 0 10px 28px}
		#main .widget-contacts .email {background:url("../img/email.png") no-repeat 0 2px; }
		#main .widget-contacts .phone {background:url("../img/phone.png") no-repeat 0 1px; }
		#main .widget-contacts a {color:#272e3e}
		
		.imgBord {padding:5px;
   border:1px solid #50261b;
   background-color:#e3d3bd;}
   
   
   
   
/* ==================== Google Map ==================== */

#map_canvas {
	height: 450px;
	width: 100%;
	margin-bottom:50px;
}
#map_canvas img {
	max-width: inherit;
	}
		
		
		
		

/* footer
-----------------------------------------------*/

#footer { background: url("../img/footer-bg.png"); clear:both; display:block; overflow:hidden; width:100%; z-index:777; height:100px; background-repeat:repeat-x; background-position:center; background-position:bottom; padding-top:209px}

	#footer .contacts {clear:both; display:block; overflow:hidden}
	#footer .contacts ul {float:right;clear:both; display:block; margin:0; overflow:hidden; padding:0}
	#footer .contacts li {font-family:'roboto_slabregular'; color:#dd302f; font-size:18px; line-height:28px; list-style:none; margin:0; padding:0 0 0 0; text-align:right}
	#footer .contacts li a {color:#e3d3bd}

	#footer .logos {clear:both; display:block; overflow:hidden; }
	#footer .logos ul {float:left;clear:both; display:block; margin:0; overflow:hidden; padding:0}
	#footer .logos li {font-family:'roboto_slabregular'; color:#dd302f; font-size:18px; line-height:28px; list-style:none; margin:0; padding:0 0 0 0; text-align:left}
	#footer .logos li a {color:#e3d3bd}
	

	

	
	

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

#holder {width:auto; padding:5px}

.fixer {clear:both; margin:0; overflow:hidden; width:auto}

.col-lhs340, .col-lhs460, .col-full, .col-lhs220, col-lhs620, .col-rhs220, .col-rhs300, .col-lhs680 {clear:both; display:block; float:none; overflow:hidden; width:auto;}

#header {}

	#header .logo {left:23px; top:23px; z-index:9999}
	#header .contacts {display:none}
	#header .social {display:none}



#nav {padding:100px 0 0 0}

	#nav .menu-link {display:block}

	#nav .menu {display:none; float:none; padding:0 0 10px 0}
	#nav .menu li {border-bottom:1px solid #2e7c8a; clear:both; display:block; float:none; font-size:24px; line-height:24px; overflow:hidden; padding:0; text-align:right; width:auto}
	#nav .menu a {display:block; font-size:24px; line-height:24px; text-align:right; padding:5px 20px}
	
#banner {display:none;}	

#intro {background:none; height:auto; min-height:1px;}

	#intro .tabs {padding:17px 20px 11px 20px}
	#intro .tabs ul {margin:0}
	#intro .tabs li {clear:both; display:block; float:none; overflow:hidden; padding:0 0 6px 0; width:auto}

#main {padding:0 0 20px 0}

	#main .col-lhs220 {margin:0 auto; width:220px; margin-bottom:20px;}
	
	#main .col-rhs220 {margin:0 auto}
	
	#main .col-lhs640, #main .col-lhs300 {margin:10px;}

	#main .bx-wrapper {background:none; padding:0}

	#bx-pager {display:none}

	#main .two-cols-panel, #main .content {padding:0 20px}
	
	.twitterfeed {background: url("../img/twitter-overlay.png") no-repeat; display:block; margin:0 0 12px 0; overflow:hidden; height:301px; width:194px; padding-left:0px; padding-right:0px;}
	
	img {width:100%; height:auto}



#footer {padding:20px 0; background-color:#2d1712; background-image:none; position:relative}

	#footer .contacts {padding:0 0 10px 0}
	#footer .contacts li {clear:both; display:block; padding:0 0 15px 0; text-align:center; width:304px;}

	#footer .subnav {display:none}

	#footer .logos {padding:0 0 10px 0}
	#footer .logos li {clear:both; display:block;  padding:0 0 15px 0; text-align:center; width:304px;}
	

	

}



@media only screen and (max-width:767px) {

#holder {width:auto; padding:5px}

.fixer {clear:both; margin:0; overflow:hidden; width:auto}

.col-lhs340, .col-lhs460, .col-full, .col-lhs220, col-lhs620, .col-rhs220, .col-rhs300, .col-lhs680 {clear:both; display:block; float:none; overflow:hidden; width:auto;}

#header {}

	#header .logo {left:23px; top:23px; z-index:9999}
	#header .contacts {display:none}
	#header .social {display:none}



#nav {padding:100px 0 0 0}

	#nav .menu-link {display:block}

	#nav .menu {display:none; float:none; padding:0 0 10px 0}
	#nav .menu li {border-bottom:1px solid #2e7c8a; clear:both; display:block; float:none; font-size:24px; line-height:24px; overflow:hidden; padding:0; text-align:right; width:auto}
	#nav .menu a {display:block; font-size:24px; line-height:24px; text-align:right; padding:5px 20px}
	
#banner {display:none;}	

#intro {background:none; height:auto; min-height:1px;}

	#intro .tabs {padding:17px 20px 11px 20px}
	#intro .tabs ul {margin:0}
	#intro .tabs li {clear:both; display:block; float:none; overflow:hidden; padding:0 0 6px 0; width:auto}

#main {padding:0 0 20px 0}

	#main .col-lhs220 {margin:0 auto; width:220px; margin-bottom:20px;}
	
	#main .col-rhs220 {margin:0 auto}
	
	#main .col-lhs640, #main .col-lhs300 {margin:10px;}

	#main .bx-wrapper {background:none; padding:0}

	#bx-pager {display:none}

	#main .two-cols-panel, #main .content {padding:0 20px}
	
	.twitterfeed {background: url("../img/twitter-overlay.png") no-repeat; display:block; margin:0 0 12px 0; overflow:hidden; height:301px; width:194px; padding-left:0px; padding-right:0px;}
	
	img {width:100%; height:auto}



#footer {padding:20px 0; background-color:#2d1712; background-image:none; position:relative}

	#footer .contacts {padding:0 0 10px 0}
	#footer .contacts li {clear:both; display:block; padding:0 0 15px 0; text-align:center; width:304px;}

	#footer .subnav {display:none}

	#footer .logos {padding:0 0 10px 0}
	#footer .logos li {clear:both; display:block;  padding:0 0 15px 0; text-align:center; width:304px;}
	

	

}