/*
-------------------------------------------------
URL: 
Created by Project 365
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	4.2 - navigation
		4.2.1 - primary navigation
		4.2.2 - footer links
	4.3 - buttons
	4.4 - titles
	4.5 - text
	4.6 - lists
	4.7 - forms
		4.7.1 - main form
	4.8 - tables
	
5: TEMPLATE / PAGE SPECIFIC
		
		
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px; background:#000 }
ul { list-style:disc inside }
ol { list-style:decimal inside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:4em; color:#fff; margin:0 0 5px 0; font-weight:normal }
h2 { font-size:1.6em; color:#fff; margin:0 0 12px 0; font-weight:normal; line-height:1.3em }
h3 { font-size:1.4em; color:#fff; margin:0 0 12px 0; font-weight:normal }
h4 { font-size:1.3em; color:#fff; margin:0 0 12px 0; font-weight:normal }
h5 { font-size:1.2em; color:#fff; margin:0 0 12px 0; font-weight:normal }
h6 { font-size:1.1em; color:#fff; margin:0 0 12px 0; font-weight:normal }
p {  font-size:1.2em; color:#8d8e92; margin:0 0 16px 0; line-height:1.6em }
a { color:#d7a701; text-decoration:underline }
a:hover { color:#d7a701; text-decoration:none }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em; color:#8d8e92 }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000 }
blockqoute {  }
table { border:none }
th, td { border:none }
fieldset { border:1px solid #ccc }
legend { background:#fff }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
body#home div#container { width:100%; position:relative; text-align:left; background:#0a0a0a url("../images/backgrounds/main-content.jpg") top center no-repeat }
body#sub div#container { width:100%; position:relative; text-align:left; background:#0a0a0a url("../images/backgrounds/sub-main-content2.jpg") top center no-repeat }
body#sub-2 div#container { width:100%; position:relative; text-align:left; background:#0a0a0a url("../images/backgrounds/sub-main-content2.jpg") top center no-repeat }

/* 3.3 - header */
body#home div#header { height:426px; background:url("../images/backgrounds/index-banner.jpg") top center no-repeat }
body#sub div#header { height:122px; background:url("../images/backgrounds/index-banner.jpg") top center no-repeat }
body#sub-2 div#header { height:122px; background:url("../images/backgrounds/sub-banner.jpg") top center no-repeat }
	div#branding { width:157px; float:right; padding-top:25px }
	div#navigation { width:694px; float:left; padding-top:52px }
	
/* 3.4 - content */
div#content { background:url("../images/backgrounds/content.png") top center no-repeat; padding-top:24px }
body#sub div#content  { background:url("../images/backgrounds/content-3.png") top center no-repeat; padding-top:24px }
body#sub-2 div#content { background:url("../images/backgrounds/content-3.png") top center no-repeat; padding-top:24px }

/* 3.5 - primary content */
body#sub div#primary-content { float:left; width:560px; padding-bottom:20px }

/* 3.6 - secondary content */
body#sub div#secondary-content { float:right; width:232px; padding-bottom:20px; min-height:340px; height:auto!important; height:340px; }

/* 3.7 - tertiary content */
div#tertiary-content { float:right; width:232px }
body#sub div#tertiary-content { width:950px; margin:0 -29px; background:#fff }

/* 3.8 - footer */
div#footer { width:950px; margin:0 auto; background:#222; padding:40px 0 }

/* 3.9 - wrapper */
div.wrapper { width:892px; margin:0 auto; text-align:left }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* 4.2 - site navigation */
/* 4.2.1 - primary navigation */
ul#primary-navigation { height:33px }
ul#primary-navigation li { float:left; padding:0; margin:0; list-style:none }
ul#primary-navigation li a { background-position:0% 0% }
ul#primary-navigation li a:hover { background-position:0 -12px }
ul#primary-navigation li a.current { background-position:0 -12px }

#nav-home { width:34px; text-indent:-3000px; margin-right:35px!important }
#nav-home a { width:34px; height:12px; background:url("../images/buttons/home.png") no-repeat; display:block }
#nav-corporate { width:187px; text-indent:-3000px; margin-right:35px!important }
#nav-corporate a { width:187px; height:12px; background:url("../images/buttons/corporate.png") no-repeat; display:block }
#nav-leisure { width:106px; text-indent:-3000px; margin-right:35px!important }
#nav-leisure a { width:106px; height:12px; background:url("../images/buttons/leisure.png") no-repeat; display:block }
#nav-wedding { width:112px; text-indent:-3000px; margin-right:35px!important }
#nav-wedding a { width:112px; height:12px; background:url("../images/buttons/wedding.png") no-repeat; display:block }
#nav-quote { width:101px; text-indent:-3000px }
#nav-quote a { width:101px; height:12px; background:url("../images/buttons/quote.png") no-repeat; display:block }

/* 4.2.2 - footer links */
ul.footer-links { margin:30px 0 18px 0; padding:0; float:right } 
ul.footer-links li { margin:0; padding:0 8px 0 10px; border-left:1px solid #3a3a3a; list-style:none; font-size:1.1em; display:inline; float:left; color:#3a3a3a }
ul.footer-links li.first-link { margin-left:0; border-left:none; list-style:none; display:inline }
ul.footer-links li a { color:#3a3a3a; text-decoration:none }
ul.footer-links li a:hover { color:#d7a701; text-decoration:underline }

ul#contact-details { list-style:none }
ul#contact-details li { float:left; color:#6d6e71; font-size:1.1em }
ul#contact-details li#footer-tel { display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/tel.gif") center left no-repeat }
ul#contact-details li#footer-email { display:inline-block; padding-left:25px; line-height:18px; background:transparent url("../images/icons/email.gif") center left no-repeat; margin-left:30px }

ul#tertiary-contact-details { list-style:none }
ul#tertiary-contact-details li { color:#6d6e71; font-size:1.1em; padding:5px 0 }
ul#tertiary-contact-details li#footer-tel { display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/tel.png") center left no-repeat }
ul#tertiary-contact-details li#footer-email { display:inline-block; padding-left:25px; line-height:18px; background:transparent url("../images/icons/email.png") center left no-repeat }

/* 4.3 - buttons */
a.arrow { display:inline-block; padding-left:10px; line-height:16px; background:transparent url("../images/icons/arrow.gif") center left no-repeat }

/* 4.4 - titles */
body#home h1 { width:421px; height:82px; text-indent:-3000px; background:url("../images/titles/home-title.png") no-repeat top; margin:80px 0 0 0; padding:0 }
h1.ttl-request-quote { width:173px; height:23px; text-indent:-3000px; background:url("../images/titles/request-a-quote-2.png") no-repeat top; margin:0 0 10px 0; padding:0 }
h1.ttl-business { width:298px; height:25px; text-indent:-3000px; background:url("../images/titles/business.png") no-repeat top; margin:0 0 10px 0; padding:0 }
h1.ttl-corporate { width:269px; height:35px; text-indent:-3000px; background:url("../images/titles/corporate.html") no-repeat top; margin:0 0 10px 0; padding:0 }
h1.ttl-leisure { width:166px; height:17px; text-indent:-3000px; background:url("../images/titles/leisure.png") no-repeat top; margin:0 0 15px 0; padding:0 }
h1.ttl-wedding { width:192px; height:25px; text-indent:-3000px; background:url("../images/titles/wedding.png") no-repeat top; margin:0 0 15px 0 10px 0; padding:0 }
h1.ttl-terms { width:235px; height:19px; text-indent:-3000px; background:url("../images/titles/terms.png") no-repeat top; margin:0 0 20px 0; padding:0 }
h1.ttl-privacy { width:140px; height:25px; text-indent:-3000px; background:url("../images/titles/privacy.png") no-repeat top; margin:0 0 10px 0; padding:0 }

h2.ttl-business-corporate-travellers { width:242px; height:18px; text-indent:-3000px; background:url("../images/titles/business-corporate-travellers.png") no-repeat; margin:15px 0 10px 0; padding:0 }
h2.ttl-airport-transfers { width:129px; height:18px; text-indent:-3000px; background:url("../images/titles/airport-transfers.png") no-repeat; margin:23px 0 10px 0; padding:0 }
h2.ttl-meet-and-greet-service { width:183px; height:18px; text-indent:-3000px; background:url("../images/titles/meet-and-greet-service.png") no-repeat; margin:25px 0 10px 0; padding:0 }
h2.ttl-leisure-2 { width:55px; height:13px; text-indent:-3000px; background:url("../images/titles/leisure-2.png") no-repeat; margin:25px 0 14px 0; padding:0 }
h2.ttl-arrive-in-style { width:265px; height:18px; text-indent:-3000px; background:url("../images/titles/arrive-in-style.png") no-repeat; margin:15px 0 15px 0; padding:0 }
h2.ttl-the-fleet { width:173px; height:23px; text-indent:-3000px; background:url("../images/titles/the-fleet.png") no-repeat; margin:15px 0 15px 29px; padding:0 }

.ttl-request-a-quote { width:195px; height:20px; text-indent:-3000px; background:url("../images/titles/request-a-quote.png") no-repeat; margin:0 0 15px 0; padding:0 }
.ttl-contact-us { width:84px; height:13px; text-indent:-3000px; background:url("../images/titles/contact-us.png") no-repeat; margin:15px 0 15px 0; padding:0 }

/* 4.5 - text */

/* 4.6 - lists */
ul.tick-list { list-style:none }
ul.tick-list li { background:url("../images/icons/tick.html") left 3px no-repeat; padding:4px 0 9px 25px; font-size:1.2em; display:block }

ol#image-gallery { list-style:none }
ol#image-gallery li { display:none; height:166px }

ol#image-gallery-2 { list-style:none; margin-top:175px }
ol#image-gallery-2 li { display:none; height:166px }

/* 4.7 - forms
/* 4.7.1 - main form */
div#form form { margin-top:20px }
div#form span { color:#fff; font-style:italic }
div#form form legend { margin:0 0 0 15px; border:none; padding:5px; font-size:1.2em; color:#fff; font-weight:bold; background:none }
div#form form fieldset { margin:0 40px 20px 0; border:none; border-top:1px solid #565659; padding:-10px 0 10px 0; width:400px; float:left }
div#form form label { color:#8d8e92; width:150px; float:left; text-align:right; display:block; cursor:pointer; padding:7px 10px 0 0; margin-right:5px; font-size:1.1em }
div#form form input.text, div#form form textarea { width:205px; margin:3px 0; border:1px solid #cdcdcd; padding:4px 3px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#666; background:#fff url("../images/backgrounds/input.jpg") repeat-x top left }
div#form form select.text { width:auto; margin:1px 0 3px 0; border:1px solid #cdcdcd; padding:4px 3px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#666; background:#fff url("../images/backgrounds/input.jpg") repeat-x top left }

div#form form ol { margin:10px 0 0 0; padding:0 }
div#form form ol li { list-style:none; padding:1px 0; margin:0 }
div#form form ol li.last { border:0 none }
div#form form ol li input { margin:0 15px 0 0 }
div#form form ol li.chk label { margin:0 0 0 7px; float:none; padding:0; display:inline }
div#form form ol li.chk input { margin:0 0 0 150px; border:0 none }

div#form form ol li.erroneous  { background:url("../images/icons/alert.html") 85% 50% no-repeat }
div#form form ol li.erroneous input { border:2px solid #ffda29!important }
div#form form ol li.erroneous textarea { border:2px solid #ffda29!important }
div#form form ol li.erroneous select { border:2px solid #ffda29!important }
div#form div.errors { background:#fff9dc url("../images/backgrounds/error.html") no-repeat top left; border:2px solid #ffda29; padding:23px 30px 10px 60px }
div#form div.errors h3 { font-size:1.4em; color:#e87d16 }
div#form div.errors ul li { list-style:none; color:#e87d16; font-size:1.1em; padding:3px 0 }

/* 4.8 - tables */

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* 5.1 - index calls to action
/* 5.1.1 - corporate travel */
div#business-and-corporate { width:283px; background:url("../images/calls-to-action/corporate.jpg") top no-repeat; padding-top:150px; float:left; margin:0 20px 80px 0 }
div#business-and-corporate h2 { width:284px; height:60px; text-indent:-3000px; background:url("../images/titles/cta-business-and-corporate.gif") no-repeat; margin:0; padding:0 }

div#leisure-services { width:283px; background:url("../images/calls-to-action/leisure.jpg") top no-repeat; padding-top:150px; float:left; margin:0 20px 80px 0 }
div#leisure-services h2 { width:284px; height:60px; text-indent:-3000px; background:url("../images/titles/cta-leisure-services.gif") no-repeat; margin:0; padding:0 }

div#wedding-car-hire { width:283px; background:url("../images/calls-to-action/wedding.jpg") top no-repeat; padding-top:150px; float:left; margin:0 0 80px 0 }
div#wedding-car-hire h2 { width:284px; height:60px; text-indent:-3000px; background:url("../images/titles/cta-wedding-car-hire.gif") no-repeat; margin:0; padding:0 }

/* 5.2 - terms and conditions */
ol#terms-and-conditions { list-style:none }
ol#terms-and-conditions h2 { font-size:1.4em; font-weight:normal; border-bottom:1px solid #6c6c6c; padding-bottom:5px }
ol#terms-and-conditions li { font-size:0.9em }
ol#terms-and-conditions li ol { list-style:none }
ol#terms-and-conditions li ol li { font-size:1.1em; padding:6px 0; line-height:1.5em; color:#6d6e71 }

/* 5.3 - the fleet */
div.the-fleet ul { list-style:none }
div.the-fleet ul li { width:20%; float:left; text-align:center }
div.the-fleet h3 { color:#000; font-size:1.2em; margin-bottom:2px; font-weight:bold }

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }