#banner {
	position: relative;
	height: 125px;
	background-image: 	url(../images/banner_green.gif);
	border-top: 1px black solid;
	border-bottom:	1px black solid;
	z-index: 1;
	width:	1000px;
}

#earth {
	height: 124px;
	width: 176px;
	background: left no-repeat;
	background-image: 	url(../images/path_least_taken.gif);
	border-right: 1px #5FAD33 solid;
	z-index:  2;
	float:left;
}
#mainQuestion {
	position:	absolute;
	left:195px;
	top:10px;
	width:350;
}

.journeyStats {
	position:	absolute;
	left:195px;
	top:35px;
	width:200;
}
.journeyStats #guidedImage{
	position:	absolute;
	vertical-align:super;
}
.journeyStats #guidedText{
	position:	absolute;
	left:25px;
	top:2px;
}
.journeyStats #mediaImage{
	position:	absolute;
	top:22px;
}
.journeyStats #mediaText{
	position:	absolute;
	top:25px;
	left:25px;
}
.journeyStats #selfGuidedImage{
	position:	absolute;
	top:45px;
	left:2px;
}
.journeyStats #selfGuidedText{
	position:	absolute;
	top:47px;
	left:32px;
}
#mainBannerText {
	position:	absolute;
	left:400px;
	top:25px;
	width:300;
}
#touristCallToAction {
	position:	absolute;
	top:10px;
	left:735px;
	width:250px;
}
#guideCallToAction {
	position:	absolute;
	top:60px;
	left:735px;
	width:250px;
}
#homePageHtml {
	background: #DDDDDD;
	height:	100%;
}

#homePageCenteredWrapper {
	/* Centering in IE requires wrapping in a parent div with text-align-center*/
	text-align: center;
}

#homePageBody {
	border: 1px solid #5A5D5A;
	width:1000px;
	height:110%;
	margin: 0 auto;
	background:		#E1EAF3;
}

#homeMain {
	position:	relative;
	width:	1000px;
}

/* Code obtained from spiffybox.com & www.modxcms.com/simple-rounded-corner-css-boxes.html */
/* set the image to use and establish the lower-right position */
.citiesBox, .citiesBox_body, .citiesBox_head, .citiesBox_head h6 {
	background: transparent url(../images/mainRound_blue.png) no-repeat bottom right;
}

.citiesBox {
	position: relative;
	width: 	50%; 

  	/* the gap on the right edge of the image (not content padding) */
  	margin-top:	2%;
	float:	left;
}

/* set the top-right image */
.citiesBox_head{
	background-position:top right;	

	/* pull the right image over on top of border */
  	height:	10px;
}

/* set the top-left image */
.citiesBox_head h6 {
	background-position:top left;
	
	/*  This margin keeps the top-left image from overlapping 
	  with the upper corner of the top-right image*/
	margin-right: 	15px;
}

/* set the lower-left corner image */
.citiesBox_body{
	background-position:	bottom left;
  	width:   				100%;
} 

.cities {
    background-image:url("../images/corner_lightBlue_top_right.gif");
	background-position: top right;
	background-repeat: no-repeat;
	background-color:white;
	padding-top:10px;

	position: relative;
	width: 	50%; 
  	/* the gap on the right edge of the image (not content padding) */
  	margin-top:	2%;
	float:	left;
}

.countryHeader {
    background-image:url("../images/corner_white_top_right.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color:white;
	padding-left:10px;
	padding-top:5px;
}
.citiesMiddle {
    background-image:url("../images/cornerEdge_white_bottom_right.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color:white;
	padding-left:10px;
	padding-bottom:10px;
}
.citiesBottom {
    background-image:url("../images/corner_lightBlue_bottom_right.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color:white;
	padding-left:10px;
	padding-bottom:10px;
}

/* Code obtained from spiffybox.com & www.modxcms.com/simple-rounded-corner-css-boxes.html */
/* set the image to use and establish the lower-right position */
.infoBox, .infoBox_body, .infoBox_head, .infoBox_head h6 {
	background: transparent url(../images/subRound_blue.png) no-repeat bottom right
}

.infoBox {
	position:		relative;	
	float:			left;
	width: 			47%; 
  	margin-top:		3%;
  	
  	/* the gap on the right edge of the image (not content padding) */
  	padding-right:	15px; /* use to position the box */
}

/* set the top-right image */
.infoBox_head{
	background-position:top right;	

	/* pull the right image over on top of border */
  	margin-right:-15px; 
  	height:		10px;
}

/* set the top-left image */
.infoBox_head h6 {
	background-position:top left;
	
	/*  This margin keeps the top-left image from overlapping 
	  with the upper corner of the top-right image*/
	margin-right: 	15px;

	/*  This height prevents the top-left image from being a single pixel
	    line.  This is only important if the background has a top-left corner
	    or edge of importance - like the shadow in this infoBox*/
	height:		10px;
}

/* set the lower-left corner image */
.infoBox_body{
	background-position:	bottom left;
  	width:   		100%;

  	padding-left:10px; 
} 

#comingSoonPopup {
	position:	absolute;
	left: 150px;
	top:  100px;
	width:	200px;
	height:	100px;
	background: #E1EAF3;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	z-index: 1010;
}

#comingSoonPopupTitleBar {
	background-color: #769DC4;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	float:left;
	height:18px;
	width:200px;
}
#comingSoonPopupTitle {
	margin-left:5px;
	margin-top:2px;
	float:left;
}
#comingSoonPopupControls {
	float: right;
	cursor: hand;
}
#comingSoonPopupBody {
	padding: 5px;
	clear:both;
}