@charset "utf-8";
/* CSS Document */
@import url(menu.css);
@import url(pages.css);
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, strong, em {
	margin: auto;
	padding: 0;
	border: 0;
	/*font-weight: normal*/
}
html {height: 100%; margin: auto; background:url(../images/bg.gif); }
body {height:100%;}
h1, h2, h3, h4, p, ul, ol {margin: 0 0 15px 0}
body {font-family: Tahoma, Arial, Helvetica, "Sans Serif";  font-size: 12px; color:#333333}
img, a img {border: 0;}
input, select {font-size: 11px; color:#666; }
h1, h2, h3, .bigParagraph, .missionParagraph {font-family:Helvetica, Tahoma, Arial, "Sans Serif"}
h1 {font-size: 160%; margin: 0 0 0px 0; font-weight:bold}
h1.home {line-height: 100%; padding: 0; margin: 0 0 5px 0}
h2 {font-size: 150%; font-weight: 900;  color:#FF0099; margin: 0 0 5px 0;}
h3 {font-size: 120%; font-weight: 900; margin: 0 0 5px 0}
h4 {font-size: 10px; font-weight: bold; padding: 0px 0 5px 0}
p {margin: 0 0 10px 0}
strong {font-weight: bold}

a:link {color:#9933CC; text-decoration:none}
a:visited {color:#9933CC; text-decoration:none}
a:hover {color:#00CCCC; text-decoration:underline}
#wrapper {width:960px; background:#FFFFFF; margin:auto; }
ol {  margin:0; padding:5px 25px  }
ol li{  margin:0; padding:0px ;}

ul { list-style:none; margin:0; padding:0}
ul li { list-style:none; margin:0; padding:5px 0 0 15px; border:none;  background-image:url(../images/list_arrow.gif); background-repeat:no-repeat; background-position:left 1px}

ul li ul{ list-style:none; margin:0; padding:0; font-size:8.5pt}
ul li ul li{ list-style:none; margin:0; padding:2px 0 0 15px; border:none;  background-image:url(../images/list_arrow.gif); background-repeat:no-repeat; background-position:left 1px}




/****************MASKHEAD***************************/
#maskhead{ width:950px; background:#FFFFFF; margin:auto; padding:5px}
#sglinks { padding:5px; width:500px; text-align:right; clear:right; float:right}
#sglinks  a:link, #sglinks a:visited{ color:#333333; text-decoration:none; font-size:10px}
#sglinks a:hover { text-decoration:underline}

#search { padding:10px 5px;clear:right; float:right }

#topDiv {background:url(../images/line_tiles.gif) left repeat-x; margin:0; clear:both}
#topNav { float:left; width:960px}
#topNav .nav{ width:870px; color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:10pt; float:left}
#topNav .nav  a:link, #topNav .nav a:visited{ color:#333333; text-decoration:none; padding:0px 8px}
#topNav .nav a:hover { text-decoration:none; color:#FF0099; }/**/
#topNav  .selected { text-decoration:none; color:#FF0099; font-weight:bold;  padding:0px 8px}
#topNav .fontSelect{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#9933CC; float:right; width:80px}
#topNav .fontSelect img{ vertical-align:text-bottom; margin:2px}

/*************HOME**************************/

#sub_banner { margin:5px;}
#sub_banner img{ padding:5px}

#homeBottom { width:730px;}
#index_help { padding: 0; margin:5px 5px 5px 10px; width:230px; height:185px; background:#00CCCC; font-size:8pt; float: left;}
#index_annouce{ padding: 0; width:475px; font-size:8pt; float:right; margin:0}
.border_E5 { border:#E5E5E5 solid 5px; border-top:none; padding:5px 10px}


/****************CONTAINER***************************/
#columLeft { width:730px; float:left }
#columLeftNav { width:130px; float:left; padding:10px; background:#EEEEEE; vertical-align:to; font-size:11px; text-transform:capitalize}
#columLeftNav h1{ font-weight:900; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:5px 0}
#columLeftNav ul { list-style:none; margin:0; padding:0}
#columLeftNav ul li{ list-style:none; margin:0; padding:5px 0; border-bottom:#CCCCCC 1px solid; background:none}
#columLeftNav ul li ul{ list-style:none; margin:0; padding:0;  font-size:100%}
#columLeftNav ul li ul li{ list-style:none; margin:0; padding:5px 0 0 13px; border:none;  background-image:url(../images/list_grey.gif); background-repeat:no-repeat; background-position:left 1px}

#container {padding:0px width:960px; margin:0; background-image:url(../images/bg_content.gif); background-repeat:repeat-y; float:left; height:100%}

#container_land {padding:0px width:960px; margin:0;float:left; height:100%; }

#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}




#columRight {width:220px; float:right; padding:5px 0px 5px 10px }
#columRight .title{ width:210px; margin-top:10px}
#columRight .boxup{ border:#993399 solid 1px; border-top:none; width:188px; padding:5px 10px}
#columRight select{ width:180px; font-size: 11px; color:#666}


#LatestEvents .body { font-size:11px; padding:0}
#LatestEvents p {margin: 0; padding:2px 0}

/****************CONTENT***************************/
#content {padding:5px; width:560px; margin:0; float:right; background:#FFFFFF}

#header { margin: 0; width:560px}
#header .copy{ width:380px; float:right; padding:20px 20px 0  0; color:#FF0099;}

#landCat {margin:5px; clear:both}
#landCat .thumbmail{ float:left; margin:5px 0; width:130px}
#landCat .copy{ float:right; width:420px;  margin:5px}



#keypoint { margin:5px 0;}



#keypoint .point{ float:left;  margin:0 5px}
#keypoint  .point ul { list-style:none; margin:0; padding:0}
#keypoint  .point ul li{ background-image:url(../images/list_blk.gif); background-position:left top ; background-repeat:no-repeat; list-style:none; margin:0; padding:5px 0 0 10px;}
#email_print{  text-align:right; padding:5px; width:240px; float:right; background:none}

#highlight { float:right; width:200px; background:#EEEEEE; border:#FFFFFF 8px solid; border-right:none; font-size:8pt;}
#highlight .top{ background:url(../images/pt1_tiles.gif) repeat; height:6px}
#highlight .relateNews {padding:10px; }
#highlight .relateNews ul { list-style:none; margin:0; padding:0}
#highlight .relateNews ul li{ background-image:url(../images/list_pink.gif); background-position:left top ; background-repeat:no-repeat; list-style:none; margin:0; padding:5px 0 0 10px;}

#footer { font-size:10px; padding: 10px; margin: 0 ; text-align:right; clear:both }


#land_content { width:730px;  background:url(../images/land_div.jpg) repeat-y top; display:block}

#land_content_noline { width:730px;  display:block}
#land_content_noline .search{ background:url(../images/th_search.gif) no-repeat left; width:730px; height:74px}
#land_content_noline .others{ background:url(../images/th_others.gif) no-repeat left; width:730px; height:74px}


#land_content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}


#land_content .film{ background:url(../images/th_films.gif) no-repeat left; width:730px; height:74px}
#land_content .media{ background:url(../images/th_digital_media.gif) no-repeat left; width:730px; height:93px}
#land_content .music{ background:url(../images/th_music.gif) no-repeat left; width:730px; height:74px}
#land_content .publish{ background:url(../images/th_publishing.gif) no-repeat left; width:730px; height:93px}
#land_content .radio{ background:url(../images/th_radio.gif) no-repeat left; width:730px; height:74px}
#land_content .tele{ background:url(../images/th_tv.gif) no-repeat left; width:730px; height:74px}
#land_content .games{ background:url(../images/th_games.gif) no-repeat left; width:730px; height:74px}
#land_content .licences{ background:url(../images/th_licences.gif) no-repeat left; width:730px; height:74px}
#land_content .myindustry { background:url(../images/th_my_industry.gif) no-repeat left; width:730px; height:93px}


#content_list { width:720px; margin:auto; padding-top:30px}

#content_list .content_div { width:720px;  background:url(../images/land_div.jpg) repeat-y top; display:block}


#list_left {width:340px}
.list_header {border-bottom:#000000 solid 3px; padding:10px 5px 5px 5px; font-weight:bold; text-transform:uppercase; color:#333333; font-family:Helvetica, Arial, sans-serif}

.pad10 {padding:10px}
.pad5 {padding:5px}
.pad2 {padding:2px}

.capitalize {text-transform:capitalize}



/****************GENERALS***************************/

.floatLeft {float:left;}
.floatRight {float:right}
.clear {clear:both}
.back_to_top { font-size:95%; margin:5px;  clear:both; text-align:right}
.back_to_top a{ font-size:95%; background:url(../images/arrow_up.gif) no-repeat; background-position: right top; padding:0px 12px; clear:both; text-align:right}
.back_to_top a:hover{ font-size:95%; background:url(../images/arrow_up.gif) no-repeat; background-position: right bottom;  clear:both; text-align:right}

.breadcrumbs { margin: 0; background:#FF0099; color:white; padding:5px 10px; font-size:8pt; vertical-align:middle}
.breadcrumbs a:link,.breadcrumbs a:visited{ color:white; text-decoration:underline}
.breadcrumbs a:hover{ color:white; text-decoration:none}

.pagelist { margin: 0; background:#EEEEEE; color:#333; padding:5px; font-size:8pt;; text-align:right}

hr { background-color:#CCCCCC; color:#CCCCCC; height:1px; noshade:noshade; border:0; 	margin:3px 0 3px 0; }
.line_1x1 {background:url(../images/line_1x1.gif) left repeat-x; height:10px}

.line1px {background:url(../images/line_1px.gif) left repeat-x; height:5px}
.line2px { background:url(../images/line_2px.gif) left repeat-x;  height:10px}
.line5px { background:#E5E5E5; height:5px; clear:both}

.checkbox { font-size:8pt;padding:5px 2px 0 0}

.heading {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold}
.heading2 {font-size: 110%; padding: 25px 0 0 0; font-weight:bold}
.heading_blue {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#00CCCC}
.heading_pink {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#FF0099}
.heading_purple {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#9933CC}
.heading_grey {font-size: 110%; padding: 10px 0 5px 0; font-weight:bold; color:#666666}

.subheading {font-size: 105%; padding: 10px 0 5px 0; font-weight:bold}
.subheading_blue {font-size: 105%; padding: 10px 0 5px 0; font-weight:bold; color:#00CCCC}
.subheading_pink {font-size: 105%; padding: 10px 0 5px 0; font-weight:bold; color:#FF0099}

.text_white{color:#FFFFFF}
.text_pink{color:#FF0099}
.text_blue{color:#00CCCC}
.text_grey{color:#999999}

.erro_msg { color:#FF0000}



#cotentBody {text-align:justify; margin:10px}
.textJustify { text-align:justify}

#share { border:#CCCCCC solid 1px; padding:5px; font-size:8pt; background:#FFFFFF; width:95%; margin:auto}

.bg_00ccc {background:#00CCCC; padding:2px 5px}
.bg_white {background:#FFF; padding:2px 5px}



.col_100 {width:100px; margin:2px 0; }
.col_120 {width:120px; margin:2px 0;}
.col_130 {width:130px; margin:2px 0}
.col_400 {width:400px; margin:2px 0}
.col_390 {width:390px; margin:2px 0}
.col_420 {width:420px; margin:2px 0}
.col_full {width:99%; margin:2px 0}

.col_270 {width:270px; margin:2px 0}

.col_5 {width:5px; margin:2px 0}
.col_10 {width:10px; margin:2px 0}
.col_20 {width:20px; margin:2px 0}

.col_40 {width:40px; margin:2px 0}
.col_50 {width:50px; margin:2px 0}
.col_60 {width:60px; margin:2px 0}
.col_80 {width:80px; margin:2px 0}
.col_90 {width:80px; margin:2px 0;}

.col_95x {width:95%; margin:2px 0}

.textRight{text-align:right}
.textCenter{text-align:center}
.vertical_mid{vertical-align:middle}

#annoucement { font-size:8pt; }
#annoucement .list_num {width:10%; margin:2px 0}
#annoucement .listCopy {width:90%; margin:2px 0}

.smallFont {font-size:8pt}


/****************Gallery***************************/
#gallery_img { text-align:center; }
#gallery_img img{border:#999999 solid 1px; margin:10px}

#rating{padding:10px}
.ratethis{float:left; padding:2px 5px; background-color:#EEEEEE; margin-right:5px; font-size:10px}
.ratethis a:link,.ratethis a:visited{text-decoration:none}
.ratethis a:hover{text-decoration:none}
.ratethiscopy{ padding:2px 5px; margin:0px; float:left; color:#666666; font-size:10px}



/****************END***************************/
/* CLEAR FIX */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

 main stylesheet ends, CC with new stylesheet below... 

[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
	
/*////////////////BUTTONS//////////*/

.bt_arrow {text-align:right; float:right;}
.bt_arrow a:link,.bt_arrow a:visited  { padding: 0 0 0 18px; background:url(../images/arrow_link.gif) left top no-repeat ; 
	  font-size:95%;filter:alpha(opacity=100); 	-moz-opacity:1.0; 	opacity: 1.0; border:0}

.bt_arrow a:hover  { filter:alpha(opacity=50);	-moz-opacity:  0.5;	opacity: 0.5;}

.bt_arrow2 a:link,.bt_arrow2 a:visited  { padding: 0 0 0 18px; background:url(../images/arrow_link.gif) no-repeat left; 
/*text-align:right; float:right;	*/  font-size:95%;filter:alpha(opacity=100); 	-moz-opacity:1.0; 	opacity: 1.0; border:0}

.bt_arrow2 a:hover  { filter:alpha(opacity=50);	-moz-opacity:  0.5;	opacity: 0.5;}


.bt_link a:link,.bt_link a:visited  {  background:url(../images/line_link.gif) top; background-repeat:repeat-x; background-position:top ; font-size:8pt; padding-bottom:2px; filter:alpha(opacity=100); 	-moz-opacity:1.0; 	opacity: 1.0; border:0}
.bt_link a:hover  {background-position:bottom ; filter:alpha(opacity=50);	-moz-opacity:  0.5;	opacity: 0.5; text-decoration:none; }

a.button img {
padding:0;
filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity: 1.0; border:0}

a.button:hover img {
filter:alpha(opacity=50);   
-moz-opacity:  0.5;   
opacity: 0.5;
}


/***** newsletter *****/
#topNewsletter {margin:15px 0px 10px 164px;}
#topNewsletter .issuedate{width:623px; height:92px; float:left; background:url(../images/hd_newsletter.gif) top no-repeat; padding-bottom:20px; }
#topNewsletter .logo{width:623px; height:92px;}
#topNewsletter .subscribe{margin:54px 11px 0px 0px; float:right; width:162px;}
#topNewsletter h3{margin:0px; padding:0px; font-size: 15px; font-family: Tahoma, Arial, Helvetica, "Sans Serif"; font-weight:bold; color:#9933CC;}

#subnavNewsletter {float:right; width:146px; margin:0 10px 15px 10px; background:#F7F7F7; }

#subnav01 ul{margin:0px; font-weight:bold;}
#subnav01 li{margin:4px 4px 4px 0; padding:4px 4px 5px 31px; background:url(../images/tl_arrow_pink.gif) no-repeat; background-position: 10px 6px; font-size:11px; color:#9933CC;}
#subnav01 li.selected{margin:4px 0 4px 0; padding:4px 4px 5px 31px; background:url(../images/tl_arrow_pink.gif) top left no-repeat #FFFFFF; background-position: 10px 6px; font-size:11px; color:#9933CC;}

#subnav01b ul{margin:0px; padding:0px;}
#subnav01b li{margin:2px 0 1px 0; padding:4px 4px 5px 41px; background:url(../images/bullet_pink.gif) top left no-repeat; background-position: 30px 10px;}
#subnav01b li.selected{margin:2px 0 1px 0; padding:4px 4px 5px 41px; background:url(../images/bullet_pink.gif) top left no-repeat #FFFFFF; background-position: 30px 10px;}


#subnav02 ul{margin:0px; font-weight:bold;}
#subnav02 li{margin:4px 4px 4px 0; padding:4px 4px 5px 31px; background:url(../images/tl_arrow_blue.gif) no-repeat; background-position: 10px 6px; font-size:11px; color:#9933CC;}
#subnav02 li.selected{margin:4px 0 4px 0; padding:4px 4px 5px 31px; background:url(../images/tl_arrow_blue.gif) top left no-repeat #FFFFFF; background-position: 10px 6px; font-size:11px; color:#9933CC;}

#subnav02b ul{margin:0px; padding:0px;}
#subnav02b li{margin:2px 0 1px 0; padding:4px 4px 5px 41px; background:url(../images/bullet_blue.gif) top left no-repeat; background-position: 30px 10px;}
#subnav02b li.selected{margin:2px 0 1px 0; padding:4px 4px 5px 41px; background:url(../images/bullet_blue.gif) top left no-repeat #FFFFFF; background-position: 30px 10px;}

#subnavNewsletter a{margin:0px; padding:0px; font-size:11px; color:#9933CC; }
#subnavNewsletter a:hover{text-decoration:none;}

#subnavNewsletter .bottom{vertical-align:baseline;}

#bodycontentNewsletter {padding:5px; width:400px; margin:0; float:right; background:#FFFFFF; font-family: Tahoma, Arial, Helvetica, "Sans Serif";  font-size: 13px; color:#333333}
#bodycontentNewsletter ul { list-style:none; margin:0; padding:0}
#bodycontentNewsletter ul li{ background-image:url(../images/list_pink.gif); background-position:left top ; background-repeat:no-repeat; list-style:none; margin:0; padding:5px 0 0 10px;}
.heading_newsletter {font-size: 125%; padding: 10px 0 5px 0; font-weight:bold; color:#9933CC}

#bodycontentNewsletter .pink{float:right; width:180px; padding:10px; margin:3px 10px 10px 10px; font-size: 11px; color:#333333; border:#FF0099 solid 6px; background-color:#EFEFEF;}
#bodycontentNewsletter .blue{float:right; width:180px; padding:10px; margin:3px 10px 10px 10px; font-size: 11px; color:#333333; border:#00CCCC solid 6px; background-color:#EFEFEF;}

#bodycontentNewsletter h2{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, "Sans Serif";
	font-weight:normal;
	background-image:url(../images/arrow_link.gif); background-position:left top; background-repeat:no-repeat;
}



#contentNewsletter {padding:0px; width:560px; margin:0; float:right; background:#FFFFFF}
#contentColumn01{margin:13px 0 0 0; padding:0px; width:275px; float:left; background:url(../images/tl_me.gif) no-repeat top; }
#contentColumn02{margin:13px 0 0 0; padding:0px; width:275px; float:right; background:url(../images/tl_industry.gif) no-repeat top; }

#pinkBox{margin:18px 0 10px 0; padding:0px; width:269px; float:left; border:3px #FF0099 solid; border-top:none;}
#pinkBox .title{margin:10px 0 5px 0; padding:4px 4px 4px 35px; font-size: 95%; font-weight:bold; color:#9933CC; background:url(../images/tl_arrow_pink.gif) no-repeat; background-position: 15px 4px; clear:both;}
#pinkBox .emptytitle{margin:10px 0 5px 0; padding:4px 4px 4px 35px; font-size: 95%; font-weight:bold; clear:both;}

#pinkBox .content{width:244px; margin:5px 10px 5px 15px; padding:0px;}
#pinkBox .thumbnail{float:left; width:100px; height:100px; padding:0px;}
#pinkBox .desc{float:right; width:143px; height:90px; margin:0px; padding:0px;}
#pinkBox h1{margin:0px; padding:0px; font-family: Tahoma, Arial, Helvetica, "Sans Serif"; font-size: 110%; color:#9933CC;}

#pinkBox .inbrief{margin:10px 0 10px 0; padding:0px; height:120px;}
#pinkBox .bar{padding:0 10px 5px 10px; text-align:center;}
#pinkBox li{margin:4px 0 4px 0; padding:4px 4px 5px 22px; background:url(../images/arrow_grey.gif) no-repeat; background-position: 10px 6px;}


#blueBox{margin:18px 0 10px 0; padding:0px; width:269px; float:right; border:3px #00CCCC solid; border-top:none;}

#blueBox .title{margin:10px 0 5px 0; padding:4px 4px 4px 35px; font-size: 95%; font-weight:bold; color:#9933CC; background:url(../images/tl_arrow_blue.gif) no-repeat; background-position: 15px 4px; clear:both;}
#blueBox .emptytitle{margin:10px 0 5px 0; padding:4px 4px 4px 35px; font-size: 95%; font-weight:bold; clear:both;}

#blueBox .content{width:244px; margin:5px 10px 5px 15px; padding:0px;}
#blueBox .thumbnail{float:left; width:100px; height:100px; padding:0px;}
#blueBox .desc{float:right; width:143px; height:90px; margin:0px; padding:0px;}
#blueBox h1{margin:0px; padding:0px; font-family: Tahoma, Arial, Helvetica, "Sans Serif"; font-size: 110%; color:#9933CC;}

#blueBox .inbrief{margin:10px 0 10px 0; padding:0px; height:120px;}
#blueBox .bar{padding:0 10px 5px 10px; text-align:center;}
#blueBox li{margin:4px 0 4px 0; padding:4px 4px 5px 22px; background:url(../images/arrow_grey.gif) no-repeat; background-position: 10px 6px;}


#purpleBox{margin:0 0 10px 0; padding:10px 0 0 0; border:3px #9933CC solid; clear:both;}
#purpleBox .content{margin:10px;}
#purpleBox b{font-weight: bold; color:#9933CC;}

p.intro {margin: 0 0 10px 0; font-weight: bold;}
p.caption {margin: 0 0 10px 0; font-size: 10px; color:#999999;}
p.date{padding: 80px 0 10px 0; font-weight:bold; color:#333333;}
#bodycontentNewsletter b.purple{font-weight: bold; color:#9933CC;}

#box{padding:10px 10px 1px 8px; background-color:#EEEEEE;}
#box ul { list-style:none; margin:0; padding:0}
#box ul li{ background-image:url(../images/list_pink.gif); background-position:left top ; background-repeat:no-repeat; list-style:none; margin:0; padding:5px 0 0 10px;}