/*CONTAINER START*/
#container {
   position: absolute;  /* goes hand-in-hand with top and left parameters to position with the BODY tag */ 
   left: 50%; /* relative to the BODY tag */
   width: 960px; /* specific container width */
   margin-left: -480px; /* works with left parameter to center the container horizontally */
   top: 0px; /* relative to the BODY tag */
   height: 790px; /* specific container height */
   text-align: left; /* I want the DIV content to be flush left */
   background-color: #ffffff;
   overflow: hidden; /* in case the container is not the exact size of the content block */
}
/*CONTAINER END*/

/* FRAME BG START */	
#frame-bg {
		margin:0 auto;
		position:absolute;
		left: 0px; 
		top:  144px;
		height:636px; 
		width:960px;
		z-index: 1
		}
/* FRAME BG END */	

/* HEADER START*/	
#header {
		margin:0 auto;
		position:absolute;
		left: 0px; 
		top:  0px;
		height:99px; 
		width:960px;
		z-index: 2
		}
/* HEADER END */

/* FLASH BALL START*/
	#flash-ball {
		margin:0 auto;
		position:absolute;
		left:0px; 
		top: 0px; 
		height:99px; 
		width:140px;
		background-color: #C3D7E0
		border:0px solid #fff;
		z-index: 3
		}
/* FLASH BALL END */

/* BTN1 START*/	
#btn-1 {
		margin:0 auto;
		position:absolute;
		left: 0px; 
		top:  99px;
		height:44px; 
		width:170px;
		z-index: 2
		}
/* BTN1 END */

/* BTN2 START*/	
#btn-2 {
		margin:0 auto;
		position:absolute;
		left: 170px; 
		top:  99px;
		height:44px; 
		width:155px;
		z-index: 2
		}
/* BTN2 END */

/* BTN3 START*/	
#btn-3 {
		margin:0 auto;
		position:absolute;
		left: 325px; 
		top:  99px;
		height:44px; 
		width:155px;
		z-index: 2
		}
/* BTN3 END */

/* BTN4 START*/	
#btn-4 {
		margin:0 auto;
		position:absolute;
		left: 480px; 
		top:  99px;
		height:44px; 
		width:155px;
		z-index: 2
		}
/* BTN4 END */

/* BTN5 START*/	
#btn-5 {
		margin:0 auto;
		position:absolute;
		left: 635px; 
		top:  99px;
		height:44px; 
		width:155px;
		z-index: 2
		}
/* BTN5 END */

/* BTN6 START*/	
#btn-6 {
		margin:0 auto;
		position:absolute;
		left: 790px; 
		top:  99px;
		height:44px; 
		width:170px;
		z-index: 2
		}
/* BTN6 END */

/* CLIENT1 START*/	
#client-1 {
		margin:0 auto;
		position:absolute;
		left: 562px; 
		top:  225px;
		height:85px; 
		width:366px;
		z-index: 2
		}
/* CLIENT1 END */

/* CLIENT2 START*/	
#client-2 {
		margin:0 auto;
		position:absolute;
		left: 562px; 
		top:  312px;
		height:85px; 
		width:366px;
		z-index: 2
		}
/* CLIENT2 END */

/* CLIENT3 START*/	
#client-3 {
		margin:0 auto;
		position:absolute;
		left: 562px; 
		top:  400px;
		height:85px; 
		width:366px;
		z-index: 2
		}
/* CLIENT3 END */

/* PORT RETURN START*/	
#port-return {
		margin:0 auto;
		position:absolute;
		left: 558px; 
		top:  323px;
		height:165px; 
		width:402px;
		z-index: 3
		}
/* PORT RETURN END */

/* PORT SUB TITLE START*/	
#port-sub-title {
		margin:0 auto;
		position:absolute;
		left: 710px; 
		top:  184px;
		height:100px; 
		width:200px;
		z-index: 3
		}
/* PORT SUB TITLE END */

/* PORT SUB DESCRIPTION START*/	
#port-sub-des {
		margin:0 auto;
		position:absolute;
		left: 586px; 
		top:  246px;
		height:68px; 
		width:300px;
		z-index: 3
		}
/* PORT SUB DESCRIPTION END */

/* PORT SUB IMG*/	
#port-sub-img {
		margin:0 auto;
		position:absolute;
		left: 586px; 
		top:  188px;
		height:47px; 
		width:111px;
		z-index: 3
		}
/* PORT SUB IMG */

/* CAROUSEL START*/	
#carousel {
		margin:0 auto;
		position:absolute;
		left: 36px; 
		top:  166px;
		height:314px; 
		width:500px;
		z-index: 2
		}
/* CAROUSEL END */

/* FLV PLAYER START*/	
#flv-player {
		margin:0 auto;
		position:absolute;
		left: 36px; 
		top:  166px;
		height:314px; 
		width:500px;
		z-index: 2
		}
/* FLV PLAYER END */

/* E-PRESENTER START*/	
#e-presenter {
		margin:0 auto;
		position:absolute;
		left: 15px; 
		top:  504px;
		height:225px; 
		width:340px;
		z-index: 2
		}
/* E-PRESENTER END */

/* TRIAD MEDIA START*/	
#triad-media {
		margin:0 auto;
		position:absolute;
		left: 598px; 
		top:  731px;
		height:48px; 
		width:348px;
		z-index: 2
		}
/* TRIAD MEDIA END */

/* TXT START*/	
#txt {
		margin:0 auto;
		position:absolute;
		left: 380px; 
		top:  526px;
		height:190px; 
		width:546px;
        overflow: hidden;
		z-index: 2
		}
/* TXT END */

/* CONTENT TXT START*/	
#content-txt {
	position:absolute;
	left: 50px;
	top:  170px;
	height:310px;
	width:475px;
    overflow: auto;

	z-index: 2;
	padding-right: 10px;
		}
/* CONTENT TXT END */

/* FORM CONTENT START*/	
#form-content {
	position:absolute;
	left: 50px;
	top:  170px;
	height:310px;
	width:475px;
	x-overflow: auto;
	y-overflow: hidden;
	z-index: 3;
	padding-right: 10px;
		}
/* FORM CONTENT END */

/* FORM ELEMENTS START */
.form1 { 
         border:none; 
		 font-family: Verdana, Arial, Helvetica, sans-serif;
	     font-size: 12px;
	     color: #000000;
	     font-weight: normal;
		 z-index: 4;
		 }
		 
#form-comment{
	margin:0 auto;
	overflow: hidden;
	position:absolute;
	left: 96px;
	top:  179px;
	height:70px;
	width:350px;
	z-index: 4;
	} 
	
#form-email{
	margin:0 auto;
	overflow: hidden;
	position:absolute;
	left: 96px;
	top:  146px;
	height:20px;
	width:350px;
	z-index: 4;
	} 
		
#form-telephone{
	margin:0 auto;
	overflow: hidden;
	position:absolute;
	left: 96px;
	top:  115px;
	height:20px;
	width:350px;
	z-index: 4;
	} 
 
#form-website{
	margin:0 auto;
	overflow: hidden;
	position:absolute;
	left: 96px;
	top:  84px;
	height:20px;
	width:350px;
	z-index: 4;
	} 
	
#form-name{
	margin:0 auto;
	overflow: hidden;
	position:absolute;
	left: 96px;
	top:  54px;
	height:20px;
	width:350px;
	z-index: 4;
	} 
	
#form-submit{
	margin:0 auto;
	overflow: hidden;
	position:absolute;
	left: 367px;
	top:  228px;
	height:32px;
	width:350px;
	z-index: 4;
	} 
 
/* FORM ELEMENTS END */


/* TXT STYLES START*/
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	list-style-image: url(http://www.e-clipsmedia.co.uk/images/bullet-point.jpg);
	list-style-type: none;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
}
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	list-style-image: url(http://www.e-clipsmedia.co.uk/images/bullet-point.jpg);
	list-style-type: none;
	font-style: normal;
	line-height: 15px;
	font-variant: normal;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	list-style-image: url(http://www.e-clipsmedia.co.uk/images/bullet-point-black.jpg);
	list-style-type: none;
	margin-left: 16px;
}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	list-style-image: url(http://www.e-clipsmedia.co.uk/images/bullet-point2.jpg);
	list-style-type: none;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin-left: 16px;
	line-height: 4px;
}

/* TXT STYLES END*/