/* CSS Reset */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}

ul {list-style: none; list-style-type:circle;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {display: block;}


/* Typography */

/* Layout */
body {  
margin: 0 auto; 
font: 12px/18px Helvetica, Arial, sans-serif;  
background: #000;  
color: #fff;
}

body#be-brands-live {
background-image:url("images/be-brands-live.jpg");
height:100%;
width:100%;
}

body#work {
background:url("images/work.jpg") no-repeat fixed center top;
height:100%;
width:100%;
}

body#news-back {
background:url("images/news-back.jpg") no-repeat fixed center top;
height:100%;
width:100%;
}

body#about {
background:url("images/about.jpg") no-repeat fixed center top;
height:100%;
width:100%;
}

p,table,strong {color:#fff; line-height:18px;}

a { color: #0099ff; text-decoration: none; }
a:hover { background:#f6f6f6;}
.post a:hover { background:none;}

table {line-height:36px;}

h1 {
background:transparent url(images/Bastion-Brands.png) no-repeat scroll right top;
display:block;
float:right;
height:125px;
right:0;
position:relative;
text-indent:-9999px;
top:7px;
width:125px;
z-index: 4;
}

h1 a {
display:block;
float:right;
height:125px;
width:125px;
right:0;
position:relative;
top:7px;
}

h1 a:hover {background: none;}

h2,h3,h4,h5,h6,h3 a { font-weight: normal; color: #fff; line-height: 1em; text-transform:uppercase;}

h2 { font-size: 20px; line-height: 36px; margin-bottom: 9px;}
h3 { font-size: 18px; line-height: 36px; margin-bottom: 9px;}

/* Nav */
nav {
top:50px;
width:920px;
z-index: 3;
background:rgba(0, 0, 0, .65);
position:absolute;
}

nav ul, footer ul {
list-style: none;
margin-left:6px;
}

nav ul li, footer ul li {float: left;}

nav ul li a, footer ul li a {
display: block;
margin: 5px 13px;
text-transform:uppercase;
font-size: 16px;
text-align: center;
text-decoration: none;
color: #fff;
z-index: 3;
}

footer ul li a {font-size: 14px;}

nav ul li a:hover, nav ul li.selected a, footer ul li a:hover, footer ul li.selected a, li#spark a, li.current_page_item a, li.current_page_ancestor a, h3 a:hover {color: #c0c0c0; background: none;}

footer {
bottom:50px;
width:940px;
z-index: 3;
background:rgba(0, 0, 0, .65);
position:absolute;
}

footer#long {
position:relative;
bottom:30px;
}

li#spark {
float: right;
padding-right:6px;
}

#wrapper {
margin: 0 auto; 
	height:100px;
	width:940px;
}

section#home{
	bottom:40%;
	z-index: 3;
	float: right;
	background:rgba(0,0,0,.65);
	margin-left: 460px;
	position:absolute;
}

a#best-brands{
	background: url(images/Australias-BEst-brands-revealed.png) no-repeat;
	bottom:20%;
	z-index: 3;
	float: left;
	position:absolute;
	text-indent: -9999px;
	height:161px;
	width:159px;
}

a#best-brands:hover {background: url(images/Australias-BEst-brands-revealed-hover.png) no-repeat;}

section#content{
	z-index: 3;
	width: 900px;
	background:rgba(0, 0, 0, .65);
	float: left;
	padding:15px 20px 20px;
	top: 138px;
	position:absolute;
}

section#content-approach{
	z-index: 3;
	width: 900px;
	background:rgba(0, 0, 0, .65);
	float: left;
	padding:0 20px;
	top: 138px;
	position:absolute;
}

section#content-approach h2 {margin-bottom: 0;}

section#approach{
	z-index: 3;
	width: 940px;
	float:left;
	top:194px;
	position:absolute;
}

section#approach div {
	background:rgba(0, 0, 0, .65);
	padding:15px 20px 20px;
	width: 420px;
	margin-bottom:20px;
	height:186px;
}

section#content-long {
	z-index: 3;
	width: 900px;
	background:rgba(0, 0, 0, .65);
	float: left;
	padding:15px 20px 40px;
	top: 138px;
}

p{margin-bottom: 9px;}

#slidecaption{
	color:#FFF;
	font:26px "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	padding:15px 20px 20px;
	width: 440px
}

.news {margin-left: 140px;}

/* P L A C E M E N T */
p strong, ul strong, table ul, table strong, table li, table p {margin: 0;}
.left {float: left; margin-right: 20px;}
.right {float: right;}
.right.inset {margin: 0 240px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 240px;} /* img floated left within text */
.left.partialinset {margin-left: 80px;} /* img floated left partially within text */
.margin-right {margin-right: 20px;}
.margin-left {margin-left: 20px;}
  
/* S I Z E */
.one {width: 95px;}
.two {width: 140px;}
.three {width: 200px;}
.four {width: 286px;}
.five {width: 360px;}
.six {width: 440px;}
.seven {width: 540px;}
.eight {width: 620px;}
.nine {width: 700px;}
.ten {width: 780px;}
.eleven {width: 860px;}
.twelve {width: 940px;}
  
/* A D D I T I O N S */
.frame {border: 1px solid #999;}
.solo {margin-bottom: 20px;}
.solo img {margin-bottom: 20px;}
.nofloat {float: none;}
.nomargin {margin-right: 0;}
.clearleft {clear: left;}


/*Supersized Stamp*/
.stamp{
	float: right;
	margin: 25px 20px 0 0;
}
/*Supersize Plugin Styles*/
#navigation{
	background: url('images/navbg.gif') no-repeat;
	float: right;
	margin:22px 20px 0 0;
}
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	cursor: default;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}

p#comms-strategy {margin-top: 36px;}

p.date {color: #ccc;}