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

   Murray's Craft Brewing Co
   www.murraysbrewingco.com.au
   
   Website by www.toledoh.com.au - November 2009
   
   Key Features:
   
   - Screen background image on backround.php
   - Content background colours via pagewidth, or by section (header, maincontent, footer)
   - Variable Header / Navigation.
   - 960 pixel with 120px grid.
   
   ---------------------------------------------------------------------------- */
/* FONTS CSS */ 

h2{font-size:24px; color:#964119; line-height:18px; padding:10px 10px 0 10px;}
h3{font-size:28px; color:#FFFFFF; margin-bottom:10px;}
h4{font-size:18px;}
h5{font-size:20px; color:#FFFFFF;}
h6{font-size:14px; color: #333333;}


a{color:#FF9900;}
a:hover{color:#FFFFFF;}

/* MAIN CSS */ 


* {
 margin: 0;
 padding: 0;
 }

#pagewidth{ 
 width:960px; 
 text-align:left;  
 margin:10px auto; 
 padding: 1px;
} 
 
#MainContent{  /* Includes Slider and Twitter panel on index.php */ 
 height:420px;
 margin-top:166px; /* Top Navigation plus Header */
 }

#shawn{ position:absolute; top:0; left:0; background:url(images/shawn.png); width:260px; height:296px;}
#hometextArea{
background-image: none;
 height:200px; 
 clear:both;
 } 
#textArea{
 height:160px; 
 clear:both;
 } 
 
#detailsPanel{
margin:144px 0 50px 0px; /* Top Margin as per Main Content */
padding:20px 0 50px 100px;
color: #FFFFFF;
clear:both;
background-image:url(images/85_black.png);
}

#detailsPanel img{ padding:10px}
#detailsPanel p{ padding:10px}

#footer{
 height:20px; 
 margin-top:10px;
 clear:both;
 color: #333333;
 text-align:center;
 font-size:11px;
 } 
 
#footer a{ text-decoration:none; line-height:20px; color: #333333;}
 
#widget{
 float:right;
 width:230px;
 margin-right:5px;
 height:350px;
 position: relative;
 top:0px;
 right:0;
 }
 

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/* FULL SCREEN BACKGROUND IMAGE */ 

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}
#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
	width: 100%;
	text-align:center;
}

.box {
    margin: 0 auto;
    width: 1020px;
}

#bluebox img{ margin:0; padding:0;}
#bluebox tr{ margin:0; padding:0;}
#bluebox td{ margin:0; padding:0;}
#bluebox table{ margin:0; padding:0;}
#bluebox{ margin:0; padding:0;}