@charset "UTF-8";
/* Main Style Sheet */

html, body {
padding:0;
margin:0;

}

/* Changes color or entire site to red */
body {
	background-color: #3955a6;
	border-top: 6px solid #ffcc00; /*bottom border is 10px: height of the bottom strip*/
}
/* Gets rid of link border around images */
a img { border: 0; 
}
a.mainFooter:link    {
  /* Applies to unvisited links of class mainFooter */
  text-decoration:  none;
  color:            #3C3C3C;
  } 
  
  
a.Charter:link    {
	/* Applies to unvisited links of class mainFooter */
  text-decoration:  none;
	color:            #FC0;
  } 
  
a.mainFooter:visited {
  /* Applies to visited links of class mainFooter */
  text-decoration:  none;
  color:            #5cc7ee;
  } 
a.mainFooter:hover   {
  /* Applies to links under the pointer of class mainFooter */
  text-decoration:  underline;
  color:            #3C3C3C;
  } 
a.mainFooter:active  {
  /* Applies to activated links of class mainFooter */
  text-decoration:  underline;
  color: #3C3C3C;
  } 


.Big_Container {
	width:1400px;
	height:100%;
	margin:0px auto;
	position:relative;	
}

.GhostContainer_left {
	float:left;
	width:246px;
	height:750px;
}

/* Contains all the elements to center all the way down to the footer */
#ContainerWrapper {
	width: 907px;
	margin: 2em auto 0px auto;
	height: 100%;
	float:left;
}

/* Text Channges to Phone Number, Toll Free and Travel Agent Logon */	
#PhoneNumberPlacement p,
#TollFreeNumberPlacement p,
#TravelAgentLogin p  {
	font: 16px Verdana;
	margin: 0px;
	color: #FFFFFF;
	padding-bottom: 3px;
	text-align: right;
}
/* Position for City Sightseeing Logo */
#LogoHeader {
	float: left;
	width:356px;
}
#SlideShowSection {
	float:right;
}
/* Navigation Menu bottom padding position */
#NavigationMenu {
	padding-bottom: 20px;
	width:551px;
	float:left;
}


.CTA {
	background-image:url(../images/CTA.jpg);
	width:907px;
	height:380px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffcc00; /*bottom border is 10px: height of the bottom strip*/
	padding:20px 0 20px 0;
	border-top: 1px solid #ffcc00; /*bottom border is 10px: height of the bottom strip*/
	background-position:center;
}

.CTA_Container {
	float:left;
	width:430px;
	padding:0 0 0 17px;	
}

.CTA_Container h1 {
	color:#FFFFFF;
	font-size:28px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: 1px 1px #666666;
	margin-bottom:0em;
}

.CTA_Container p {
	color:#FFFFFF;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:0em;
}


.CTA_Button {
	padding:50px 0 0 20px;
}

.ServicesTitle {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bolder;
	margin:0em;
	padding-top:25px;
}

.ServicesHeading {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bolder;
	border-bottom: 2px solid #ffcc00;
	margin: 0em;
}

.ServicesDescription {
	color:#FFFFFF;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0em;
	padding-top:10px;

}

.ServicesDescription A:link {
	color:#ffcc00;
	text-decoration: none
	}

.ServicesDescription A:visited {
	color:#ffcc00;
	text-decoration: none
	}

.OurServicesGrid {
	float:left;
	width:215px;
	padding:0 11px 30px 0;
}

.OurServicesImg {
	padding:15px 0 5px 0;
	
}


.ThreeColumnGrid {
	float:left;
	width:262px;
	padding:40px 40px 150px 0;
}


ul.Saftey {
	color:#FFFFFF;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0.5em 0 0 -1em;
	text-indent: -2px;

}

/* Travel Agent Login position and text color */
#TravelAgentLogin {
	padding-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	color: #FFF;
}

/* Form Section */

/* Bottom Padding to the progress bar */
#ProgressBar {
	padding: 0 0 30px 0;
}

/* Info Indicator - Tells the user what is going on on each page, it also has bottom padding and bottom yellow border */
#InfoIndicator,
InfoIndicator h3	{
	padding-bottom: 3px;
	border-bottom: 5px solid #ffcc00;
	font: 13px Verdana;
	margin: 0px;
	color: #FFFFFF;
}

/* MainFormWhiteBox - is a white box that'll contain all the form info */
#MainFormWhiteBox {
	width:907px;
	background-color:#FFF;
	border-bottom: 5px solid #ffcc00;
	margin-bottom: 80px;
}

/* #MainFormWhiteBox [ - styles all the text in the white box */
#MainFormWhiteBox p {
	font: 13px Verdana;
	width: 890px;
	margin-left:10px;
	line-height: 18px;
}

/* FormBlueBox - contains a heading and blue box */
#FormBlueBox {
	width:907px;
	background-color:#5cc7ee;
	height:30px;
	margin: 0 0 0 -50px;

}
#FormBlueBox h2	{
	margin:2px 0 0 10px;
}

/* Contains a Yellow Solid Line at the bottom of the whole Welcome Heading*/
#MainSection {
	padding-bottom: 10px;
	border-bottom: 1px solid #ffcc00;
}
/* Contains the text changes to the Welcome section */
#MainSection p  {
	font: 24px/30px Verdana;
	margin: 0px;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-align: left;
}
/* Creates the white box for Toronto Double-Decker City Tour */
#MainTourFeatureWhiteBox {
	margin: 20px 0 50px 0;
	width: 430px;
	background-color:#FFF;
	float:left;
	overflow: auto;
	min-height: 375px;
   	height:auto !important;
   	height: 375px;
	display: inline; /* Prevents "stepdown" */


}
/* Creates the blue box for Toronto Double-Decker City Tour */
#MainFeatureBlueBox {
	height:70px;
	width: 430px;
	z-index: 2;
	background-image: url(../images/TorontoMainHeading.png);
	float: right;
	background-repeat: no-repeat;
}
/* Creates the text heading and Postion for Toronto Double-Decker City Tour */
#MainFeatureTitle  {
	font: bold 16px/19px Verdana;
	margin: 25px 0 0 70px;
	clear: none;
	float: left;
	display:inline;
	z-index: 3;
}
/* Creates the text spacing for Toronto Double-Decker City Tour */
#MainTourFeatureWhiteBox p  {
	line-height: 18px;
	padding: 5px 0 0 5px;
	margin: 10px;
}
/* Positions the image for Toronto Double-Decker City Tour */
#MainFeatureTourPicture {
	margin-top:50px;
	float:right;
}
/* Creates Yellow border underneath Toronto Double-Decker City Tour */
#YellowDivider {
	border-bottom: 1px solid #ffcc00;
}
/* Creates a break clear float */
.clearfloat {
	clear:both;
	height:0px;
}

/* Creates a blue box for the following and bacground image for:Toronto Harbour */
#Column1BlueBox {
	height:70px;
	background-image: url(../images/Column1Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Niaraga Falls */
#Column2BlueBox {
	height:70px;
	background-image: url(../images/Column2Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Go-See-Do */
#Column3BlueBox {
	height:70px;
	background-image: url(../images/Column3Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
}

/* Creates the markup text for the following tours details; Toronto Harbour |  Niaraga Falls | Go-See-Do */

#Column1WhiteBox p,
#Column2WhiteBox p,
#Column3WhiteBox p	{
	font: 12px/16px Verdana;
	margin: 10px;
	padding-bottom: 13px;
	text-align: left;
	color: #3C3C3C;
	width: 210px;
}
/* Position and Font for Coloumn 1 Heading */
#Column1Title p {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 75px;
	clear: none;
}

/* Position and Font for Coloumn 2 Heading */
#Column2Title p {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 75px;
	clear: none;
}


/* Position and Font for Coloumn 3 Heading */
#Column3Title p {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 75px;
	clear: none;
}

/* Creates a white box and postion for Toronto Harbour and Island Cruise */
#Column1WhiteBox {
	margin: 0 110px 50px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 510px;
	height:auto !important;
	height: 510px;
	display: inline; /* Prevents "stepdown" */
	
}

/* Creates a white box and postion for Niagara Falls Day Tour */
#Column2WhiteBox {
	margin: 0 107px 50px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 510px;
	height:auto !important;
	height: 510px;
	display: inline; /* Prevents "stepdown" */
}
/* Creates a white box and postion for Go-See-Do Toronto Tour */
#Column3WhiteBox {
	margin: 0 0px 50px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 510px;
	height:auto !important;
	height: 510px;
	display: inline; /* Prevents "stepdown" */

}


/*-----------------------------------------------------------------*/

/* Creates a blue box for the following and bacground image for:Toronto Harbour */
#Column4BlueBox {
	height:70px;
	background-image: url(../images/Column4Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Niaraga Falls */
#Column5BlueBox {
	height:70px;
	background-image: url(../images/Column5Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Go-See-Do */
#Column6BlueBox {
	height:70px;
	background-image: url(../images/Column6Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
}

/* Creates the markup text for the following tours details; Toronto Harbour |  Niaraga Falls | Go-See-Do */

#Column4WhiteBox p,
#Column5WhiteBox p,
#Column6WhiteBox p	{
	font: 12px/16px Verdana;
	margin: 10px;
	padding-bottom: 13px;
	text-align: left;
	color: #3C3C3C;
	width: 195px;
}
/* Position and Font for Coloumn 1 Heading */
#Column4Title p {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 60px;
	clear: none;
}

/* Position and Font for Coloumn 2 Heading */
#Column5Title p {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 95px;
	clear: none;
}


/* Position and Font for Coloumn 3 Heading */
#Column6Title p {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 75px;
	clear: none;
}

/* Creates a white box and postion for Toronto Harbour and Island Cruise */
#Column4WhiteBox {
	margin: 27px 110px 100px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

	
}

/* Creates a white box and postion for Niagara Falls Day Tour */
#Column5WhiteBox {
	margin: 27px 107px 100px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

}
/* Creates a white box and postion for Go-See-Do Toronto Tour */
#Column6WhiteBox {
	margin: 27px 0px 100px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

/*--------------------------------------------*/


}
/* Creates the text markup for the following Headings; Recent Commnets | Email NewsLetter | Contact us | Partners */
#RecentCommentsHeading p,
#EmailNewsletterHeading p,
#ContactUsHeading p,
#PartnersHeading p  {
   font: 16px Verdana;
   margin: 0px 0 5px 0;
   padding-bottom:5px;
   color: #434343;
   text-align: left;
   border-bottom: 1px solid #c80000;

}
/* Creates the text markup for the following details; Recent Commnets | Email NewsLetter | Contact us */
#Comments p,
#ContactInfo p,
#EmailStandardTxt p {
   font: 10px/14px Verdana;
   margin: 0px;
   color: #434343;
   text-align: left;
}
/* Position for Recent Comments Column */
#RecentCommentsColumn {
	width: 196px;
	float:left;
	margin: 30px 20px 0 0;
}
/* Position for Email Newsletter Column */
#EmailNewsletterColumn {
	width: 215px;
	float:left;
	margin:30px 25px 0 0;
}
/* Position for Contact us Column */
#ContactUsColumn {
	width:220px;
	float:left;
	margin:30px 20px 0px 0;
}
/* Position for Partners Column */
#PartnersColumn {
	width: 207px;
	float:right;
	margin: 30px 0 20px 0;
}
/* Position for Sitemap Navigation Links navcontainer) */
#navcontainer {
	width:907px;
	overflow:hidden;
	float:left;
}
/* Decoration for Sitemap naviagaion Links */
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 25px;
	
}
/* Text Markup for CopyRight Heading and Sitemap Navigation Links (navcontainer) */
#CopyRightHeading p,
#navcontainer  {
	font: 9px Verdana;
	color: #434343;
	

}
/* Position for CopyRight */
#CopyRightHeading {
	float:left;
}
/* Contains all the elements to center inside the footerContainer to look as thuogh it's being centered by the Main (container) */
#FooterContainer {
	width: 907px;
	margin: 0px auto 0px auto;

}

/* This wraps the (FooterContainer) inside the (FootWrapper) to make the (FooterBG) image repeat on the x-axis out side the the main (container) */
#FooterWrapper {
	width: 100%;
	height: 100%;
	margin: auto;
	background-image:url(../images/FooterBG.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	overflow:hidden;
}
/* Booking Headings - Position for the Headings */
#BookingHeadings {
	text-align: left;
	margin: 3px 0 0 0;
	clear: both;
	float: right;
}
#TableSection {
	color:#FFF;
}

.Footer {
	background-color:#e2e2e2;
	height:125px;
	width:100%;
}

.FooterContainer {
	width:907px;
	height:auto;
	margin:0 auto 0 auto;
}

.StarCoachLogo {
	background-image:url(../images/StarCoachSesrvices-Logo.png);
	float:left;
	width:125px;
	height:34px;
	margin:30px 0 0 0;
}