@charset "utf-8";
/* CSS Document */

body{
	position:relative;
	background:url(../gfx/bkg_body.gif) repeat top center;
	background-attachment:fixed;
	
	
	font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif, Arial;
	color:#ffffff;
	text-align:center;
}


#FadeLeft{
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:650px;
	background:url(../gfx/bkg_fade_left.png) no-repeat top left;
	z-index:0;
}

#FadeRight{
	position:absolute;
	top:0px;
	right:0px;
	width:500px;
	height:650px;
	background:url(../gfx/bkg_fade_right.png) no-repeat top left;
	z-index:0;
}

#Container{
	position:relative;
	width:980px;
	margin:0px auto;
}

#Spacer{
	position:relative;	
	width:980px;
	height:77px;
	margin:0px auto;
}


#Header{
	position:absolute;
	height:165px;
	width:980px;
	top:0px;
	left:0px;
	z-index:1000;
}

#NavWrapper{
	position:absolute;
	height:40px;
	width:700px;
	top:80px;
	right:17px;
}


#Logo{
	position:absolute;
	width:228px;
	height:124px;
	top:44px;
	left:40px;
	background: url(../gfx/logo.png) no-repeat top center;
	margin:0px auto;	
}

.logoW{
	background-image: url(../gfx/logoW.png);
}


/*
#LeftArrow{
	position:absolute;
	top:325px;
	left:0px;
	width:44px;
	height:79px;
	z-index:0;	
}
#LeftArrow a{
	text-indent:-999999px;
	display:block;
	width:44px;
	height:79px;
	background: url(../gfx/arrow_left_off.gif) no-repeat top left;
}


#RightArrow{
	position:absolute;
	top:325px;
	right:0px;
	width:44px;
	height:79px;
	z-index:0;	
}
#RightArrow a{
	text-indent:-999999px;
	width:44px;
	height:79px;
	display:block;
	
	background: url(../gfx/arrow_right_off.gif) no-repeat top left;
}
*/


#ContentWrapper{
	position:relative;
	width:980px;
	height:537px;
	background: url(../gfx/bkg_frame.png) no-repeat top left;
	margin:0px auto;
}

#Content{
	position:relative;
	margin:0px auto;
	height:452px;
	width:946px;
	text-align:left;
	
	color:#cccccc;
	overflow:hidden;
}

#Content h1{
	margin:0px 0px 15px 0px;
	font-size:24px;	
	line-height:18px;
	font-weight:normal;
}

#Content h1 span{
	font-weight:normal;
}

#Content h2{
	margin:30px 0px 0px 0px;
	font-size:16px;	
	line-height:18px;
	font-weight:bold;
}

#Content h2 span{
	font-weight:normal;
}



#Content p{
	font:12px/15px Arial, Helvetica, sans-serif;
	margin:15px 0px;
}

#Content p img{
	float:left;	
	margin:0px 10px 2px 0px;
	border:1px solid #bcbcbc;
}

#Content p span{
	font-weight:bold;
	color:#004862;
}

/********************
**  Arrow Sliders  **
*********************/

#LeftArrow{
	position:absolute;
	top:364px;
	left:40px;
	width:40px;
	height:27px;
	z-index:20;	
}

#LeftArrow a{
	text-indent:-999999px;
	display:block;
	width:40px;
	height:27px;
	background: url(../gfx/scroll_left.jpg) no-repeat top left;
}


#RightArrow{
	position:absolute;
	top:364px;
	left:90px;
	width:40px;
	height:27px;
	z-index:20;	
}

#RightArrow a{
	text-indent:-999999px;
	width:40px;
	height:27px;
	display:block;
	
	background: url(../gfx/scroll_right.jpg) no-repeat top left;
}
/* End Arrow Sliders */

#BackButton{
	position:absolute;
	top:413px;
	left:85px;
	width:118px;
	height:27px;
	z-index:20;	
}

#BackButton a{
	text-indent:-999999px;
	width:118px;
	height:27px;
	display:block;
	
	background: url(../gfx/btn_backtowines.gif) no-repeat top left;
}

#BackButton a:hover{
	background-position: left -27px;
}




#Footer{
	position:relative;
	width:980px;
	height:35px;
	margin:0px auto;
}

#Footer p{
	color:#999999;
	font:9px Arial;
	letter-spacing:0.0em;
}

#Copyright{
	position:relative;
	float:right;
	width:220px;
	height:30px;
	margin-right:16px;
	padding-right:50px;
	text-align:right;
	background: url(../gfx/copyright_wine.png) no-repeat top right;
	
}

#Copyright p{
	margin-top:7px;	
}

#Zito{
	position:relative;
	margin-left:16px;
	float:left;
	width:41px;
	height:32px;
	background: url(../gfx/zito.png) no-repeat top right;
}

#Zito a{
	position:relative;
	display:block;
	width:41px;
	height:32px;
	text-indent:-9999999px;
}


#Content a{
	color:#004862;	
	text-decoration:none;
}

#Content a:hover{
	color:#d3e5ec;	
	text-decoration:none;
}

a.fluxar{
	color:#dddddd;	
	text-decoration:none;
}

a.fluxar:hover{
	color:#6a191d;	
	text-decoration:underline;
}



.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}