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

/* GLOBAL ELEMENTS START */ 
body {
background: #FFFFFF;
padding: 0;
margin: 0;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
.align-center {
	text-align: center;
}

#outer_wrapper {
background: url(../images/bg_2.png) top center no-repeat; 
width: 100%;
}

#main_container_bg_repeat {
background: #0098ca url(../images/splendid_bg.gif) bottom center repeat-x;
width: 100%;
clear: both;
}

#main_container_bg {
background: url(../images/splendid_bg.jpg) bottom center no-repeat;
width: 100%;
padding: 0;
}

#main_content {
width: 940px;
margin: 0px auto;
padding: 0;
}

.clearline {
clear: both;
}

.content_block {
padding: 10px 0 10px 10px;
}

em {padding: 0; margin: 0;}

p {
margin: 0;
padding: 0 0 1.2em 0;
font-size: .8em;
line-height: 1.3em;
color: #5a5a5a;
}

h1 {
margin: 0 0 0 0;
padding: 25px 10px 0 10px;
font-size: 1.3em;
color: #009fd1;
letter-spacing: -.05em;
text-transform: capitalize;
}

#left h7 {
margin: 0 0 0 0;
padding: 25px 10px 0 10px;
font-size: 1.4em;
color: #009fd1;
line-height: 1.4em;
letter-spacing: -.05em;
text-transform: capitalize;
}

h2 {
margin: 0 0 0 0;
padding: 15px 0 5px 0;
font-size: 1.2em;
font-weight: normal;
color: #009fd1;
letter-spacing: -.05em;
}

h3 {
margin: 0 0 0 0;
padding: .4em 0 1em 0;
font-size: .7em;
font-weight: normal;

}

h4{
margin: 0;
padding: 0 0 1.2em 0;
font-size: .8em;
line-height: 1.2em;
font-weight: bold;
color: #d4213e;
}

h5 { 
font-size: .8em;
text-transform: uppercase;
color: #a4a4a4;
border-bottom: dotted 1px #e5e5e5;
padding: 1.2em 0 .6em 0;
margin: 0;
clear: both;
}

h6 {
margin: 0 0 0 0;
padding: 15px 0 5px 0;
font-size: 1.1em;
font-weight: bold;
color: #009fd1;
letter-spacing: -.05em;
}

img {
border: none;
}

.white {
color: #FFF;
}

.smalltext2 {
margin: 0 0 0 0;
padding: 0 10px .5em 10px;
font-size: .7em;
color: #ffffff;
}

.smalltext {
margin: 0 0 0 0;
padding: .4em .4em .1em .4em;
font-size: .7em;
color: #717171;
}

.fake_bg {
background: #CF0 !important;
height: 1%;
}
/* GLOBAL ELEMENTS END */


/* FOLLOW US START */
#follow_us {
margin: 0px auto;
height: 36px;
margin: 0;
padding: 0;
}

#follow_us_text {
float: right;
}

#follow_us_logo_container {
background: #00445a;
width: 350px;
float: right;
height: 36px;
}

#follow_us_shadow {
float: right;
}

#follow_us_logo_container a {
background-color: #00445a;
padding: 0 10px 0 10px;
display: inline;
float: left;
}

#follow_us_logo_container a:hover {
background-color: #0e6885;
padding: 0 10px 0 10px;
}

/* FOLLOW US END */


/* LOGO HEADER / FLASH / FEATURE PANEL START */
#flash_header {
padding: 0;
margin: 0;
width: 580px;
height: 260px;
float: left;
}

#projects_header {
padding: 0;
margin: 0;
width: 580px;
height: 260px;
float: left;
background: url(../images/projects_header_bg.jpg) top no-repeat;
}

#projects_header_the_hive {
padding: 0;
margin: 0;
width: 580px;
height: 260px;
float: left;
background: url(../images/projects_header_the_hive.jpg) top no-repeat;
}

#projects_header_where_the_party_is {
padding: 0;
margin: 0;
width: 580px;
height: 260px;
float: left;
background: url(../images/projects_header_where_party_is.jpg) top no-repeat;
}

#projects_header_best_time_ever {
padding: 0;
margin: 0;
width: 580px;
height: 260px;
float: left;
background: url(../images/projects_header_best_time_ever2.jpg) top no-repeat;
}

#projects_header_gen_power_of_op {
padding: 0;
margin: 0;
width: 580px;
height: 260px;
float: left;
background: url(../images/projects_header_projects_header_gen_power_of_op.jpg) top no-repeat;
}

a#the_hive {
	display:block;
	width:528px;
	height:30px;
	text-indent:-5000px;
	background-image:url(../images/projects_headers_the_hive.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;	
}

a:hover#the_hive {
	background-position: 0px -30px;
}

a#where_the_party_is {
	display:block;
	width:528px;
	height:30px;
	text-indent:-5000px;
	background-image:url(../images/projects_headers_where_the_party_is.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;	
}

a:hover#where_the_party_is {
	background-position: 0px -30px;
}

a#generative_power_of_op {
	display:block;
	width:528px;
	height:30px;
	text-indent:-5000px;
	background-image:url(../images/projects_headers_generative_power_of_op.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;	
}

a:hover#generative_power_of_op {
	background-position: 0px -30px;
}

a#best_time_ever {
	display:block;
	width:528px;
	height:30px;
	text-indent:-5000px;
	background-image:url(../images/projects_headers_best_time_ever.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;	
}

a:hover#best_time_ever {
	background-position: 0px -30px;
}

#home_feature_box {
padding: 15px 15px 0 15px;
margin: 0 0 0 10px;
background: url(../images/featured_panel_bg.gif) top no-repeat;
width: 320px;
height: 245px;
float: left;
}

.black {
color: #000;
}

#splendid_logo {
width: 320px;
float: left;
}

#splendid_blurb {
width: 620px;
float: left;
}

#splendid_gap {
width: 940px;
height: 20px;
clear: both;
background: url(../images/gap_graphic.gif) top no-repeat;
}

#splendid_gap2 {
width: 940px;
height: 20px;
clear: both;
background: url(../images/splendid_gap2.jpg) top no-repeat;
}

#splendid_gap3 {
width: 940px;
height: 20px;
clear: both;
background: url(../images/splendid_gap3.jpg) top no-repeat;
}

#splendid_gap4 {
width: 940px;
height: 20px;
clear: both;
background: url(../images/splendid_gap4.jpg) top no-repeat;
}

#splendid_gap5 {
width: 940px;
height: 20px;
clear: both;
background: url(../images/splendid_gap5.jpg) top no-repeat;
}

#splendid_gap6 {
width: 940px;
height: 20px;
clear: both;
background: url(../images/splendid_gap6.jpg) top no-repeat;
}

/* LOGO HEADER / FLASH / FEATURE PANEL END */


/* LEFT COLUMN START */
#left {
width: 580px;
float: left;
}

#left table td  {
padding: 2px;
margin: 0;
border-bottom: solid 1px #eaeaea;
}

#left table td p {
padding: 0;
margin: 0;
size: .7em;
}

#left table td b {
padding: 0;
margin: 0;
size: .8em;
font-weight: bold;
}

.projects_bg {
background: url(../images/projects_bg.jpg) top no-repeat;
}

.projects_padding {
padding: 16px 26px 36px 26px;
}


.left1 {
padding: 0;
background: #FFFFFF;
width: 580px;
}

.left1_b {
padding: 0;
background: #000000;
width: 580px;
margin: 0 0 10px 0;
}

.left3 {
padding: 0;
margin: 0 0 10px 0;
background: #FFFFFF;
width: 580px;
}

.left2 {
margin: 0 0 0 0;
padding: 0;
background: #FFF url(../images/content_bg.gif) top repeat-x;
width: 580px;
}

.col {
float: left;
width: 270px;
display: inline;
background: #FFF;
margin: 0 0 0 10px;
padding: 15px 10px 10px 0;
o\verflow: visible;
}

.coldouble {
float: left;
width: 560px;
background: #FFF;
margin: 0;
padding: 15px 10px 0 10px;
}

.coldouble22 {
float: left;
width: 560px;
margin: 0;
padding: 15px 10px 0 10px;
background: #FFF url(../images/projects_bg.jpg) top no-repeat;
}

.coldouble33 {
float: left;
width: 560px;
margin: 0;
padding: 15px 10px 0 10px;
background: #FFF url(../images/projects_bg_th.jpg) top no-repeat;
}

.coldouble44 {
float: left;
width: 560px;
margin: 0;
padding: 15px 10px 0 10px;
background: #FFF url(../images/projects_bg_best_time.jpg) top no-repeat;
}

.coldouble55 {
float: left;
width: 560px;
margin: 0;
padding: 15px 10px 0 10px;
background: #FFF url(../images/projects_bg_gen.jpg) top no-repeat;
}

.coldouble66 {
float: left;
width: 560px;
margin: 0;
padding: 15px 10px 0 10px;
background: #FFF url(../images/projects_bg_whereparty.jpg) top no-repeat;
}


.coldoubleb {
float: left;
width: 560px;
display: inline;
background: #004c68 url(../images/contents_bg.gif) repeat-x top;
margin: 10px 0 0 0;
color: #FFFFFF;
padding: 10px;
}

.col2 {
float: left;
width: 285px;
display: inline;
margin: 0 0 0 0px;
padding: 0;
}

#left ul {
list-style: none;
font-size: .8em;
line-height: 1.2em;
margin: 0 0 0 0em;
padding: 0 0 1.2em;
color: #5a5a5a;
}

table.contentlinks  {
width: 400px;
}

table.contentlinks td {
background: #FFFFFF;
padding: 8px;
text-align: center;
}

.splendour {
border: solid 10px #e0e0e0;
}

.facebook {
border: solid 10px #bcbcbc;
}

.australiacouncil {
border: solid 10px #e0e0e0;
}

.oyema {
border: solid 10px #bcbcbc;
}

ul.contents {
padding: .5em 0 .5em .5em !important;
margin: 0 !important;
}

ul.contents li{
margin: 0 0 0 0 !important;
padding: 4px 0 8px 18px !important;
background: url(../images/arrow.gif)  left no-repeat !important;
border: none !important;
font-size: 1.5em !important;
color: #FFFFFF !important;
}

ul.contents li a{
color: #FFF !important;
font-weight: normal !important;
font-size: .8em !important;
}

#left  ul li {
margin: 0;
padding: 2px 0 2px 15px;
background: url(../images/read_more.gif) top left no-repeat;
font-size: 1em;
}

#left ol {
list-style: decimal;
font-size: 1.2em;
color: #5a5a5a;
line-height: 1.2em;
margin: 0 0 0 2em;
padding: 0 0 1.2em;
}

#left ol li {
margin: 0;
padding: .3em 0;
}

#left ol li.last {
border-bottom: none;
}

#left ol li {
margin: 0;
padding: 0;
font-size: .7em;
color: #5a5a5a;
}

#left a {
color: #e11e83;
font-weight: bold;
text-decoration: none;
}
#left a:hover {
color: #e11e83;
font-weight: bold;
text-decoration: underline;
}

.col2artist {
float: left;
width: 290px;
background: #ff0000 url("images/artists.jpg") no-repeat top;
display: inline;
margin: 0 0 0 0px;
padding: 0;
}

#left blockquote {
font: 1em/1.4em Arial, Helvetica, sans-serif;
font-weight: bold;
width: 220px;
background: url(../images/quoleft.gif) left top no-repeat;
padding-left: 28px;
float: right;
color: #009fd1;
text-indent: 0;
margin: 0 20px 20px 20px;
}
#left blockquote span.quoter {
	color: #d0d0d0;
}

.smalltext4 {
margin: 0 0 0 0;
padding: .8em 0 0 0;
font-size: .6em;
text-indent: 0;
color: #7a7a7a;
}

/* LEFT COLUMN END */


/* RIGHT COLUMN START */
#right table {
padding: 0;
margin: 0 0 10px 0;
width: 330px;
}

#right table td {
padding: 2px 5px;
margin: 0;
font-size: .7em;
border-bottom: solid 1px #07b7e2;
}

#right table td.last {
border-bottom: none;
}

.submit {
display: block;
width: 320px;
background: #000000;
color: #FFFFFF;
padding: 5px;
font-size: .9em;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
text-align: left;
border: none;
}

.submit:hover {
display: block;
width: 320px;
background: #e11e83;
color: #FFFFFF;
padding: 5px;
font-size: .9em;
border: none;
text-align: left;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

form {
padding: 0;
margin: 0;
}

.form_title {
background: #019abf;
color: #FFF;
font-size: 12px;
}

.short_input {
width: 78px;
}

.regular_input {
width: 220px;
}

#right {
background: #07b7e2;
width: 350px;
float: left;
margin: 0 0 0 10px;
}

#sign_up {
background: #07b7e2 url(../images/signup_bg.gif) top repeat-x;
}

#artist_blurb {
background: #ffffff;
}

#about_splendid {
background: #0091bf;
}

#about_splendid ul {
list-style: none;
font-size: .8em;
line-height: 1.2em;
margin: 0 0 0 10px;
padding: 0 0 1.2em;
color: #5a5a5a;
}

#about_splendid  ul li {
margin: 0;
padding: 0 0 0 15px;
background: url(../images/read_more2.gif) top left no-repeat;
font-size: 1em;
}

#about_splendid a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#about_splendid a:hover {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

#about_splendid h2 {
margin: 0 0 0 0;
padding: 15px 0 0 20px;
font-size: 1.2em;
font-weight: normal;
color: #ffffff;
letter-spacing: -.05em;
text-transform: capitalize;
}

#banners a{
float: left;
}
/* RIGHT COLUMN END */


/* FOOTER START */
#footer_container {
background: #ffffff;
width: 940px;
margin: 0px auto;
clear: both;
padding: 0 0 15px 0;
}

#curve { 
background: url(../images/footer_curve.png) no-repeat center bottom;
height: 56px;
width: 100%;
padding: 40px 0 0 0;
}

#sitebyicon {
padding: 10px 0 10px 0;
margin: 0px auto;
width: 940px;
}

#sitebyicon a {
text-align: right;
font-size: .7em;
color: #999999;
text-decoration: none;
}

#sitebyicon a:hover {
font-size: .7em;
color: #999999;
text-decoration: underline;
}

#footer_container h3 { 
font-size: .8em;
text-transform: uppercase;
color: #a4a4a4;
border-bottom: dotted 1px #e5e5e5;
padding: 1.2em 0 .6em 0;
margin: 0;
clear: both;
}

#footer_container img {
float: left;
padding: 10px 20px 5px 0;
border: 0;
}
/* FOOTER END */

/*SPLENDID TV START*/
#tv_header {
background: #FFFFFF;
}
#tv_bottom {
height: 55px;
width: 940px;
clear: both;
}
#tv_thumbs {
background: #414141 url(../images/splendid_tv_thumb_bg.gif) repeat-x top;
padding: 16px 22px 5px 22px;
width: 896px;
}


#tv_thumb {
width: 162px;
float: left;
margin: 0 17px 0 0;
}

.tv_last {
margin: 0;
padding: 0;
}

#tv_thumb h2 {
font-size: .8em;
font-weight: bold;
padding: .5em 0 .5em 0;
color: #FFFFFF;
line-height: 1.1em;
border: none;
}

#tv_thumb p {
font-size: .7em;
padding: 0;
line-height: 1.2em;
font-weight: normal;
color: #FFFFFF;
}

#video {
float: left;
width: 560px;
background: #000000;
}

#video_info {
float: left;
width: 310px;
background: #000000;
padding: 0 0 0 20px;
} 

#video_info h2 {
margin: 0 0 0 0;
padding: .4em 0 .5em 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1em;
color: #FFFFFF;
text-transform: none;
border-bottom: none;
}

#video_links h2 {
margin: 1em 0 .3em  0;
padding: .4em 0 .2em 0;
font-size: 1em;
font-weight: bold;
line-height: 1em;
color: #FFFFFF;
text-transform: none;
border-bottom: dotted 1px #999999;
}

#video_info p {
font-size: .8em;
padding: 0;
line-height: 1.2em;
font-weight: normal;
color: #FFFFFF;
}

#video_links {
float: left;
width: 310px;
padding: 0 0 0 20px;
}

#video_links  img{
float: left;
margin: 0 5px 0 0;
}

#tv_click_here {
height:21px;
padding: 0px 22px 6px 22px;
background: #414141;
}

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0;
background: #000000;
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 0;
position: relative;
width: 100%;
background: #000000;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden; 
margin: auto;
width: 940px; /* Also specified in  .stripViewer .panelContainer .panel  below */
clear: both;
background: #000000;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
background:  #000000;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 940px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 15px 20px;
background: #000000;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
display: none;
}
		
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
		
.stripNavL {
left: 0;
}
		
.stripNavR {
right: 0;
}
		
.stripNavL {
background: url("images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
background: url("images/arrow-right.gif") no-repeat center;
}
/*SPLENDID TV END*/