body
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	background-color: white;
	margin: 0px;
	padding: 0px;
	border: none;
	}

img.image
{
	border: 1px solid #AAAAAA;
}

img:hover.lb
{
	border-color: #0bf !important;
}

a
	{
	color: #0033aa;
	text-decoration: none;
	cursor: pointer;
	}

a.no_hover:hover
{
	border: none;
}

.slice_white
	{
	background: white;
	
	overflow: hidden;
	}

.slice_light_grey
	{
	background: #eee;
	
	overflow: hidden;
	}

.slice_mid_grey
	{
	background: #ddd;
	
	overflow: hidden;
	}

.slice_dark_grey
	{
	background: #444;
	
	overflow: hidden;
	}
		
.slice_dark_grey a
{
	color: #00AAFF;
}
		
.slice_dark_grey p
	{
	color: white;
	}


.linked
	{
	cursor: pointer;
	
	padding-bottom: 500px;
	margin-bottom: -500px !important;
	}



.linked_p_dark_grey:hover
	{
	background: #215f74;
	}

.linked_p_light_grey:hover
	{
	background: #b2e5f6;
	}



/*-------- tuning ----------*/


.footer_gap
	{
	height: 40px;
	}	


.products
	{
	xpadding-bottom: 15px;
	}

.products h2
	{
	padding-top:15px;
	margin-bottom: -8px;
	}

.products p
	{
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.featured_uses h2
	{
	padding-top:15px;
	margin-bottom: -8px;
	}

.featured_uses h3
	{
	padding-top:10px;
	margin-bottom: -8px;
	}

.featured_uses p
	{
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.slice_light_grey img
	{
	border-color: #bbb !important;
	}

.slice_light_grey img:hover.lb
	{
	border-color: #0bf !important;
	}

.slice_mid_grey img
	{
	border-color: #aaa !important;
	}

.slice_mid_grey img:hover.lb
	{
	border-color: #0bf !important;
	}

.slice_dark_grey img
	{
	border-color: #333 !important;
	}


.dark_banner
	{
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.dark_banner p
	{
	font-size: 14px;
	line-height:1.4;
	margin-top: 14px;
	margin-bottom: 14px;
	}
	
.homepage p
	{
	font-size: 16px;
	}




.footer
	{
	padding-top: 15px;
	padding-bottom: 10px;
	background: #ccd4d4 url(crease.png) top center repeat-x;
	}
	
.footer p
	{
	font-size: 11px;
	}

.footer a
	{
	color: #4444aa;
	}


/*----------------------------*/

.segment
	 {
	width: 970px; /* Slighter bigger than the cell widths so that IE6 does not wrap the final cell */
	margin: 0px auto 0px auto;
	display: block;
	overflow: visible;
	xborder: 1px red solid;
	padding: 0px 0px 0px 0px;
	}


.clearer
	{
	clear: both;
	line-height: 0;
	font-size: 0;
	}



.cells_1, .cells_2, .cells_3, .cells_4, .cells_5, .cells_6, .cells_7, .cells_8, .cells_9, .cells_10, .cells_11, .cells_12
	{
	float: left;
	xborder: 1px green solid;
	margin: 0px;
	}

.cells_1
	{
	width: 80px;
	}

.cells_2
	{
	width: 160px;
	}

.cells_3
	{
	width: 240px;
	}

.cells_4
	{
	width: 320px;
	}

.cells_5
	{
	width: 400px;
	}

.cells_6
	{
	width: 480px;
	}

.cells_7
	{
	width: 560px;
	}

.cells_8
	{
	width: 640px;
	}

.cells_9
	{
	width: 720px;
	}

.cells_10
	{
	width: 800px;
	}

.cells_11
	{
	width: 880px;
	}

.cells_12
	{
	width: 960px;
	}



.bg_light_grey
	{
	margin: 0px;
	padding: 0px;
	background: #eee;
	}


.img_no_border .contents img
{
	border: none;
}

.osm_mapper .contents img.button
{
	margin-bottom: -13px;
}

.contents
	{
	margin: 10px 10px 10px 10px;	
	xborder: 1px solid blue;
	}

.margin_left .contents
{
	margin-left: 30px;
}
.no_margin .contents
{
	margin: 0px 10px 0px 10px;	
}
	
.no_margin_top .contents
{
	margin: 0px 10px 10px 10px;	
}

.no_margin_bottom .contents
{
	margin: 10px 10px 0px 10px;	
}

h1
	{
	font-size: 24px;
	color: #dd0087;
	font-family: VAGRounded LT Light;
	font-weight: normal;
	margin: 10px 0px -4px 0px;
	}

h2
	{
	font-size: 18px;
	color: #dd0087;
	font-family: VAGRounded LT Light;
	font-weight: normal;
	margin: 10px 0px -4px 0px;
	}

h3
	{
	font-size: 14px;
	color: #dd0087;
	font-family: VAGRounded LT Light;
	font-weight: normal;
	margin: 10px 0px -4px 0px;
	}

h4
	{
	font-size: 13px;
	color: #dd0087;
	font-family: VAGRounded LT Light;
	font-weight: normal;
	margin: 10px 0px -4px 0px;
	}

h5
{
	font-size: 40px;
	color: #dd0087;
	font-family: VAGRounded LT Light;
	font-weight: normal;
	margin: 10px 0px -4px 0px;

}

h6
{
	font-size: 34px;
	color: #dd0087;
	font-family: VAGRounded LT Light;
	font-weight: normal;
	margin: 10px 0px -4px 0px;

}
	
p
{
margin-top: 6px;
margin-bottom: 6px;
vertical-align: top;
}

.cell_body
	{
	
	}


.cell_body p
	{
	margin: 8px 0px 0px 0px;
	padding: 0px;
	line-height: 130%;
	}


.cell_body ul
	{
	xborder: 1px green solid;
	padding: 0px;
	}

.cell_body ul li
	{
	margin: 4px 0px 0px 0px;
	list-style: none;
	padding: 0px;
	
	xborder: 1px red solid;
	}




.carousel
	{
	width: 690px;
	height: 250px;
	}

.under_carousel , .under_carousel_last
	{
	display: inline;
	width: 226px;
	height: 110px;
	margin: 6px 2px 0px 0px;
	}


.under_carousel_last
	{
	margin: 6px 0px 0px 0px;
	}

.iotw
	{
	width: 290px;
	}

.small_print
	{
	font-size:11px;
	text-align:left;
	margin-top: 24px;
	}
	
.small_print p
	{
	margin: 4px 0px 0px 0px;
	}	
	
.right
	{
	text-align:right !important;
	}
	
.masthead_logo
{
text-align:right;
margin:0px;
margin-top:-14px;
}

.masthead_logo p
{
margin:0px;
}
	
.test_bg
	{
	margin: -3px;
	background: #eee;
	}
		
	
.test_bg_after
	{
	margin: 3px;
	xbackground: green;
	}
		
	
a img
	{
	border: 0px;
	}
	
	

.caption
	{
	xcolor: #222;
	
	margin-top: 3px;
	font-size: 12px;
	line-height: 100%;
	}
	

.captioned_image
	{
	margin-top: 8px;
	}
	
	
.three_below
	{
	margin: 8px 0px 0px 0px;
	}	
	
.three_below p
	{
	margin: 0px;
	
	display: block;
	
	float: left;
	}
	
.three_below p + p
	{
	margin-left: 8px;
	}

.three_below  img
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.page_selector
	{
	padding-top: 20px;
	}
	
div.tab_container
{
	float: left;
	width: 830px; /*Need to make the container a bit bigger than the inside as otherwise it fails to render properly on FF on the mac */
}

div.tabs
{
	float: left;
	cursor: pointer;
}

div.tab_view
{
	border: 1px solid #bbbbbb;
	border-top: none;
	float: left;
	clear: both;
	width: 808px;
	padding-top: 20px;
	padding-bottom: 10px;
}

div.tab
{
	float: left;
	border: 1px solid #bbbbbb;
	width: 156px;
	background-color: #dddddd;
	padding: 2px;
	padding-top: 4px;
	height: 38px;
}

div.tab_selected
{
	float: left;
	border: 1px solid #bbbbbb;
	border-bottom: none;
	width: 156px;
	padding: 2px;
	padding-top: 4px;
	height: 38px;
}

div.tab_number
{
	float: left;
	font-size: 30px;
	width: 30px;
	text-align: center;
}

div.tab_text
{
	float: left;
	width: 120px;
	font-size: 14px;

	text-align: center;
}

table.main
{
	text-align: left;
}

table.main td,
table.main th
{
	padding: 5px 5px 5px 0px;
}


/**************************************************************/
/*                     MENU STYLING                           */
/**************************************************************/

#menu
{ 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	color:#fff; 
	line-height:45px; 
	display:inline-block; 
	float:left; 
	z-index:1000; 
}

#menu a 
{ 
	color:#fff; 
	text-decoration:none; 
}

#menu > li 
{
	background:#202020 none repeat scroll 0 0; 
	cursor:pointer; 
	float:left; 
	position:relative; 
	padding:0px;
	text-align: center;
}

#menu > li a:hover 
{
	color:#C8E330;
}

#menu .logo 
{
	background:transparent none repeat scroll 0% 0%; 
	padding:0px; 
	background-color:Transparent;
}

/**************************************************************/
/*                   SUB-MENU STYLING                         */
/**************************************************************/
#menu ul 
{ 
	padding:0px; 
	margin:0px; 
	display:block; 
	display:inline;
	z-index: 1000;
}

#menu li ul 
{ 
	position:absolute; 
	left:-35px; 
	top:0px; 
	margin-top:45px; 
	width:150px; 
	line-height:16px; 
	background-color:#333333; 
	color:#0395CC; 
	/* for IE */ display:none; 
}

#menu li:hover ul 
{ 
	display:block;
}

#menu li ul li
{ 
	display:block; 
	margin:5px 20px; 
	padding: 5px 0px;  
	border-top: dotted 1px #606060; 
	list-style-type:none; 
} /* lighter grey */

#menu li ul li:first-child 
{ 
	border-top: none; 
}

#menu li ul li a 
{ 
	display:block; 
	color:#018DC9; 
} /* ITO blue */

#menu li ul li a:hover 
{ 
	color:#7FCDFE; 
}	/* darker ITO blue */

#menu .corner_inset_left 
{ 
	position:absolute; 
	top:0px; 
	left:-12px;
}

#menu .corner_inset_right 
{ 
	position:absolute; 
	top:0px; 
	left:150px;
}

/**************************************************************/
/*                     TEXT STYLING                           */
/**************************************************************/
#menu li ul 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px
}	

#menu li a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px
}






.site_map
	{
	background: #215f74;
	width:360px;
	
	position: absolute;
	
	xright: 50px;
	top: 40px;
	
	display: none;
		z-index: 10000;
	}

.site_map .contents
	{
	xbackground: #007;
	}

.site_map .pane
	{
	xbackground: #215f74;
	float: left;
	
	padding: 10px;
	z-index: 10000;
	}
	
.site_map a
	{
	color: #eee;
	}

.site_map a:active
	{
	color: #fff;
	}

.site_map a:visited
	{
	color: #ccc;
	}


.homepage p
	{
	margin: 0px !important;
	}


.homepage .cells_12 > .contents
	{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	
	height: 320px;
	
	background-image: url(images/globe_logo.jpg);
	}