/* =========================== elements ============================= */

body { 
	background: #fbfbfb url(../img/bg-body.png) repeat-x 0 0;
	font: normal 13px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #000;
}

p {
	margin-bottom: 15px;
}

a:link, a:visited { 
	color: #EB2525; 
	text-decoration: none; 
}
a:link:hover, a:visited:hover, a:active, a:focus {
	text-decoration: underline; 
}

img {
	display: block;
}
a img {
	border: none;
}


// Underordered Lists
ul {
	margin-left: 10px;
	list-style: circle;
}
ul li {
	margin-bottom: 5px;
}


// Ordered lists
ol {
	margin-left: 10px;
	list-style: circle;
}
ol li {
	margin-bottom: 5px;
}


// Definition Lists
dl { 
}

dt { 
	float: left; 
	clear: left;
} 
dt:after { 
	content: ":"; 
} 

dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0;
}

.read-more {
	background: url(../img/read-more-link.gif) no-repeat 0 0;
	width: 108px; height: 17px; display: block;
	float: right;
}
.read-more:hover {
	background-position: 0 100%;
}

.submit-btn {
	background: url(../img/submit-btn.gif) no-repeat;
	width: 108px; height: 17px; border: none;
	float: right; cursor: pointer;
}

/* ========================= elements end =========================== */

/* ============================ layout ============================== */

.clear {
	clear: both; height: 0px;
}

.holder{ 
	width: 915px;
	margin: 0 auto;
	position: relative;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header {
	margin-top: 10px;
}

#logo {
	background: url(../img/young-driver-training.gif) no-repeat;
	width: 317px; height: 101px; margin-top: 17px;
	float: left; margin-bottom: 23px;
}
#logo a {
	width: 317px; height: 101px;
	display: block; text-indent: -2009%;
}

a.header_book_now_button {
    position: absolute;
    top: 10px;
    right: 52px;
}

#user-actions {
	float: right;
	margin-top: 15px;
	width: 109px;
}
#action-register {
	background: url(../img/action-register.gif) no-repeat;
	width: 65px; height: 17px;
	float: left;
}
#action-register a {
	width: 65px; height: 17px; display: block; text-indent: -2009%;
}
#action-login {
	background: url(../img/action-login.gif) no-repeat;
	width: 44px; height: 17px;
	float: right;
}
#action-login a {
	width: 44px; height: 17px; display: block; text-indent: -2009%;
}



/* ========================== header end ============================ */

/* ========================== navigation ============================ */

#nav {
	width: 879px; height: 38px; 
}
#nav li {
	float: left; position: relative;
	z-index: 999;
}

#nav li:hover {
	background-position: 0 -36px;
}

#nav li.active {
	background-position: 0 -72px;
}

#nav li a {
	width: 100%; height: 36px; display: block;
}

#nav-home {
	background: url(../img/nav-home.gif) no-repeat;
	width: 86px; height: 36px;
}
#nav-book {
	background: url(../img/nav-book-animated.gif) no-repeat;
	width: 91px; height: 36px;
}
#nav-book:hover {
	background: url(../img/nav-book.gif) no-repeat 0 -36px;
}
#nav-book.active {
	background: url(../img/nav-book.gif) no-repeat 0 -72px;
}
#nav ul#nav-book-dropdown li {
	width: 160px;
}

#nav-about {
	background: url(../img/nav-about.gif) no-repeat;
	width: 113px; height: 36px;
}
#nav-venues {
	background: url(../img/nav-venues.gif) no-repeat;
	width: 109px; height: 36px;
}
#nav-cars {
	background: url(../img/nav-cars.gif) no-repeat;
	width: 93px; height: 36px;
}
#nav-faq {
    background: url(../img/nav-faq.gif) no-repeat;
    width: 92px; height: 36px;
}

#nav-vouchers {
	background: url(../img/nav-vouchers.gif) no-repeat;
	width: 164px; height: 36px;
}
#nav-shop {
	background: url(../img/nav-shop.gif) no-repeat;
	width: 92px; height: 36px;
}
#nav-offers {
    background: url(../img/nav-offers.gif) no-repeat;
    width: 92px; height: 36px;
}
#nav-contact {
	background: url(../img/nav-contact.gif) no-repeat;
	width: 129px; height: 36px;
}

#nav li ul {
	position: absolute;
	left: 15px; top: 35px;
	display: none;
}
#nav li ul li {
	background-color: #000;
	padding: 3px; width: 120px; height: 25px;
	margin-bottom: 0; line-height: 25px;
}
#nav li ul li:hover {
	background-color: #1a1a1a;
}
#nav li ul li a {
	color: #ffffff;
	width: auto;
	padding-left: 10px;
}
#nav li ul li a:hover {
	text-decoration: none;
}
#nav li:hover ul {
	display: block;
}

/* ======================== navigation end ========================== */

/* ========================== slideshow ============================= */

#slideshow {
	background: url(../img/bg-slideshow_narrow.png) no-repeat;
	width: 891px; height: 208px;
	position: relative; left: -5px; top: 3px; z-index: 0;
}
#slideshow #slides {
	position: absolute;
	left: 15px; top: 14px;
	z-index: 0;
}
#slideshow #slides.slideshow_homepage li {
	display: none;
}
}
#slideshow #slides.slideshow_homepage li img {
    height: 171px;
    width: 551px;
}
#slideshow #prev {
	background: url(../img/slideshow-prev.png) no-repeat;
	width: 48px; height: 59px; cursor: pointer;
	position: absolute; left: -43px; top: 130px;
}
#slideshow #next {
	background: url(../img/slideshow-next.png) no-repeat;
	width: 48px; height: 59px; cursor: pointer;
	position: absolute; right: -43px; top: 130px;
}

ul#banner_adverts {
    position: absolute;
    right: 15px; top: 14px;
    z-index: 0;
    
}

ul#banner_adverts a img {
    border: 0px;
}

/* ========================= slideshow end ========================== */

/* ============================ homepage ============================ 

#homepage-text {
	background: url(../img/homepage-text.gif) no-repeat;
	width: 649px; height: 49px; text-indent: -2009%;
	margin-top: 15px; position: relative;
}
*/ 
#homepage-text {                               
    width: 650px;
    margin: 20px 0 0 5px;
    font-size: 22px;
    line-height: 24px;
    color: black;
}

#homepage-sub-text {
	background: url(../img/homepage-sub-text.gif) no-repeat;
	width: 643px; height: 90px; text-indent: -2009%;
	margin-top: 25px; position: relative;
}

#homepage-cufon-sub-text {
	width: 650px;
	margin: 20px 0 0 5px;
	font-size: 18px;
	line-height: 24px;
	color: #848484;
}
#homepage-cufon-sub-text strong {
	color: #515151;
}


















#about-text {
	background: url(../img/about-text.gif) no-repeat;
	display: block; width: 635px; height: 86px;
}

#postit {
	background: url(../img/postit.gif) no-repeat;
	width: 255px; height: 279px; position: absolute;
	right: -50px; top: 170px; z-index: 0;
}
#postit #book-now-link {
	position: absolute;
	left: 38px; top: 48px;
	width: 193px; height: 82px;
	text-indent: -2009%;
	z-index: 1;
}
#postit_form {
    background: url(../img/post_it_note.png) no-repeat;
    width: 255px; height: 279px; position: absolute;
    right: -50px; top: 160px; z-index: 0;
}
#postit_form form {
    position: absolute;
    left: 5px; top: 50px;      
    z-index: 1;
    padding: 0px 20px 0px 0px;
}
#postit_form form h3 {
    margin: 13px 0px 5px 8px;
    padding: 0px;
    
}
#postit_form form p {   
    margin: 0px 35px 5px 8px;
    padding: 0px;
}
                    
#h3-signup {
    background: url(../img/h3-signup.gif) no-repeat;
    width: 135px; height: 14px; text-indent: -2009%;
    margin: 15px 0 15px 25px;
}

#postit_form form .row {
    margin-bottom: 6px;
    height: 24px;
}

#postit_form form .input-text {
    border: 1px solid #cccccc;
    background: #f3f2f2;
    width: 160px; height: 20px;
    margin-left: 25px;
}
#postit_form form .input-text input {
    border: none; background: none;
    margin: 2px 0 0 5px;
}

#postit_form form .input-select {
    width: 160px; height: 22px;
    margin-left: 25px;
}
#postit_form form .input-select select {
    border: 1px solid #cccccc;
    background: #f3f2f2;
    color: #555;
    width: 160px;
    padding: 4px;
}
#postit_form form .input-text .form-name, #page .input-text .form-name {
    background: url(../img/form-name.gif) no-repeat 0 3px;
}
#postit_form form .input-text .form-email, #page .input-text .form-email {
    background: url(../img/form-email.gif) no-repeat 0 3px;
}
#postit_form form .input-text .form-town, #page .input-text .form-town {
    background: url(../img/form-town.gif) no-repeat 0 3px;
}
#postit_form form .input-text .form-phone, #page .input-text .form-phone {
    background: url(../img/form-phone.gif) no-repeat 0 3px;
}
#postit_form form .input-text .form-county, #page .input-text .form-county {
    background: url(../img/form-county.gif) no-repeat 0 3px;
}
#page .textarea textarea {
    background: url(../img/form-message.gif) no-repeat 0 3px;
}



#contact-postit {
	background: url(../img/contact-postit.gif) no-repeat;
	width: 255px; height: 279px; position: absolute;
	right: -50px; top: 170px; z-index: 0;
}

#recent-news,
#latest-offers {
	width: 230px; float: left; 
	margin: 10px 50px 20px 0;  
}
/*
#h3-recent-news {
	background: url(../img/h3-recent-news.jpg) no-repeat;
	width: 142px; height: 14px; text-indent: -2009%;
	margin-bottom: 10px;
}
#h3-media {
    background: url(../img/h3-media.jpg) no-repeat;
    width: 69px; height: 14px; text-indent: -2009%;
    margin-bottom: 15px;
}
*/
#h3-recent-news,
#h3-media,
#latest-offers h3 { 
    margin-bottom: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 18px;
    color: #E10000;
    line-height: 20px;  
}
#h3-recent-news,
#h3-media {
    color: #555555;
    
}
#recent-news .post,
#latest-offers .post {
	background: url(../img/bg-signup.jpg) no-repeat;
	width: 255px; clear: both; 
}
#recent-news .post h2,
#latest-offers .post h2 {
	font-weight: bold;
	padding-top: 10px;
	margin-left: 10px;
}
#recent-news .post h2 a,
#latest-offers .post h2 a {
	color: #333333;
}
#recent-news .post p,
#latest-offers .post p {
	margin: 10px;
	color: #858484;
}
#recent-news .post .read-more,
#latest-offers .post .read-more {
	margin-bottom: 10px;
}
#recent-news #more,
#latest-offers #more {
	font-size: 11px;
	margin-left: 10px;
	color: #000; font-weight: bold;
	clear: both; 
}

#gallery {
	width: 355px; margin-top: 10px;
	float: left; 
} 
#gallery-link {
	background: url(../img/gallery-link.jpg) no-repeat;
	width: 355px; height: 367px; display: block;
}
#gallery-link-1 {
	background: url(../img/gallery-link-gallery.jpg) no-repeat;
	width: 355px; height: 234px; display: block;
}
#gallery-link-2 {
	background: url(../img/gallery-link-video.jpg) no-repeat;
	width: 355px; height: 133px; display: block;
}



             




#signup {
	background: url(../img/bg-signup.jpg) no-repeat;
	width: 255px; margin-top: 80px;
	float: right;
}
#h3-signup {
	background: url(../img/h3-signup.gif) no-repeat;
	width: 135px; height: 14px; text-indent: -2009%;
	margin: 15px 0 15px 25px;
}

#signup .row {
	margin-bottom: 10px;
	height: 24px;
}

#signup .input-text {
	border: 1px solid #cccccc;
	background: #f3f2f2;
	width: 160px; height: 22px;
	margin-left: 25px;
}
#signup .input-text input {
	border: none; background: none;
	margin: 4px 0 0 5px;
}

#signup .input-select {
	width: 160px; height: 22px;
	margin-left: 25px;
}
#signup .input-select select {
	border: 1px solid #cccccc;
	background: #f3f2f2;
	color: #555;
	width: 160px;
	padding: 4px;
}


.menu {
	background: url(../img/bg-signup.jpg) no-repeat;
	width: 255px; margin-top: 20px;
	float: right;
}
.menu.staying_alive {
    margin-top: 200px;   
}
.menu ul {
	margin: 0 20px 20px 30px;
}
.menu ul li {
	margin-bottom: 10px;
	color: #727273;
	list-style: disc;
}

.menu p {
	margin: 0 20px 10px 25px;
	color: #727273;
}



#about-shift {
	margin-top: 178px;
}
#signup.about-higher {
	margin-top: 10px;
} 





#h3-about {
	background: url(../img/h3-signup.gif) no-repeat;
	width: 135px; height: 14px; text-indent: -2009%;
	margin: 15px 0 15px 25px;
}
#h3-staying-alive {
	background: url(../img/h3-staying-alive.gif) no-repeat;
	width: 169px; height: 14px; text-indent: -2009%;
	margin: 15px 0 15px 25px;
}
#h3-are-you {
	background: url(../img/h3-are-you.gif) no-repeat;
	width: 161px; height: 35px; text-indent: -2009%;
	margin: 15px 0 15px 25px;
}


/* =========================== homepage end ========================= */

/* ============================== content =========================== */

#tyre-tracks {
	background: url(../img/tyre-tracks.png) no-repeat;
	width: 586px; height: 346px;
	position: absolute; left: -224px; top: 360px;
	z-index: -2;
}

#page {
	width: 620px; float: left;
	margin-top: 25px; color: #4f4f4f;
	margin-bottom: 25px;
}

#page .row {
	margin-bottom: 10px;
}

#page .input-text {
	border: 1px solid #cccccc;
	background: #f3f2f2;
	width: 405px; height: 22px;
}
#page .input-text input {
	border: none; background: none;
	margin: 4px 0 0 5px;
	width: 400px; font-size: 12px;
}

#page .textarea {
	border: 1px solid #cccccc;
	background: #f3f2f2; float: left;
	width: 405px; height: 145px;
}
#page .textarea textarea {
	border: none; background: none;
	margin: 4px 0 0 5px;
	width: 400px; height: 140px;
	font-size: 12px;
}

#page .row #textarea-btn {
	float: left;
	margin-top: 130px;
	margin-left: 5px;
}



#posts {
	width: 620px; float: left;
	margin-top: 25px; color: #4f4f4f;
	position: relative; left: 10px;
}
#posts .post {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#posts .post h2 {
	font-size: 15px; color: #333;
	font-weight: bold; text-transform: uppercase;
}
#posts .post h2 a {
	color: #333; text-decoration: none;
}

#posts .post .date {
	background: url(../img/news-icon.jpg) no-repeat;
	padding: 3px 0 6px 30px; font-weight: bold;
	color: #333; font-size: 14px;
	margin-bottom: 10px;
}


#sidebar {
	width: 260px;
	float: right;
}
#sidebar.with-postit {
	margin-top: 100px;
}
#sidebar.with-postit #signup {
	margin-top: 178px;
}



#cart {
	margin-top: 20px;
}



#page strong {
	font-weight: bold;
}

#page ul {
	margin-left: 15px;
	margin-bottom: 20px;
}
#page ul li {
	list-style: disc;
	padding-bottom: 5px;
}




#h2-news {
	background: url(../img/h2-news.gif) no-repeat;
	width: 143px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-about {
	background: url(../img/h2-about.gif) no-repeat;
	width: 94px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-venues {
	background: url(../img/h2-venues.gif) no-repeat;
	width: 75px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-cars {
	background: url(../img/h2-cars.gif) no-repeat;
	width: 50px; height: 13px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-book {
	background: url(../img/h2-book.gif) no-repeat;
	width: 145px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-sponsors {
	background: url(../img/h2-sponsors.gif) no-repeat;
	width: 98px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-shop {
	background: url(../img/h2-shop.gif) no-repeat;
	width: 51px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-video {
	background: url(../img/h2-video.gif) no-repeat;
	width: 94px; height: 14px; text-indent: -2009%;
	margin-bottom: 15px;
}
#h2-contact {
	background: url(../img/h2-contact.gif) no-repeat;
	width: 121px; height: 13px; text-indent: -2009%;
	margin-bottom: 15px;
}

.h2-cufon {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #545454;
}


#page blockquote, .post blockquote {
	color: #848484;
	text-transform: none;
	font-size: 16px;
}

#page blockquote strong {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #545454;
	display: block;
}


.make_purchase {
	background: url(../img/submit-btn.gif) no-repeat;
	width: 108px; height: 17px; border: none;
	cursor: pointer;
	text-indent: -2009px;
}

/* =========================== content end ========================== */

/* ============================= footer ============================= */

#footer {
	background: #f2f2f2 url(../img/footer-shadow.jpg) no-repeat 50% 0;
	border-top: 1px solid #dcdcdc;
	padding-bottom: 30px;
	width: 100%; clear: both;
	color: #848484;
}
#footer a {
	color: #848484;
}

#footer h5 {
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer #sponsors, #footer #sponsors2 {
	float: left;
}
#footer #sponsors li, #footer #sponsors2 li {
	float: left; margin-right: 90px;
}
#sponsor-seat {
	background: url(../img/sponsor-seat.jpg) no-repeat;
	width: 75px; height: 56px; display: block;
}
#sponsor-admiral {
	background: url(../img/sponsor-admiral.jpg) no-repeat;
	width: 54px; height: 61px; display: block;
}

#sponsor-pirelli {
	background: url(../img/sponsor-pirelli-red.gif) no-repeat;
	width: 103px; height: 23px; display: block;
	margin-top: 10px;
}

#footer #networks {
	float: right;
	width: 300px;
}
#footer #networks li {
	float: left; margin-right: 80px;
}
#footer #networks li.last {
	margin-right: 0;
}

#network-facebook {
	background: url(../img/network-facebook.jpg) no-repeat;
	width: 96px; height: 20px; display: block;
	margin-top: 10px;
}
#network-myspace {
	background: url(../img/network-myspace.jpg) no-repeat;
	width: 133px; height: 34px; display: block;
	margin-top: 5px;
}
#network-bebo {
	background: url(../img/network-bebo.jpg) no-repeat;
	width: 55px; height: 60px; display: block;
}
#network-twitter {
	background: url(../img/network-twitter.jpg) no-repeat;
	width: 58px; height: 58px; display: block;
}

#footer #copyright {
	clear: both;
	font-size: 11px;
	padding-top: 10px;
	float: left;
	width: 450px;
}

#sitemap {
	background: url(../img/sitemap.jpg) no-repeat bottom;
	width: 16px; height: 16px; display: block; padding-top: 90px;
	float: right; text-indent: -2009%;
}

/* =========================== footer end =========================== */



#signup .input-text .form-name, #page .input-text .form-name {
	background: url(../img/form-name.gif) no-repeat 0 3px;
}
#signup .input-text .form-email, #page .input-text .form-email {
	background: url(../img/form-email.gif) no-repeat 0 3px;
}
#signup .input-text .form-town, #page .input-text .form-town {
	background: url(../img/form-town.gif) no-repeat 0 3px;
}
#signup .input-text .form-phone, #page .input-text .form-phone {
	background: url(../img/form-phone.gif) no-repeat 0 3px;
}
#signup .input-text .form-county, #page .input-text .form-county {
	background: url(../img/form-county.gif) no-repeat 0 3px;
}
#page .textarea textarea {
	background: url(../img/form-message.gif) no-repeat 0 3px;
}



.special_button {
	border: 1px solid #CCCCCC;
	display: block;
	margin: 10px 0 27px 15px;
	padding: 9px 0 10px;
	text-align: center;
	width: 190px;
}
.special_button_nofloat {
	display: inline;
	padding: 5px;
	margin: 0;
}


#important_header_msg {
	width: 500px;
	float: right;
	margin-top: 25px;
	margin-right: 35px;
}
#important_header_msg p {
	font-size: 14px;
	color: #EEE;
}