@font-face {
    font-family: 'din_lightregular';
    src: url('../fontdin/din-light-webfont.eot');
    src: url('../fontdin/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontdin/din-light-webfont.woff') format('woff'),
         url('../fontdin/din-light-webfont.ttf') format('truetype'),
         url('../fontdin/din-light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinregular';
    src: url('../fontdin/din-regular-webfont.eot');
    src: url('../fontdin/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontdin/din-regular-webfont.woff') format('woff'),
         url('../fontdin/din-regular-webfont.ttf') format('truetype'),
         url('../fontdin/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BellBold';
    src: url('../fonts/bellgothicstd-black-webfont.eot');
    src: url('../fonts/bellgothicstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bellgothicstd-black-webfont.woff') format('woff'),
         url('../fonts/bellgothicstd-black-webfont.ttf') format('truetype'),
         url('../fonts/bellgothicstd-black-webfont.svg#BellGothicStdBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'BellReg';
    src: url('../fonts/bellgothicstd-bold-webfont.eot');
    src: url('../fonts/bellgothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bellgothicstd-bold-webfont.woff') format('woff'),
         url('../fonts/bellgothicstd-bold-webfont.ttf') format('truetype'),
         url('../fonts/bellgothicstd-bold-webfont.svg#BellGothicStdLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { margin: 0px; padding: 0px;}

html {
	height: 100%; width: 100%;
	background-color: black;
	background-image: url(../img/BG-2014.jpg); 
	background-position: center top; background-repeat: no-repeat; background-size:cover; 
}

H1 { 
	font-family: BellBold, helvetica, arial, sans-serif; font-size: 42px; color: #4B721D; font-weight: normal;
	height: auto;
	margin: 0px 0px 0px 3px;
	display: inline;
}

H2 { 
	font-family: BellBold, helvetica, arial, sans-serif; font-size: 24px; color: #4B721D; font-weight: normal;
	height: 28px;
	margin: 1px 0px 0px 3px;
	display: inline;
}

H3 { 
	font-family: BellBold, helvetica, arial, sans-serif; font-size: 28px; color: #4B721D; font-weight: normal;
	height: 28px;
	display: inline;
}

H4 { 
	font-family: BellReg, helvetica, arial, sans-serif; font-size: 24px; font-weight: normal; color: #4B721D; 
	height: 28px;
	position: absolute; margin: 5px 0px 0px 3px;
	display: inline;
}

.text {font-family:din_lightregular;}

a {color:#7C7C7B; text-decoration: none;}
a:hover {color: black; text-decoration: none;}
a:visited {color:#7C7C7B; text-decoration: none;}

p { 	font-family: din_lightregular, helvetica, arial, sans-serif; line-height: 18px; font-size:15px; color:#646363; }

.clear {clear: both;}

.floatright { float:right; }

.floatleft { float:left; }

.nivoSlider {
	height: 308px;
}

#container {
	margin-left: auto; margin-right: auto;
	width: 1000px;
	background-color: white;
	
	box-shadow: 0px 0px 25px black;
	
	background-image: url(../img/basilico_BG.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

nav {
	
	height: 90px;
	background-color: #4B721D;
}

nav li {
	list-style: none;
	float: left;
	text-indent: -9999px;
	
	background:url("../img/nav/nav.png") top left no-repeat;
	
}

#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: yellow;
	height:500px;
	text-indent: 0px;
	top:90px; left: 10px;
	position: relative;
	}
	
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	z-index: 1000;
	margin: 10;
	padding: 0;
	height: auto;
	text-decoration: none;}
	
#navbar li:hover li, #navbar li.hover li {
	float: none;
	height: 30px;
	padding: 5px;
	text-indent: 0px;
	background-color: #4B721D;
	font-family: BellReg, helvetica, arial, sans-serif; font-size: 14px; font-weight: normal; color: white;
	text-decoration: none; }
	
#navbar li:hover li a, #navbar li.hover li a {
	text-decoration: none;
	text-indent: 0px;
	color: #FFF; }
	

#navbar ul a {
	border: none;
	background-color: red;
	text-decoration: none;
}	
	
#navbar ul a:hover {
	border: none;
	background-color: red;
	text-decoration: none;
	text-indent: 10px;
}	
	


.home{ width:64px; height:89px; background-position:-10px -10px; }
.home_over, .home:hover { width:64px; height:89px; background-position:-91px -10px; }
.albert{ width:118px; height:89px; background-position:-10px -109px; }
.albert_over, .albert:hover { width:118px; height:89px; background-position:-10px -208px; }
.windsor{ width:89px; height:89px; background-position:-15px -307px; }
.windsor_over, .windsor:hover { width:89px; height:89px; background-position:-120px -307px; }
.waverly{ width:134px; height:89px; background-position:-10px -406px; }
.waverly_over, .waverly:hover { width:134px; height:89px; background-position:-10px -505px; }
.functions{ width:102px; height:89px; background-position:-10px -604px; }
.functions_over, .functions:hover { width:102px; height:89px; background-position:-122px -604px; }
.menus{ width:75px; height:89px; background-position:-138px -109px; }
.menus_over, .menus:hover { width:75px; height:89px; background-position:-138px -208px; }
.gallery{ width:86px; height:89px; background-position:-12px -703px; position: relative;}
.gallery_over, .gallery:hover { width:86px; height:89px; background-position:-108px -703px; }
.contactus{ width:105px; height:89px; background-position:-15px -802px; }
.contactus_over, .contactus:hover{ width:105px; height:89px; background-position:-15px -901px; }
.basilico_logo{ width:214px; height:89px; background-position:-10px -1000px; }


/* MCONTENT */

	#mcontent section {
		float: left;
	}
	
	.col1 {
		width: 549px; /* min-height: 500px; */
		margin: 36px 0px 36px 36px;
		padding-right: 42px; 
		background-image: url(../img/vert_divider.png); background-position: right center; background-repeat: no-repeat; background-size: contain;
		
	}
	
	
	.col3v2 {
		width: 289px; 
		
		
	}
	
	.col3 {
		width: 289px; 
		padding: 10px;
		background-color: rgba(211, 220, 197,0.6);
	}
	
	.mcon_col {
		width: 260px;
		margin-top: 37px;
		float: left;
	}
	
	.mcon_col img {
		margin-bottom: 15px;
	}
	
	.mcon_col p, .text {
		margin-bottom: 5px;
		font-family: helvetica, arial, sans-serif; font-size: 17px; font-weight: 100; color: #646363; line-height: 21px;
	}
	
	.col3row1 {
		height: auto; width: auto;
		background-color: #D3DCC5;
		margin: 36px 36px 0px 36px;
		padding: 15px 0px;
		
	}
	
	.desc {
		width:249px;
		margin: 0px 19px;
		font-family: helvetica, arial, sans-serif; font-weight: 100; font-size: 14px; line-height: 24px;
		color: #646363;
	}
	
	
	.mailing {
		width:243px;
		padding: 22px;
		margin: 0px 10px 5px 36px;
		
		font-family: helvetica, arial, sans-serif; font-weight: 100; font-size: 11px; line-height: 14px;
		color: #fff;
		background-image: url(../img/images/green_leaf_03.jpg); background-repeat: no-repeat; background-position: right center;
		background-color: #4A711C;
		background-size: 25px;
		text-align:center;
	}
	
	.nowdeliver {
		width:243px;
		padding: 12px 22px;
		margin: 0px 10px 25px 36px;
		text-align:center;
		font-family: helvetica, arial, sans-serif; font-weight: 100; font-size: 11px; line-height: 14px;
		color: #fff;
		background-image: url(../img/images/green_leaf_03.jpg); background-repeat: no-repeat; background-position: right center;
		background-color: #4A711C;
		background-size: 25px;
	}
	
	.headtitle {
		width: 100%;
	}
	.rightinfo { margin-top:36px;margin-left:30px; }
	.rBox { margin-bottom:20px; position: relative;}
	.rBox H3 { 
		font-family: BellReg, helvetica, arial, sans-serif; font-size: 18px; font-weight: normal; color: BLACK;
		margin-bottom:5px;
	}
	
	.menulist { margin-top:20px;}
	.menu_item {margin-bottom: 30px;}
	.menulist .menu_item { clear:both;padding-bottom: 30px; position: relative; }
	.menulist .menu_item h1 { color:#000; font-weight: 100; position: relative; }
	
	.menupdf {position: absolute; top: -5%; right:0px;}
/* END MCONTENT */

/* FOOTER */
	
	.mailing_spec {
		width:490px; height: 38px;
		margin-top: 0px;
		
		font-family: helvetica, arial, sans-serif; line-height: 15px; font-size:11px; color:#646363;
		
		background-image: url('http://basilico.com.au/beta/uploads/40ceae371eda8ce2244d44c69ba35c6b.png');
		background-repeat: no-repeat; background-position: 530px center;
		
	}
	
	footer {
		width: 100%; height: 50px;
		margin-top: 10px;
		background-color: #D3DCC5;
		
		font-family: helvetica, arial, verdana, sans-serif;
		font-size: 13px; color: #878787;
		
		
	}
	
	footer p {
		width: 400px;
		padding: 17px;
		margin-left: 23px;
		float: left;
		font-size: 10px;
	}
	.social {
		float: right;
		padding: 15px;
		margin-right: 22px;
	}
/* END FOOTER */