@charset "utf-8";

/*-------------------------------------------------------------
	Menya.com.au
	File: base.css
	Last edited: 8/Jul/2013
-------------------------------------------------------------*/

/*-------------------------------------------------------------
	index
		1. Page format
			1-1. Header
			1-2. Footer
			1-3. Navigation
			1-4. Contents
		2. Common style
-------------------------------------------------------------*/

/* 1. Page format
-------------------------------------------------------------*/
body{
	background: #acacac url(../images/common/header_bk.png) repeat-x left top;
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica;
	text-align: center;
}
a,a:visited{color:#b60000;text-decoration: none;}
a:hover,a:active {color: #223d8b;}
#container{min-height: 300px;}
/* 1-1. Header
-------------------------------------------------------------*/
header{
	position: relative;
	width: 960px;
	height: 400px;
	margin: 0 auto 1px;
	color: #fff;
}
div#logoSet{
	position: absolute;
	left:370px;
	top:0;
	width: 220px;
	height:400px;
	background-color: #000;
	text-align: center;
}
	#logoSet h1,#logoSet .logo{padding-top:25px;}
	#logoSet div{padding-top: 35px;}

/* Hero Images*/
#heroImgA, #heroImgB, #heroImgC, #heroImgD{position: absolute;width: 370px;}
#heroImgA{left: 0;top: 0;}
#heroImgB{left: 0;top: 205px;}
#heroImgC{left: 590px;top: 0;} 
#heroImgD{left: 590px;top: 205px;}

#heroImg img {
    position:absolute;
    left:0;
    top:0;
    width: 370px;
    height:195px;
}

/* 1-2. Footer
-------------------------------------------------------------*/
footer{background: url(../images/common/footer_bk.png) repeat-x left top;color: #fff;font-size: 10px;}
footer a:link,footer a:visited{color: #fff;}
footer a:hover{color: #ffcf3b;}
div.toTop{position: relative;width: 960px;height: 70px;margin:0 auto;background: #fff url(../images/common/footer_pagetop_bk.png) repeat-x bottom left;text-align: center;}
	.toTop a{
		display: block;width:100px;
		margin: 0 auto;padding-top: 53px;
		background: url(../images/common/footer_pagtop_ico.png) no-repeat top center;
	}

footer section{
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
	background: #000 url(../images/common/footer_bk2.png) repeat-x bottom left;
}

div#fInfo{width:460px;min-height: 79px;float:left;margin-bottom: 20px;padding-left: 137px;background: url(../images/common/footer_logo.png) no-repeat 24px 0;text-align: left;}
	#fInfo p{line-height: 1.5;}
		#fInfo p span{font-weight: bold;}
	#fInfo p.copy{margin-bottom: 5px;font-family: Georgia;font-style: italic;letter-spacing: 0.05em;}

footer #fbBox{width: 330px;float: right;padding-left: 10px;background:url(../images/common/footer_hr.png) no-repeat left top;text-align: left;}


footer div.clfix{clear: both;margin: 0 24px;padding: 8px 0 0;border-top: 1px solid #767676;text-align: left;}
	p#copyright{width: 550px;float: left;}
footer div.clfix nav{width: 360px;float: right;text-align: right;}
	.clfix nav ul{line-height: 1.5;}
	.clfix nav li{margin-right: 5px;padding-right: 5px;border-right: 1px solid #fff;}
	.clfix nav li.lastChild{margin-right: 0;padding-right: 0;border: none;}

/* 1-3. Navigation
-------------------------------------------------------------*/
nav{
	width: 960px;
	margin: 0 auto 1px;
	text-align: left;
}
nav li{display: inline;}

/* 1-4. Contents
-------------------------------------------------------------*/
div#container{width: 912px;margin: 0 auto;padding: 20px 24px;background-color: #fff;font-size: 12px;text-align: left;}

/* 2. Common style
-------------------------------------------------------------*/
#container h1{
	min-height: 28px;
	padding: 9px 0 0 16px;
	background: url(../images/common/heading2_bk1.png) no-repeat left top;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}