/* auto-clearing styles */
/* for CSS2-compliant browsers */
.fix:after{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* trigger hasLayout for ie5/5.5/6 */
* html .fix{
	height: 1%;
}
/* trigger hasLayout for ie5.5/6/7, containing for ie5/mac */
.fix{
	display: inline-block;
}
/* reset display for non-ie5/mac \*/
.fix{
	display: block;
}
/* end hide */


body {
	background: url(../../views/images/swoosh.png) no-repeat;
	margin:0 0 20px 0;
	text-align:center;
}

/*main homepage*/
#homePage { width:760px; text-align:left; margin:auto;}
#homePage p{ font-family:Verdana, Arial, Helvetica, sans-serif;}


#homePage h2 {color:#fff; padding:15px 15px 5px 15px; margin:0;}
#homePage img {  border:0;}


#homeLogoStrip img { display:block;}

#flashShowcase{ background:#00404f; height:263px;} 

#flashShowcase #flashintro {width:760px;height:263px; background:#00404F;} 


#whatIsTourismSites { width:494px; height:167px;float:left;background:#00404f url(../images/what-is-ts-bg.gif) repeat-x; color:#fff;}
#whatIsTourismSites ol { padding:0; margin:2px 15px;list-style:none; line-height:17px;}
#whatIsTourismSites li { padding:0 0 8px 0; margin:0; font-size:12px;}
#whatIsTourismSites h5 { font-weight:normal; font-size:17px; display:inline; color:#fff; padding:0 5px 0 0 ;}
#whatIsTourismSites img { float:left; margin:0 0 0 15px;}
#whatIsTourismSites a { padding:0 0 0 3px; color:#fff;}


#loginForm { width:266px; height:167px;float:left; background:#d3470f url(../images/login-bg.gif) no-repeat; color:#fff;}

#loginFormUsername,
#loginFormPassword {padding:7px 15px 0 15px;  }
#loginFormUsername input,
#loginFormPassword input { width:170px; float:right;}
#loginForm h6 { color:#fff; float:left; font-size:11px; line-height:20px;}


#loginFormSubmit {padding:10px 15px 0 15px; }
#loginFormForgotPass { float:left;padding:2px 0 0 0;}
#loginFormForgotPass p{ display:inline; margin:0; padding:0;}

#loginFormForgotPass a{ color:#fff; font-size:11px;} 
#loginFormSubmit input { float:right;}

#loginFormMessage {color:#fff; font-weight:bold;padding:5px 15px 0 15px;  }


#homeFooter { background: #dcdcdc; padding:15px; clear:both;}
#homeFooterBg {background:url(../images/footer-divider.gif) repeat-y 550px 0; padding:5px;}

#homeFooter p{ font-size:11px; margin:0; padding:0;}


#homeFooterInfo { width:500px; float:left;}
#homeFooterCopy { float:right;}






/* end main homepage*/





/*sign up*/
#newUser { width:500px; height:305px;float:left; background:#f3f3f3;}
#newUserPadding,
#tourismDataUserPadding { padding:7px;}
#newUser h4,
#tourismDataUser h4 {  font-size:11px;}
#newUser p,
#tourismDataUser p  { margin:0 0 10px 0 ; font-size:11px;}
#newUser .tourismsubmitlargebuttonpersuade,
#tourismDataUser .tourismsubmitlargebuttonpersuade {margin-top:5px; display:block;}
#tourismDataUserSignIn input{ width:170px;}


	/*paper style note*/
	.featureNote {float:right;background: url(../images/note-bg.png) no-repeat;width:224px;height:275px;}
	.featureNote h2 {padding:30px 25px 10px; margin:0;}
	.featureNote ol {margin:0;padding:2px 20px 60px 30px;list-style:none;line-height:17px;}
	.featureNote li { padding:0; margin:0 0 5px 0; font-size:12px;}
	.featureNote h5 { font-weight:normal; font-size:17px; display:inline;  padding:0 5px 0 0 ;}

#tourismDataUser {width:250px;height:305px; float:right; background:#f3f3f3;}



/*end sign up*/





#footer {
	width:760px;
	margin:0 auto;
	background:#f3f3f3;
	border-top:1px solid #c1c1c1;
	text-align:left;
}
#footer a { color:#537e88;	padding:8px 18px; display:block; float:left;}







#publicInner {
	width:760px;
	margin:auto;
	/*border-bottom:1px solid #c1c1c1;*/
	text-align:right;
	position:relative;
	font-size:11px;
}
#publicInnerHeader {width:760px;margin:auto;}
#publicInnerHeader img { float:left;}
#publicInnerHeader form { display:inline;}
#publicInnerHeader div { position:absolute;bottom:5px; right:0;}

#publicInnerBody { width:760px; margin:auto; text-align:left; padding:0 0 10px 0; position:relative;}





#howTsWorks { background:#f3f3f3; border:solid #c1c1c1; border-width:1px 0;}
#howTsWorksAnimation {
	float:left;
	width:503px;
	height:408px;
	background:url(../images/howTsWorks-flashborder.gif);
}
#howTsWorksAnimationPadding {padding:16px;}
#howTsWorksText { float:left; width:240px;}












/*main nav*/
div#editMenu {width:760px;margin:auto;}
div#editMenu ul {
	display:block;
	border-top:1px solid #c1c1c1;
	background:#f3f3f3 url(../images/menu-btm-bg.png) bottom repeat-x;
	padding:3px 0 0 0;
	list-style:none;
	margin:0;
	position:relative;
}
div#editMenu li {
	float:left;
	display:block;
	height:27px;
	background:url(../images/nav-rht.png) no-repeat right top;
	margin:0 0 0 5px;
	width:auto;

}
div#editMenu a {
	display:block;
	line-height:27px;
	padding:0 10px;
	background:url(../images/nav-lft.png) no-repeat left top;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

div#editMenu li.leftMenuActive {background:url(../images/nav-rht-on.png) no-repeat right top;}
div#editMenu li.leftMenuActive a {background:url(../images/nav-lft-on.png) no-repeat left top;}



#moreInfoLeft {width:450px; float:left; padding:10px 0 0 0}
#moreInfoLeftLogos { padding:40px 0 0 0;}


#moreInfoRight { float:right; width:290px; margin:10px 0 0 0;}
#moreInfoRight div {padding:0 10px 10px 10px ; background:#fdfddd; border:1px solid #e5e5e5;}
#moreInfoRight p { font-size:11px; margin:0 0 7px 0;}
#moreInfoRight h3 { margin:17px 0 5px 0;}