@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
/***********************************************
** Designed by:
**   ______ ___ _______ ______  
**  / _____|___|_______|_____ \ 
** ( (____    _    _     ____) )
**  \____ \  | |  | |   / ____/ 
**  _____) )_| |_ | |  | (_____ 
** (______/(_____)|_|  |_______)                           
**       http://s1t2.com.au
**
************************************************
** Global Styles
************************************************/
body {
	font-size: 16px;
	background: #ebe3d5;
	font-family: 'Lato', sans-serif;
}
.wrapper {
	width: 100%;
	text-align: center;
}
.container,
.footer-container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
h1,h2,h3,h4,h5,h6 {
	font-family: "futura-pt";
}
/***********************************************
** Header
************************************************/
#header {
	background: #fefdfc url('../images/bg-header-rpt.png') top left repeat-x;
	font-family: "futura-pt";
}
	#header .logo {
		float: left;
		display: block;
		width: 111px;
		height: 59px;
		background: url('../images/logo.png') top left no-repeat;
		margin-top: 13px;
		margin-right: 35px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#header #nav {
	
	}
		#header #nav li {
			margin: 0 15px 0 0;
			float: left;
		}
			#header #nav li a {
				line-height: 96px;
				color: #4a4a4a;
				text-decoration: none;
				display: block;
			}
				#header #nav li a:hover,
				#header #nav li a.hover,
				#header #nav li a.current {
					color: #f0b310;
					background: url('../images/bg-nav-hover.png') bottom center no-repeat;
				}
	#header .contact {
		float: right;
		font-weight: 800;
		color: #762123;
		line-height: 96px;
		padding-left: 34px;
		background: url('../images/bg-header-contact.png') left center no-repeat;
	}
	#header #sub-nav {
		line-height: 35px;
		height: 35px;
		background: url('../images/bg-header-rpt.png') bottom left repeat-x;
		font-family: 'Lato';
		position: relative;
		visibility: hidden;
	}
		#header #sub-nav .layer-1 li {
			float: left;
			font-size: 13px;
			margin-right: 16px;
			position: relative;
		}
			#header #sub-nav .layer-1 li a {
				text-decoration: none;
				color: #fff;
				line-height: 35px;
			}
			#header #sub-nav .layer-1 li a:hover,
			#header #sub-nav .layer-1 li.hover a,
			#header #sub-nav .layer-1 li a.current {
				text-decoration: none;
				color: #f0b310;
			}
		#header #sub-nav .layer-2 li {
			display: none;
		}
		#header #sub-nav .hover .layer-2 {
			position: absolute;
			top: 35px;
			left: 0;
			z-index: 10;
			background: #7f2f31;
		}
			#header #sub-nav .hover .layer-2 li {
				display: block;
				line-height: 24px;
				margin: 0;
				width: 100%;
				clear: both;
			}
			#header #sub-nav .hover .layer-2 li a {
				display: block;
				white-space: nowrap;
				padding: 0 10px;
				color: #fff;
			}
			#header #sub-nav .hover .layer-2 li a:hover {
				color: #fff;
				text-decoration: underline;
				background: #732022;
			}
/***********************************************
** Footer
************************************************/
#content .footer-container {
	font-size: 11px;
	color: #4a4a4a;
	padding: 10px 0;
}
	#content .footer-container .copyright {
		float: left;
	}
	#content .footer-container .designed {
		float: right;
	}
		#content .footer-container .designed a {
			color: #4a4a4a;
			text-decoration: underline;
		}
			#content .footer-container .designed a:hover {
				text-decoration: none;
			}
/***********************************************
** Content
************************************************/
#content .container {
	width: 860px;
	padding: 50px;
	background: #fff;
}
	#content h1 {
		font-size: 22px;
		line-height: 30px;
		color: #762123;
		padding: 0;
		font-weight: 500;
		margin-bottom: 20px;
	}
	#content p {
		color: #4a4a4a;
		line-height: 25px;
		font-size: 15px;
	}
	#content .sub-nav {
		width: 100%;
		display: block;
		margin-top: 40px;
	}
		#content .sub-nav ul {
			width: 100%;
		}
			#content .sub-nav ul li {
				line-height: 20px;
			}
				#content .sub-nav ul li a,
				#content .sub-nav ul li span {
					display: block;
					width: 400px;
					float: left;
					line-height: 60px;
					background: #d3d3d3 url('../images/bg-subnav.png') top right no-repeat;
					padding-left: 20px;
					margin-bottom: 20px;
					color: #4a4a4a;
					text-decoration: none;
				}
				#content .sub-nav ul li a:hover,
				#content .sub-nav ul li span:hover {
					color: #fff;
					background: #f0b310 url('../images/bg-subnav.png') bottom right no-repeat;
				}
				#content .sub-nav ul li a.current {
					color: #fff;
					background: #f0b310 url('../images/bg-subnav.png') bottom right no-repeat;
				}
				#content .sub-nav ul li a.second-child,
				#content .sub-nav ul li span.second-child {
					margin-left: 20px;
				}
	#content .information {
		width: 715px;
		float: left;
		color: #4a4a4a;
	}
		#content .information h2 {
			font-size: 16px;
			color: #752123;
			line-height: 30px;
			margin-bottom: 10px;
		}
		#content .information img {
			margin-bottom: 10px;
		}
		#content .information p {
			line-height: 25px;
			margin-bottom: 25px;
		}
		#content .information a {
			color: #752123;
		}
		#content .information a.group {
			line-height: 25px;
			display: block;
		}
		#content .information ul {
			margin-bottom: 25px;
		}
		#content .information ul li {
			line-height: 25px;
			padding-left: 22px;
			background: url('../images/content-bullet.png') top left no-repeat;
		}
	#content .speil {
		float: left;
		color: #4a4a4a;
		width: 420px;
	}
		#content .speil h1 {
			font-size: 16px;
			color: #752123;
			line-height: 30px;
			margin-bottom: 10px;
			border-bottom: none;
			font-weight: 600;
		}
		#content .speil p {
			line-height: 25px;
			margin-bottom: 25px;
		}
	#content .welcome-nav {
		float: right;
		width: 420px;
	}
		#content .welcome-nav h2 {
			font-size: 16px;
			color: #752123;
			line-height: 30px;
			margin-bottom: 10px;
			font-weight: 600;
			padding: 0 0 15px;
		}
		#content .welcome-nav a {
			display: block;
			width: 150px;
			height: 60px;
			background-color: #d3d3d3;
			background-position: top left;
			background-repeat: no-repeat;
			color: #4a4a4a;
			padding-right: 40px;
			padding-left: 230px;
			line-height: 60px;
			margin-bottom: 10px;
			text-decoration: none;
			position: relative;
		}
			#content .welcome-nav a span {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 10;
				width: 40px;
				height: 60px;
				background: url('../images/btn-welcome-norm.png') center center no-repeat;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
			
			#content .welcome-nav a:hover {
				color: #fff;
				background-color: #f0b310;
			}
			#content .welcome-nav a:hover span {
				background: url('../images/btn-welcome-hov.png') center center no-repeat;
			}
			#content .welcome-nav a.nav-1 {
				background-image: url('../images/bg-welcome-1.jpg');
			}
			#content .welcome-nav a.nav-2 {
				background-image: url('../images/bg-welcome-2.jpg');
			}
			#content .welcome-nav a.nav-3 {
				background-image: url('../images/bg-welcome-3.jpg');
			}
			#content .welcome-nav a.nav-4 {
				background-image: url('../images/bg-welcome-4.jpg');
			}
	/**** landing maps ****/
	#content .information .map-nutri {
		width: 715px;
		height: 251px;
		position: relative;
		background: url('../images/map-nutri.png') top left no-repeat;
	}
		#content .information .map-nutri a {
			display: block;
			position: absolute;
			border: 1px solid #999999;
			background: #fff;
			padding: 10px 7px;
			text-decoration: none;
			line-height: 12px;
		}
			#content .information .map-nutri a span.title {
				font-size: 11px;
				color: #762123;
				display: block;
				font-weight: 800;
			}
			#content .information .map-nutri a span.text {
				font-size: 11px;
				color: #4a4a4a;
				display: block;
			}
				#content .information .map-nutri .polygal {
					width: 103px;
					/*height: 31px;*/
					top: 28px;
					left: 0px;
				}
				#content .information .map-nutri .blue-california {
					width: 103px;
					/*height: 31px;*/
					top: 92px;
					left: 0px;
				}
				#content .information .map-nutri .nekutli {
					width: 117px;
					/*height: 43px;*/
					top: 164px;
					left: 0px;
				}
				#content .information .map-nutri .destilla {
					width: 113px;
					/*height: 20px;*/
					top: 20px;
					right: 0px;
				}
				#content .information .map-nutri .gnt {
					width: 113px;
					/*height: 43px;*/
					top: 92px;
					right: 0px;
				}
	#content .information .map-bev {
		width: 715px;
		height: 251px;
		position: relative;
		background: url('../images/map-bev.png') top left no-repeat;
	}
		#content .information .map-bev a {
			display: block;
			position: absolute;
			border: 1px solid #999999;
			background: #fff;
			padding: 10px 7px;
			text-decoration: none;
			line-height: 12px;
		}
			#content .information .map-bev a span.title {
				font-size: 11px;
				color: #762123;
				display: block;
				font-weight: 800;
			}
			#content .information .map-bev a span.text {
				font-size: 11px;
				color: #4a4a4a;
				display: block;
			}
				#content .information .map-bev .polygal {
					width: 103px;
					/*height: 31px;*/
					top: 47px;
					left: 0px;
				}
				#content .information .map-bev .blue-california {
					width: 103px;
					/*height: 31px;*/
					top: 119px;
					left: 0px;
				}
				#content .information .map-bev .destilla {
					width: 113px;
					/*height: 20px;*/
					top: 27px;
					right: 0px;
				}
				#content .information .map-bev .lanxess {
					width: 113px;
					/*height: 43px;*/
					top: 98px;
					right: 0px;
				}
				#content .information .map-bev .gnt {
					width: 113px;
					/*height: 43px;*/
					top: 154px;
					right: 0px;
				}
	/*Contact page*/	
	#content .contact-details {
		width: 330px;
		float: left;
		
	}
		#content .contact-details span {
			display: block;
			color: #752123;
			margin-bottom: 25px;
			font-weight: 600;
		}
		#content .contact-details li {
			color: #4a4a4a;
			margin-bottom: 25px;
		}
		#content .contact-details li p {
			line-height: 25px;
		}
		#content .contact-details li p strong {
			font-weight: 600;
		}
		#content .contact-details li a {
			color: #4a4a4a;
			text-decoration: none;
		}
			#content .contact-details li a:hover {
				text-decoration: underline;
			}
	#content .map {
		width: 530px;
		height: 320px;
		position: relative;
		float: right;
	}
		#content .map-overlay-left {
			position: absolute;
			width: 15px;
			height: 320px;
			top: 0;
			left: 0;
			background: url('../images/map-overlay-left.png') top left no-repeat;
			z-index: 1000;
		}
		#content .map-overlay-top {
			position: absolute;
			width: 515px;
			height: 10px;
			top: 0;
			right: 0;
			background: url('../images/map-overlay-top.png') top left no-repeat;
			z-index: 1000;
		}
		#content .map #map-canvas {
			width: 530px;
			height: 320px;
		}
		
/*********************************
**	INDEX STYLES
*********************************/
#index img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) {
	#index img.bg {
		left: 50%;
		margin-left: -512px;
	}
}
#index .wrapper {
	position: absolute;
	width: 770px;
	height: 490px;
	top: 50%;
	left: 50%;
	margin: -245px 0 0 -385px;
}
#index .logo {
	width: 183px;
	height: 197px;
	margin: 150px 0 0 0;
	background: url('../images/icon-victus.png') top left no-repeat;
	float: left;
	position: relative;
}
	#index .logo span {
		white-space: nowrap;
		overflow: hidden;
		text-indent: 100%;
		display: block;
		width: 100%;
	}
	#index .logo a {
		display: block;
		width: 38px;
		height: 38px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
#index #circle-canvas {
	width: 540px;
	height: 491px;
	position: relative;
	float: right;
}
	#index #circle-canvas div,
	#index #circle-canvas a {
		position: absolute;
		display: block;
		width: 180px;
		height: 180px;
		border-radius: 90px;
		-moz-border-radius: 90px;
		-webkit-border-radius: 90px;
		-khtml-border-radius: 90px;
	}
	#index #circle-canvas .circle-1 { background: #f0b310; z-index: 9; left: 50%; top: 50%; margin: -90px 0 0 -90px; }
	#index #circle-canvas .circle-2 { 
		background: url('../images/btn-ind-victus-lifestyle.jpg') 0 0 no-repeat;
		z-index: 3;
		left: 50%;
		top: 50%;
		margin: -90px 0 0 -90px; 
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	} /* Victus Lifestyle */
	#index #circle-canvas .circle-3 { 
		background: url('../images/btn-ind-mission.jpg') 0 0 no-repeat;
		z-index: 4;
		left: 50%;
		top: 50%;
		margin: -90px 0 0 -90px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	} /* Mission Statement */
	#index #circle-canvas .circle-4 { 
		background: url('../images/btn-ind-delivery.jpg') 0 0 no-repeat;
		z-index: 5;
		left: 50%;
		top: 50%;
		margin: -90px 0 0 -90px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	} /* Delivery & Customer Services */
	#index #circle-canvas .circle-5 {
		background: url('../images/btn-ind-asia.jpg') 0 0 no-repeat;
		z-index: 8;
		left: 50%;
		top: 50%;
		margin: -90px 0 0 -90px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	} /* Asia */
	#index #circle-canvas .circle-6 {
		background: url('../images/btn-ind-new-zealand.jpg') 0 0 no-repeat;
		z-index: 7;
		left: 50%;
		top: 50%;
		margin: -90px 0 0 -90px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	} /* New Zealand */
	#index #circle-canvas .circle-7 {
		background: url('../images/btn-australia.jpg') 0 0 no-repeat;
		z-index: 6;
		left: 50%;
		top: 50%;
		margin: -90px 0 0 -90px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	} /* Australia */