html {
	font-size: 125%;
	height: 100%;
}

body {
	background-color: #58531d	;
	font: 50% "century gothic", arial, sans-serif;
	color: #58531d;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

div#mainwrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #fff;
	border: #fff solid;
	border-width: 0px 4px 4px;
}

div#hftlink {
	width: 770px;
	text-align: right;
	font-weight: bold;
	margin: 1em auto;
	color: #7c6500;
	padding-bottom: 1em;
}

div#hftlink a {
	color: #7c6500;
	text-decoration: none;
}

div#hftlink a:hover {
	text-decoration: underline;
}

div#topredsquare {
	float: right;
}

div#titletext {
	width: 520px;
	min-height: 80px;
	float: right;
	padding: 0px 15px;
}

div#navigation, div#footer {
	width: 770px;
	height: 110px;
}

div#navigation li {
	float: left;
	list-style-type: none;
	width: 110px;
	height: 110px;
	text-align: center;
	overflow: hidden;
}

div#navigation a {
	display: block;
	height: 110px;
	width: 110px;
}

div#navigation span {
	display: none;
}

div#navigation a.home {
	background: url(../images/home_roll.jpg) 0 0 no-repeat;
}

div#navigation a.home:hover, div#navigation a.homeon  {
	background: url(../images/home_roll.jpg) 0 -110px no-repeat;
}

div#navigation a.whattoexpect {
	background: url(../images/whattoexpect_roll.jpg) 0 0 no-repeat;
}

div#navigation a.whattoexpect:hover, div#navigation a.whattoexpecton {
	background: url(../images/whattoexpect_roll.jpg) 0 -110px no-repeat;
}

div#navigation a.aboutus {
	background: url(../images/aboutus_roll.jpg) 0 0 no-repeat;
}

div#navigation a.aboutus:hover, div#navigation a.aboutuson {
	background: url(../images/aboutus_roll.jpg) 0 -110px no-repeat;
}

div#navigation a.explore {
	background: url(../images/explore_roll.jpg) 0 0 no-repeat;
}

div#navigation a.explore:hover, div#navigation a.exploreon {
	background: url(../images/explore_roll.jpg) 0 -110px no-repeat;
}

div#navigation a.groupjourneys {
	background: url(../images/groupjourneys_roll.jpg) 0 0 no-repeat;
}

div#navigation a.groupjourneys:hover, div#navigation a.groupjourneyson {
	background: url(../images/groupjourneys_roll.jpg) 0 -110px no-repeat;
}

div#navigation a.privatetrips {
	background: url(../images/privatetrips_roll.jpg) 0 0 no-repeat;
}

div#navigation a.privatetrips:hover, div#navigation a.privatetripson {
	background: url(../images/privatetrips_roll.jpg) 0 -110px no-repeat;
}

div#navigation a.contactus {
	background: url(../images/contactus_roll.jpg) 0 0 no-repeat;
}

div#navigation a.contactus:hover, div#navigation a.contactuson {
	background: url(../images/contactus_roll.jpg) 0 -110px no-repeat;
}

div#contentmain {
	font-size: 1.4em;
	width: 440px;
	max-width: 440px;
	margin-left: 220px;
	display: inline;
	float: left;
	background-color: #FFFFFF;
}

div#contentlarge {
	font-size: 1.4em;
	width: 770px;
	max-width: 770px;
	display: inline;
}

div#contentmain p, div#contentlarge p {
	margin-bottom: 1em;
}

div#contentmain p.largetext, div#contentlarge p.largetext {
	font-size: 1.3em;
}

div#contentmain p.smalltext {
	font-size: 1em;
}

div#contentmain ul, div#contentlarge ul {
	margin: 0em 3.4em 1em 3.4em;
	list-style-type: disc;
}

div#contentmain ul.subnav, div#contentlarge ul.subnav {
	margin: 0 0 1em;
	list-style-type: square;
	color: #FF2400;
	font-size: 0.8em;
	font-weight: bold;
	display: table-row-group;
}

div#contentlarge ul.subnav {
	margin-left: 220px;
}

div#contentmain ul.subnav li, div#contentlarge ul.subnav li {
	display: inline;
	border-left: 1px solid;
	line-height: 1.5em;
	height: 1px;
	width: 1px;
	padding-top: 0;
	padding-right: 0.6em;
	padding-bottom: 0;
	padding-left: 0.9em;
}

div#contentmain ul.spread li, div#contentlarge ul.spread li {
	margin-bottom: 1em;
}

div#contentmain ul.subnav li span , div#contentlarge ul.subnav li span {
	white-space: nowrap;
}

* html div#contentmain ul.subnav, div#contentlarge ul.subnav {
	padding-left: 0;
}

* html div#contentmain ul.subnav li, * html div#contentlarge ul.subnav li {
	border-left: 0;
	padding: 0 0.9em 0 0;
}

div#contentmain ul.subnav li:first-child, div#contentlarge ul.subnav li:first-child {
	border-left: 0;
	padding-left: 0;
}

div#affiliates img {
	margin-right: 8px;
	margin-bottom: 0 !important;
	vertical-align: middle;
}

div#affiliates img.ccbenlogo {
	width: 89px;
	height: 102px;
}

div#affiliates img.rtlogo {
	width: 212px;
	height: 52px;
}

div#affiliates img.ecoclublogo {
	margin-right: 0;
	width: 92px;
	height: 46px;
}

div#affiliates img.climatecarelogo {
	margin-left: 20px;
	width: 162px;
	height: 61px;
}

div#affiliates img.paypallogo {
	margin-left: 12px;
	width: 190px;
	height: 60px;
}

div.paypal {
	margin-left: auto;
	margin-right: auto;
	width: 76px;
	text-align: center;
}

div.paypal input {
	border: 0;
	width: 73px;
	height: 44px;
}

div.paypal img {
	width: 3px;
	height: 3px;
	border: 0;
}

div#copy {
	padding: 20px 15px;
	min-height: 290px;
}

div#copybox {
	padding: 20px 15px;
	}

div#copylarge {
	padding: 20px 15px;
}

div#quotescolumn {
	width: 220px;
	max-width: 220px;
	float: left;
	margin-left: -660px;
	color: #FF2400;
}
div#column1photo {
	width: 110px;
	max-width: 110px;
	float: left;
	margin-left: 0px;
}
div#column3photo {
	width: 110px;
	max-width: 110px;
	float: left;
	margin-left: 220px;
}

div#screensaverbutton {
	width: 110px;
	max-width: 110px;
	float: left;
}

div#screensaverbutton table tr td {
	text-align: center;
}
/* For Safari */

div#screensaverbutton a {
	text-decoration: none;
	color: #ff2400;
}

div#screensaverbutton a:hover {
	text-decoration: underline;
	background-color: #ff2400;
	color: #FFFFFF;	
}

div#quote, div#slogan, div#screensaverbutton, .whitesquare, .redsquare, .rightimage {
	min-height: 110px;
}

div#quotescolumn blockquote, div#screensaverbutton p {
	font-size: 1.2em;
	margin: 5px 10px;
	border-top: 1px solid #ff2400;
	border-bottom: 1px solid #ff2400;
	padding: 5px 0px;
}

div#quotescolumn blockquote p span {
	font-size: 0.8em;
}

div#slogan p {
	font-size: 1.7em;
	font-weight: bold;
	color: #ff2400;
	padding: 10px 15px; 
}
div#quotescolumn .itingoldimageright {
	width: 220px;
	height: 110px;
	background-color: #58531d;
	text-align: right;
}
div#quotescolumn .itingoldimageleft {
	width: 220px;
	height: 110px;
	background-color: #58531d;
}
div#quotescolumn .itinredimageright {
	width: 220px;
	height: 110px;
	background-color: #ff2400;
	text-align: right;
}
div#quotescolumn .itinredimageleft {
	width: 220px;
	height: 110px;
	background-color: #ff2400;
}
div#quotescolumn .itinwhiteimageright {
	width: 220px;
	height: 110px;
	text-align: right;
}
div#quotescolumn .itinwhiteimageright220 {
	width: 220px;
	height: 220px;
	text-align: right;
}
div#quotescolumn .itinwhiteimageright440 {
	width: 220px;
	height: 440px;
	text-align: right;
}
div#quotescolumn .itinwhiteimageleft {
	width: 220px;
	height: 110px;
}
div#quotescolumn .goldimage {
	width: 220px;
	height: 110px;
	background-color: #58531d;
}

.redimage {
	width: 220px;
	height: 110px;
	background-color: #58531d;
	text-align: right;
}

.whitesquare, .redsquare, .rightimage {
	width: 110px;
	height: 110px;
}

.whitesquare, .rightimage {
	background-color: #fff;
}

.goldimage, .redimage, .whitesquare, .redsquare, .rightimage {
	overflow: hidden;
}

div#righttopimage {
	position: absolute;
	bottom: 220px;
}

div#rightmiddleimage {
	position: absolute;
	bottom: 110px;
}

div#rightbottomimage {
	bottom: 0px;
}

.redsquare {
	background-color: #ff2400;
}

.goldsquare {
	background-color: #58531d;
}

div#footerleft {
	float: left;
	width: 220px;
}

div#address {
	height: 110px;
	width: 440px;
	background:url("../images/carpe_diem_address.gif") center center no-repeat;
	background-color: #fff;
	float: left;
}

div#rightcolumn {
	width: 110px;
	max-width: 110px;
	float: right;
	position: relative;
}

div#copy img {
	margin-bottom: 20px;
}

div#copy div.clearfix {
	padding: 5px 0px;
	vertical-align: top;
}

div#copy div.divider {
	padding: 15px 0px;
	border-bottom: 1px solid #a58700;
}

div#copy div.textgroup {
	border-bottom: 1px solid #a58700;
	padding-bottom: 15px;
}

div#copy form label {
	width: 150px;
	float: left;
	font-size: 1em;
}

div#copy form input, div#copy form textarea {
	font-family: "century gothic", arial, sans-serif;
	font-size: 1em;
}

div#copy input[type="text"], div#copy textarea {
	width: 255px;
}

div#copy input[type="submit"] {
	display: block;
	margin-left: auto;
	margin-right: 0px;
}

div#copy div.buttongroup {
	float: left;
	margin: 0px;
	padding: 0px;
}

div#copy div.buttongroup div {
	margin-bottom: 5px;
}

div#copy div.buttongroup input {
	margin-right:5px;
}

h1 {
	font-size: 2.2em;
	font-weight: normal;
}

h2, h3 {
	display: none;
}

table {
	border-spacing: 0px;
}

table.midtable {
	height: 110px;
}

a {
	color: #FF2400;
}

a:link {

}

a:visited {

}

a:hover {
	color: #FFFFFF;
	background-color: #FF2400;
	outline-color: #FFFFFF;
}

a:active {

}

sup {
	vertical-align: 10%;
	font-size: 1em;
}

.clearthis {
	clear: both;
	line-height: 0em;
	height: 0;
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.forcedspacer {
	clear: both;
	height: 1em;
	visibility: hidden;
}

<!-[if IE 7]>
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
<![endif]->