*{ margin: 0; padding: 0; }

/*=====================
LAYOUT
=======================*/
.container{ margin: 0 auto; }
.textleft{ text-align: left; }
.textcenter{ text-align: center; }
.textright{ text-align: right; }
.font16{ font-size: 16px; }
.font20{ font-size: 20px; }
.font23{ font-size: 23px; }
.font29{ font-size: 29px; }
.italic{ font-style: italic; }
.semibold{ font-weight: 600; }
.normal{ font-weight: 400; }
iframe{border: none;}

/*=====================
TYPOGRAPHY
=======================*/
.libre{ font-family: 'Libre Baskerville', Georgia, serif; }
.opensans{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.blue{ color: #004b91; }

a, a:focus{
	text-decoration: none;
	outline: none;
}

body{
	background: url(../images/pattern-background.jpg) repeat;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
/*=====================
#HEADER
=======================*/
#header{
	width: 100%;
	min-height: 170px;
	background: #fff;
}
#logo{
	display: block;
	position: absolute;
	top: 20px;
	z-index: 20;
}
#topsocials{
	text-align: right;
	position: absolute;
	top: 90px;
}
#cupcakelogo{
	position: absolute;
	top: 80px;
}

/*=====================
#BLUEBAR
=======================*/
#bluebar{
	width: 100%;
	height: 31px;
	background: url(../images/header-bluebar.png) repeat-x;
	z-index: 10;
}

/*=====================
#HOME-DIVIDER
=======================*/
#home-divider a{
	color: #004a91;
}

/*=====================
#CONTENT
=======================*/
#content{
	background: url(../images/background.jpg) center top no-repeat;
	margin-top: -13px;
	position: relative;
	z-index: 0;
	padding-top: 160px;
}
#content .thumbnail{
	background: #fff;
}

#content #facts .thumbnail{ 
	background: none; 
	border: none; 
	box-shadow: none;
	text-align: center;
}
#content #facts .thumbnail h3{
	font-size: 20px;
	color: #004b91;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	line-height: 23px;
}
#content #facts .thumbnail h3 span{
	font-family: 'Libre Baskerville', Georgia, serif;
	font-size: 23px;
	font-style: italic;
	font-weight: 400;
}
#content #facts .numberbox{
	/*background: url(../images/button-truckseephoo-right.png) right center no-repeat;*/
	background: url(../images/pattern-diagonalline.png) repeat-x;
	max-width: 138px;
	height: 40px;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b7b7b7;

	-moz-box-shadow:    inset 0 0 5px #c9c9c9;
   -webkit-box-shadow: inset 0 0 5px #c9c9c9;
   box-shadow:         inset 0 0 5px #c9c9c9;
}
#content #facts .numberbox p{
	font-size: 19px;
	color: #d3bd02;
	font-weight: 600;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 40px;
	height: 40px;
	/*background: url(../images/button-truckseephoo-left.png) left center no-repeat;*/
}

#tour-seephotos{ margin-top: -150px; }
#tour-findtruck{ margin-top: -200px; }

/*=====================
#TOURTAB
=======================*/
#tourtab .span10{
	background: url(../images/cupcake-truck-locator-cupcakebus.png) right top no-repeat;
}
#tourtab .nav-tabs{
	border-bottom: none;
}
#tourtab .nav-tabs > li > a{
	height: 54px;
	line-height: 54px;
	font-size: 27px;
	padding: 0 30px;
	background: #fff;
	color: #004a91;
	margin-right: 5px;
	border: none;
}
#tourtab .nav-tabs > li > a:hover{
	border: none;
}
#tourtab .nav-tabs > li:first-child > a{ margin-left: 20px; }
#tourtab .nav-tabs > .active > a, #tourtab .nav-tabs > .active > a:hover, #tourtab .nav-tabs > .active > a:focus{
	background: #004a91;
	color: #fefefe;
	border: none;
}

.tab-content{
	background: #fafafa;
	padding: 0px 10px;
	margin-top: -6px;
}
.tab-content #locator h3{
	font-size: 19px;
	text-transform: uppercase;
	color: #004a96;
	background: #ffeb03;
	padding: 0px 5px;
	font-family: 'Libre Baskerville', Georgia, serif;
	font-weight: 400px;
	text-align: left;
}

/*=====================
#TOUR-LOCATOR
=======================*/
#tour-locator{
	background: #fafafa;
	padding: 15px 10px;
}
#tour-locator p#nocity{
	text-align: left;
	font-size: 21px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #b4a001;
	font-weight: 600;
	border-top: 2px solid #d5be02;
	padding-top: 20px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	line-height: 1.5;
}
#tour-locator p#nocity span{
	font-family: 'Libre Baskerville', Georgia, serif;
	font-size: 31px;
	font-style: italic;
	font-weight: 400;
}
#tour-locator p#visit{
	text-align: right;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 600;
	color: #004a96;
}
#tour-locator p#visit a{ 
	color: #004a96; 
	background: url(../images/icon-visit-our-website.png) right center no-repeat;
	padding-right: 60px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	color: #004a91;
	font-weight: 600;
	border: 2px solid #e4e4e4;
	height: 25px;
	font-size: 17px;
}
select, input[type="file"]
{
  height: 36px;
  line-height: 20px;
  color: #004a91;
}

::-webkit-input-placeholder {
   color: #004a91;
}

:-moz-placeholder { /* Firefox 18- */
   color: #004a91;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #004a91;  
}

:-ms-input-placeholder {  
   color: #004a91;  
}

/*=====================
#LEGAL
=======================*/
#legal h1, #legal h4{
	color: #004a91;
	font-weight: 400;
}

/*=====================
#FOOTER
=======================*/
#footer{
	text-align: center;
	padding: 50px 0;
}
#footer p.footlogo a{
	font-size: 22px;
	color: #004a91;
	font-style: italic;
	line-height: 12px;
}
#footer p.footnav a, #footer p.footnav, #footer p.copyright{
	font-style: 14px;
	color: #aa9801;
	line-height: 12px;
}
#footer p.footnav a:hover{ text-decoration: underline; }