@import url('core.css');



/********************************************
        PRIMARY STYLES
********************************************/

body { font-family: Arial; font-size: 12px; color: #1c7586; line-height: 16px;}

a {color: #1c7586;}

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}

#wrapper {
	width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}


#navigation-wrapper {width: 100%; background: #e9ebe9; height: 50px; margin: 0 0 70px 0;}
	div#navigation {width: 950px; margin: 0 auto; text-align: center;}
	div#navigation ul {width: 454px; height: 49px; margin: 0 auto;}
	div#navigation ul li {float: left; display: inline-block; margin: 0 23px 0 23px;}
	div#navigation ul li a {width: 37px; height: 49px; text-indent: -9999px; display: block;}
	div#navigation ul li#nav-home a {background: url(../images/nav/nav-home.jpg) 0 0 no-repeat;}
	div#navigation ul li#nav-hospitality a {width: 82px; background: url(../images/nav/nav-hospitality.jpg) 0 0 no-repeat;}
	div#navigation ul li#nav-colonial a {width: 67px; background: url(../images/nav/nav-colonial.jpg) 0 0 no-repeat;}
	div#navigation ul li#nav-contact_us a {width: 82px; background: url(../images/nav/nav-contact_us.jpg) 0 0 no-repeat;}
	
	div#navigation ul li a:hover {background-position: 0 -49px!important;}
	
	body#p-index div#navigation ul li#nav-home a {background-position: 0 -49px;}
	body#p-hospitality div#navigation ul li#nav-hospitality a {background-position: 0 -49px;}

#content {width: 950px; margin: auto; position: relative;}
	#logo-colonial {width: 151px; height: 79px; display: block; position: absolute; top: 0px; left: 0px; border:none;}
#primary-wrapper {width: 611px; margin: 0 auto;}

	#hero {display: inline-block; width: 611px; height: 341px; margin: 44px 0 13px 0; background: url(../images/core/hero-bg.jpg) 0 0 no-repeat;}
	
	#primary {width: 559px; background: url(../images/core/content-bg.png) 0 0 repeat; padding: 26px 26px 26px 26px; margin: 0 0 20px 0; display: inline-block;}
	body#p-hospitality #primary {margin: 44px 0 20px 0; background: #221f1f;}
	
		h1#title-clg_associated_pubs {width: 365px; height: 42px; background: url(../images/core/title-clg_associated_pubs.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0 0 60px 0;} 
		
		h3#title-melbourne {width: 83px; height: 10px; background: url(../images/core/title-melb.png) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0 0 5px 0;} 
		h3#title-perth {width: 83px; height: 10px; background: url(../images/core/title-perth.png) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0 0 5px 0;} 
		
		h4#title-victoria {width: 61px; height: 10px; background: url(../images/core/title-victoria.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0 0 10px 0;} 
		h4#title-victoria2 {width: 61px; height: 10px; display: block; text-indent: -9999px; margin: 0 0 10px 0;} 

		h4#title-qld {width: 136px; height: 10px; background: url(../images/core/title-qld.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0px 0 10px 0;} 
		h4#title-wa {width: 136px; height: 10px; background: url(../images/core/title-wa.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0 0 10px 0;} 
		h4#title-uk {width: 136px; height: 10px; background: url(../images/core/title-uk.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; margin: 0px 0 10px 0;} 
		
		.cta {display: inline-block; margin: 57px 0 0 96px;}
		.cta li {display: block; margin: 0 0 29px 0;}
		a#cta-hospitality {width: 418px; height: 58px; display: block; background: url(../images/core/cta-hospitality.png) 0 0 no-repeat; text-indent: -9999px;}
		a#cta-hospitality:hover {background-position: 0 -58px;}
		a#cta-brewing {width: 418px; height: 58px; display: block; background: url(../images/core/cta-brewing.png) 0 0 no-repeat; text-indent: -9999px;}
		a#cta-brewing:hover {background-position: 0 -58px;}
		a#cta-company {width: 418px; height: 58px; display: block; background: url(../images/core/cta-company.png) 0 0 no-repeat; text-indent: -9999px;}
		
		div#primary ul {display: inline-block;}
		li.contact-melb {width: 217px; float: left;}
		li.contact-perth {width: 320px; float: left;}
		
		li.column-01 {width: 176px; float: left; }
		li.column-02 {width: 191px; float: left; }
		li.column-03 {width: 186px; float: left; }

		.pubs-list li {margin: 0 0 20px 0;}
		.last-list li {margin: 0 0 0 0;}

body#p-contact {background: #000!important;}

#table-form {width: 590px; margin: 20px auto; color: #1c7586;}
#table-form tr {display: block;}

.table-label {width: 90px; height: 30px; text-align: right; padding: 5px 20px 0 10px; vertical-align: top;}

#enquiry_form input {border: none; width: 444px; height: 12px; color: #494949; font-size: 11px; margin-bottom: 20px; padding:8px 5px;}
#enquiry_form textarea {border: none; width: 450px; height: 100px; color: #494949; font-size: 11px; margin-bottom: 20px;}

#enquiry_form input.submit {width: 136px; height: 26px; background: url(../images/core/btn-submit.jpg) 0 0 no-repeat; cursor: pointer; display: block;}


/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}