@charset "utf-8";
html { padding:0; margin:0; height: 100%; width: 100%; }
body { margin:0; padding:0; width:100%; border:0; color:#000; font-size:13px; font-family: Sans-serif; background: #fff url(images/billards-trucking-yellow-background.jpg) repeat;}
.main { margin:0 auto; padding:0; }
h2 { margin:0; padding:2px 0; font-size: 20px; font-weight:bold; color:#9d0206; text-transform: uppercase; font-family: Sans-serif; }
h2 span { display: block; padding: 0; font-size: 16px; padding: 2px 0; }
h3 { margin: 10px 0 6px 0; padding:3px 0; font-size:16px; font-weight:bold; color:#9d0206; text-transform: uppercase; font-family: Sans-serif; }
p { margin:0; padding:6px 0;}
p.large { font-size: 16px; }
span { margin:0; padding:6px 0;}
div { padding: 0; margin: 0; }
.clear { clear:both; }
a { color:#9d0206; text-decoration: underline; outline: none; }
a:hover { color:#8c060a; }
a.readmore { display: block; width: 124px; height: 37px; text-indent: -9999px; background: url(images/read-more-button.png) 0 0 no-repeat; }
a.readmore.dark { margin: 4px 0 0 0; background: url(images/read-more-button-dark.png) 0 0 no-repeat; }
a.readmore:hover { background-position: 0 -37px; }

img { border:none;}
input:focus { outline-width: 0; }
.billards { width: 943px; margin: 0 auto; background: url(images/body-background.png) repeat; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.billards .billardscenter { } 
.billards .billardscenter .heading { width: 100%; height: 211px; background: url(images/billards-trucking-head-banner.jpg) no-repeat; }
.billards .billardscenter .heading .left { display: table-cell; width: 174px; height: 211px; vertical-align: top; }
.billards .billardscenter .heading .left img { padding: 11px 0px 0px 20px; height: 181px; }
.billards .billardscenter .heading .middle { display: table-cell; width: 173px; height: 211px; vertical-align: top; }
.billards .billardscenter .heading .middle .billardstitle { margin: 32px 0px 0px 11px; background:url(images/billards-trucking-logo-text.png) no-repeat; width: 162px; height: 52px; }
.billards .billardscenter .heading .right { display: table-cell; height: 211px; width: 584px; vertical-align: bottom; text-align: right; font-size: 21px; color: #ffba00; padding: 0 12px 0 0; }

.billards .billardscenter .menu { width: 100%; height: 54px; background: #9d0206; }
.billards .billardscenter .menu ul { margin: 0; padding: 12px 0 0 12px; list-style-type: none; color: #ffba00; font-size: 19px; }
.billards .billardscenter .menu ul li { display: inline-block; }
.billards .billardscenter .menu ul li a.home { background:url(images/menu/5/home.png) 0 0 no-repeat; width: 64px; }
.billards .billardscenter .menu ul li a.aboutus { background:url(images/menu/5/about-us.png) 0 0 no-repeat; width: 94px; }
.billards .billardscenter .menu ul li a.contact { background:url(images/menu/5/contact-us.png) 0 0 no-repeat; width: 104px; }
.billards .billardscenter .menu ul li a.rentals { background:url(images/menu/5/rentals.png) 0 0 no-repeat; width: 87px; }
.billards .billardscenter .menu ul li a.fleet { background:url(images/menu/5/our-fleet.png) 0 0 no-repeat; width: 97px; }
.billards .billardscenter .menu ul li a.services { background:url(images/menu/5/our-services.png) 0 0 no-repeat; width: 126px; }
.billards .billardscenter .menu ul li a.phoneus { background:url(images/menu/5/phone-us-today.png) 0 0 no-repeat; width: 241px; margin: 0 0 0 78px; }
.billards .billardscenter .menu ul li a { display: block; height: 31px; text-indent: -9999px; }
.billards .billardscenter .menu ul li a:hover, .billards .billardscenter .menu ul li a.active { background-position: 0 -31px; }

.billards .billardscenter .slideshow { width: 943px; height: 397px; }
.billards .billardscenter .slideshow img { width: 943px; height: 397px; }
.billards .billardscenter .slideshow .slider { width: 943px; height: 397px; }
.billards .billardscenter .slideshow .slides_container { width: 943px; height: 397px; }
.billards .billardscenter .slideshow .slider ul { padding: 0; margin: 0; }
.billards .billardscenter .slideshow .slider ul li { padding: 0; margin: 0; list-style: none; }
.billards .billardscenter .slideshow .slider img { position: absolute; margin-left: -9px; z-index: -1; width: 943px; height: 397px; }
.billards .billardscenter .slideshow ul.slidepagination { position: absolute; margin: -28px 0px 0px 842px; padding: 0px 0px 0px 0px; z-index: 5; }
.billards .billardscenter .slideshow ul.slidepagination li { width: 13px; height: 14px; list-style: none; display: inline-block; padding: 0 2px; }
.billards .billardscenter .slideshow ul.slidepagination li a { width: 13px; padding-top: 14px; height: 0px; background: url(images/pagenotation.png) no-repeat; background-position: 0 0; overflow: hidden; display: block; }
.billards .billardscenter .slideshow ul.slidepagination li a:hover, .billards .billardscenter .slideshow ul.slidepagination li.current a { background-position: 0 -14px;}

.billards .billardscenter .content { width: 943px; padding: 14px 0; }
.billards .billardscenter .content .overviewboxes { width: 100%; text-align: center;  }
.billards .billardscenter .content .overviewboxes .col { display: inline-block; padding: 0 7px; }
.billards .billardscenter .content .overviewboxes .col .head { width: 272px; height: 35px; max-height: 35px; text-align: center; font-size: 20px; color: #fff; padding: 13px 0px 0px 0px; background: #9d0206; font-weight: bold; text-transform: uppercase; font-family: Sans-serif; }
.billards .billardscenter .content .overviewboxes .col .head span { color: #ffba00; padding: 0; margin: 0; display: inline-block; }
.billards .billardscenter .content .overviewboxes .col .image { width: 272px; height: 182px; overflow: hidden; }
.billards .billardscenter .content .overviewboxes .col .image img { width: 272px; height: 182px; }
.billards .billardscenter .content .overviewboxes .col .bottom { width: 224px; height: 173px; padding: 24px; background: #9d0206; text-align: left; color: #fff; }
.billards .billardscenter .content .overviewboxes .col .bottom .inner { height: 132px; }
.billards .billardscenter .content .overviewboxes .col .bottom .inner p { padding: 0 0 2px 0; }

.billards .billardscenter .content .colleft { display: table-cell; width: 663px; vertical-align: top; padding: 0 14px; }
.billards .billardscenter .content .colleft.wide { display: block; width: 915px; }
.billards .billardscenter .content .colleft ul { margin: 2px 0 10px 0; }
.billards .billardscenter .content .colleft ul li { padding: 1px 0; }
.billards .billardscenter .content .colright { display: table-cell; width: 280px; max-width: 280px; vertical-align: top; }
.billards .billardscenter .content .colright .block { width: 280px; margin: 0 0 14px 0; background: #9d0206; color: #fff; }
.billards .billardscenter .content .colright .block a { color: #ffba00; }
.billards .billardscenter .content .colright .block a:hover { color: #f0b618; }
.billards .billardscenter .content .colright .block .head { width: 280px; height: 34px; max-height: 34px; text-align: center; font-size: 20px; color: #fff; padding: 10px 0 0 0; font-weight: bold; text-transform: uppercase; }
.billards .billardscenter .content .colright .block .head span { color: #ffba00; padding: 0; margin: 0; display: inline-block; }
.billards .billardscenter .content .colright .block .image { width: 280px; height: 124px; overflow: hidden; margin: 0 0 20px 0; }
.billards .billardscenter .content .colright .block .image img { min-width: 280px; height: 124px; }
.billards .billardscenter .content .colright .block .bottom { width: 232px; padding: 0 24px 24px 24px; text-align: left; }
.billards .billardscenter .content .colright .block .bottom .inner {  }
.billards .billardscenter .content .colright .block .bottom .inner a.readmore.dark { margin: 14px 0 0 0; }

.billards .billardscenter .content .colleft .advanced-slider { padding: 0 0 34px 0; }

.billards .billardscenter .content .colleft form input[type="text"] { width: 372px; padding: 2px; }
.billards .billardscenter .content .colleft form select { width: 378px; padding: 2px; }
.billards .billardscenter .content .colleft form label { display: block; padding: 11px 0px 2px 0px; font-size: 14px; }
.billards .billardscenter .content .colleft form textarea { display: block; padding: 2px; width: 372px; height: 94px; }
.billards .billardscenter .content .colleft form input[type="submit"] { display: block; width: 78px; height: 30px; text-align: center; padding: 2px; font-size: 14px; background: #9d0206; color: #fff; margin: 11px 0 0 0; }
.billards .billardscenter .content .colleft form input[type="submit"]:hover { background: #8c060a; }
.billards .billardscenter .content .colleft .return { padding: 12px 0 3px 0; font-size: 16px; font-weight: bold; }

.billardsfooter { width: 100%; }
.billardsfooter .lowerbar { text-align: center; padding: 7px 0; }
.billardsfooter .wide { width: 100%; background: #9d0206; }
.billardsfooter .wide .inner { width: 943px; padding: 14px 0; text-align: center; margin: 0 auto; color: #fff; }
.billardsfooter .wide .inner a { margin: 0 14px 0 0; color: #fff; text-decoration: none; }
.billardsfooter .wide .inner a:hover { color: #ffba00; }

/*  
The following Styles were NOT created by Buddywa Website Solutions:
Keeping Fotters at bottom of the page
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
INCLUDE IE FIX FOR THIS
*/
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main { overflow: auto;
	padding-bottom: 163px; }  /* must be same height as the footer */
#footer 
{
	position: relative;
	margin-top: -163px; /* negative value of footer height */
	height: 163px;
	clear:both;
} 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
/*
END Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
@media screen and (max-width: 635px) {
	.billards .billardscenter .menu { height: auto; }
	.billards .billardscenter .menu ul { padding: 12px; }
	.billards .billardscenter .menu ul li { display: block; width: 100%; }
	.billards .billardscenter .menu ul li a { margin: 0 auto; }
	.billards .billardscenter .menu ul li a.aboutus { width: 79px; }
	.billards .billardscenter .menu ul li a.home { width: 47px; }
	.billards .billardscenter .menu ul li a.services { width: 111px; }
	.billards .billardscenter .menu ul li a.fleet { width: 82px; }
	.billards .billardscenter .menu ul li a.rentals { width: 72px; }
	.billards .billardscenter .menu ul li a.contact { width: 98px; }
	.billards .billardscenter .slideshow, .advanced-slider { display: none; }
	.billards .billardscenter .content .colright { display: block; margin: 14px auto; }
	.billards .billardscenter .content .colleft { width: 100%; }
	.billards .billardscenter .content .colleft.wide { width: 100%; }
	#footer { margin-top: -140px; }
}
@media screen and (max-width: 942px) {
	.billards { width: 100%; }
	.billards .billardscenter .menu ul li a.phoneus { margin: 0; }
	.billards .billardscenter .slideshow { width: 100%; }
	.billards .billardscenter .slideshow ul.slidepagination { display: none; }
	.billards .billardscenter .content { width: 100%; }
	.billards .billardscenter .content .overviewboxes .col { margin-bottom: 14px; }
	.billardsfooter .wide .inner { width: 100%; }
	.billards .billardscenter .content .colleft .jobphotos { display: none; }
}
@media screen and (max-width: 874px) {
	.billards .billardscenter .menu ul li a.phoneus { display: none; }
}
@media screen and (max-width: 588px) {
	.billards .billardscenter .content .overviewboxes .col .head { width: 100%; }
	.billards .billardscenter .content .overviewboxes .col .image { width: 100%; height: auto; }
	.billards .billardscenter .content .overviewboxes .col .image img { width: 100%; height: auto; }
	.billards .billardscenter .content .overviewboxes .col .bottom { width: auto; height: auto; }
	.billards .billardscenter .content .overviewboxes .col .bottom .inner { height: auto; padding-bottom: 14px; }
	.billards .billardscenter .content .overviewboxes .col a.readmore.dark { margin: 0 auto; }
	#main { padding-bottom: 118px; }
}
@media screen and (max-width: 350px) {
	.billards .billardscenter .heading .middle .billardstitle { margin: 32px 0px 0px -9px; }
	.billards .billardscenter .heading .left img { padding: 11px 0px 0px 5px; }
}
@media screen and (max-width: 372px) {
	.billards .billardscenter .content .colleft form input[type="text"], .billards .billardscenter .content .colleft form select, .billards .billardscenter .content .colleft form textarea { width: 100%; }
	.billards .billardscenter .content .colleft form input[type="submit"] { margin: 11px auto; }
}