/* Reset - Thank You Eric */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* Layout */

html {
	height:100%;
	max-height:100%;
	overflow:hidden;
	}

body {
	height:100%;
	max-height:100%
	overflow:hidden;
	background:#101010;
	font:normal 12px/16pt Arial, sans-serif;
	color:#aaa;
	}

/* Nav */

#nav{
	background:#101010 url(../images/nav.repeater.jpg) repeat-x 0 0;
	color:#FFFFFF;
	display:block;
	height:30px;
	margin:0;
	position:fixed;
	width:100%;
	z-index:5;
	padding:15px 0;
	}

#nav ul {
	float:left;
	padding:0 0 0 8px;
	}

#nav li{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	line-height:30px;
	}

#nav a {
	display:block;
	float:left;
	height:30px;
	color:#ccc;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	}

/* Sections */
	
#article {
	position:absolute;
	top:60px;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:2;
	}
	
.elements {
	width:40000px;
	height:4000px;
	}

ul.elements li {
	width:3000px;
	height:500px;
	overflow:hidden;
	margin:0 0 0px 0;
	padding:0;
	float:left;
	background:#111 url(../images/element.x.jpg) repeat-x 0 0
	}	

ul.elements li ul li {
	width:auto;
	height:auto;
	overflow:visible;
	margin:0;
	padding:0;
	float:none;
	background:none;
	}

.elements .column {
	width:2400px;
	height:2600px;
	float:left;
	clear:none;
	}

ul.elements .wrapper {
	float:left;
	width:100%;
	height:500px;
	}
	
ul.elements .wrapper p {
	float:left;
	margin:35px 0 0 0;
	width:265px;
	text-align:right;
	letter-spacing:1px;
	}
	
ul.elements .content {
	height:500px;
	width:980px;
	color:#eee;
	font:bold 30px/30px Arial, sans-serif;
	}

/* Nav Styling */

#nav h1 {
	width:280px;
	height:20px;
	float:left;
	}

#nav h1 a {
	display:block;
	width:280px;
	height:30px;
	background:url(../images/nav.sprite.jpg) no-repeat 0 -15px;
	}
	
#nav h1 span {
	display:none;
	}
	
#nav li	a {
	display:block;
	float:left;
	height:30px;
	background-image:url(../images/nav.sprite.jpg);
	background-repeat:no-repeat;
	}
	
#nav li span {
	display:none;
	}
	
a#rel-1:link, a#rel-1:visited	{ width:53px;	background-position: -290px -15px;}
a#rel-1:hover				 	{ width:53px;	background-position: -290px -75px;}
a#rel-1:active, a#rel-1:focus	{ width:53px;	background-position: -290px -135px;}

a#rel-2:link, a#rel-2:visited	{ width:52px;	background-position: -344px -15px;}
a#rel-2:hover 					{ width:52px;	background-position: -344px -75px;}
a#rel-2:active, a#rel-2:focus	{ width:52px;	background-position: -344px -135px;}

a#rel-3:link, a#rel-3:visited	{ width:65px;	background-position: -397px -15px;}
a#rel-3:hover 					{ width:65px;	background-position: -397px -75px;}
a#rel-3:active, a#rel-3:focus	{ width:65px;	background-position: -397px -135px;}

a#rel-4:link, a#rel-4:visited	{ width:69px;	background-position: -464px -15px;}
a#rel-4:hover 					{ width:69px;	background-position: -464px -75px;}
a#rel-4:active, a#rel-4:focus	{ width:69px;	background-position: -464px -135px;}


a#rel-5 {margin:0 0 0 95px;}
a#rel-5:link, a#rel-5:visited	{ width:95px;	background-position: -535px -15px;}
a#rel-5:hover 					{ width:95px;	background-position: -535px -75px;}
a#rel-5:active, a#rel-5:focus	{ width:95px;	background-position: -535px -135px;}

a#rel-6:link, a#rel-6:visited	{ width:91px;	background-position: -716px -15px;}
a#rel-6:hover 					{ width:91px;	background-position: -716px -75px;}
a#rel-6:active, a#rel-6:focus	{ width:91px;	background-position: -716px -135px;}

a#rel-7:link, a#rel-7:visited	{ width:91px;	background-position: -631px -15px;}
a#rel-7:hover 					{ width:91px;	background-position: -631px -75px;}
a#rel-7:active, a#rel-7:focus	{ width:91px;	background-position: -631px -135px;}

a#rel-8:link, a#rel-8:visited	{ width:91px;	background-position: -801px -15px;}
a#rel-8:hover 					{ width:91px;	background-position: -801px -75px;}
a#rel-8:active, a#rel-8:focus	{ width:91px;	background-position: -801px -135px;}

/* Site Sections */

img.centrallogo {
	float:left;
	clear:none;
	}

.home .wrapper div.introduction {
	display:block;
	float:left;
	padding:35px 0 0 0;
	margin:0;
	width:180px;
	height:400px;
	text-align:right;
	padding:45px 0 0 85px;
	}

.home .wrapper div.introduction p {
	display:block;
	float:none;
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	height:auto;
	width:auto;
	font-size:1em;
	text-align:right;
	}

.home .wrapper div.introduction h4 {
	text-align:right;
	margin:20px 0 0 0;
	}

#twitter_update_list {
	padding:2px 0;
	}
#twitter_update_list li a {
	clear:both;
	}
	
a.twitter-link, a.twitter-link:link, a.twitter-link:visited {
	display:block;
	clear:both;
	background:url(../images/icon.twitter.jpg) no-repeat 100% 3px;
	padding:2px 22px 2px 0;
	color:#aaa;
	}

a.linkedin-link, a.linkedin-link:link, a.linkedin-link:visited {
	display:block;
	clear:both;
	background:url(../images/icon.linkedin.jpg) no-repeat 100% 5px;
	padding:2px 22px 2px 0;
	color:#aaa;
	}

a.tumblr-link, a.tumblr-link:link, a.tumblr-link:visited  {
	display:block;
	clear:both;
	background:url(../images/icon.tumblr.jpg) no-repeat 100% 5px;
	padding:2px 22px 2px 0;
	color:#aaa;
	}

a.twitter-link:hover, a.twitter-link:focus, a.linkedin-link:hover, a.linkedin-link:focus, a.tumblr-link:hover, a.tumblr-link:focus {
	color:#6FD0F8;
	}
	
img.leaderboard {
	float:left;
	clear:none;
	width:620px;
	height:420px;
	margin:35px 0 0 25px;
	}

#filmplayer, #audioplayer {
	border:10px #080808 solid;
	float:left;
	width:600px;
	height:400px;
	margin:35px 40px 40px 30px;
	}

#logoholder {
	float:left;
	width:620px;
	height:420px;
	margin:35px 40px 40px 30px;
	}

#webthumbs, #visualthumbs {
	width:40px;
	height:400px;
	display:block;
	margin:0 0 0 0;
	padding:30px 0 0 5px;
	float:left;
	}

#webthumbs p, #visualthumbs p {
	float:left;
	padding:35px 0 0 0;
	margin:0;
	width:245px;
	text-align:right;
	}

#webthumbs .thumbs, #visualthumbs .thumbs {
	float:right;
	margin:16px 0 0 0;
	}

#webgallery, #visualgallery {
	width:620px;
	height:480px;
	margin:0 10px 0 30px;
	float:left;
	}

#webplayer, #visualplayer {
	float:left;
	width:600px;
	height:400px;
	margin:35px 0 10px 0;
	border:10px #080808 solid;
	}

#webloading, #visualloading {
	border:10px #080808 solid;
	float:left;
	width:600px;
	height:50px;
	margin:35px 40px 400px 0px;
	padding:190px 0 160px 0;
	background:black;
	font:normal 9px/11px Arial, sans-serif;
	text-align:center;
	}
	
#webcaption, #visualcaption {
	width:600px
	height:50px;
	float:left;
	font:normal 12px/16pt Arial, sans-serif;
	color:#aaa;
	}

.contact_hk {
	border:10px #080808 solid;
	float:left;
	width:275px;
	height:400px;
	margin:35px 15px 40px 0px;
	background:#030303;
	}

.contact_au {
	border:10px #080808 solid;
	float:left;
	width:275px;
	height:400px;
	margin:35px 0px 40px 15px;
	background:#030303;
	}

#companyprofile {
	float:left;
	width:600px;
	height:400px;
	margin:35px 40px 40px 0px;
	}


#clientlist {
	border:10px #080808 solid;
	float:left;
	width:600px;
	height:400px;
	margin:35px 40px 40px 0px;
	}

.clients .wrapper h2, .company .wrapper h2, .contact .wrapper h2 {
	width:275px;
	float:left;
	margin:35px 0 0 20px;
	padding:5px 0 0 0;
	text-indent:10px;
	text-align:right;
	background:#080808
	}

.contact h3 {
	background:#080808;
	text-indent:25px;
	}

/* Standard Headings */

h1 	{
	font-size: 25px;
	font-weight:normal;
	letter-spacing:0px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
		
h2 	{
	font-size: 20px;
	font-weight:normal;
	letter-spacing:0px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
		
h3	{
	font-size: 16px;
	font-weight:normal;
	letter-spacing:0px;
	margin:0 0 12px 0;
	padding:10px 0;
	}
		
h4, h5, h6 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 14px;
		font-weight:bold;
		letter-spacing:2px;
		}

ul, li {
	padding:0;
	margin:0;
	list-style:none;
	}

/* Links */

a:link {
	color:#6fd0f8;
	text-decoration:none;
	}

a:visited {
	color:#6fd0f8;
	text-decoration:none;
	}
	
a:hover {
	color:#3cc1f9;
	text-decoration:none;
	}
	
a:focus	 {
	color:#3cc1f9;
	text-decoration:none;
	}

/* Lists and Definitions */

ul 		{

		}
		
ul li	{

		}
		
dl 	{
  	margin:0;
  	padding:0 5px;
	}

dl dt {
	width:70px;
	margin:10px 0 0 0;
	padding:0 10px 0 20px;
	color:#999999;
	font-size:0.8em;
	line-height:1em;
	display:block;
	float:left;
	clear:both;
	letter-spacing:2px;
	}	

dl dd {
	margin:2px 0 0 0;
	padding:0 0 0 20px;
	float:left;
	clear:both;
	color:#eee;
	margin:
	}

dl br {
	clear:both;
	}

/* Standard Image Formatting */

img, a img {
  border:none;
  margin:0px;
  padding:0px;
}

	
/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
	}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

/*---- Header styling ---*/
.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 14pt;
	line-height:14px;
	}
	
.sIFR-active h3 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 14pt;
	line-height:14px;
	}

.sIFR-active h4 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 14pt;
	line-height:14px;
	}


/* Special Features */
	
a.special {
	display:block;
	position:relative;
	top:173px;
	left:627px;
	width:12px;
	height:12px;
	}
	
a.special span {
	display:none;
	}