html {
	width:100%; height: 100%;	
	text-align: center;
}

body {  
    height:100%;  
    width:100%;  
    margin:0;padding:0;
    text-align: center;
    background-color: #fff;

}

#outer-wrapper {
position: relative;
height: 100%;
display: table;
margin: auto;
}

#container {
	position: relative;
	width: 880px;
	display: table-cell;
        margin-left: auto;
    margin-right: auto;
}
#header {
	position: relative;
	text-align:center;
	width: 880px;
}
#header img {
	position: relative:
	left: 0px;
	padding: 0px;
	margin: 0px;
}
  
#wrapper {   
	width: 860px;
    height:370px;
    position: relative;  
    overflow:hidden;
}
  
    #mask {   
        height:100%;  
    }  
  
    .item {  
        width:100%;  
        height:100%;
        float: left;
    }  
      
/* Z-index of #modal-mask must lower than #modals .window */  
#modal-mask {  
  position:fixed;
	float: left;  
	top: 0px;
	left: 0px;
    z-index:9000;  
    background-color:#111;  
    display:none;  
  }  
      
  #modals .window {  
    position:fixed;  
    width:800px;  
    height:380px;  
    display:none;  
    z-index:9999;  
	padding: 0px 30px 0px 30px;
  }  
    
  /* Customize your modal window here, you can add background image too */  
  #modals #modal1, #modals #modal2{  
    width:800x;   
    height:380px;  
	background-color: #fff;
	background: url('http://www.againstthegrainmedia.com.au/images/modal-bg.jpg');
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
	background-repeat: no-repeat;
  }  
.close {
	position: absolute;	
	top: 15px;
	right: 15px;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 8px;
	font-weight: bold;
	border: 1px solid #919191;
	padding: 5px;
	color: #919191;
}

.modal-image {
	float: left;
	padding: 10px 20px 60px 0px;
}
   
    .content {  
        width:860px;
        padding-right: 20px;  
        height:360px; 
        margin:0 auto;
        background-repeat: repeat-x;
        position:relative; 
		text-align: left;
		top: 40px;
    }
    
.alignleft {
	float: left;
	padding: 0px 10px 10px 0px;
}
    .main-img {
        position: relative;
		float: left;
		left: 10px;
    }
     .front-img {
        position: relative;
		float: left;
		left: 100px;
    }
 
    .main-img-web {
        position: relative;
		float: left;
		paddintop: -20px;
		left: 10px;
    }
	.header {
	position: absolute;
	left: 360px;
	}
    
    .content p {
        padding-left: 370px;
		padding-top: 30px;
    }
p.front {
	padding: 0px 0px 0px 500px;
}

p.front img {
	position: relative;
	left: -10px;
}
      
    .selected, a.selected {   
        font-weight:700;
        color: white;
        text-decoration: none;
    }  
  
    .clear {  
        clear:both;  
    }

h1, h1 a, h1 .selected {
    padding: 12px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 28px;
    text-decoration: none;
    color: #123456;
}
h2 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 18px;
 padding: 30px 0px 15px 0px;
 margin: 0px;
 color: #53b9d7;
}
   
.white {
    color: black;
    padding-left: 200px;
    text-align:left;
}
p{
    font-family: Arial;
    font-size: 13px;
    color: #000;
    text-align: left;
    }
ul {
    padding: 33px 15px 0px 0px;
    margin: 0px;
    font-family: Helvetica, Arila, sans-serif;
    font-weight: bold;
}
li, li a {
    color: #222;
    list-style: none;
    text-align: right;
}
.single-content {
	float: left;
	width: 550px;
	text-align: left;
    padding: 0px 0px 0px 30px;
}

img, a img, img a {
border: none;
}

#footer {
	width: 880px;
	float: none;	
}

#sidebar {
	background: url('');
	background-repeat: no-repeat;
	height: 280px;
	width: 271px;
	position: relative;
	float: right;	
	display: block;
	margin: 30px 10px 0px 0px;
	background-color: #444;	
    font-family: Helvetica, Arila, sans-serif;
}

#box1 {
	position: relative;
	background: url('http://www.againstthegrainmedia.com.au/images/box-event-guide.jpg');
	background-repeat: no-repeat;
	height: 280px;
	width: 291px;
	float: left;
	margin-left: 15px;
}	
#box2 {
	background: url('http://www.againstthegrainmedia.com.au/images/box-isamplayer.jpg');
	background-repeat: no-repeat;
	height: 280px;
	width: 292px;
	float: left;
}
#box3 {
	background: url('http://www.againstthegrainmedia.com.au/images/box-contact.jpg');
	background-repeat: no-repeat;
	height: 280px;
	width: 271px;
	float: left;
}
.box-text {
	font-family: Arial;
    font-size: 12px;
    color: #000;
    text-align: left;
    padding: 55px 40px 0px 23px;
    }

.box-text a, .highlighted{
	color: white;
	font-weight: bold;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
	}
.twitter-logo {
		position: relative;
		float: right;
		right: 10px;
		top: 10px;
}	
	#twitter-feed {
	width: 520px;
	position: absolute;
	top: 20px;
	padding-right: 10px;
	right: 0px;	
	height: 88px;
	overflow: hidden;
	}
li.twitter-item {
	font-size: 10px;
	color: #919191;
	font-weight: normal;
	line-height: 10px;	
}	
p.twitter-message {
	line-height: 10px;	
}
a.twitter-link
	{text-decoration: none;
	color: #bfbfbf;
	}
a.twitter-link:hover
	{
 color: #53b9d7;	
	}
.twitter-timestamp abbr {
	font-weight: bold;
	color: #53b9d7;	
	text-decoration: none !important;
	border: none !important;
}	
p a{
	color: #53b9d7;
	font-weight: bold;
}

a {
text-decoration: none !important;
}

.imgpreload {
display: none;
}