﻿/* CSS Document */
html {
	background-image: url(images/background.gif);
	background-color: #464646;
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
}



body {
	background-image: url(images/background1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:98%;
	height: 750px;
}



div.body {
	background-repeat: no-repeat;
	z-index: 1;
	position:relative;
	width:900px;
	height: 750px;

	margin-left: auto;
	margin-right: auto;
}



/* Logo Bar */
div.logobar-bg-container {
	width: 900px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
}



div.logobar-bg {
	background-image:url(images/logobar-bg.png);
	background-repeat:repeat-x;
	z-index: 3;
	position:absolute;
	width: 900px;
	height: 106px;
	top: 22px;
	left: 1px;
}



div.logo {
	behavior: url(iepngfix.htc);
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	z-index: 4;
	position:absolute;
	width: 220px;
	height: 142px;
	top: 7px;
	left: 58px;
}



div.logo-title {
	behavior: url(iepngfix.htc);
	background-image:url(images/logo-title.png);
	background-repeat:no-repeat;
	z-index: 3;
	position:absolute;
	width: 634px;
	height: 132px;
	top: 6px;
	left: 241px;
}

/* Menu Bar */
div.menu-bg-container {
	width: 900px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}

div.menu-bg {
	background-image: url(images/menubar-bg.gif);
	background-repeat: repeat-x;
	z-index: 3;
	position:absolute;
	width: 901px;
	height: 150px;
	left: 0px;
	top: 137px;
	height: 50px;
}

div.menubar {
	z-index: 4;
	position:absolute;
	height: 56px;
	width: 900px;
	left: 0px;
	top: 138px;
}

/* Page properties */
div.page-bg-container {
	width: 900px;
	height: 515px;
	margin-left: auto;
	margin-right: auto;
}

div.page-bg {
	background-image:url(images/pagebg.png);
	background-repeat:repeat-y;
	z-index: 3;
	position:absolute;
	width: 900px;
	height: 506px;
	top: 188px;
	left: 0px;
}

div.white-bg {
	width: 872px;
	height: 480px;
	background-color: #cccccc;
	z-index: 4;
	position: absolute;
	left: 14px;
	top: 198px;
}

/* home.html contents */
div.banner {
	position:absolute;
	z-index: 4;
	width: 866px;
	height: 277px;
	left: 13px;
	top: 202px;
}

div.frame-bg-glance {
	background-image:url(images/frame-bg.png);
	background-repeat:repeat-x;
	z-index: 3;
	position:absolute;
	width: 566px;
	height: 191px;
	top: 491px;
	left: 16px;
}

div.title-glance {
	z-index: 5;
	position:absolute;
	background-image:url(images/glance.png);
	background-repeat:no-repeat;
	width: 564px;
	height: 57px;
	top: 491px;
	left: 17px;
}

div.frame-bg-glance {
	background-image:url(images/frame-bg.png);
	background-repeat:repeat-x;
	z-index: 3;
	position:absolute;
	width: 566px;
	height: 191px;
	top: 491px;
	left: 16px;
}


div.glance {
	z-index: 4;
	position:absolute;
	width: 548px;
	height: 128px;
	top: 549px;
	left: 27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 0px;
}


div.frame-bg-follow {
	background-image:url(images/frame-bg.png);
	background-repeat:repeat-x;
	z-index: 3;
	position:absolute;
	width: 288px;
	height: 191px;
	top: 491px;
	left: 596px;
}

div.title-follow {
	z-index: 5;
	position:absolute;
	background-image:url(images/follow.png);
	background-repeat:no-repeat;
	width: 284px;
	height: 57px;
	top: 491px;
	left: 597px;
}

div.follow {
	z-index: 4;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	left: 607px;
	top: 561px;
	width: 270px;
	height: 82px;
}

/* about.htm contents */
div.title-about {
	background-image: url(images/title-about.jpg);
	background-repeat:no-repeat;
	z-index: 5;
	position:absolute;
	width: 500px;
	height: 58px;
	left: 14px;
	top: 205px;
}

div.text-about {
	z-index:5;
	position: absolute;
	left: 193px;
	top: 271px;
	width: 842px;
	height: 393px;
	left: 30px;
	overflow: scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

/* topics.htm contents */
div.title-topics {
	background-image: url(images/title-topics.jpg);
	background-repeat:no-repeat;
	z-index: 5;
	position:absolute;
	width: 500px;
	height: 58px;
	left: 14px;
	top: 205px;
}

div.text-topics {
	z-index:5;
	position: absolute;
	left: 193px;
	top: 271px;
	width: 842px;
	height: 393px;
	left: 30px;
	overflow: scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}
	
/* itinerary.htm contents */
div.title-itinerary {
	background-image: url(images/title-itinerary.jpg);
	background-repeat:no-repeat;
	z-index: 5;
	position:absolute;
	width: 500px;
	height: 58px;
	left: 14px;
	top: 205px;
}

div.text-itinerary {
	z-index:5;
	position: absolute;
	left: 23px;
	top: 270px;
	width: 842px;
	height: 393px;
	left: 30px;
	overflow: scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

/* register.htm contents */
div.title-register {
	background-image: url(images/title-register.jpg);
	background-repeat:no-repeat;
	z-index: 5;
	position:absolute;
	width: 500px;
	height: 58px;
	left: 14px;
	top: 205px;
}

div.text-register {
	z-index:5;
	position: absolute;
	left: 193px;
	top: 271px;
	width: 842px;
	height: 393px;
	left: 30px;
	overflow: scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

/* media.htm contents */div.title-media {
	background-image: url(images/title-media.jpg);
	background-repeat:no-repeat;
	z-index: 5;
	position:absolute;
	width: 500px;
	height: 58px;
	left: 14px;
	top: 205px;
}

div.text-media {
	z-index:5;
	position: absolute;
	left: 193px;
	top: 271px;
	width: 845px;
	height: 402px;
	left: 27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

div.twitter {
	z-index:5;
	position: absolute;
	height: 175px;
	width: 253px;
	left: 611px;
	top: 311px;
}

div.fb {
	z-index:5;
	position: absolute;
	height: 161px;
	width: 250px;
	left: 612px;
	top: 505px;
}

div.title-video {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	z-index: 5;
	position: absolute;
	left: 41px;
	top: 283px;
}

div.video-bg {
	background-image:url(images/frame-bg2.png);
	background-repeat:repeat-x;
	z-index: 4;
	position:absolute;
	width: 566px;
	height: 191px;
	top: 274px;
	left: 28px;
}

div.videos {
	z-index: 5;
	position:absolute;
	width: 549px;
	height: 130px;
	top: 328px;
	left: 39px;
}

div.images {
	z-index: 5;
	position:absolute;
	width: 549px;
	height: 137px;
	top: 519px;
	left: 39px;
}

div.title-image {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	z-index: 5;
	position: absolute;
	height: 24px;
	left: 41px;
	top: 480px;
	width: 165px;
	font-size: 12pt;
}

div.image-bg {
	background-image:url(images/frame-bg3.png);
	background-repeat:repeat-x;
	z-index: 4;
	position:absolute;
	width: 566px;
	height: 191px;
	top: 469px;
	left: 27px;
}

div.title-social {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	z-index: 5;
	position: absolute;
	height: 24px;
	left: 615px;
	top: 281px;
	width: 166px;
	font-size: 12pt;
}

div.social-bg {
	background-image:url(images/frame-bg4.png);
	background-repeat:repeat-x;
	z-index: 4;
	position:absolute;
	width: 267px;
	height: 386px;
	top: 274px;
	left: 603px;
}

/* contact.htm contents */div.title-contact {
	background-image: url(images/title-contact.jpg);
	background-repeat:no-repeat;
	z-index: 5;
	position:absolute;
	width: 500px;
	height: 58px;
	left: 14px;
	top: 205px;
}

div.text-contact {
	z-index:5;
	position: absolute;
	left: 32px;
	top: 270px;
	width: 849px;
	height: 377px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

/* Footer properties */
div.footer-container {
	width: 900px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

div.footer-bg {
	background-image:url(images/pagebg.png);
	background-repeat:repeat-y;
	z-index: 3;
	position:absolute;
	width: 900px;
	height: 40px;
	top: 704px;
	left: 0px;
}

div.footer {
	z-index: 4;
	font-size: 12px;
	position:absolute;	
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	left: 72px;
	top: 716px;
	width: 726px;
	height: 15px;
	text-align:center;
}

img {
	border: none;
}

a {
	color: #4C5ECA;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

a:link{
	color: #4C5ECA;
}

a:visited{
    color: #965ECA;
}


.mediaThumb {
	behavior: url(iepngfix.htc);
}
.socialTile {
	behavior: url(iepngfix.htc);
}

