body	{
	color:#818385;
	font-family:arial,Helvetica,sans-serif,verdana;
	font-size:12px;
}

img	{
	border: none;
}

a	{
	text-decoration: none;
	color: #818385;
}
a:hover	{
	text-decoration: underline;
}
a.underline	{
	text-decoration: underline;
}

div#body	{
	overflow: hidden;
	padding-bottom: 20px;
}

#mainContainer{
	margin:auto;
	margin-bottom: 0;
	border:1px solid #CCCCCC;	
	width:960px;
}

#header{
	height: 86px;
	position:relative;
	overflow:hidden;
}

#logo{
	width:153px;
	height:48px;
	position:absolute;
	top:41px;
	left:45px;
}
p.small_print	{
	font-style: italic;
	font-size: 10px;
}

.redtext { color: #ff0000; }

/* main navigation */

#mainNav {
	width:540px;
	right:39px;
	top:68px;
	position:absolute;
	height:10px;
	line-height:10px;
}

#mainNav ul{
	margin:0px;
	padding:0px;
	overflow:hidden;
	list-style:none;
}

#mainNav li{
	float:left;	
	margin-left:6px;
	margin-right: 6px;
	height:13px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#mainNav	a{
	display:block;
	padding: 0;
	margin: 0;
	height:13px;
	text-indent: -9999em;
	overflow: hidden;
	background-position: 0px 0px; 
}

#mainNav	li.gigaframe	a:hover, 
#mainNav	li.products	a:hover, 
#mainNav	li.shop	a:hover, 
#mainNav 	li.competition	a:hover {	
	background-position:0 -15px; 
}

body#products #mainNav li.products	a ,
body#gigaframe #mainNav li.gigaframe	a ,
body#competition #mainNav li.competition	a,
body#ent_competition #mainNav li.competition	a	{
	background-position:0 -15px; 
}



/****************************
**    MAIN CONTAINERS   **
****************************/

#mainImage{
	clear:both;
	width:448px;
	height:504px;
	float:left;
}

#rightCol	{
	float:left;
	clear: none;
	width:460px;
	padding-left: 40px;
	padding-top: 30px;
}

#textContainer{
	width: 385px;
	float:left;
	clear: none;
	/*overflow: hidden;*/
}

#textContainer p{
	padding-left:15px;
}

div#leftCol	{
	float: left;
	width: 420px;
	padding-left: 40px;
	padding-top: 30px;
}

body#ent_competition div#leftCol	{
	width:500px;
	float: left;
	padding-left: 40px;
	padding-top: 30px;
	overflow: hidden;
	padding-bottom: 20px;
}
body#ent_competition div#rightCol	{
	width:330px;
	clear: none;
}

body#terms	div#leftCol	{
	float: left;
	width: 420px;
	padding-left: 40px;
	padding-top: 15px;
}
body#terms	div#rightCol	{
	float: left;
	width: 420px;
	padding-top: 15px;
}


/****************************
**         GigaFrame Page         **
****************************/

ul#bulletLinks	{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 15px;
}
ul#bulletLinks	li	{
	clear: both;
	display: block;
	width: 215px;
	height: 12px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul#bulletLinks	li	a	{
	display: block;
	width: 215px;
	height: 12px;
	text-indent: -9999em;
}

p#LrgWinLink	{
	padding-top: 25px;
}

/****************************
**   FLASH  **
****************************/

div#flashHolder	{
	width: 960px;
	height: 560px;
	position: absolute;
	background: transparent;
	left: 0px;
	top: 0px;
	display: block;
}

div#bigFlashMovie	{
	background-color: white;
}

#small_frame{
	margin-left: 58px;
	margin-top: 129px;
}


/* footer */

#footer	{
	clear: both;
	margin-top:20px;
	width:960px;
	margin:auto;
	overflow:hidden;
	margin-top:10px;
}

body#gigaframe	div#body	{
	height: 540px;
	position: relative;
}


/*
	* ---------- bubble tooltip -----------
	*/
		a.tt{
		    position:relative;
		    z-index:24;
		    color:#3CA3FF;
			font-weight:bold;
		    text-decoration:none;
		}
		a.tt span{ display: none; }

		/*background:; ie hack, something must be changed in a for ie to execute it*/
		a.tt:hover{ z-index:25; color: #aaaaff; background:transparent;}
		
		a.tt:hover span.tooltip{
			z-index: 100;
			overflow: hidden;
			display:block;
		    position:absolute;
			top:160px; 
			left:-221px;
		    padding: 15px 0 0 0;		
		    text-align: center;
			background-color: white;
			padding: 2px;
			border: 1px solid #CCCCCC;
		}
		a.tt:hover span.tooltip	img	{
			margin: auto;
		}
		a.tt:hover span.tooltip{
				top:-160px; 
		}		
		a.tt:hover span.land	{
			width:300px;
			height: 206px;
		}
		a.tt:hover span.port	{
			width:300px;
			height: 350px;
			top:-300px; 
		}
/****************************
**      Competition pages      **
****************************/
		
div#winners	{
	width:380px;
	border:1px solid #CCCCCC;
	margin-top:10px;
	margin-left: 15px;
}
div#winners	a	{
	color: #818385;
}

div#winners	div.padding	{
	padding: 5px;
}
div#winners	div.padding	p	{
	padding-left: 0;
	margin-left: 0;
}

div#winners div#last	{
	float:left;
	width:190px;
}
div#winners div#previous	{
	clear: none;
	float: left;
	width: 190px;
}


/* competition page results table */

.lightcell{
	background-color:#E7E7E7;
}

.darkcell{
	background-color:#dcdddd;
}

table th{
	color:#818385;
	font-size:10px;
	font-weight:800;
	padding:4px;
	height:30px;
	text-align:left;
}

table td{
	color:#818385;
	font-size:10px;
	font-weight:400;
	padding:4px;
	height:30px;
}

tr.current td.lightcell,
tr.current td.darkcell	{
	background-color: #FF9F9F;
}

/* competition form */

label {
	width:92px;
	float:left;
	display:block;
	margin-bottom:5px;
}

.formfield{
	width:218px;
	float:left;
	margin-bottom:5px;
}

/****************************
**              Products           **
****************************/

div.products	{
	clear: both;
	padding-bottom: 20px;
}
div.products	ul	{
	padding-top: 0;
	margin-top: 10px;
}
div.products	ul li	{
	padding-top: 4px;
	padding-bottom: 4px;
}

#productMenu	{
			float: none;
			clear: both;
			padding: 0;
			padding-left: 15px;
			margin: 0;
		}
		#productMenu	ul	{
			width: 381px;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		#productMenu	ul	li	{
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#productMenu	ul	li,
		#productMenu	ul	li	a	{
			width: 381px;
			height: 15px;
			display: block;
			overflow: hidden;
			padding: 0px;
			
		}
		#productMenu	ul	li	a	{
			text-indent: -9999em;
			overflow: hidden;
			background-position: 0px 0px;
		}	

		div#productMenu	ul	li	a:hover,
		div#productMenu	ul	li	a.active,
		div#productMenu	ul	li.product_one	a:hover,
		div#productMenu	ul	li.product_one	a.active,
		div#productMenu	ul	li.product_two	a:hover,
		div#productMenu	ul	li.product_two	a.active,		
		div#productMenu	ul	li.product_three	a:hover,
		div#productMenu	ul	li.product_three	a.active,
		div#productMenu	ul	li.product_four	a:hover,
		div#productMenu	ul	li.product_four	a.active		{
			background-position: 0px -16px;
		}

		div.products ul.links	{
			margin: 0;
			padding: 0;
			list-style: none;
			padding-left: 15px;
			padding-top: 15px;
		}
		div.products ul.links	li,
		div.products ul.links	li	a	{
			width: 190px;
			height: 12px;
			display: block;
		}
		div.products ul.links	li	a	{
			text-indent: -9999em;
		}	
		p.top_features	{
			text-indent: -9999em;
			width: 89px;
			height: 11px;
			margin-left: 15px;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		div.products p	{
			padding-left: 15px;
		}
		div.products	ul.features	{
			margin-left: 0;
			padding-left: 30px;
		}
		div.products	ul.features	li	{
			padding-left: 0;
			margin-left: 0;
		}
		
		body#products	div#rightCol	{
			width: 440px;
		}

