/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}

/* Global properties ======================================================== */
body { 
	background:#fff; 
	font-family:"Century Gothic", Times, serif;
	font-size:100%; 
	line-height:1.2em;
	color:#966676;
}
html { 
	min-width:956px;
}
html, 
body { 
	height:100%;
}



/* Global Structure ============================================================= */
#main {
	position:absolute;
	z-index:1000;
	height:800px;
	width:100%;
}
.container {
	margin:0 auto;
	width:800px;
	font-size:1.064em;
}

	/* Header */
	header {
		border-top:21px solid #940000;
		background:url(../images/tail-bg.gif) center top repeat-x;
		width:100%;
	}
		header .container {
			height:123px;
			position:relative;
		}
	
	/* Content */
	section#content .container {
		height:874px;
		position:relative;
	}
			
	/* Footer */
	footer {
		border-top:6px solid #940000;
		width:100%;
		background:url(../images/tail-bg.gif) center top;
		font-size:.706em;
		line-height:1.333em;
		color:#b5919d;
		text-transform:uppercase;
	}
		footer .container {
			height:130px;
		}




/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
	float:left;
	
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrapper { 
	width:100%;
	overflow:hidden;
}

.ice { 
	width: 650px;
	height: 380px;
	overflow:auto;
}
.product{
	padding:3px;
	margin-right:3px;
	float:left;
	#border:0px solid black;
}

/*----- form defaults -----*/
.inputform { 
	font-family:"Arial", Times, serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	color:#966676;
	margin:0;
	padding:0;
}

fieldset {
	border:0;
}

/*----- lists -----*/

.flavors-list li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-bottom:26px;
	line-height:1.235em;
}
	.flavors-list li img {
		float:left;
		margin-right:5px;
	}
	.flavors-list li h5 {
		margin:0;
	}


/*----- other -----*/

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:25px;
	line-height:1.235em;
}
	
/*----- txt, links, lines, titles -----*/
a {
	color:#966676; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	text-indent:-9999px;
}
	h1 a {
		position:absolute;
		left:50%;
		margin-left:-160px;
		top:0;
		width:320px;
		height:123px;
		background:url(../images/logo.png) no-repeat left top;		
	}
h2 {
	font-size:45px;
	line-height:1.2em;
	color:#940000;
	margin-bottom:15px;	
}
h5 {
	font-weight:normal;
	color:#940000;
	font-size:.824em;
	line-height:1.571em;
	font-weight:bold;
	text-transform:uppercase;
}

.link {
	width:81px;
	height:47px;
	background-image:url(../images/link-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:inline-block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:25px;
	line-height:1.9em;
}
.link.style1 {
	width:99px;
	background-image:url(../images/link-bg1.png);
}
.link:hover {
	color:#000;
}

/*==================boxes====================*/

.cont-box {
	width:881px;
	height:768px;
	margin:0 auto;
	background:url(../images/cont-box-bg.png);
	position:relative;
	top:62px;
	overflow:hidden;
}
	.cont-box figure {
		position:absolute;
		right:0;
		bottom:50px;
	}
	.cont-box .inner {
		padding:205px 364px 0 143px;
	}
	.cont-box .inner1 {
		padding:150px 141px 0 143px;
	}
	.cont-box .inner2 {
		padding:205px 315px 0 143px;
	}


/*===== content =====*/
#content nav {
	position:absolute;
	left:0;
	top:20px;
	z-index:1;
}
	#content nav ul li {
		float:left;
		padding-right:4px;
	}
	#content nav ul li.last {
		padding:0;
	}
		#content nav ul li a {
			text-decoration:none;
			display:block;
			width:156px;
			height:156px;
			text-align:center;
			background-repeat:no-repeat;
			background-position:left top;
			background-image:url(../images/nav_bg.png);
			font-size:18px;
			line-height:155px;
			color:#940000;
			font-weight:bold;
		}
		#content nav ul li a:hover,
		#content nav ul li a.current {
			#text-indent:-9999px;
		}
		#content nav ul li.m1 a:hover, 
		#content nav ul li.m1 a.current { 
			background-image:url(../images/nav-act.png);
		}
		#content nav ul li.m2 a:hover, 
		#content nav ul li.m2 a.current { 
			background-image:url(../images/nav-act.png);
		}
		#content nav ul li.m3 a:hover, 
		#content nav ul li.m3 a.current { 
			background-image:url(../images/nav-act.png);
		}
		#content nav ul li.m4 a:hover, 
		#content nav ul li.m4 a.current { 
			background-image:url(../images/nav-act.png);
		}
		#content nav ul li.m5 a:hover, 
		#content nav ul li.m5 a.current { 
			background-image:url(../images/nav-act.png);
		}
		#content nav ul li.m6 a:hover, 
		#content nav ul li.m6 a.current { 
			background-image:url(../images/nav-act.png);
		}

/*===== footer =====*/
footer .inside {
	padding-top:20px;
}
footer a {
	color:#940000;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}
footer address {
	font-style:normal;
	float:left;
	text-transform:uppercase;
}
footer .fright {
	text-align:right;
}
	footer .fright ul {
		padding-bottom:10px;
	}
		footer .fright ul li {
			display:inline;
			padding-left:27px;
		}
			footer .fright ul li a {
				color:#b5919d;
			}


/*----- forms -----*/

#contacts-form .rowElem { 
	height:35px;
}
#contacts-form-input{
	width:253px; 
	padding:1px 0 2px 3px; 
	background:none;
	border:1px solid #966676; 
	vertical-align:top;	
	line-height:1.2em;
}
#contacts-form-txt{ 
	width:329px; 
	height:89px; 
	overflow:auto;
	background:none;
	border:1px solid #966676;
	padding:1px 0 2px 3px;
	margin-bottom:13px; 
}

form input[type=submit] {
	cursor: pointer;
	color : #fff;
	padding:9px;
	margin:0px 0px 3px 3px;
	border :0px solid black;
	width:100px;
	height:47px;
	font-family:Brush Script Std;
	font-size:24px;
	background:transparent url("../images/link-bg1.png") no-repeat top right;
	
}

form input[type=submit]:hover {
	color : #000;
}

/*==========================================*/

/*======= index.html =======*/
#page1 #content { background:url(../images/nav-tail.gif) repeat-x left 396px;}
#page1 #content nav { top:328px;}


footer .mbot {
	text-align:right;
	width:500px;float:right;padding-top:20px;
}
	footer .mbot ul {
		padding-bottom:10px;
	}
		footer .mbot ul li {
			display:inline;
			padding-left:27px;
		}
			footer .mbot ul li a {
				color:#b5919d;
			}