/* PPC CSS Document */


/* Body */

body {
	font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
	font-size: 62.5%;
	color: #574343;
	margin: 0;
	padding: 0;
	background-color: #EDF0F2;
	background-image: url(images/body-background-main.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center; /* For IE5 only, re-align text to the left below in #wrapper-main */
	behavior: url("csshover.htc"); /* IE6 down, to get pseudo :hover working */
	}
	
	
	
/*Top wrappers*/

#wrapper-top {
	width: 950px;
	margin: 10px auto 0 auto;
	padding: 9px 0 0 0;
	text-align: left; /* For IE5 only */
	background: url(images/body-top.png) no-repeat 0 0;
	}

#wrapper-main {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #BFBEBE;
	text-align: left; /* For IE5 only */
	overflow: hidden;
	background: url(images/body-background.png) repeat-y center top #fff;
	}
	
#logo {
	float: left;
	margin: 0 0 20px 0;
	padding: 15px 0 20px 10px;
	}
	
#contact {
	font-size: 1.2em;
	float: right;
	text-align: right;
	margin: 32px 10px 0 0;
	padding: 0;
	}
	
	
#contact a {
	color: #0000ff;
	text-decoration: underline;
	}
#contact a:hover {
	text-decoration: none;
	}
	

#contact span.telephone {
	font-weight: bold;
	margin-left: 0.2em;
	padding-left: 1.8em;
	background: url(images/telephone.png) left center no-repeat;
	}
#contact span.reservations {
	font-weight: bold;
	color: #78183c;
	}
	
#contact p.date {
	margin-top: 0.7em;
	font-size: 0.9em;
	}



/*Navigation - Main*/

ul#navigation {
	clear: both;
	list-style-type: none;
	padding: 0 0 11px 0;
	margin: 0 0 20px 0;
	text-align: center;
	background: url(images/navigation-bottom.jpg) repeat-x bottom left;
	/* Messy solution for IE 5.5 bottom padding problem */
	padding: 0 0 6px 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding: 0 0 11px 0;
	/* End */
	}
ul#navigation li {
	display: inline;
	}
ul#navigation a {
	font-size: 1em;
	font-weight: bold;
	color: #78183C;
	text-decoration: none;
	background-color: #EFE7E4;
	margin: 0 1px;
	padding: 5px 7px;
	border: 1px solid #BFBEBE;
	border-bottom: none;
	}
/*Home icon */
ul#navigation a.home {
	padding-left: 23px;
	background-image: url(images/home.png);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	}
ul#navigation a.home:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -176px;
}
/*Compare and Save icon */
ul#navigation a.compare {
	padding-left: 23px;
	background-image: url(images/compare.png);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	}
ul#navigation a.compare:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -176px;
}
/*Stay and Park icon */
ul#navigation a.stay {
	padding-left: 23px;
	background-image: url(images/stay-and-park.png);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	}
ul#navigation a.stay:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -175px;
}
/*Faqs icon */
ul#navigation a.faqs {
	padding-left: 23px;
	background-image: url(images/faqs.png);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	}
ul#navigation a.faqs:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -175px;
}
/*Shuttles icon */
ul#navigation a.shuttles {
	padding-left: 23px;
	background-image: url(images/shuttles.png);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	}
ul#navigation a.shuttles:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -175px;
}
/*Directions icon */
ul#navigation a.directions {
	padding-left: 23px;
	background-image: url(images/directions.png);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	}
ul#navigation a.directions:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -175px;
}
/*Contact icon */
ul#navigation a.contact {
	padding-left: 23px;
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	}
ul#navigation a.contact:hover {
	color: #fff;
	background-color: #78183C;
	background-position: 4px -175px;
}

/* Hack for IE6 and 5.5 clickable region */
* html #navigation a {
	width: 0.01em;
	white-space: nowrap;
	}
/* End */


#wrapper-left {
	float: left;
	width: 750px;
	background: url(images/wrapper-left-repeat.png) repeat-y top right;
	margin: 0;
	padding: 0;
	}
/* IE fix 5x set width in borders and padding, reset for 6 only */
* html #wrapper-left {
	width: 750px;
	w\idth: 750px;
	}
	


#wrapper-right {
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
	}
	

/* IE fix 5x set width in borders and padding, reset for 6 only */
* html #wrapper-right {
	width: 200px;
	w\idth: 200px;
	}


/* IE fix */
* html #wrapper-right {
	margin-left: -3px;
	}

/* Reasons to book with GR */
div#reasons img.reasons {
	display: block;
	margin: 0 auto;
	}
	
div#reasons ul {
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 10px 20px 10px;
	padding: 0;
	list-style-type: none;
	}
div#reasons ul li {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 160%;
	background: url(images/reasons-bg.png) left 7px no-repeat;
	}

div#reasons p.reasons {
	margin: 0 auto 20px auto;
	font-size: 1em;
	text-align: center;
	}



/* Book today image */
img.book-today {
	border-bottom: 2px solid #78183C;
	margin: 0 22px;
	}
p.book-today {
	margin: 0 22px 10px 22px;
	padding: 3px 0 0 0;
	}
p.book-today:first-letter {
	font-size: 1.3em;
	font-weight: bold;
	color: #78183C;
	margin-left: 1em;
	}



/* Best Price Policy */
img.best-price {
	margin: 0;
	}

p.best-price {
	margin: 10px 0 10px 25px;
	font-size: 1em;
	}

p.best-price a {
	color:#0000ff;
	text-decoration: underline;
	}
p.best-price a:hover {
	text-decoration: none;
	}
	

/* Compare box */
div#compare-box {
	display: block;
	width: 449px;
	height: 184px;
	margin: 0 auto 30px auto;
	background: url(images/compare-box.png) no-repeat 0 0;
	}	
	
div#compare-box-button {
	margin: 0 0 0 10px;
	padding: 67px 0 0 0;
	}
	
div#compare-box-button a.compare-button {
	display: block;/*  to get IE7 to pad the bottom of the link */
	float: left;/*  to get IE7 to pad the bottom of the link */
	font-size: 1.6em;
	text-decoration: none;
	color: #FFFFFF;
	background: url(images/compare-button.png) no-repeat 0 0;
	padding: 8px 26px 11px 26px;
	}
	
div#compare-box-button a.compare-button:hover {
	background: url(images/compare-button.png) no-repeat 0 -38px;
	position: relative;
	top: 1px;
	left: 1px;
	}





/* CompareForm div layout */
div#CompareForm a.close-form {
	float: right;
	background: url(images/compare-close.png) no-repeat left 6px;
	padding: 3px 0 3px 14px;
	margin: 0 5px 5px 0;
	font-size: 1em;
	}
	
div#CompareForm h2.form {
	clear: right;
	color: #78183C;
	margin: 0 0 10px 75px;
	padding: 12px 0 12px 38px;
	font-size: 1.4em;
	font-weight: bold;
	background: url(images/compare-h2-background.png) no-repeat left center;
	}
	
/* Hack for IE7 */
div#CompareForm h2.form {
	*padding: 8px 0 16px 38px;
	}	

/* Hack for IE6 */
div#CompareForm h2.form {
	_padding: 8px 0 16px 38px;
	}	



	
/* Generic form layout */
form#generic {
	font-size: 1.3em;
	margin: 0;
	padding: 0;	
	}
	
form#generic fieldset  {
	border: 0 solid;/* Remove fieldset border */
	margin: 0;
	padding: 0;
	}
	
form#generic label {
	float: left;
	clear: left;
	color: #574343;
	font-weight: bold;
	font-size: 1em;
	margin: 0 10px 13px 0;
	padding: 0;
	width: 150px;
	text-align: right;
	}
	
form#generic input, form#generic select, form#generic textarea {
	margin: 0 0 13px 0;
	}
	
	
form#generic .formButton {
	margin: 0 0 10px 159px;
	}
	


div#wrapper-left a {
	color: #0000FF;
	text-decoration: underline;
	}
div#wrapper-left a:hover {
	text-decoration: none;
	}
	
div#wrapper-left h1 {
	margin: 0 0 20px 10px;
	font-size: 1.5em;
	}
	
	
div#wrapper-left p.top-para {

	font-size: 1.2em;
	padding: 0 20px 5px 20px;
	margin: 0 0 15px 0;
	line-height: 160%;
	}


div#wrapper-left h2 {
	margin: 0 0 0 0;
	font-size: 1.5em;
	font-weight: normal;
	}

div#wrapper-left h3 {
	margin: 0 0 5px 10px;
	font-size: 1.4em;
	}
	
div#wrapper-left h3.onsite {
	background: url(images/compare-walking.png) no-repeat 0 0;
	padding: 5px 0 5px 30px;
	}	
	
div#wrapper-left h3.offsite {
	background: url(images/compare-shuttle.png) no-repeat 0 0;
	padding: 3px 0 3px 30px;
	}	
	
ul.hotels {
	list-style-type: none;
	margin: 0 50px 20px 50px;
	padding: 0;
	}
	
ul.hotels img {
	float: left;
	margin: 0 5px 0 0;
	border: 3px solid #e5e5e5;
	}
	
ul.hotels li {
	clear: both;
	overflow: hidden;
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 170%;
	}
	
div#wrapper-left h4 {
	margin: 0 50px 15px 50px;
	padding: 0 0 0 20px;
	font-size: 1.3em;
	background-image: url(images/compare-information.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
div#info {
	background-color: #eee;
	border: 5px solid #e5e5e5;
	margin: 0 50px 30px 50px;
	}

div#info p {
	font-size: 1.2em;
	padding: 5px;
	margin: 0 0 15px 0;
	line-height: 160%;
	}
	
div#info p span {
	background-color: #ffff00;
	font-weight: bold;
	}
	
	
#wrapper-bottom {
	width: 950px;
	margin: 0 auto 20px auto;
	padding: 6px 0 4px 0;
	text-align: left; /* For IE5 only */
	background: url(images/body-bottom.png) no-repeat 0 0;
	}

#footer {
	font-size: 0.9em;
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 20px 0 1px 0;
	text-align: left; /* For IE5 only */
	background: url(images/body-background.png) repeat-y center top #fff;
	}
#footer p.ssl {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 10px;
	padding: 0;
	background: url(images/geotrust.png) no-repeat 263px 2px;
	}
#footer h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #78183C;
	margin: 20px 0 0 10px;
	padding: 0;
	}
#footer ul.hotel-links {
	margin: 3px 0 0 0;
	padding: 0 20px;
	list-style-type: none;
	text-align: center;
	}
#footer ul.hotel-links li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 250%;
	}
#footer ul.hotel-links a {
	font-size: 1.1em;
	color: #574343;
	text-decoration: underline;
	margin: 0;
	padding: 0 10px 0 0;
	background: url(images/devider.png) no-repeat right center;
	}
#footer ul.hotel-links a:hover {
	text-decoration: none;
	}
#footer ul.hotel-links a.last {
	margin: 0;
	padding: 0;
	background: none;
	}
#footer ul.external-links {
	margin: 10px 0 0 0;
	padding: 0 20px;
	list-style-type: none;
	text-align: center;
	}
#footer ul.external-links li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 210%;
	}
#footer ul.external-links a {
	font-size: 1em;
	color: #78183C;
	text-decoration: none;
	margin: 0;
	padding: 0 10px 0 0;
	background: url(images/devider.png) no-repeat right center;
	}
#footer ul.external-links a:hover {
	text-decoration: underline;
	}
#footer ul.external-links a.last {
	margin: 0;
	padding: 0;
	background: none;
	}
#footer p.xhtml {
	text-align: center;
	margin: 5px;
	padding: 0;
	}
#footer p img {
	margin: 5px 10px 0 0;
	}
#footer p.copyright {
	clear: both;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 0;
	}
#footer p.copyright a {
	color: #78183C;
	text-decoration: none;
	}
#footer p.copyright a:hover {
	text-decoration: underline;
	}