@import url('normalize.css');
/* @fontface */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/* -------- General -------- */
body {font:'Open Sans', sans-serif; color:#e9e9e9; background:url(../images/background.jpg) top center no-repeat #222021;}
.left {float: left;}
.right {float: right;}
/* Links */
a {color:;}
a:focus {outline:thin dotted;}
a:hover, a:active {outline:0;}
/* Typography */
h1, h2, h3 {margin-bottom:15px;}
h1 {font-size:34px;}
h2 {font-size:;}
h3 {font-size:;}
/* Nested Images */
img.left{float:left; margin:0 10px 10px 0;}
img.right{float:right; margin:0 0 10px 10px;}

/* Site Container */
#container {}

/* Header */
header#top {position:relative; z-index:8;}
a.logo, a.logo {
	width:251px; height:105px; display:block; cursor:pointer; text-indent:-9999px;
	background:url(../images/logo.png) no-repeat 0 0; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%;
	behavior: url(PIE.htc);
	}
#header-top {background: url(../images/header-background.png) repeat-x; width: 100%; height: 105px;}

/* Navigation */
nav {margin:30px 0 0 30px; font-size: 18px; position: relative; float: right;}


nav ul {background: none; width:100%; height:40px; position: relative; list-style: none; position: relative; padding: 0; margin: 0;}
nav ul li {float: left; padding: 0; margin: 12px 15px 0;}
nav ul li a {display: block; color: #999; background: none; text-decoration: none;}
nav ul li a:hover {color: #636363}

	
nav ul li.phone-number {color: #fff200; float: left; display: block; margin: 12px 15px 0; background: none; text-decoration: none; font-weight: 300; }

.content-text-area {margin-bottom: 50px;}
	.content-text-area h1 { font-size: 30px; margin-top: 60px; color: #ec1d24;}
	.content-text-area p { font-size: 14px;}
a.read-more-button {color: #e1d604; font-size: 17px; text-decoration: none; display: block; position: relative; background: url(../images/yellow-arrow.png) no-repeat 250px;  padding-right: 45px;}

#home li.home-nav, 
#about-us li.about-us-nav,
#services li.services-nav,
#contact-us li.contact-us-nav {
border-bottom: 4px solid #ec1d24; }



/* Main Site Area */
#main {margin:10px 0; position:relative; z-index:4;}
.box {min-height:180px; background-color:#ddd; padding:5px 20px; margin-bottom:10px;}

/* Footer */
.footer {width: 100%; background: #333; min-height: 95px; position: relative; bottom: 0; left: 0;
}
.footer .container_12 {position: relative;}
footer {}
footer p.copyright {text-align:center; font-size:14px; color: #636363;}
footer p.copyright a {color: #636363; text-decoration: none;}
.kids {position: absolute; right: 60px; bottom: -10px; height:183px; width:340px; background: url(../images/kids.png) no-repeat;}

footer ul {margin: 30px 0 0 0; padding: 0; text-align:center}
	footer ul li {list-style: none; display: inline; padding:0 10px; color: #999;}
	footer ul li:first-child {padding-left: 0;}
	footer ul li a {text-decoration: none; font-size: 20; color: #999;}
	footer ul li a:hover {color: #636363;}

/* --------- Custom -------- */


#home .picture {position: absolute; height: 394px; width: 550px; background: url(../images/home-page-picture.png) no-repeat; top: 37px; right: 0; }

#about-us .picture-2 {position: absolute; height: 394px; width: 550px; background: url(../images/about-us-picture.png) no-repeat; top: 37px; right: 0;}
#contact-us .picture-2 {position: absolute; width: 394px; height: 550px; background: url(../images/contact-us-picture.png) no-repeat; top: 37px; right: 0;}

.picture-2 {position: absolute; height: 394px; width: 550px; background: url(../images/northstar-driving-school.png) no-repeat; top: 37px; right: 0; }

.bottom-content {width: 100%; background: url(../images/bottom-background.png) repeat; padding: 25px 0 45px;}
.bottom-content p {font-size: 16px; line-height: 22px;}

#services .bottom-content {margin-top: 110px;}

a.schedule-your-private-leassons {background: url(../images/cal-car-box-backgorund.jpg) repeat-x #bcbab7; width: 380px; display: block; text-decoration: none; font-size: 20px; color: #333; padding-top:20px; margin-top: 43px; padding-bottom: 20px; font-weight: 900; }
a.schedule-your-private-leassons.new {margin: 10px; padding: 20px 10px 0;}
a:hover.schedule-your-private-leassons {background-image: none;}

.cal { background: url(../images/calendar.png) no-repeat; height: 99px; width: 111px; padding-left: 5px; position: relative; float: left; margin-top: -20px;}


a.behind-the-wheel-leassons {background: url(../images/cal-car-box-backgorund.jpg) repeat-x #bcbab7; width: 380px; display: block; text-decoration: none; font-size: 24px; color: #333; padding-top:20px; margin-top: 35px; padding-bottom: 14px; }
a:hover.behind-the-wheel-leassons {background-image: none;}

.car {background: url(../images/car.png) no-repeat; height: 99px; width: 111px; padding-left: 5px; position: relative; float: left; margin-top: -20px;}

a.address {background: url(../images/cal-car-box-backgorund.jpg) repeat-x; width: 520px; display: block;  padding: 20 0 0; text-decoration: none; color: #333; float: right; font-size: 20px; padding: 10px; margin-top: 43px;}
.map {}



/* --------- Helper Classes -------- */
/* For image replacement */
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr} .ir br {display:none} .hidden {display:none !important; visibility:hidden} .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto} .invisible {visibility:hidden} .clearfix:before, .clearfix:after {content:""; display:table} .clearfix:after {clear:both} .clearfix {zoom:1} .clear {clear:both}

/* --------- Media Queries -------- */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

/* --------- Print Styles -------- */
@media print {* {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} a, a:visited {text-decoration: underline} a[href]:after {content:" (" attr(href) ")";} abbr[title]:after {content:" (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";} pre, blockquote {border:1px solid #999; page-break-inside:avoid;} thead {display:table-header-group;} tr, img {page-break-inside:avoid;} img {max-width:100% !important;} @page {margin:0.5cm;} p, h2, h3 {orphans:3; widows:3;} h2, h3 {page-break-after:avoid;}}