@charset "UTF-8";
/* CSS Document */


/*
Color Pallete

Blue: #3299cc
Grey: #8596a5

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

*/

body {
	background: url(Images/background.jpg) repeat;
	margin: 0 auto;	
	font-family: 'PT Sans Caption', sans-serif;
}

body a img {
	border: none;	
}

h1 {
	color: #3299cc;
	font-size: 120%;
}

p {
	color: #8596a5;
	font-size: 85%;
	line-height: 25px;
}

hr {
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
	border: 1px dotted #8596a5;	
}

/*					Tab Selectors						*/

#indexPage li a.indexTab {
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}

#aboutPage li a.aboutTab {
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}

#contactPage li a.contactTab {
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}

#airportPage li a.airportTab {
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}

#cruisePage li a.cruiseTab {
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}

#carPage li a.car{
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}
/*					header						*/

#headerBackground {
	background-color: #8596a5;
	width: 100%;
	height: 125px;
	float: left;
	border-top: 3px solid #3299cc;
	border-bottom: 3px solid #3299cc;
}

#logo:hover {
	cursor: pointer;
}

#topContactInfo {
	background-color: #3299cc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#topContactInfo li {
	text-decoration: none;
	color: white;
	background-image: url(Images/contactcircle.png);
	background-repeat: no-repeat; 
  	background-position: 0% 31%;
  	padding-left: 20px;
	margin-right: 20px;
}

#topContactInfo li a {
	text-decoration: none;
	color: white;
	
}

#topContactInfo li a:hover {
	text-decoration: underline;
	color: white;
}

#topContactInfo li a:visited {
	text-decoration: none;
	color: white;
}

nav li a {
	text-decoration: none;
	color: white;
}

nav li a:hover {
	background-image: url(Images/navunderline.jpg);
	background-repeat: repeat-x; 
  	background-position: 100% 100%;
  	padding-bottom: 10px;
}

nav li a:visited {
	text-decoration: none;
	color: white;
}

/*					Banner						*/

#bannerBackground {
	background-color: white;
	width: 100%;
	height: 350px;
	float: left;
}

/*					Inner Banner						*/

#innerBannerBackground {
	background-color: white;
	width: 100%;
	height: 85px;
	float: left;
}

#innerBanner h1 a {
	text-decoration: none;
	color: #3299cc;
}

#innerBanner h1 a:hover {
	text-decoration: underline;
	color: #8596a5;
}

#innerBanner h1 a:visited {
	text-decoration: none;
	color: #3299cc;
}

/*					Footer						*/

#footerBackground {
	background-color: #8596a5;
	width: 100%;
	float: left;
	border-top: 3px solid #3299cc;
	border-bottom: 3px solid #3299cc;
	clear: both;
}

footer ul {
	float: left;
	list-style-type: none;	
}

footer li a {
	color: white;
	text-decoration: none;
}

footer li a:hover {
	color: white;
	text-decoration: underline;
}

footer li a:visited {
	color: white;
	text-decoration: none;
}

footer p {
	color: white;	
}

footer p a {
	color: white;
	text-decoration: none;
}

footer p a:hover {
	color: white;
	text-decoration: underline;
}

footer p a:visited {
	color: white;
	text-decoration: none;
}


/*					Copright					*/

#copyrightBackground {
	width: 100%;
	float: left;
}

#copyright p a {
	text-decoration: none;
	color: #8596a5;
}

#copyright p a:hover {
	text-decoration: underline;
	color: #8596a5;
}

#copyright p a:visited {
	text-decoration: none;
	color: #8596a5;
}

/*					Selectors						*/

#selectorsBackground {
	background-color: #3299cc;
	width: 100%;
	float: left;
	/*border-top: 3px solid white;*/
	border-bottom: 3px solid white;
}

.selectorBox:hover {
	cursor: pointer;
	background-color: #8596a5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.selectorBox h1 {
	color: white;	
}

.selectorBox p {
	color: white;	
}

/*					Main Body					*/

#mainBody {
	width: 100%;
	float: left;
	margin: 5px 0 15px 0;
}

#aboutPage #mainBody {
	min-height: 600px;
}

#welcomeText h1 {
	color: #3299cc;
}

#welcomeText p {
	color: #8596a5;
}

#welcomeText p span {
	color: #3299cc;
}

#welcomeText p a {
	color: #3299cc;
	text-decoration: underline; 
}

#welcomeText p a:hover {
	color: #3299cc;
	text-decoration: none; 
}

#welcomeText li {
	list-style-type: none;
	color: #8596a5;
}

#welcomeText div ul {
	padding-left: 5px;
}

#welcomeText li a {
	list-style-type: none;
	color: #8596a5;
	font-size: 110%;
	text-decoration: none;
	line-height: 30px;
}

#welcomeText li a:hover {
	color: #8596a5;
	text-decoration: underline;
}

#welcomeText li a:visited {
	color: #8596a5;
	text-decoration: none;
}

/*					Main Wrapper						*/

#mainWrapper {
	margin: 0 auto;
}

/*					Home Page						*/

#testimonialBox {
	background-color: #8596a5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#welcomeText .testimonials h1 {
	color: white;
}

#welcomeText .testimonials p {
	color: white;
}

.testimonials h2 {
	background-color: #3299cc;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/*					Info Area					*/

#infoBackground{
	background-color: white;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.infoBox h2 {
	background-color: #3299cc;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.infoBox h2 a {
	color: white;
	text-decoration: none;
}

.infoBox h2:hover {
	cursor: pointer;
	background-color: #8596a5;
}

.infoImage img {
	border: 2px solid #8596a5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/*					Our Cars Home				*/

#ourCarsHome {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

#ourCarsHome h2 {
	background-color: #3299cc;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#ourCarsHome h2 a {
	color: white;
	text-decoration: none;
}

#ourCarsHome h2:hover {
	cursor: pointer;
	background-color: #8596a5;
}

/*					Price Table						*/

#priceTable {
	border: 2px solid #8596a5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.priceColumn {
	border-right: 1px dotted #8596a5;
}

.priceColumn:last-child {
	border-right: none;
}

.priceHeader {
	background-color: #3299cc;
}


.priceRow {
	border-bottom: 1px dotted #8596a5;
}

.priceRow.carColumn  {
	background-color: white;
}

.priceRow.carColumn h1 {
	font-size: 110%;
}


#priceTable .priceHeader h1 {
	text-align: center;
	color: white;
	margin-top: 25px;
}

#priceTable .priceRow h1 {
	text-align: left;
	color: #8596a5;
	margin: 20px 0 0 5px;
}

#priceTable .priceRow h2 {
	text-align: left;
	color: #8596a5;
	margin: 0 0 0 5px;
	font-size: 70%;
	font-weight: 300;
}

#priceTable .priceRow h3 {
	text-align: center;
	color: #3299cc;
	margin: 20px 0 0 0;
	font-size: 130%;
}

#priceTable .priceRow h4 {
	text-align: center;
	color: #8596a5;
	margin: 0;
	font-size: 70%;
	font-weight: 300;
}




























/*--------------  --------------------	-----------------	-----------------	-----------------Desktop Styles	-----------------	-----------------	-----------------	-----------------					*/




/*					header						*/

header {
	margin: 0 auto;
	width: 960px;	
}

#logo {
	float: left;
	margin: 10px 0 10px 0;
	z-index:1;
	position: absolute;	
}

#topContactInfo {
	float: right;
	margin-top: 10px;	
}

#topContactInfo  ul {
	list-style-type: none;
	padding: 10px 0 10px 15px;
	margin: 0;
}	

#topContactInfo  li {
	display: inline;
	font-size: 95%;
	
}	

nav {
	float: right;
	margin-top: 20px;
}	

nav ul {
	list-style-type: none;
}	

nav li {
	display: inline;
	margin-left: 25px;
}	


/*					banner						*/

#banner {
	margin: 0 auto;
	width: 960px;
	border-left: 3px solid #3299cc;
	border-right: 3px solid #3299cc;
}	


/*					Inner banner						*/

#innerBanner {
	margin: 0 auto;
	width: 960px;
	text-align: right;
}

#innerBanner h1 {
	float: right;
	margin-top: 35px;
	font-size: 110%;
}


/*					Footer						*/

footer {
	margin: 0 auto;
	width: 960px;	
}

footer ul {
	padding-left: 0;
	margin-right: 70px;
}

footer li {
	line-height: 23px;	
}

footer li a {
	font-size: 80%;
}

footer p {
	float: left;
	margin: 0 0 0 20px;	
	font-size: 80%;
}

#footerSocial {
	float: right;	
	margin: 15px 0 5px 0;
	width: 300px;
}

#footerSocial img {
	margin-left: 10px;
	float: right;
}

#footerContact {
	float: right;	
	margin: 5px 0 5px 0;
}

#footerAddress {
	float: right;	
}

/*					Copyright					*/

#copyright {
	margin: 0 auto;
	width: 960px;	
}

p.copyrightLeft {
	float: left;	
}

p.copyrightRight {
	float: right;	
}

#copyright p {
	margin: 0;	
	font-size: 80%;
}


/*					Selectors						*/

#selectors {
	margin: 0 auto;
	width: 960px;
}

.selectorBox {
	float: left;	
	width: 290px;
	margin: 10px 20px 10px 0;
	padding-right: 10px;
}

.selectorBox:last-child {
	float: right;
	margin-right: 0;	
}

.selectorBox img {
	float: left;
	margin: 10px 15px 0 10px;	
}

.selectorBox h1 {
	font-size: 110%;	
}

.selectorBox p {
	font-size: 70%;		
	line-height: 15px;
}

/*					Main Body						*/

#welcomeText {
	margin: 0 auto;
	width: 960px;
}

#welcomeText h1 {
	padding: 0;
	margin: 10px 0 0 0;
}

#welcomeText ul {
	margin-top: 0;
	padding-left: 40px;
}

#welcomeText li {
	font-size: 90%;
}

#welcomeText ul.siteMap {
	margin-top: 10px;
	padding-left: 0;
}

#welcomeText ul.siteMap li {
	line-height: 30px;
}

/*					Home Page						*/

#testimonialBox {
	float: right;	
	width: 350px;
	min-height: 160px;
	padding: 10px;
	margin-left: 10px;
}

#welcomeText .testimonials h1 {
	font-size: 100%;
	margin: 0 0 5px 0;
}

#welcomeText .testimonials p {
	font-size: 70%;
	line-height: 20px;
	margin: 0;
}

#welcomeText .testimonials h2 {
	font-size: 85%;
	float: right;
	margin: 5px 0 0 0;
	padding: 5px;
	font-weight: normal;
}

/*					Info Area						*/

#infoArea {
	margin: 0 auto;
	width: 960px;
}

.infoBox {
	float: left;
	width: 450px;	
	margin: 15px 0 15px 0;
}

.infoBox:last-child {
	float: right;
}

.infoText {
	float: left;
	width: 245px;
}

.infoBox h1 {
	font-size: 100%;
	margin: 5px 0 3px 0;
}

.infoBox p {
	font-size: 70%;
	margin: 3px 0 3px 0;
	line-height: 20px;
}

.infoBox h2 {
	font-size: 85%;
	float: left;
	padding: 5px;
	margin: 0 ;
}

.infoImage {
	float: right;	
	margin-top: 7px;
}


/*					Our cars Home						*/

#ourCarsHomeBackground {
	margin: 0 auto;
	width: 960px;
}

#ourCarsHome h1 {
	float: left;	
	padding: 0;
	margin: 5px 0 5px 0;
}

#ourCarsHome p {
	float: left;	
	margin: 5px 0 5px 0;
}

#ourCarsHome h2 {
	font-size: 85%;
	float: right;
	padding: 5px;
	margin: 5px 0 0 0;
}

/*					About Page						*/


img.aboutImage {
	float: right;	
	Blue: #3299cc;
	border: 2px solid #8596a5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 10px 10px;
}


/*					Price Table						*/

#priceTable {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.priceColumn {
	float: left;
	width: 	160px;
}

.priceColumn:last-child {
	float: right;
	width: 	155px;
	border-right: none;
}

.priceHeader {
	float: left;
	width: 	100%;
	height: 80px;
}


.priceRow {
	float: left;
	width: 	100%;
	height: 80px;
}


/*					Cars Page					*/

.carRow {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}

.carRow img {
	float: left;
	border: 2px solid #8596a5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 20px;
}

.carInfo {
	float: left;
	width: 530px;	
}

.carStats {
	float: right;	
	background-color: #3299cc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
}

#welcomeText .carStats  h1 {
	color: white;
	font-size: 100%;
	margin: 0;
}	

#welcomeText .carStats  p {
	color: white;
	margin: 7px 0 7px 0;
}	



/*					Contact Us Page					*/

#form {
	float: left;
	margin: 10px 0 20px 0;	
}

#contactFormArea fieldset {
	border: none;
	padding: 0;
	width: 305px;
}

#contactFormArea .field {
	margin: 10px 0 10px 0;
	float: left;
	width: 300px;
}

#contactFormArea label {
	color: #8596a5;
	float: left;
	margin: 0 0 10px 0;
}

#contactFormArea input {
	border: none;
	height: 25px;
	width: 300px;
	color: #3299cc;
}

#contactFormArea textarea {
	border: none;
	height: 75px;
	width: 300px;
	color: #3299cc;
}

#contactFormArea select {
	border: none;
	background-color: white;
	height: 25px;
	width: 225px;
}

#contactFormArea input#submit {
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	float: right;
	width: 100px;
	color: white;
	background-color: #8596a5;
}

#contactFormArea input#submit:hover {
	cursor: pointer;
	background-color: #3299cc;
}

#contactFormArea .error {
	float: left;
	font-size: 80%;	
	color: #3299cc;
	margin: 5px 0 10px 0;
}


#breadcrumbs {
	float: left;
	width: 100%;	
	margin-bottom :5px;
}

#breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#breadcrumbs li {
	display: inline;
	margin: 0;
	font-size: 80%;
	font-weight: normal;
	color: #3299cc;
}

#breadcrumbs li a {
	color: #3299cc;
	text-decoration: none;
}

#breadcrumbs li span {
	margin-right: 5px;
}

#breadcrumbs li a:hover {
	text-decoration: underline;
	color: #3299cc;
}