* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

body {
	overflow: hidden;
	font: normal 72.5%/135% Verdana, Helvetica, Arial, sans-serif;
}

body.squeeze {
	overflow: auto;
	padding: 10px 250px 10px 10px;
	background-position: right top;
	background-attachment: fixed;
}

body.generic {
	overflow: auto;
	}

.about-layout { background: url(../img/about-layout.jpg) no-repeat; }
.expect-layout { background: url(../img/expect-layout.jpg) no-repeat; }
.apply-layout { background: url(../img/apply-layout.jpg) no-repeat; }
.checklist-layout { background: url(../img/corkboard.jpg) no-repeat; }

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
}

#header h1 a:link,
#header h1 a:visited {
	display: block;
	width: 186px;
	height: 100px;
	background: url(../img/tui-logo.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
}

#nav {
	width: 355px;
	height: 40px;
	margin: 35px 0; 
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3000;
	list-style: none;
	background: url(../img/nav-bg.png) no-repeat 0 0;
	display: none;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 40px;
	float: left;
	background: url(../img/nav-bg-li.png);
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#nav li a.home { width: 60px; background-position: -3px 0; }
#nav li a:hover.home { background-position: -3px -40px; }

#nav li a.about { width: 83px; background-position: -66px 0; }	
#nav li a:hover.about { background-position: -66px -40px; }	

#nav li a.expect { width: 146px; background-position: -146px 0; }	
#nav li a:hover.expect { background-position: -146px -40px; }	

#nav li a.apply { width: 60px; background-position: -292px 0; }	
#nav li a:hover.apply { background-position: -292px -40px; }	



#flash {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

p.apply-button {
	width: 205px;
	height: 100px;
	position: absolute;
	top: 30px;
	right: 0;
}

p.apply-button a:link, p.apply-button a:visited {
	display: block;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/apply-now.jpg) no-repeat;
	background-position: 0 0;
}

p.apply-button a:hover {
	background-position: 0 -100px;
}

p.faq-button {
	width: 205px;
	height: 100px;
	position: absolute;
	top: 130px;
	right: 0;

}

p.faq-button a:link, p.faq-button a:visited {
	display: block;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/faqs.jpg) no-repeat;
	background-position: 0 0;
}

p.faq-button a:hover {
	background-position: 0 -100px;
}

p.faq-button2 {
	width: 220px;
	height: 219px;
	position: absolute;
	top: 50px;
	right: 40px;

}

p.faq-button2 a {
	display: block;
	height: 219px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/faqs-postit.png) no-repeat 0 0;
}

#footer {
	position: absolute;
	bottom: 0;
}

#footer p {
	float: left;
	padding-left: 10px;
	font-size: 85%;
	color: #fff;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

ul.share-this {
	list-style: none;
	float: left;
	margin-left: 7px;
}


ul.share-this li {
	float: left;
	margin-right: 5px;
}

ul.share-this li a:link, ul.share-this li a:visited {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}

ul.share-this li.delicious a:link, ul.share-this li.delicious a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: 0px 0px;
}

ul.share-this li.delicious a:hover {
	background-position: 0px -16px;
}

ul.share-this li.digg a:link, ul.share-this li.digg a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -16px 0px;
}

ul.share-this li.digg a:hover {
	background-position: -16px -16px;
}

ul.share-this li.twitter a:link, ul.share-this li.twitter a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -32px 0px;
}

ul.share-this li.twitter a:hover {
	background-position: -32px -16px;
}

ul.share-this li.stumble a:link, ul.share-this li.stumble a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -48px 0px;
}

ul.share-this li.stumble a:hover {
	background-position: -48px -16px;
}

ul.share-this li.facebook a:link, ul.share-this li.facebook a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -64px 0px;
}

ul.share-this li.facebook a:hover {
	background-position: -64px -16px;
}

ul.share-this li.reddit a:link, ul.share-this li.reddit a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -80px 0px;
}

ul.share-this li.reddit a:hover {
	background-position: -80px -16px;
}

ul.share-this li.linkedin a:link, ul.share-this li.linkedin a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -96px 0px;
}

ul.share-this li.linkedin a:hover {
	background-position: -96px -16px;
}

ul.share-this li.emailit a:link, ul.share-this li.emailit a:visited {
	background: url(../img/shareit.png) no-repeat;
	background-position: -112px 0px;
}

ul.share-this li.emailit a:hover {
	background-position: -112px -16px;
}


/*-------------- typography ---------------------*/

h2 {
	font-size: 150%;
	color: #cc0033;
	padding-bottom: 20px;
}	

h3 {
	font-size: 120%;
	color: #cc0033;
	padding: 12px 0;
}

p {
	padding-bottom: 12px;
}

a:link, a:visited {
	color: #cc0033;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul, ol, dl {
}

dt {
	font-weight: bold;
	padding-bottom: 3px;
}

dd {
	padding-bottom: 12px;
}

ul.text{
	margin-left: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

ul.text li {
	padding-bottom: 3px;
}



/*-------------- non-flash styles ---------------*/

.landing, .island, .headoffice, .clouds, .distribution, .commercial {
	width: 100%;
	height: 100%;
}

.landing { background: url(../img/no-flash/home.jpg) no-repeat center center; }
.island { background: url(../img/no-flash/island.jpg) no-repeat center center; }
.headoffice { background: url(../img/no-flash/headoffice.jpg) no-repeat center center; }
.clouds { background: url(../img/no-flash/clouds.jpg) no-repeat center top; }
.distribution { background: url(../img/no-flash/distribution.jpg) no-repeat center center; }
.commercial { background: url(../img/no-flash/commercial.jpg) no-repeat center center; }

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.textbox {
	width: 348px;
	padding: 20px;
	background: url(../img/no-flash/white.png) repeat left top;
	position: absolute;
	top: 140px;
	left: 0;
}

.contentbox {
	padding: 10px 250px 10px 10px;
	position: absolute;
	top: 140px;
	left: 0;
	background-position: right top;
}

#nav2 {
	width: 355px;
	height: 40px;
	margin: 35px 0; 
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	background: url(../img/nav-bg.png) no-repeat 0 0;
}

#nav2 li {
	float: left;
}

#nav2 li a {
	display: block;
	height: 40px;
	float: left;
	background: url(../img/nav-bg-li.png);
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#nav2 li a.home { width: 60px; background-position: -3px 0; }
#nav2 li a.home.active, #nav2 li a:hover.home { background-position: -3px -40px; }

#nav2 li a.about { width: 83px; background-position: -66px 0; }	
#nav2 li a.about.active, #nav2 li a:hover.about { background-position: -66px -40px; }	

#nav2 li a.expect { width: 146px; background-position: -146px 0; }	
#nav2 li a.expect.active, #nav2 li a:hover.expect { background-position: -146px -40px; }	

#nav2 li a.apply { width: 60px; background-position: -292px 0; }	
#nav2 li a.apply.active, #nav2 li a:hover.apply { background-position: -292px -40px; }	

#map-nav {
	width: 140px;
	height: 520px;
	position: absolute;
	top: 140px;
	right: 0;
	list-style: none;
}

#map-nav li a {
	display: block;
	width: 140px;
	height: 104px;
	background: url(../img/no-flash/map-nav.png);
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#map-nav li a.island-nav { background-position: 0 0; }
#map-nav li a.island-nav.current, #map-nav li a:hover.island-nav { background-position: -140px 0; }

#map-nav li a.headoffice-nav { background-position: 0 -104px; }	
#map-nav li a.headoffice-nav.current, #map-nav li a:hover.headoffice-nav { background-position: -140px -104px; }	

#map-nav li a.clouds-nav { background-position: 0 -208px; }	
#map-nav li a.clouds-nav.current, #map-nav li a:hover.clouds-nav { background-position: -140px -208px; }	

#map-nav li a.distribution-nav { background-position: 0 -312px; }	
#map-nav li a.distribution-nav.current, #map-nav li a:hover.distribution-nav { background-position: -140px -312px; }	

#map-nav li a.commercial-nav { background-position: 0 -416px; }	
#map-nav li a.commercial-nav.current, #map-nav li a:hover.commercial-nav { background-position: -140px -416px; }