/*
-----------------------------------------------------
Base styles for screen media

FileName:	screen.css
Version:	1.0
Author:		H4.com.au

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

/* global */

div { border: 0px solid black; }

html, body { width: 100%; }
body { background: #fff; font-family: geneva,arial,helvetica,sans-serif; font-size: 75%; margin: 0px; padding: 0px; color: #000; }

img { border: 0px !important; }
	h1 { font-size: 180%; padding: 0px; margin: 0px; }
	h2 { font-size: 120%; color: #; line-height: 140%; padding: 0px; margin: 0px;  }
	h3, h4, h5, h6 { font-size: 100%; padding: 0px; margin: 0px;  }
	p  { margin: 0px; padding: 0px; clear: left; line-height: 130%; }
	ul { margin: 0px; padding: 0px; line-height: 160%; }
	li { margin: 0px; padding: 0px;  }
	 
a:link 		{ text-decoration: underline; color: #000; }
a:visited 	{ text-decoration: none; color: #000; border-bottom: 1px dotted #666; }
a:hover 	{ text-decoration: none; color: #000; border-bottom: 0px; }
a:active 	{ text-decoration: none; color: #000; }

/* layout */

.topmenu 	{ float: left; width: 100%; background-color: #c4c4c4; margin-bottom: 1px; font-size: 110%; }
	.left 	{ float: left; padding: 5px 15px 5px 15px; }
	.right	{ float: right; padding: 5px 15px 5px 15px; }
.header { float: left; width: 100%; min-height: 102px; min-width: 626px; background: #006699 url("/__data/assets/image/0005/36878/hdr_bg.jpg") no-repeat; border-bottom: 1px solid #4891B6; }
	.logo { float: left; width: 626px; height: 89px; clear: left; }
	.logo img { margin: 8px 0px 0px 15px; }
	.logo a { border: 0px !important; }
 	.searchbox { float: right; clear: right; color: #fff; width: 25%; margin-right: 15px;  }
	.searchbox a { color: #fff !important; font-size: 110%; }
	.searchbox a:visited { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; }
	.searchbox a:hover { text-decoration: none; border-bottom: 0px; }
	.searchbox p { margin: 9px 0px 9px 0px; }
.bc { float: left; width: 100%; background-color: #ececec; margin-top: 1px; color: #333;  }
	.bc .left { padding-left: 45px; font-size: 90%; color: #333 !important; }
	.bc .left a { color: #333 !important; text-decoration: underline; border-bottom: 0px; }
	.bc .left a:hover { text-decoration: none !important; }
	.bc .right { float: right; clear: right; color: #34709b; width: 25%; margin-right: 15px;  padding: 5px 0px 5px 0px; }
	.bc .right a { color: #34709b; text-decoration: none !important; border-bottom: 0px;  }
	.bc a:hover { text-decoration: underline !important; }
	.bc .right .on { font-weight: bold;  }
.main	{ float: left; width: 100%; margin-top: 20px; padding-bottom: 45px;  }
.col 	{ float: left; }
.menu	{ width: 25%; float: right; margin-right: 15px; border: 1px solid #c4c4c4; background-color: #fff;  }
	.menu ul { color: #00a3dd; margin: 0 0 20px 45px; }
	.menu li:hover { list-style-type: circle; }
	.menu h5 { color: #fff; background: #34709b url("./menu_arrow.gif") no-repeat; padding: 3px 10px 3px 30px; margin: 0px 0px 10px 0px; }
	.menu h6 { color: #34709b; background: #ececec url("./menu_arrow2.gif") no-repeat; padding: 3px 10px 3px 30px; margin: 0px 0px 10px 0px; }
	.more { list-style-type: none !important; text-align: right; margin-right: 45px; }
	.more a { padding-right: 18px; background: url("./more_arrow.gif") no-repeat right center; }
	.more a:visited { text-decoration: underline; border-bottom: 0px; }
	.more a:hover	{ text-decoration: none; border-bottom: 0px; }
 
.double { margin-left: 45px; }
.full	{ width: 100%; }
.small	{ width: 162px; background-color: #ececec; margin-top: 20px; min-height: 400px; cursor: pointer; }
	.homeheading strong { display: none; }
	.homeheading 		{ width: 162px; height: 84px; display: block; }
	.homeheadingtext 	{ padding: 10px; display: block; }
	.small em { text-decoration: underline; font-style: normal; }
	.small a { text-decoration: none; border: 0px !important; }
	.live:hover { background-color: #F7931D; }
	.live .homeheading { background: url("./home_live.gif") no-repeat; }
	.move:hover { background-color: #007dbd; }
	.move .homeheading { background: url("./home_move.gif") no-repeat; }
	.work:hover { background-color: #8b5c98; }
	.work .homeheading { background: url("./home_work.gif") no-repeat; }
	.play:hover { background-color: #d3cf2f; }
	.play .homeheading { background: url("./home_play.gif") no-repeat; }
	.move, .work, .play { margin-left: 6px; }
.footer { float: left; border-top: 3px solid #c4c4c4; width: 100%; margin-top: 40px; font-size: 110%; }
	.footer img { float: left; margin: 3px 10px 0px 0px; }
	.footer p { line-height: 160%; }
	
/* template specific */
.home		{ min-width: 980px;  }
.home h1	{ display: none; }
.home h2 strong	{ display: none; }
.home h2	{ width: 667px; height: 101px; background: #006699 url("./home_banner.gif") no-repeat; }
.home .double { min-width: 667px; }

.sub .header { min-width: 880px;  }
.sub .menu { float: left; margin-left: 15px; margin-top: 15px; }
.sub .menu h6 a { color: #34709b; text-decoration: none; }
.sub .menu h6 a:visited { text-decoration: none; border: 0px; }
.sub .menu h6 a:hover { text-decoration: underline; }
.sub .main { margin-top: 20px; }
.sub h1 { color: #34709b; padding: 10px 0px 15px 0px; }
.sub .double { width: 50%; padding-bottom: 40px; }
.sub .double p { margin-left: 0px; margin-bottom: 10px; }
.sub .double ul { margin-left: 20px; }
.sub .double li { margin-bottom: 10px; }
.sub .double li strong { color: #34709b; }
.sub .footer { margin-top: 0px; }
.sub .menu ul ul { margin-left: 15px; margin-bottom: 0px;  }
.sub .menu ul ul li { list-style-type: none !important; }
.sub .menu ul ul li a { color: #00a3dd; }

.im img { margin: 30px 0px 0px 30px; }
.im p { font-size: 90%; }

.two .menu { float: right; margin-top: 50px; }
.menu p { margin: 30px; }
.menu p strong { color: #34709b; }

/* forms */
form, input, select, textarea { 
	font-family: geneva,arial,helvetica,sans-serif; font-size: 100%; 
	margin: 0; 
	padding: 0;
}

/* additions by damien to account for the left menu area */
.LftMenuActive { color: #fff; background: #34709b url("./menu_arrow.gif") no-repeat; padding: 3px 10px 3px 30px; margin: 0px 0px 10px 0px; display:block; font-weight:bold;}
.LftMenuNotActive { color: #fff; background: #ececec url("./menu_arrow2.gif") no-repeat; padding: 3px 10px 3px 30px; margin: 0px 0px 10px 0px; display:block; font-weight:bold;}
.col menu a {border:none; text-decoration: none; color: #fff;}
.col menu a:visited {border:none; text-decoration: none; color: #fff;}
.LftMenuActive a:hover {text-decoration:none; color: #fff;}
.LftMenuNotActive:hover {border:none;}