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


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #fff;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #000;
}

a:hover, .active{
	color: #009DE0;
}

a img{
	border: none;
}

.link{
	background: url(Images/bullet.gif) 10px 50% no-repeat;
	padding: 0 0 0 20px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

h1{
	border-bottom: 1px solid #A8A8A8;
	margin: 0 0 10px 0;
	padding: 5px 0;
	color: #009DE0;
	font-size: 18px;
	font-weight: bold;
	line-height: 22pt;
}

h1.quickTen {
	border:none;
	margin: 0;
	padding: 0;
	color: #009DE0;
	font-size: 18px;
	font-weight: bold;
}

.gray{
	color: #A8A8A8;
}

.centre{
	text-align: center;
}

h2{
	margin: 0;
	padding: 0 0 0 9px;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

h3{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3.blue {
	color: #009DE0;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3.latestDevelop{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #A8A8A8;		
}

h4{
	margin: 0;
	padding: 12px 0 0 9px;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}

.clearFloat {
	margin: 0;
	padding: 0;
	clear: both;
}

#wrapper{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	line-height: 18px;
	overflow: hidden;
}

#header{
	width: 980px;
	height: 130px;
	overflow: visible;
	position: relative;
	background-image: url(Images/topAdvertbg.png);
	background-repeat: no-repeat;
	background-position: right;
}

.headerLogo {
	margin: 0;
	padding: 0;
	width: 395px;
	float: left;
}

.headerRight {
	margin: 0;
	padding: 0;
	float: left;
	width: 585px;
}

.head_advert_wrap{
	padding: 0;
	margin: 0;
	width: 504px;
	overflow: hidden;
	float: right;
}

#head_advert{
	padding: 0;
	width: 470px;
	height: 60px;
	margin: 21px 36px 0 0;
	background: none;/*#A8A8A8;*/
	overflow: hidden;
	float: right;
	text-align: right;
}

#breadcrumb_wrap{
	float: right;
	padding: 10px 45px 0 0;
}

#breadcrumb{
	margin:0;
	font-size: 7pt;
}

#top_menu_wrap{
	float: left;
	padding: 1px 15px 0 0;
	margin: 0;
}

/*----------------------------------------TOP MENUBAR-----------------------------------------------------------------------*/
#top_menu{
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(Images/top_menu.gif) no-repeat top left;
	width: 950px;
	height: 20px;
	overflow: visible;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	position: relative;
	line-height: 20px;
	float: left;
}

#top_menu ul{
	display: inline;
	margin: 0;
	padding: 0 0 0 50px;
	position: relative;
	z-index: 2;
	
}

#top_menu ul.right{
	float: right;
}

#top_menu li{
	display: inline;
	border-left: 1px solid #A8A8A8;
	margin: 0;
	padding: 0 17px 0 5px;
	position: relative;
	z-index: 200;
}

/*----------------------------------------REST OF MENUBAR STYLES IN OG.CSS FILE-------------------------------------------------*/

#main{
	width: 970px;
	padding: 0;
	margin: 10px 5px;
	overflow: hidden;
	background: url(Images/main_left_back.gif) repeat-y top left;
	position: relative;
	z-index: 0;
}

#advertisement_left{
	width: 180px;
	height: 740px;
	float: left;
}

.advertisement_left_item_wrap{
	padding: 0;
	text-align: center;
}

.advertisement_left_item{
	width: 120px;
	height: 600px;
	background: none;/*#A8A8A8;*/
	margin: 0 auto;
	overflow: hidden;
}

#choose_section{
	float: right;
	/*background: url(Images/choosesection.gif) no-repeat top left;*/
	width: 780px;
	height: 280px;
}

#choose_flash_wrap{
	margin: 0;
	padding: 2px;
	position: relative;
	z-index: 0;
}

#right_section{
	width: 300px;
	float: right;
}

.gray_section{
	background: #EFEFEF;
}

.right_pic{
	float: right;
	margin: 0 10px;
}

.right_pic2 {
	float: right;
	margin: 0 10px;
	padding: 10px 0 0 0;
}

#contact{
	width: 300px;
	height: 190px;
	overflow: hidden;
}

#contact p, #section_head p{
	padding: 10px 0 0 10px;
	margin: 0;
}

#contact p, #section_head2 p{
	padding: 10px 0 0 10px;
	margin: 0;
}


#contact p{
	clear: both;
}

#contact p.web{
	padding: 7px 0 0 10px;
	clear: both;
	line-height: 18px;
}


#contact ul{
	list-style: none;
	margin: 5px 10px;
	padding: 5px 0 0 0;
	border-top: 1px solid #A8A8A8;
}

#contact ul li{
	display: inline;
	/*border-left: 1px solid #A8A8A8;*/
}

#contact ul li a{
	font-size: 11px;
	background-position: 0 50%;
	padding-left: 10px;
}

#viewcasestudies{
	display: none;
	visibility: hidden;
	width: 300px;
	/*float: left;
	clear: both;
	margin: -10px 0 10px 0;*/
}

#viewcasestudies ul{
	list-style: none;
	padding: 5px 0;
	margin: 0 0 0 10px;
}

#viewcasestudies li a{
	background: url(Images/worldWideWeb.jpg) 0 50% no-repeat;
	padding-left: 25px;
}

#viewcasestudies li a.pdf{
	background-image: url(Images/acrobat_8_48x45.jpg);
}

#section_head h1, #section_head h3{
	border: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#section_head2 h1, #section_head2 h3{
	border: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#advertisement_right{
	width: 300px;
	height: 250px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#podcast{
	width: 300px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

.advertisement_right_item_wrap{
	float: left;
	padding: 0 0 20px 20px;
}

.advertisement_right_item{
	width: 120px;
	height: 90px;
	background: #DEDEDE;/*#A8A8A8;*/
	margin: 0;
	overflow: hidden;
}

#content{
	margin: 10px 20px 40px 20px;
	padding: 20px 0 0 0;
	float: left;
	width: 450px;
}

#contentLarge {
	margin: 10px 20px 40px 20px;
	padding: 20px 0 0 0;
	float: left;
	width: 750px;
}

#section_head{
	height: 190px;
	overflow: hidden;
	width: 470px;
	margin: 0 10px;
	float: left;
}

#section_head2 {
	overflow: hidden;
	width: 470px;
	margin: 0 10px;
	float: left;
	padding: 0 0 10px 0;
}

#section_content{
	margin: 0 20px 40px 0;
	float: right;
	width: 450px;
}

#content p, #section_content p{
	margin: 0;
	padding: 10px 0;
}

.small_title{
	color: #009DE0;
	font-weight: bold;
}

.bold{
	color: #009DE0;
	font-weight: bold;
}

.sectionlink{
	text-align: right;
	margin: 5px 0;
}

/*--------------------------------------ICON LABELS-----------------------------------------------------------*/
a.icon{
	position: relative;
}

a.icon span{
	display: none;
}

a.icon:hover span.print, a.icon:hover span.sendtoafriend, a.icon:hover span.pdf {
	display: block;
	position: absolute; 
	width: 125px;
	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	font: 10px Verdana, sans-serif; 
	text-align: center;  
	top: -40px;
	color: #FFF;
	text-decoration: none;
}

a.icon span.print {    
   background: #FF9900;
   font: 10px Verdana, sans-serif; 
   left: -55px;
}

a.icon span.sendtoafriend {
   background: #0066CC;
   font: 10px Verdana, sans-serif; 
   left: -70px;
}

a.icon span.pdf {		
   background: #CC0000;
   font: 10px Verdana, sans-serif; 
   left: -35px;
}
/*--------------------------------------END ICON LABELS-----------------------------------------------------------*/

ul.searchlinks{
	margin: 0;
	padding: 10px 0 0;
	position: absolute;
	bottom: 0;
	left: 200px;
	width: 780px;
	border-top: 1px solid #A8A8A8;
	list-style: none;
}

ul.searchlinks li{
	display: inline;
	margin: 0 10px 0 0;
}

ul.searchlinks li img{
	margin: 0 10px 0 0;
}

.icons{
	float: right;
	margin: -15px 0 0 0;
}

#footer{
	width: 980px;
	background: #EFEFEF;
	overflow: hidden;
	margin: 0 0 2em 5px;
}

#footer ul{
	margin: 0;
	padding: 0;
	width: 980px;
}

#footer li{
	display: inline;
	margin: 0 10px;
	line-height: 30px;
}

#footer li a{
	font-size: 11px;
}

img.largeImg {
	margin: 20px 0 5px 0;
	padding: 0;
	border: 1px solid #A8A8A8;
}






/* Send to a friend popup---------------------------- */
div#sendtoafriend {
  width: 465px;
  background-color: #CCC;	
  position: fixed;
  top: 65%;
  left: 38%;
  margin-left: -230px;
  margin-top: -160px;
  z-index: 1001;	
  display: none;
}


/* IE6 Only */
* html div#sendtoafriend {
position: absolute;
}


	div#sendtoafriend .popupBorder {
	  margin: 10px;
	  padding:0px;
	  background-color: #FFF;
	}
	
	div#sendtoafriend .popupBorder .popupTitle {
	background-color: #EFEFEF;
	overflow: hidden;
	padding:0px;
	margin:0px;
	}
	
		div#sendtoafriend .popupBorder .popupTitle h5 {
		float: left;
		margin: 5px;
		padding:0px;
		}	
		
	

	div#sendtoafriend .popupError {
	background-color: #990000;
	padding: 5px;
	margin:0px;
	}
	
		div#sendtoafriend .popupError p {
		color: #FFF;
		}	

	div#sendtoafriend .popupBorder .popupRow {
	clear: both;
	padding: 5px;
	}

		div#sendtoafriend .popupBorder .popupRow .popupLabel {
		float: left;
		width: 180px;
		}
	
		div#sendtoafriend .popupBorder .popupRow .popupField {
		
		}
		/* Send to a friend popup---------------------------- */
		
		/* view case studies popup---------------------------- */




















/*.advertisement_right_item{
	border: 1px solid red;
}*/
















/*


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

#menu li ul {
	position: absolute;
	top: 15px;
	padding: 7px 0 0 0;
	left: 110px;
	display: none;
	z-index: 5;
}

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




#menu li li {	
	padding: 0;
	margin:0;
	border: none;
	border-bottom: 2px solid #FFF;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 210px;
	background: #EFEFEF;
	height: 20px;
	display:block;
}

#menu LI LI A {
	display: block;
	text-transform: none;
}

#menu LI LI:hover {
	color: #FFF;
	background: #D2232A;
}

#top_menu li:hover {
	border-right: 0px;
}

li:hover ul.dropdown {
	display: block;
}

li.over ul.dropdown {
	display: block;
}
*/