/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul { margin: 5px 0; margin-left: 25px; }
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-family:"Courier New", Courier, monospace; color:#00ADEF;}

/* global styles */
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	color:#E9E9E9;
    background:#000;
	line-height:14px;
}

a, a:visited {text-decoration: none; color:#fff;}
a:hover {text-decoration: underline;}
p {padding:5px 0; line-height:18px;}

div.clearfix {clear: both;}

#container {width:970px; margin:auto; }

#top{position:relative; height:130px;}
	#top .logo{position:absolute; top:25px; left:24px;}
	#top .lang_ver{position:absolute; top:0; right:24px; list-style: none; margin:0;}
	#top .lang_ver li {float:left; margin-left:10px;}
	#top .lang_ver li a{display:block; width:34px; height:46px;}
	#top .lang_ver .UK_flag {background:url(../img/UK_flag.jpg) no-repeat;}
	#top .lang_ver .US_flag {background:url(../img/US_flag.jpg) no-repeat;}
	#top .lang_ver .US_flag:hover {background:url(../img/US_flag_hover.jpg) no-repeat;}

#top_bar{position:absolute; width:675px; height:12px; top:90px; right:0; background:#1c1c1c; padding:4px 10px 4px 10px; font-size:11px; overflow:hidden;}
	#exit_btn{position:absolute; top:10px; right:10px; display:none;}
	#top_bar a {color:#ffff00; font-size:11px;}
	p.left{float:left; width:290px; margin-right:70px;}
	p.right{float:left; width:290px;}
	
#content{background:#1c1c1c; padding:24px; width:922px; }
	#content a {color:#FF0099;}
	#content a:hover{ background:#FF0099; color:#000; text-decoration:none;}
	
	.left_side{width:450px; float:left;}
	.right_side{width:450px; float:right;}
	.all{width:922px; clear:both;}

	.header{ color:#00ADEF; font-size:20px; line-height:24px; }
	h5.header{font-size:12px; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 14px;}
	.date {color:#ffff00;}
	.blue{color:#00ADEF;}
	.green{color:#00cc00;}
	.pink{color:#FF0099;}

	#content .more_small {background:url(../img/more_off.gif) no-repeat; display:block; width:450px; height:16px; margin:10px 0 24px 0;}
	#content .more_small:hover {background:url(../img/more_on.gif) no-repeat;}
	#content .close_small {background:url(../img/close.gif) no-repeat; width:450px; height:16px; margin:10px 0 24px 0; display:none;}
	#content .close_small:hover {background:url(../img/close.gif) no-repeat;}
	
	#content .more_big {background:url(../img/more_big_off.gif) no-repeat; display:block; width:922px; height:16px; margin:10px 0;}
	#content .more_big:hover {background:url(../img/more_big_on.gif) no-repeat;}

	#content .back_big {background:url(../img/back_big_off.gif) no-repeat; width:922px; height:16px; margin:10px 0; display:none;}
	#content .back_big:hover {background:url(../img/back_big_on.gif) no-repeat;}

	.pink_square{float:left; width:230px;}
	.pink_square li{background:url(../img/pink_square.gif) no-repeat left; padding:0 0 0 15px;}
	.yellow_square{float:left; width:230px;}
	.yellow_square li{background:url(../img/yellow_square.gif) no-repeat left; padding:0 0 0 15px;}

	.person_details {clear:both; padding:10px 0; width:450px;}
	.person_details .left_col{float:left; width:129px; margin-right:11px;}
	.person_details .right_col{float:left; width:310px;}
	
	.person_details .pic {margin:5px 0 10px 0}
	.person_details dl{color:#616161; font-family:"Courier New", Courier, monospace;}
	.person_details ul {list-style:none; margin:0;}
	.person_details ul li {background:url(../img/yellow_square2.gif) no-repeat top left; padding:2px 0 2px 10px;}
	
	.tweeter_intro { position: relative; display: block; float: left; }
	.tweeter_feed { position: relative; display: block; width: 240px; margin-left: 5px; float: left; height: 15px;}
    
#footer{padding:24px 24px 10px 24px; width:922px; color:#B1B1B1;}
	#footer p{line-height:14px;}	
	#footer a{color:#ffff00;}
	#footer .twitter {display:block; background:url(../img/syncinc_twitter.jpg) no-repeat left; width:410px; height:13px; padding:7px 10px 7px 30px; color:#fff; margin-bottom:10px; text-decoration:none; cursor:pointer; font-family:"Courier New", Courier, monospace;}
	#footer .rss {display:block; background:url(../img/syncinc_rssfeed.jpg) no-repeat left; width:410px; height:13px; padding:5px 10px 5px 30px; color:#fff; text-decoration:none; cursor:pointer; font-family:"Courier New", Courier, monospace;}
	#footer .facebook {display:block; background:url(../img/syncinc_facebook.png) no-repeat left; width:410px; height:13px; padding:5px 10px 5px 30px; color:#fff; text-decoration:none; cursor:pointer; font-family:"Courier New", Courier, monospace;}

#copyright{padding:0 24px 24px; width:922px; height:17px; clear:both;}
	#copyright .bbb{float:right; display:block; width:134px; height:17px; background:url(../img/suebush_off.gif) no-repeat;}
	#copyright .bbb:hover{background:url(../img/suebush_on.gif) no-repeat;}
	
	#about_rest{ overflow:hidden; height:auto;}
	#latest_rest{overflow:hidden; height:auto;}
	
	#showreel_frame{width:448px; height:348px; border:1px solid #4e4e4e; position:relative; background:#000; margin-top:5px;}
	#showreel_frame .navi{position:absolute; top:-22px; right:10px;}
	#showreel_frame .navi a{display:block; width:14px; height:14px; background:url(../img/dot_small.png) no-repeat center; float:left; margin:0 5px;}
	#showreel_frame .navi a.active{background:url(../img/dot_big.png) no-repeat; }
	#showreel_frame .navi a:hover{background:url(../img/dot_small.png) no-repeat center;}
	#showreel_frame .navi a.active:hover{background:url(../img/dot_big.png) no-repeat; }
	
	#showreel_frame .prev{position:absolute; left:7px; bottom:14px; display:block; width:12px; height:25px; background:url(../img/arrow_left.png) no-repeat; }
	#showreel_frame .prev:hover{background:url(../img/arrow_left.png) no-repeat; }
	#showreel_frame .next{position:absolute; right:7px; bottom:14px; display:block; width:12px; height:25px; background:url(../img/arrow_right.png) no-repeat; }
	#showreel_frame .next:hover{background:url(../img/arrow_right.png) no-repeat; }

	#showreel {overflow:hidden; width:448px; height:374px; position:relative;}
	#showreel .items{position:absolute; width:4000px; height:374px; padding-left:40px;}
	#showreel .items div{float:left; width:365px; padding-right:10px; opacity:0.35;}
	#showreel .items div.active{opacity:1.0 !important;}
	
	#showreel .items div img{float:left; }
	#showreel .items div .showreel_desc {display:none; opacity: 1.0 !important; line-height:14px;}
	#showreel .items div .showreel_info {display:none; opacity: 1.0 !important; line-height:14px;}
	#showreel .items div.active .showreel_desc {display:block; padding:0; font-size:12px; color:#e9e9e9; line-height:14px;}
	#showreel .items div.active .showreel_info {display:block; padding:0; font-size:11px; font-family:"Courier New", Courier, monospace; line-height:14px;}
	#showreel .items div .showreel_desc p{ line-height:14px;} 
	#showreel .items div .showreel_info p{ line-height:14px;}
	
	#slider_frame{overflow:hidden; height:105px; width:920px; position:relative;  }
	#slider_content{ width:16000px; height:105px; position:absolute; left:0;}
		#slider_content ul {float:left; width:184px; list-style:none; margin: 0; padding-top:5px;}
			#slider_content ul li.rooster_type_0 {padding:0 0 0 0; color:#00ADEF;}
			#slider_content ul li.rooster_type_1 {background:url(../img/pink_square.gif) no-repeat left; padding:0 0 0 15px;}
			#slider_content ul li.rooster_type_2 {background:url(../img/yellow_square.gif) no-repeat left; padding:0 0 0 15px;}

	/* Credits module list */
	.credits_module ul{list-style:none; margin-left: 0px;}
	.credits_module ul li.rooster_type_1 {background:url(../img/pink_square.gif) no-repeat left; background-position: left 3px; padding:0 0 0 15px;}
	.credits_module  .credits_name{ text-transform: uppercase;}
	.credits_module ul li span{ padding-right: 5px;}
	.credits_module h5 {margin-top: 16px; margin-bottom: 13px;}
/* hides the second object from all versions of IE */
* html object.mov {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
    display/**/: none;
}

/********************************************* ADMIN ******************************************/
#adminTopPanel { position: relative; width: 100%; background: #000; color: #fff; height: 30px; top: 0; left: 0; z-index: 100; }
	#adminTopPanel a { color: #69c; }
	#adminTopPanel div.adminTitle { float: left; font-size: 18px; line-height: 30px; font-weight: bold; padding-left: 10px; }
	#adminTopPanel div.adminOptions { float: left; line-height: 30px; padding: 0 20px; }
	#adminTopPanel div.adminMenu { float: right; }
		#adminTopPanel div.adminMenu ul { position: relative; width: 100px; background: #000; color: #fff;list-style: none; margin: 0; padding: 0; }
		#adminTopPanel div.adminMenu ul li { position: relative; width: 100px; text-align: center; }
		#adminTopPanel div.adminMenu ul li:hover { position: relative; width: 100px; text-align: center; background: #999; color: #000; }
		#adminTopPanel div.adminMenu ul li.separator { position: relative; width: 100px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/adminSep.png); }
		#adminTopPanel div.adminMenu ul li.separator:hover { position: relative; width: 100px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/adminSep.png); }
			#adminTopPanel div.adminMenu ul.level-1 li { line-height: 30px; }
			#adminTopPanel div.adminMenu ul.level-2 { display: none; position: absolute; top: 30px; }
				#adminTopPanel div.adminMenu ul.level-2 li { line-height: 20px; }
				#adminTopPanel div.adminMenu ul.level-2 li:hover { background: #999; }
					#adminTopPanel div.adminMenu ul.level-2 li a { display: block; color: #fff; width: 100%; line-height: 20px; text-decoration: none; }
					#adminTopPanel div.adminMenu ul.level-2 li a:hover { color: #000; }
			#adminTopPanel div.adminMenu ul.level-3 { display: none; position: absolute; top: 0; left: -200px; width: 200px; }
			#adminTopPanel div.adminMenu ul.level-3 li { width: 200px; }
			#adminTopPanel div.adminMenu ul.level-1 li:hover ul.level-2 { display: block; }
			#adminTopPanel div.adminMenu ul.level-2 li:hover ul.level-3 { display: block; }
#adminLoginPanel { position: absolute; top: 5px; left: 5px; }
	#adminLoginPanel a { position: relative; display: block; width: 10px; height: 10px; }
.admin_menu_items { position: absolute; }
.admin_module_config { color: #000; font-size: 0.8em; }
/***************************************************************************************************************************************************/
.clr { clear: both; font-size: 1px; line-height: 1px; }

.green { color: #0f0 !important; }
.red { color: #f00 !important; }
.light_blue {color:#036eb2 !important;}
/********************************************************** STYLES FOR PAGE (AND TINY) **********************************************************/