@charset "utf-8";
/* CSS Document */
body{
			background-image: url('http://mspec.msy.com.au/img/bg.jpg');
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center top; 
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			font-weight:normal;
			font-style:normal;
			padding: 0;
			margin: 0;
			text-decoration: none;
			text-align: center;
			}

#navBarBGRepeat {
			width:100%;
			height:72px;
			position:relative;
			background-image:url('http://mspec.msy.com.au/img/header_bg.png');
}

#navBarBG {
			width:100%;
			height:64px;
			text-align:center;
			}

#navBar {
			width: 950px;
			height: 64px;
			padding: 0;
			margin: 0 auto;
			text-align: left;
			}

a:link, a:active, a:visited {
			text-decoration:none;
			color: #908d8b;
			}

a:hover {
			color: #ffffff;
			}


.navItem {
			display: inline-block;
			line-height: 18px;
			margin-top: 23px;
			margin-left: 15px;
			padding-right: 20px;
			display: inline-block;
			}

.Logo {
			position: absolute;
			margin-top: 5px;
			top: 0;
			}

.Logo:hover {
			filter: brightness(150%);
			}

#SpecialButton{
			display: block;
			border-radius: 3px 3px 3px 3px;
			-moz-border-radius: 3px 3px 3px 3px;
			-webkit-border-radius: 3px 3px 3px 3px;
			background-color: #562626;
			border: 1px solid #cc2e2e;
			height: 30px;
			width: 32%;
			text-shadow: 2px 2px 5px #000000;
			color: #999999;
			margin-left: 10px;
			text-align: center;
			float: right;
			margin-top: 13px;
			text-transform: uppercase;
			text-shadow: 2px 2px 5px #000000;
			-webkit-text-stroke: 0.2px;
			text-stroke: 0.2px;
			font-size: 15px;
			padding-top: 8px;
			text-stroke: 0.2px;
			letter-spacing: 3px;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			transition:.3s;
			-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.75);
}

#SpecialButton:hover{
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;
			background-color: #772d1e;
			color: #fff;
			border: 1px solid #d02e2f;
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			transition:.3s;
}
		

.banner{
    		max-width: 100%; 
    		height: auto; 
			background-color: #0a0000;
			background-repeat: no-repeat;
			background-position: center;
}

.content {
			position: relative;
			margin:auto;
}

.generaldiv{
			width: 960px;
			margin: auto;
			padding-top: 50px;
			padding-bottom: 50px;
}

h1{
			font-size: 30px;
			font-weight: bold;
			color: #fe5621;
}

h2{
			font-size: 20px;
			color: #e8e8e8;
			text-align: center;
}

p{
		font-size: 16px;
		color: white;
}
.product{
			width: 310px;
			height: 480px;
			margin-top: 10px;
			margin-bottom: 50px;
			margin:0px;
			float: left;
			transition: transform .2s;
}

.product:hover {
   			-ms-transform: scale(1.2); /* IE 9 */
			-webkit-transform: scale(1.2); /* Safari 3-8 */
			transform: scale(1.2); 
}

.effect{
			animation: glowing 5000ms infinite;
	}

@keyframes glowing {
			0% { box-shadow: 0 0 -10px #c4a300; }
			40% { box-shadow: 0 0 20px #c4a300; }
			60% { box-shadow: 0 0 20px #c4a300; }
			100% { box-shadow: 0 0 -10px #c4a300; }
	}			
footer {
			width:100%;
			height:50px;
			position:relative;
	float:left;
			text-align: center;
}