@charset "utf-8";
/* CSS Standard Styles */

* {
	margin: 0;
}
html {
	height: 100%;
	background:url(../images/website/template/purple-backg.gif) repeat-x;
}
body {
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0;
	background:url(../images/website/template/purple-backg.gif) repeat-x;
}
/*------------Must Complete-----------*/

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0 0 15px;
	line-height:20px;
}


h1 {
	font-size:18px;
	margin:0 0 15px;
	color:#93278f;
}
h2 {
	font-size:18px;
	margin:0 0 15px;
	color:#93278f;
}
h3 {
	font-size:14px;
	margin:0 0 15px;
	color:#93278f;
	font-weight:normal;
}
h4 {
	font-size:13px;
	margin:0 0 15px;
	color:#93278f;
}

h1#logo{	
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	display:inline;	
}

h1#logo a{
	width:234px;
	height:121px;
	background:url(../images/website/content/logo.gif) no-repeat;
	outline:0;
	float:left;
	display:block !important;
	display:inline;
	margin:13px 0 0 8px;
}

a, a:link, a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#93278f;
}
a:hover, a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#93278f;
	text-decoration:none;
}
a img {
	border: none;
}
ul {
	margin: 5px 40px 15px 20px;
	padding:0;
}
ul ul {
	margin: 5px 40px 10px 20px;
	padding:0;
}
ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 20px;
	padding:0;
	list-style:outside;
	list-style:url(../images/website/template/bullet.gif);
}
ol {
	margin: 5px 20px 10px 20px;
	padding:0;
}
ol li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 20px;
	list-style:outside;
	list-style-type:decimal;
	padding:0;
}
ol ol {
	margin: 5px 20px 10px 20px;
}
ol ol li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	list-style:outside;
	list-style-type:lower-alpha;
}
input, textarea, label {
}

/*------------Must Complete End-----------*/

/* Homepage Styles */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -310px; /* the bottom margin is the negative value of the footer's height */
	width:900px;
	margin-bottom:-200px;
}
#topper {
	height:153px;
}
#top-phone-number {
	background:url(../images/website/content/call-us-today.gif) no-repeat;
	width:246px;
	height:60px;
	float:left;
	display:inline;
	margin:53px 0 0 405px;
}
#homepage-content {
	float:left;
	display:inline;
	width:390px;
	margin:20px 29px 40px 0;
}
.yellow-heading {
	width:186px;
	background:url(../images/website/template/prepaid-and-save.gif) no-repeat;
	height:71px;
	float:left;
	display:inline;
	margin:22px 0 0;
}
.yellow {
	background:#F1B829;
	margin:71px 0 0;
	width:157px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	padding:10px;
}
.yellow p {
	color:#571b57;
	line-height:15px;
	margin:0 0 5px;
}
.min-height {
	/* specify height */
	min-height: 300px;
	height: auto !important;
	height: 300px;
}


.footer a:hover {
	text-decoration:none;
}
.footer {	 
	height:200px; /* .push must be the same height as .footer */
	background:#571B57;
}
.push {	 
	height:200px; /* .push must be the same height as .footer */
}
.footer-content {
	width:900px;
	margin:0 auto;
}
.footer h3, .footer li, .footer p {
	color:#fff;
	margin:0;
}
.footer-content h3 {
	margin:0 0 0 260px;
	position:relative;
	top:20px;
	font-size:16px;
	font-weight:600;
}
.footer-content ul {
	margin:0 0 0 280px;
	position:relative;
	top:30px;
	width:400px;
}
.footer-content p {
	position:relative;
	margin:0 0 0 260px;
	top:40px;
}
.footer-content li {
	list-style:url(../images/website/template/bullet.gif);
	line-height:20px;
}
p.footer-links {
	color:#93278f;
	font-size:10px;
	text-align:center;
	margin:0;
	position:relative;
	top:60px;
}
.car {
	width:173px;
	height:162px;
	background:url(../images/website/content/car.jpg) no-repeat;
	position:relative;
	top:-286px;
	left:690px;
}
.sub-car {
	width:173px;
	height:162px;
	background:url(../images/website/content/car.jpg) no-repeat;
	position:relative;
	top:-150px;
	left:685px;
}
/* Subpage Styles */

/* Utility Functions */

.clear {
	clear: both;
	height:0;
}
.left {
	float:left;
	display: inline
}
.right {
	float:right;
	display: inline
}

* html .clear {
	height: 0;
	line-height:0;
	font-size:0;
}
.hidden {
	display: none;
}
table {
/*	border-collapse: collapse;*/
}
/*menu*/

#main-nav {
	padding: 0;
	width: 204px;
	float:left;
	display:inline;
}
ul#main-nav {
	margin:0 40px 0 20px;
	padding:0;
	list-style:none;
	position:relative;
}
ul#main-nav li {
	margin:0;
	padding:0;
	list-style:none;
}
#main-nav li a {
	background: blue;
	color: red;
	display: block;
	width: auto;
	height:34px;
	text-indent:-999px;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
}
* html #main-nav li a { /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 194px;
}
#main-nav li a:visited, #main-nav li a:active {
}
#main-nav li a:hover {
}

/*normal states*/
#main-nav a#home {
	background:  url(../images/website/template/nav/home.gif) no-repeat top;
}
#main-nav a#about-us {
	background:  url(../images/website/template/nav/about-us.gif) no-repeat top;
}
#main-nav a#why-choose-us {
	background: url(../images/website/template/nav/why-choose-us.gif) no-repeat top;
}
#main-nav a#testimonials {
	background:  url(../images/website/template/nav/testimonials.gif) no-repeat top;
}
#main-nav a#pricing {
	background: url(../images/website/template/nav/pricing.gif) no-repeat top;
}
#main-nav a#make-a-booking {
	background:  url(../images/website/template/nav/make-a-booking.gif) no-repeat top;
}
#main-nav a#resources {
	background:  url(../images/website/template/nav/resources.gif) no-repeat top;
}
#main-nav a#faqs {
	background:  url(../images/website/template/nav/faqs.gif) no-repeat top;
}
#main-nav a#contact-us {
	background:  url(../images/website/template/nav/contact-us.gif) no-repeat top;
}

/*over states*/
#main-nav a#home:hover {
	background:  url(../images/website/template/nav/home.gif) no-repeat center;
}
#main-nav a#about-us:hover {
	background:  url(../images/website/template/nav/about-us.gif) no-repeat center;
}
#main-nav a#why-choose-us:hover {
	background: url(../images/website/template/nav/why-choose-us.gif) no-repeat center;
}
#main-nav a#testimonials:hover {
	background:  url(../images/website/template/nav/testimonials.gif) no-repeat center;
}
#main-nav a#pricing:hover {
	background: url(../images/website/template/nav/pricing.gif) no-repeat center;
}
#main-nav a#make-a-booking:hover {
	background:  url(../images/website/template/nav/make-a-booking.gif) no-repeat center;
}
#main-nav a#resources:hover {
	background:  url(../images/website/template/nav/resources.gif) no-repeat center; 
}
#main-nav a#faqs:hover {
	background:  url(../images/website/template/nav/faqs.gif) no-repeat center;
}
#main-nav a#contact-us:hover {
	background:  url(../images/website/template/nav/contact-us.gif) no-repeat center;
}

/*active state*/

.home-page #main-nav a#home {
	background:  url(../images/website/template/nav/home.gif) no-repeat bottom;
}
.about-us-page #main-nav a#about-us {
	background:  url(../images/website/template/nav/about-us.gif) no-repeat bottom;
}
.why-choose-us-page #main-nav a#why-choose-us {
	background: url(../images/website/template/nav/why-choose-us.gif) no-repeat bottom;
}
.testimonials-page #main-nav a#testimonials {
	background:  url(../images/website/template/nav/testimonials.gif) no-repeat bottom;
}
.pricing-page #main-nav a#pricing {
	background: url(../images/website/template/nav/pricing.gif) no-repeat bottom;
}
.make-a-booking-page #main-nav a#make-a-booking {
	background:  url(../images/website/template/nav/make-a-booking.gif) no-repeat bottom;
}
.resources-page #main-nav a#resources {
	background:  url(../images/website/template/nav/resources.gif) no-repeat bottom;
}
.faqs-page #main-nav a#faqs {
	background:  url(../images/website/template/nav/faqs.gif) no-repeat bottom;
}
.contact-us-page #main-nav a#contact-us {
	background:  url(../images/website/template/nav/contact-us.gif) no-repeat bottom;
}

/*contact form css*/
:focus { outline: none; }
.justify { text-align:justify; }
.text ul { margin:5px 0 10px 0; padding-top:5px; border-top:1px solid #212024;}
.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }


#box { position:relative; width:100%;}

form { margin:1.5em 0; padding:0; width:50%; float:left;  }
fieldset { margin:0; padding:0; border:none;}
legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; }

form div { padding:0; margin:0 0 10px; }
label {width:70%; display:block; line-height: 200%; } 
input, textarea { width:220px;  border:1px solid #666; padding:3px; font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#333;} 
textarea { overflow:auto; width:400px; border:1px solid #666; padding:3px; height:100px;}
.button input { border:none; padding:0 10px; margin:10px 0 0 0; cursor:pointer; width:auto; background:#571B57; color:#fff;}

.hoverfocus { border:1px solid #571B57;}

#error { 
display:block; 
float:left; }

#response{
position:relative;
left:-195px;
top:-5px;
}

#working{
position:relative;
left:-195px;
top:-5px;
font-weight:600;
color:#571B57;
}

#response p{
margin:10px 0 10px 0;
font-weight:600;
color:#0B6C00;
width:450px;
}

#error li, #response li { margin:0 0 5px 0; padding:0 0 5px 05px;  }
