@charset "UTF-8";
/* CSS Document */

/* calls the background frame - overwirtes the image from the main style sheet */

/* nasty hack because IE6 is a bit slow on the uptake and doesn't understand how to layout scrollbars within an iframe */

html {
overflow-x: hidden;
}

/* end hack */

#container {     background-image: url(../img/cnms_home_background_2.jpg) }
#videos #container { background: url(../img/cnms_video_background_3.jpg) top left no-repeat; }

#titlebanner { position: absolute; top: 30px; left: 1px; margin: 0; padding: 0; width: 900px; }
#titlebanner h1 { margin: 0; padding: 0; }

/* put the flash movies where they need to be */

#demontv { position: absolute; top: 268px; left: 654px; margin:0; padding: 0; background: #000; width: 230px; height: 88px; }
#demonticker { position: absolute; top: 514px; left: 0px; margin:0; padding: 0; background: #000; width: 900px; height: 51px; }
#demonvideo { position: absolute; top: 372px; left: 30px; margin:0; padding: 0; background: #000; width: 200px; height: 107px; }
#demonmap { position: absolute; top: 104px; left: 32px; margin:0; padding: 0; background: #000; width: 182px; height: 222px; }
#demondownloads { position: absolute; top: 100px; left: 681px; margin:0; padding: 0; background: #000; width: 200px; height: 107px; }

/* box for the iframe to sit in */

#maintext { position: absolute; top: 107px; left: 262px; margin:0; padding: 50px 30px 10px; background: transparent; width: 310px; height: 196px; background: url(../img/cnms_home_email_header.jpg) top left no-repeat; }
#maintext iframe { width: 310px; height: 280px; border: none;  }


/* email text within the iframe */

#emailtext { color: #fff; font: 13px "Courier New", Courier, monospace; width: 275px; }


/* This is the sighting box to the bottom right of the page */
	
#sightingbox { position: absolute; top: 370px; left: 655px; width: 230px; height: 114px;font-size: 12px; color: #ffffff; background-color: transparent; }
#sightingbox form { padding: 0; margin: 0; font-size: 11px; text-align: center; }
#sightingbox p { margin: 15px 0 10px; font-size: 13px; font-weight: bold; color: #d7fd3f; text-align: center; }
#sightingbox .inputbox  { border: 1px solid #fff; background: #000; width: 200px; font-size: 10px; padding: 2px; margin: 0 12px; color: #fff; }
#sightingbox .loginButton { margin: 10px 0 0; }

.sightingboxtxt {position: relative; float: left; left: 10px;}
.sightingboxtxt h3 {margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #CCFF33;}
.sightingboxtxt ul {margin: 10px 0px; padding: 0px; list-style-type: none;}
.sightingboxtxt li {margin: 0px; padding: 0px 0px 5px 0px;}
/*--------------------------------------------------------------------------------------------------------------
STYLES USED ON THE VIDEOS PAGE
--------------------------------------------------------------------------------------------------------------*/

#videotext {
	position: absolute;
	top: 134px;
	left: 17px;
	margin:0;
	padding: 0 28px;
	background: transparent;
	width: 325px;
	height: 95px;
	font-size: 11px; color: #fff;
}
#videotext strong { color: #d7fd3f; font-weight: normal; }
#videolinks { position: absolute; top: 236px; left: 17px; margin:0; padding: 0; background: transparent; width: 371px; height: 250px; }
#homelink { position: absolute; top: 432px; left: 47px; margin:0; padding: 0; background: transparent; width: 91px; height: 80px; }
#videoscreen { position: absolute; top: 116px; left: 405px; margin:0; padding: 0; background: transparent; width: 480px; height: 360px; }